@elvia/elvis-toolbox - npm Package Compare versions

Comparing version 12.0.2 to 12.0.3

CHANGELOG.json

@@ -6,2 +6,12 @@ {
     {
+      "date": "21.06.24",
+      "version": "12.0.3",
+      "changelog": [
+        {
+          "type": "bug_fix",
+          "changes": ["Fix layout issue after migrating to <code>@emotion</code>"]
+        }
+      ]
+    },
+    {
       "date": "30.05.24",
@@ -8,0 +18,0 @@ "version": "12.0.2",

dist/components/form-field/formFieldStyles.js

@@ -9,3 +9,3 @@ import _styled from "@emotion/styled/base";
 const setActiveBorder = (size) => {
-  return /* @__PURE__ */ css("border:2px solid ", getThemeColor("border-selected-1"), ";padding:", size === "small" ? "0 3px 0 7px" : "0 7px 0 15px", ";;label:setActiveBorder;");
+  return /* @__PURE__ */ css("border-width:2px;padding:", size === "small" ? "0 3px 0 7px" : "0 7px 0 15px", ";;label:setActiveBorder;");
 };
@@ -15,3 +15,3 @@ const FormFieldInputContainer = /* @__PURE__ */ _styled("div", {
   label: "FormFieldInputContainer"
-})("display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 16px;color:", getThemeColor("text-1"), ";border:1px solid ", getThemeColor("border-1"), ";background:", getThemeColor("background-element-1"), ";height:48px;border-radius:4px;cursor:text;transition:border-color 150ms;.e-table &&{border:1px solid ", getThemeColor("border-6"), ";background:transparent;}");
+})("display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 16px;color:", getThemeColor("text-1"), ";border:1px solid var(--border-color);background:", getThemeColor("background-element-1"), ";height:48px;border-radius:4px;cursor:text;transition:border-color 150ms;.e-table &&{border:1px solid ", getThemeColor("border-6"), ";background:transparent;}");
 var _ref2 = false ? {
@@ -36,3 +36,3 @@ name: "2vcw11-FormFieldContainer",
   label: "FormFieldContainer"
-})("display:inline-block;position:relative;box-sizing:border-box;text-align:left;line-height:1;font-size:16px;", ({
+})("--border-color:", getThemeColor("border-1"), ";display:inline-block;position:relative;box-sizing:border-box;text-align:left;line-height:1;font-size:16px;", ({
   hasErrorPlaceholder
@@ -50,11 +50,11 @@ }) => hasErrorPlaceholder && _ref3, " ", ({
   isDisabled
-}) => isDisabled && /* @__PURE__ */ css("&& ", FormFieldInputContainer, "{{cursor:not-allowed;border-color:", getThemeColor("border-disabled-1"), ";}}", FormFieldInputSuffixText, "{color:", getThemeColor("text-disabled-1"), ";-webkit-text-fill-color:", getThemeColor("text-disabled-1"), ";};label:FormFieldContainer;"), ";", ({
+}) => isDisabled && /* @__PURE__ */ css("--border-color:", getThemeColor("border-disabled-1"), ";", FormFieldInputContainer, "{{cursor:not-allowed;}}", FormFieldInputSuffixText, "{color:", getThemeColor("text-disabled-1"), ";-webkit-text-fill-color:", getThemeColor("text-disabled-1"), ";};label:FormFieldContainer;"), ";", ({
   isInvalid,
   size
-}) => isInvalid && /* @__PURE__ */ css(FormFieldInputContainer, "{", setActiveBorder(size), ";border-color:", getThemeColor("signal-danger"), ";};label:FormFieldContainer;"), ";", ({
+}) => isInvalid && /* @__PURE__ */ css("--border-color:", getThemeColor("signal-danger"), ";", FormFieldInputContainer, "{", setActiveBorder(size), ";};label:FormFieldContainer;"), ";", ({
   isActive,
   size
-}) => isActive && /* @__PURE__ */ css(FormFieldInputContainer, "{", setActiveBorder(size), ";};label:FormFieldContainer;"), " ", FormFieldInputContainer, ":focus-within{", ({
+}) => isActive && /* @__PURE__ */ css("--border-color:", getThemeColor("border-selected-1"), ";", FormFieldInputContainer, "{", setActiveBorder(size), ";};label:FormFieldContainer;"), " &:focus-within{--border-color:", getThemeColor("border-selected-1"), ";", FormFieldInputContainer, "{", ({
   size
-}) => setActiveBorder(size), ";}");
+}) => setActiveBorder(size), ";}}");
 var _ref = false ? {
@@ -81,3 +81,3 @@ name: "1yj5h77-FormFieldLabel",
   label: "FormFieldInput"
-})(getTypographyCss("text-md"), " min-width:0;padding:0;margin:0;border:none;background-color:transparent;cursor:inherit;&:disabled{color:", getThemeColor("text-disabled-1"), ";-webkit-text-fill-color:", getThemeColor("text-disabled-1"), ";}");
+})(getTypographyCss("text-md"), " min-width:0;padding:0;margin:0;border:none;background-color:transparent;cursor:inherit;&:disabled{color:", getThemeColor("text-disabled-1"), ";-webkit-text-fill-color:", getThemeColor("text-disabled-1"), ";}&:focus-visible{outline:none;}");
 export {
@@ -84,0 +84,0 @@ FormFieldContainer,

package.json

 {
   "name": "@elvia/elvis-toolbox",
-  "version": "12.0.2",
+  "version": "12.0.3",
   "license": "MIT",
@@ -5,0 +5,0 @@ "repository": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

118968

increased by0.32%

Lines of code

3400

increased by0.35%

No dependency changes