feat(TextInput, PhoneInput, MoneyInput)!: rebase

kronostechnologies · Jan 9, 2025 · 0947c6f · 0947c6f
1 parent 5abf3e0
commit 0947c6f
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 11 deletions.
diff --git a/packages/react/src/components/numeric-input/numeric-input.test.tsx.snap b/packages/react/src/components/numeric-input/numeric-input.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`NumericInput matches the snapshot (Disabled) 1`] = `
   margin-bottom: var(--spacing-half);
 }
 
-.c4 {
+.c6 {
   background-color-color: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
@@ -82,13 +82,13 @@ exports[`NumericInput matches the snapshot (Disabled) 1`] = `
   color: #B7BBC2;
 }
 
-.c4:-moz-read-only {
+.c6:-moz-read-only {
   background-color: rgb(0 0 0 / 0.03);
   border-color: transparent;
   color: #1B1C1E;
 }
 
-.c4:read-only {
+.c6:read-only {
   background-color: rgb(0 0 0 / 0.03);
   border-color: transparent;
   color: #1B1C1E;
@@ -124,7 +124,7 @@ exports[`NumericInput matches the snapshot (Disabled) 1`] = `
 }
 
 .c2 {
-  background: #FFFFFF;
+  background-color: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
   box-sizing: border-box;
@@ -228,7 +228,7 @@ exports[`NumericInput matches the snapshot (Invalid) 1`] = `
 }
 
 .c7 {
-  background-color-color: #FFFFFF;
+  background-color: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
   box-sizing: border-box;
@@ -294,13 +294,13 @@ exports[`NumericInput matches the snapshot (Invalid) 1`] = `
   color: #B7BBC2;
 }
 
-.c5:-moz-read-only {
+.c7:-moz-read-only {
   background-color: rgb(0 0 0 / 0.03);
   border-color: transparent;
   color: #1B1C1E;
 }
 
-.c5:read-only {
+.c7:read-only {
   background-color: rgb(0 0 0 / 0.03);
   border-color: transparent;
   color: #1B1C1E;
@@ -336,7 +336,7 @@ exports[`NumericInput matches the snapshot (Invalid) 1`] = `
 }
 
 .c4 {
-  background: #FFFFFF;
+  background-color: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
   box-sizing: border-box;
@@ -848,7 +848,7 @@ exports[`NumericInput matches the snapshot (Normal - Adornment at start) 1`] = `
 }
 
 .c2 {
-  background: #FFFFFF;
+  background-color: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
   box-sizing: border-box;
@@ -919,7 +919,7 @@ exports[`NumericInput matches the snapshot (Normal - Adornment at start) 1`] = `
 }
 
 .c5 {
-  background: #FFFFFF;
+  background-color: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
   box-sizing: border-box;
@@ -985,6 +985,18 @@ exports[`NumericInput matches the snapshot (Normal - Adornment at start) 1`] = `
   color: #B7BBC2;
 }
 
+.c5:-moz-read-only {
+  background-color: rgb(0 0 0 / 0.03);
+  border-color: transparent;
+  color: #1B1C1E;
+}
+
+.c5:read-only {
+  background-color: rgb(0 0 0 / 0.03);
+  border-color: transparent;
+  color: #1B1C1E;
+}
+
 .c5:focus,
 .c5:disabled {
   border: 0;
@@ -1015,7 +1027,7 @@ exports[`NumericInput matches the snapshot (Normal - Adornment at start) 1`] = `
 }
 
 .c2 {
-  background: #FFFFFF;
+  background-color: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
   box-sizing: border-box;

diff --git a/packages/react/src/themes/build-theme.test.ts.snap b/packages/react/src/themes/build-theme.test.ts.snap
@@ -59,23 +59,27 @@ exports[`buildTheme should build the defaultAliasTokens theme with the customiza
   "color-control-auxiliary-disabled": "#B7BBC2",
   "color-control-auxiliary-error": "#CD2C23",
   "color-control-auxiliary-hover": "#000000",
+  "color-control-auxiliary-readonly": "#60666E",
   "color-control-auxiliary-selected": "#003A5A",
   "color-control-auxiliary-success": "#008533",
   "color-control-background": "#FFFFFF",
   "color-control-background-checked": "#006296",
   "color-control-background-disabled": "#F1F2F2",
   "color-control-background-hover": "#DBDEE1",
+  "color-control-background-readonly": "rgb(0 0 0 / 0.03)",
   "color-control-background-selected": "red",
   "color-control-background-selected-hover": "#C2E2F4",
   "color-control-border": "#60666E",
   "color-control-border-checked": "#006296",
   "color-control-border-disabled": "#B7BBC2",
   "color-control-border-error": "#CD2C23",
   "color-control-border-hover": "#000000",
+  "color-control-border-readonly": "transparent",
   "color-control-border-selected": "#006296",
   "color-control-value": "red",
   "color-control-value-disabled": "#B7BBC2",
   "color-control-value-hover": "#000000",
+  "color-control-value-readonly": "red",
   "color-feedback-background-alert-bold": "#CD2C23",
   "color-feedback-background-alert-subtle": "#FAEAE9",
   "color-feedback-background-alert-subtlest": "#FDF7F6",