@northlight/ui 2.35.3 → 2.35.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1006,8 +1006,9 @@
1006
1006
  _focusVisible: {
1007
1007
  bgColor: color.background.input["outline-focus"],
1008
1008
  borderColor: color.border.input.focus,
1009
+ boxShadow: `inset 0 0 0 1px ${color.border.input.focus}`,
1009
1010
  _invalid: {
1010
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1011
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1011
1012
  bgColor: color.background.input["outline-error"],
1012
1013
  borderColor: color.border.input.error
1013
1014
  }
@@ -1018,7 +1019,8 @@
1018
1019
  },
1019
1020
  _invalid: {
1020
1021
  bgColor: color.background.input["outline-error"],
1021
- borderColor: color.border.input.error
1022
+ borderColor: color.border.input.error,
1023
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`
1022
1024
  },
1023
1025
  _disabled: {
1024
1026
  bgColor: color.background.input["outline-disabled"],
@@ -1057,20 +1059,20 @@
1057
1059
  bgColor: color.background.input["filled-hover"]
1058
1060
  },
1059
1061
  _focusVisible: {
1060
- boxShadow: `0 0 0 1px ${color.border.input.focus}`,
1062
+ boxShadow: `inset 0 0 0 1px ${color.border.input.focus}`,
1061
1063
  borderColor: color.border.input.focus,
1062
1064
  bgColor: color.background.input["filled-focus"],
1063
1065
  _readOnly: {
1064
1066
  bgColor: color.background.input["filled-default"]
1065
1067
  },
1066
1068
  _invalid: {
1067
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1069
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1068
1070
  bgColor: color.background.input["outline-error"],
1069
1071
  borderColor: color.border.input.error
1070
1072
  }
1071
1073
  },
1072
1074
  _invalid: {
1073
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1075
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1074
1076
  bgColor: color.background.input["filled-error"],
1075
1077
  borderColor: color.border.input.error
1076
1078
  },
@@ -1157,11 +1159,11 @@
1157
1159
  _focusVisible: {
1158
1160
  bgColor: color.background.input["outline-focus"],
1159
1161
  _hover: {
1160
- boxShadow: `0 0 0 1px ${color.border.ai}`,
1162
+ boxShadow: `inset 0 0 0 1px ${color.border.ai}`,
1161
1163
  borderColor: color.border.ai
1162
1164
  },
1163
1165
  _invalid: {
1164
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1166
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1165
1167
  bgColor: color.background.input["outline-error"],
1166
1168
  borderColor: color.border.input.error
1167
1169
  }
@@ -1718,12 +1720,12 @@
1718
1720
  _focusVisible: {
1719
1721
  bg: color.background.input["outline-focus"],
1720
1722
  borderColor: color.border.input.focus,
1721
- boxShadow: `0 0 0 1px ${color.border.textarea.focus}`
1723
+ boxShadow: `inset 0 0 0 1px ${color.border.textarea.focus}`
1722
1724
  },
1723
1725
  _invalid: {
1724
1726
  bg: color.background.input["outline-error"],
1725
1727
  borderColor: color.border.input.error,
1726
- boxShadow: `0 0 0 1px ${color.border.input.error}`
1728
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`
1727
1729
  },
1728
1730
  _disabled: {
1729
1731
  bg: color.background.input["outline-disabled"],
@@ -1929,10 +1931,10 @@
1929
1931
  _focusWithin: {
1930
1932
  bgColor: color.background.input["outline-focus"],
1931
1933
  borderColor: color.border.textarea.focus,
1932
- boxShadow: `0 0 0 1px ${color.border.textarea.focus}`
1934
+ boxShadow: `inset 0 0 0 1px ${color.border.textarea.focus}`
1933
1935
  },
1934
1936
  _invalid: {
1935
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1937
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1936
1938
  borderColor: color.border.input.error
1937
1939
  },
1938
1940
  _disabled: {
@@ -1953,11 +1955,11 @@
1953
1955
  outline: "none",
1954
1956
  rounded: "md",
1955
1957
  _focus: {
1956
- bgColor: "blue.500",
1958
+ bgColor: "bg.brand.default",
1957
1959
  color: color.text.inverted
1958
1960
  },
1959
1961
  _placeholder: {
1960
- color: "red.500"
1962
+ color: "destructive"
1961
1963
  }
1962
1964
  }
1963
1965
  }),