@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.
Files changed (7) hide show
  1. package/dist/es/northlight.js +15 -13
  2. package/dist/es/northlight.js.map +1 -1
  3. package/dist/umd/northlight.cjs +15 -13
  4. package/dist/umd/northlight.cjs.map +1 -1
  5. package/dist/umd/northlight.min.cjs +1 -1
  6. package/dist/umd/northlight.min.cjs.map +1 -1
  7. package/package.json +2 -2
package/dist/es/northlight.js CHANGED
@@ -1046,8 +1046,9 @@ const Input = {
1046
1046
  _focusVisible: {
1047
1047
  bgColor: color.background.input["outline-focus"],
1048
1048
  borderColor: color.border.input.focus,
1049
+ boxShadow: `inset 0 0 0 1px ${color.border.input.focus}`,
1049
1050
  _invalid: {
1050
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1051
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1051
1052
  bgColor: color.background.input["outline-error"],
1052
1053
  borderColor: color.border.input.error
1053
1054
  }
@@ -1058,7 +1059,8 @@ const Input = {
1058
1059
  },
1059
1060
  _invalid: {
1060
1061
  bgColor: color.background.input["outline-error"],
1061
- borderColor: color.border.input.error
1062
+ borderColor: color.border.input.error,
1063
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`
1062
1064
  },
1063
1065
  _disabled: {
1064
1066
  bgColor: color.background.input["outline-disabled"],
@@ -1097,20 +1099,20 @@ const Input = {
1097
1099
  bgColor: color.background.input["filled-hover"]
1098
1100
  },
1099
1101
  _focusVisible: {
1100
- boxShadow: `0 0 0 1px ${color.border.input.focus}`,
1102
+ boxShadow: `inset 0 0 0 1px ${color.border.input.focus}`,
1101
1103
  borderColor: color.border.input.focus,
1102
1104
  bgColor: color.background.input["filled-focus"],
1103
1105
  _readOnly: {
1104
1106
  bgColor: color.background.input["filled-default"]
1105
1107
  },
1106
1108
  _invalid: {
1107
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1109
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1108
1110
  bgColor: color.background.input["outline-error"],
1109
1111
  borderColor: color.border.input.error
1110
1112
  }
1111
1113
  },
1112
1114
  _invalid: {
1113
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1115
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1114
1116
  bgColor: color.background.input["filled-error"],
1115
1117
  borderColor: color.border.input.error
1116
1118
  },
@@ -1197,11 +1199,11 @@ const Input = {
1197
1199
  _focusVisible: {
1198
1200
  bgColor: color.background.input["outline-focus"],
1199
1201
  _hover: {
1200
- boxShadow: `0 0 0 1px ${color.border.ai}`,
1202
+ boxShadow: `inset 0 0 0 1px ${color.border.ai}`,
1201
1203
  borderColor: color.border.ai
1202
1204
  },
1203
1205
  _invalid: {
1204
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1206
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1205
1207
  bgColor: color.background.input["outline-error"],
1206
1208
  borderColor: color.border.input.error
1207
1209
  }
@@ -1758,12 +1760,12 @@ const NumberInput$1 = {
1758
1760
  _focusVisible: {
1759
1761
  bg: color.background.input["outline-focus"],
1760
1762
  borderColor: color.border.input.focus,
1761
- boxShadow: `0 0 0 1px ${color.border.textarea.focus}`
1763
+ boxShadow: `inset 0 0 0 1px ${color.border.textarea.focus}`
1762
1764
  },
1763
1765
  _invalid: {
1764
1766
  bg: color.background.input["outline-error"],
1765
1767
  borderColor: color.border.input.error,
1766
- boxShadow: `0 0 0 1px ${color.border.input.error}`
1768
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`
1767
1769
  },
1768
1770
  _disabled: {
1769
1771
  bg: color.background.input["outline-disabled"],
@@ -1969,10 +1971,10 @@ const DatePicker$1 = {
1969
1971
  _focusWithin: {
1970
1972
  bgColor: color.background.input["outline-focus"],
1971
1973
  borderColor: color.border.textarea.focus,
1972
- boxShadow: `0 0 0 1px ${color.border.textarea.focus}`
1974
+ boxShadow: `inset 0 0 0 1px ${color.border.textarea.focus}`
1973
1975
  },
1974
1976
  _invalid: {
1975
- boxShadow: `0 0 0 1px ${color.border.input.error}`,
1977
+ boxShadow: `inset 0 0 0 1px ${color.border.input.error}`,
1976
1978
  borderColor: color.border.input.error
1977
1979
  },
1978
1980
  _disabled: {
@@ -1993,11 +1995,11 @@ const DatePicker$1 = {
1993
1995
  outline: "none",
1994
1996
  rounded: "md",
1995
1997
  _focus: {
1996
- bgColor: "blue.500",
1998
+ bgColor: "bg.brand.default",
1997
1999
  color: color.text.inverted
1998
2000
  },
1999
2001
  _placeholder: {
2000
- color: "red.500"
2002
+ color: "destructive"
2001
2003
  }
2002
2004
  }
2003
2005
  }),