@codeleap/styles 5.8.2 → 5.8.3

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 (69) hide show
  1. package/package.json +9 -15
  2. package/package.json.bak +8 -14
  3. package/src/classes/Cacher.ts +169 -0
  4. package/src/classes/StaleControl.ts +125 -0
  5. package/src/classes/StyleCache.ts +116 -0
  6. package/src/classes/StylePersistor.ts +62 -0
  7. package/src/{lib → classes}/StyleRegistry.ts +7 -12
  8. package/src/classes/index.ts +2 -0
  9. package/src/classes/tests/Cache.spec.ts +371 -0
  10. package/src/classes/tests/StaleControl.spec.ts +175 -0
  11. package/src/classes/tests/StyleCache.spec.ts +452 -0
  12. package/src/classes/tests/StylePersistor.spec.ts +231 -0
  13. package/src/{lib/constants.ts → constants.ts} +1 -0
  14. package/src/hooks/index.ts +4 -0
  15. package/src/hooks/tests/useCompositionStyles.spec.ts +107 -0
  16. package/src/hooks/tests/useStyleObserver.spec.ts +89 -0
  17. package/src/hooks/useCompositionStyles.ts +33 -0
  18. package/src/hooks/useNestedStylesByKey.ts +13 -0
  19. package/src/hooks/useStyleObserver.ts +19 -0
  20. package/src/hooks/useTheme.ts +16 -0
  21. package/src/index.ts +9 -5
  22. package/src/lib/createStyles.ts +10 -1
  23. package/src/lib/createTheme.ts +22 -13
  24. package/src/lib/index.ts +1 -10
  25. package/src/lib/tests/createStyles.spec.ts +151 -0
  26. package/src/tests/colors/baseColors.ts +166 -0
  27. package/src/tests/colors/darkMode.ts +232 -0
  28. package/src/tests/colors/lightMode.ts +285 -0
  29. package/src/tests/measures.ts +31 -0
  30. package/src/tests/theme.ts +58 -0
  31. package/src/theme/generateColorScheme.ts +53 -0
  32. package/src/theme/index.ts +3 -0
  33. package/src/theme/tests/generateColorScheme.spec.ts +118 -0
  34. package/src/theme/tests/themeStore.spec.ts +698 -0
  35. package/src/theme/tests/validateTheme.spec.ts +173 -0
  36. package/src/{lib → theme}/themeStore.ts +68 -3
  37. package/src/{lib → theme}/validateTheme.ts +13 -0
  38. package/src/tools/colors.ts +83 -39
  39. package/src/tools/deepClone.ts +10 -0
  40. package/src/tools/deepmerge.ts +10 -0
  41. package/src/{lib → tools}/hashKey.ts +7 -0
  42. package/src/tools/index.ts +6 -1
  43. package/src/tools/minifier.ts +38 -0
  44. package/src/tools/tests/colors.spec.ts +233 -0
  45. package/src/tools/tests/deepClone.spec.ts +102 -0
  46. package/src/tools/tests/deepmerge.spec.ts +155 -0
  47. package/src/tools/tests/hashKey.spec.ts +69 -0
  48. package/src/tools/tests/minifier.spec.ts +173 -0
  49. package/src/types/store.ts +2 -2
  50. package/src/types/style.ts +3 -3
  51. package/src/types/theme.ts +4 -4
  52. package/src/{lib/utils.ts → utils.ts} +3 -3
  53. package/src/{lib → variants}/borderCreator.ts +2 -2
  54. package/src/{lib → variants}/createAppVariants.ts +1 -1
  55. package/src/{lib → variants}/dynamicVariants.ts +1 -1
  56. package/src/variants/index.ts +6 -0
  57. package/src/{lib → variants}/spacing.ts +37 -24
  58. package/src/variants/tests/borderCreator.spec.ts +180 -0
  59. package/src/variants/tests/dynamicVariants.spec.ts +194 -0
  60. package/src/variants/tests/spacing.spec.ts +177 -0
  61. package/src/lib/Cacher.ts +0 -112
  62. package/src/lib/StaleControl.ts +0 -73
  63. package/src/lib/StyleCache.ts +0 -81
  64. package/src/lib/StylePersistor.ts +0 -28
  65. package/src/lib/hooks.ts +0 -64
  66. package/src/lib/minifier.ts +0 -20
  67. /package/src/{lib → tools}/multiplierProperty.ts +0 -0
  68. /package/src/{lib → variants}/defaultVariants.ts +0 -0
  69. /package/src/{lib → variants}/mediaQuery.ts +0 -0
package/src/tests/colors/baseColors.ts ADDED
@@ -0,0 +1,166 @@
1
+ export default {
2
+ 'neutralSolid0': 'rgba(255, 255, 255, 1.00)',
3
+ 'neutralSolid200': 'rgba(244, 244, 244, 1.00)',
4
+ 'neutralSolid300': 'rgba(235, 235, 235, 1.00)',
5
+ 'neutralSolid400': 'rgba(222, 222, 222, 1.00)',
6
+ 'neutralSolid500': 'rgba(136, 136, 136, 1.00)',
7
+ 'neutralSolid600': 'rgba(102, 102, 102, 1.00)',
8
+ 'neutralSolid700': 'rgba(51, 51, 51, 1.00)',
9
+ 'neutralSolid800': 'rgba(34, 34, 34, 1.00)',
10
+ 'neutralSolid900': 'rgba(17, 17, 17, 1.00)',
11
+ 'neutralSolid1000': 'rgba(0, 0, 0, 1.00)',
12
+ 'neutralTransparent20': 'rgba(0, 0, 0, 0.02)',
13
+ 'neutralTransparent50': 'rgba(0, 0, 0, 0.07)',
14
+ 'neutralTransparent100': 'rgba(0, 0, 0, 0.14)',
15
+ 'neutralTransparent200': 'rgba(0, 0, 0, 0.20)',
16
+ 'neutralTransparent250': 'rgba(0, 0, 0, 0.25)',
17
+ 'neutralTransparent300': 'rgba(0, 0, 0, 0.30)',
18
+ 'neutralTransparent400': 'rgba(0, 0, 0, 0.40)',
19
+ 'neutralTransparent500': 'rgba(0, 0, 0, 0.50)',
20
+ 'neutralTransparent600': 'rgba(0, 0, 0, 0.60)',
21
+ 'neutralTransparent700': 'rgba(0, 0, 0, 0.70)',
22
+ 'neutralTransparent800': 'rgba(0, 0, 0, 0.80)',
23
+ 'neutralTransparent900': 'rgba(0, 0, 0, 0.90)',
24
+ 'neutralTransparent950': 'rgba(0, 0, 0, 0.95)',
25
+ 'neutralBlackTransparent50': 'rgba(0, 0, 0, 0.05)',
26
+ 'neutralBlackTransparent100': 'rgba(0, 0, 0, 0.10)',
27
+ 'neutralBlackTransparent200': 'rgba(0, 0, 0, 0.20)',
28
+ 'neutralBlackTransparent300': 'rgba(0, 0, 0, 0.30)',
29
+ 'neutralBlackTransparent400': 'rgba(0, 0, 0, 0.40)',
30
+ 'neutralBlackTransparent500': 'rgba(0, 0, 0, 0.50)',
31
+ 'neutralBlackTransparent600': 'rgba(0, 0, 0, 0.60)',
32
+ 'neutralBlackTransparent700': 'rgba(0, 0, 0, 0.70)',
33
+ 'neutralBlackTransparent800': 'rgba(0, 0, 0, 0.80)',
34
+ 'neutralBlackTransparent900': 'rgba(0, 0, 0, 0.90)',
35
+ 'neutralWhiteTransparent20': 'rgba(255, 255, 255, 0.02)',
36
+ 'neutralWhiteTransparent70': 'rgba(255, 255, 255, 0.07)',
37
+ 'neutralWhiteTransparent150': 'rgba(255, 255, 255, 0.15)',
38
+ 'neutralWhiteTransparent200': 'rgba(255, 255, 255, 0.20)',
39
+ 'neutralWhiteTransparent250': 'rgba(255, 255, 255, 0.40)',
40
+ 'neutralWhiteTransparent500': 'rgba(255, 255, 255, 0.50)',
41
+ 'neutralWhiteTransparent600': 'rgba(255, 255, 255, 0.60)',
42
+ 'neutralWhiteTransparent700': 'rgba(255, 255, 255, 0.70)',
43
+ 'neutralWhiteTransparent800': 'rgba(255, 255, 255, 0.80)',
44
+ 'neutralWhiteTransparent900': 'rgba(255, 255, 255, 0.90)',
45
+ 'neutralWhiteTransparent0': 'rgba(255, 255, 255, 0.00)',
46
+ 'primarySolid50': 'rgba(237, 248, 251, 1.00)',
47
+ 'primarySolid100': 'rgba(212, 238, 245, 1.00)',
48
+ 'primarySolid200': 'rgba(178, 224, 237, 1.00)',
49
+ 'primarySolid300': 'rgba(142, 210, 229, 1.00)',
50
+ 'primarySolid400': 'rgba(108, 197, 221, 1.00)',
51
+ 'primaryTransparent50': 'rgba(76, 184, 214, 0.05)',
52
+ 'primaryTransparent100': 'rgba(76, 184, 214, 0.10)',
53
+ 'primaryTransparent200': 'rgba(76, 184, 214, 0.20)',
54
+ 'primaryTransparent250': 'rgba(76, 184, 214, 0.25)',
55
+ 'primaryTransparent300': 'rgba(76, 184, 214, 0.30)',
56
+ 'primarySolid500': 'rgba(76, 184, 214, 1.00)',
57
+ 'primarySolid600': 'rgba(65, 156, 182, 1.00)',
58
+ 'primarySolid700': 'rgba(54, 131, 152, 1.00)',
59
+ 'primarySolid800': 'rgba(43, 105, 122, 1.00)',
60
+ 'primarySolid900': 'rgba(34, 83, 96, 1.00)',
61
+ 'primaryTransparent500': 'rgba(76, 184, 214, 0.50)',
62
+ 'primaryTransparent600': 'rgba(76, 184, 214, 0.60)',
63
+ 'primaryTransparent700': 'rgba(76, 184, 214, 0.70)',
64
+ 'primaryTransparent800': 'rgba(76, 184, 214, 0.80)',
65
+ 'primaryTransparent900': 'rgba(76, 184, 214, 0.90)',
66
+ 'blueSolid50': 'rgba(230, 240, 250, 1.00)',
67
+ 'blueSolid100': 'rgba(194, 220, 244, 1.00)',
68
+ 'blueSolid200': 'rgba(145, 192, 235, 1.00)',
69
+ 'blueSolid300': 'rgba(94, 162, 226, 1.00)',
70
+ 'blueSolid400': 'rgba(46, 134, 217, 1.00)',
71
+ 'blueSolid500': 'rgba(0, 108, 209, 1.00)',
72
+ 'blueSolid600': 'rgba(0, 92, 178, 1.00)',
73
+ 'blueSolid700': 'rgba(0, 77, 148, 1.00)',
74
+ 'blueSolid800': 'rgba(0, 62, 119, 1.00)',
75
+ 'blueSolid900': 'rgba(0, 49, 94, 1.00)',
76
+ 'blueTransparent50': 'rgba(0, 108, 209, 0.05)',
77
+ 'blueTransparent100': 'rgba(0, 108, 209, 0.10)',
78
+ 'blueTransparent200': 'rgba(0, 108, 209, 0.20)',
79
+ 'blueTransparent250': 'rgba(0, 108, 209, 0.25)',
80
+ 'blueTransparent300': 'rgba(0, 108, 209, 0.30)',
81
+ 'blueTransparent500': 'rgba(0, 108, 209, 0.50)',
82
+ 'blueTransparent600': 'rgba(0, 108, 209, 0.60)',
83
+ 'blueTransparent700': 'rgba(0, 108, 209, 0.70)',
84
+ 'blueTransparent800': 'rgba(0, 108, 209, 0.80)',
85
+ 'blueTransparent900': 'rgba(0, 108, 209, 0.90)',
86
+ 'redSolid50': 'rgba(250, 233, 233, 1.00)',
87
+ 'redSolid100': 'rgba(244, 203, 203, 1.00)',
88
+ 'redSolid200': 'rgba(235, 161, 161, 1.00)',
89
+ 'redSolid300': 'rgba(225, 118, 118, 1.00)',
90
+ 'redSolid400': 'rgba(216, 76, 76, 1.00)',
91
+ 'redSolid500': 'rgba(208, 37, 37, 1.00)',
92
+ 'redSolid600': 'rgba(177, 31, 31, 1.00)',
93
+ 'redSolid700': 'rgba(148, 26, 26, 1.00)',
94
+ 'redSolid800': 'rgba(119, 21, 21, 1.00)',
95
+ 'redSolid900': 'rgba(94, 17, 17, 1.00)',
96
+ 'redTransparent50': 'rgba(208, 37, 37, 0.05)',
97
+ 'redTransparent100': 'rgba(208, 37, 37, 0.10)',
98
+ 'redTransparent200': 'rgba(208, 37, 37, 0.20)',
99
+ 'redTransparent250': 'rgba(208, 37, 37, 0.25)',
100
+ 'redTransparent300': 'rgba(208, 37, 37, 0.30)',
101
+ 'redTransparent500': 'rgba(208, 37, 37, 0.50)',
102
+ 'redTransparent600': 'rgba(208, 37, 37, 0.60)',
103
+ 'redTransparent700': 'rgba(208, 37, 37, 0.70)',
104
+ 'redTransparent800': 'rgba(208, 37, 37, 0.80)',
105
+ 'redTransparent900': 'rgba(208, 37, 37, 0.90)',
106
+ 'yellowSolid50': 'rgba(252, 246, 230, 1.00)',
107
+ 'yellowSolid100': 'rgba(248, 233, 194, 1.00)',
108
+ 'yellowSolid200': 'rgba(242, 216, 145, 1.00)',
109
+ 'yellowSolid300': 'rgba(235, 198, 94, 1.00)',
110
+ 'yellowSolid400': 'rgba(230, 181, 46, 1.00)',
111
+ 'yellowSolid500': 'rgba(224, 165, 0, 1.00)',
112
+ 'yellowSolid600': 'rgba(190, 140, 0, 1.00)',
113
+ 'yellowSolid700': 'rgba(159, 117, 0, 1.00)',
114
+ 'yellowSolid800': 'rgba(128, 94, 0, 1.00)',
115
+ 'yellowSolid900': 'rgba(101, 74, 0, 1.00)',
116
+ 'yellowTransparent50': 'rgba(224, 165, 0, 0.05)',
117
+ 'yellowTransparent100': 'rgba(224, 165, 0, 0.10)',
118
+ 'yellowTransparent200': 'rgba(224, 165, 0, 0.20)',
119
+ 'yellowTransparent250': 'rgba(224, 165, 0, 0.25)',
120
+ 'yellowTransparent300': 'rgba(224, 165, 0, 0.30)',
121
+ 'yellowTransparent500': 'rgba(224, 165, 0, 0.50)',
122
+ 'yellowTransparent600': 'rgba(224, 165, 0, 0.60)',
123
+ 'yellowTransparent700': 'rgba(224, 165, 0, 0.70)',
124
+ 'yellowTransparent800': 'rgba(224, 165, 0, 0.80)',
125
+ 'yellowTransparent900': 'rgba(224, 165, 0, 0.90)',
126
+ 'greenSolid50': 'rgba(230, 248, 236, 1.00)',
127
+ 'greenSolid100': 'rgba(196, 237, 208, 1.00)',
128
+ 'greenSolid200': 'rgba(149, 223, 171, 1.00)',
129
+ 'greenSolid300': 'rgba(99, 208, 132, 1.00)',
130
+ 'greenSolid400': 'rgba(52, 194, 95, 1.00)',
131
+ 'greenSolid500': 'rgba(8, 180, 60, 1.00)',
132
+ 'greenSolid600': 'rgba(7, 153, 51, 1.00)',
133
+ 'greenSolid700': 'rgba(6, 128, 43, 1.00)',
134
+ 'greenSolid800': 'rgba(5, 103, 34, 1.00)',
135
+ 'greenSolid900': 'rgba(4, 81, 27, 1.00)',
136
+ 'greenTransparent50': 'rgba(8, 180, 60, 0.05)',
137
+ 'greenTransparent100': 'rgba(8, 180, 60, 0.10)',
138
+ 'greenTransparent200': 'rgba(8, 180, 60, 0.20)',
139
+ 'greenTransparent250': 'rgba(8, 180, 60, 0.25)',
140
+ 'greenTransparent300': 'rgba(8, 180, 60, 0.30)',
141
+ 'greenTransparent500': 'rgba(8, 180, 60, 0.50)',
142
+ 'greenTransparent600': 'rgba(8, 180, 60, 0.60)',
143
+ 'greenTransparent700': 'rgba(8, 180, 60, 0.70)',
144
+ 'greenTransparent800': 'rgba(8, 180, 60, 0.80)',
145
+ 'greenTransparent900': 'rgba(8, 180, 60, 0.90)',
146
+ 'secondarySolid50': 'rgba(242, 243, 254, 1.00)',
147
+ 'secondarySolid100': 'rgba(225, 225, 253, 1.00)',
148
+ 'secondarySolid200': 'rgba(201, 202, 252, 1.00)',
149
+ 'secondarySolid300': 'rgba(176, 177, 251, 1.00)',
150
+ 'secondarySolid400': 'rgba(152, 153, 249, 1.00)',
151
+ 'secondarySolid500': 'rgba(129, 131, 248, 1.00)',
152
+ 'secondarySolid600': 'rgba(110, 111, 211, 1.00)',
153
+ 'secondarySolid700': 'rgba(92, 93, 176, 1.00)',
154
+ 'secondarySolid800': 'rgba(74, 75, 141, 1.00)',
155
+ 'secondarySolid900': 'rgba(58, 59, 112, 1.00)',
156
+ 'secondaryTransparent50': 'rgba(129, 131, 248, 0.05)',
157
+ 'secondaryTransparent100': 'rgba(129, 131, 248, 0.10)',
158
+ 'secondaryTransparent200': 'rgba(129, 131, 248, 0.20)',
159
+ 'secondaryTransparent250': 'rgba(129, 131, 248, 0.25)',
160
+ 'secondaryTransparent300': 'rgba(129, 131, 248, 0.30)',
161
+ 'secondaryTransparent500': 'rgba(129, 131, 248, 0.50)',
162
+ 'secondaryTransparent600': 'rgba(129, 131, 248, 0.60)',
163
+ 'secondaryTransparent700': 'rgba(129, 131, 248, 0.70)',
164
+ 'secondaryTransparent800': 'rgba(129, 131, 248, 0.80)',
165
+ 'secondaryTransparent900': 'rgba(129, 131, 248, 0.90)',
166
+ }
package/src/tests/colors/darkMode.ts ADDED
@@ -0,0 +1,232 @@
1
+ import colors from './baseColors'
2
+
3
+ export default {
4
+ ...colors,
5
+ buttonRegularPrimaryBgDefault: colors.primarySolid500,
6
+ buttonRegularQuaternaryBgDefault: colors.neutralWhiteTransparent0,
7
+ buttonRegularPrimaryBgPressed: colors.primarySolid700,
8
+ buttonRegularPrimaryBgHover: colors.primarySolid700,
9
+ buttonRegularPrimaryBgDisabled: colors.primarySolid800,
10
+ buttonRegularQuaternaryLabelDefault: colors.primarySolid50,
11
+ buttonRegularQuaternaryIconDefault: colors.primarySolid50,
12
+ buttonRegularQuaternaryIconPressed: colors.primarySolid50,
13
+ buttonRegularQuaternaryIconHover: colors.primarySolid50,
14
+ buttonRegularQuaternaryIconDisabled: colors.primarySolid800,
15
+ buttonRegularSecondaryBgDefault: colors.primarySolid800,
16
+ buttonRegularSecondaryBgPressed: colors.primarySolid700,
17
+ buttonRegularSecondaryBgHover: colors.primarySolid700,
18
+ buttonRegularSecondaryBgDisabled: colors.primarySolid800,
19
+ buttonRegularSecondaryLabelDefault: colors.primarySolid50,
20
+ buttonRegularSecondaryLabelHover: colors.primarySolid50,
21
+ buttonRegularSecondaryLabelPressed: colors.primarySolid50,
22
+ buttonRegularSecondaryLabelDisabled: colors.neutralWhiteTransparent200,
23
+ buttonRegularSecondaryIconDefault: colors.neutralSolid0,
24
+ buttonRegularSecondaryIconPressed: colors.neutralSolid0,
25
+ buttonRegularSecondaryIconHover: colors.neutralSolid0,
26
+ buttonRegularSecondaryIconDisabled: colors.neutralWhiteTransparent200,
27
+ buttonRegularPrimaryLabelDefault: colors.neutralSolid0,
28
+ buttonRegularPrimaryLabelHover: colors.neutralSolid0,
29
+ buttonRegularPrimaryLabelPressed: colors.neutralSolid0,
30
+ buttonRegularPrimaryLabelDisabled: colors.neutralWhiteTransparent200,
31
+ buttonRegularPrimaryIconDefault: colors.neutralSolid0,
32
+ buttonRegularPrimaryIconPressed: colors.neutralSolid0,
33
+ buttonRegularPrimaryIconHover: colors.neutralSolid0,
34
+ buttonRegularPrimaryIconDisabled: colors.neutralWhiteTransparent200,
35
+ buttonRegularPrimaryStrokePressed: colors.primarySolid300,
36
+ buttonRegularSecondaryStrokePressed: colors.primarySolid300,
37
+ buttonRegularTerciaryLabelDefault: colors.primarySolid50,
38
+ buttonRegularTerciaryLabelHover: colors.primarySolid50,
39
+ buttonRegularTerciaryLabelPressed: colors.primarySolid50,
40
+ buttonRegularTerciaryLabelDisabled: colors.primarySolid800,
41
+ buttonRegularTerciaryStrokePressed: colors.primarySolid300,
42
+ buttonRegularTerciaryBgHover: colors.primarySolid800,
43
+ buttonRegularTerciaryBgPressed: colors.primarySolid800,
44
+ buttonRegularTerciaryIconDefault: colors.primarySolid50,
45
+ buttonRegularTerciaryIconPressed: colors.primarySolid50,
46
+ buttonRegularTerciaryIconHover: colors.primarySolid50,
47
+ buttonRegularTerciaryIconDisabled: colors.primarySolid800,
48
+ buttonRegularTerciaryStrokeDefault: colors.primarySolid600,
49
+ buttonRegularTerciaryStrokeHover: colors.primarySolid600,
50
+ buttonRegularTerciaryStrokeDisabled: colors.primarySolid800,
51
+ buttonRegularQuaternaryLabelHover: colors.primarySolid50,
52
+ buttonRegularQuaternaryLabelPressed: colors.primarySolid50,
53
+ buttonRegularQuaternaryLabelDisabled: colors.primarySolid800,
54
+ buttonRegularQuaternaryStrokePressed: colors.primarySolid300,
55
+ buttonNeutralSecondaryBgDefault: colors.secondarySolid800,
56
+ buttonNeutralTerciaryBgHover: colors.secondarySolid800,
57
+ buttonNeutralTerciaryBgPressed: colors.secondarySolid800,
58
+ buttonNeutralTerciaryIconDefault: colors.neutralSolid0,
59
+ buttonNeutralTerciaryIconPressed: colors.neutralSolid0,
60
+ buttonNeutralTerciaryIconHover: colors.neutralSolid0,
61
+ buttonNeutralTerciaryIconDisabled: colors.secondarySolid800,
62
+ buttonNeutralTerciaryLabelDefault: colors.neutralSolid0,
63
+ buttonNeutralTerciaryLabelHover: colors.neutralSolid0,
64
+ buttonNeutralTerciaryLabelPressed: colors.neutralSolid0,
65
+ buttonNeutralTerciaryLabelDisabled: colors.secondarySolid800,
66
+ buttonNeutralTerciaryStrokeDefault: colors.neutralSolid400,
67
+ buttonNeutralTerciaryStrokeHover: colors.neutralSolid400,
68
+ buttonNeutralTerciaryStrokePressed: colors.neutralSolid400,
69
+ buttonNeutralTerciaryStrokeDisabled: colors.neutralSolid800,
70
+ buttonNeutralQuaternaryBgDefault: colors.neutralWhiteTransparent0,
71
+ buttonNeutralQuaternaryLabelDefault: colors.neutralSolid0,
72
+ buttonNeutralQuaternaryLabelHover: colors.neutralSolid0,
73
+ buttonNeutralQuaternaryLabelPressed: colors.neutralSolid0,
74
+ buttonNeutralQuaternaryLabelDisabled: colors.secondarySolid800,
75
+ buttonNeutralQuaternaryIconDefault: colors.neutralSolid0,
76
+ buttonNeutralQuaternaryStrokePressed: colors.neutralSolid400,
77
+ buttonNeutralQuaternaryIconHover: colors.neutralSolid0,
78
+ buttonNeutralQuaternaryIconPressed: colors.neutralSolid0,
79
+ buttonNeutralQuaternaryIconDisabled: colors.secondarySolid800,
80
+ buttonNeutralSecondaryIconDefault: colors.neutralSolid0,
81
+ buttonNeutralSecondaryIconPressed: colors.neutralSolid0,
82
+ buttonNeutralSecondaryIconHover: colors.neutralSolid0,
83
+ buttonNeutralSecondaryIconDisabled: colors.neutralSolid700,
84
+ buttonNeutralSecondaryLabelDefault: colors.neutralSolid0,
85
+ buttonNeutralSecondaryBgHover: colors.secondarySolid700,
86
+ buttonNeutralSecondaryStrokePressed: colors.neutralSolid400,
87
+ buttonNeutralSecondaryLabelHover: colors.neutralSolid0,
88
+ buttonNeutralSecondaryLabelPressed: colors.neutralSolid0,
89
+ buttonNeutralSecondaryLabelDisabled: colors.neutralSolid700,
90
+ buttonNeutralSecondaryBgPressed: colors.secondarySolid700,
91
+ buttonNeutralSecondaryBgDisabled: colors.secondarySolid900,
92
+ buttonNegativePrimaryBgDefault: colors.redSolid500,
93
+ buttonNegativePrimaryIconDefault: colors.neutralSolid0,
94
+ buttonNegativePrimaryIconPressed: colors.neutralSolid0,
95
+ buttonNegativePrimaryIconHover: colors.neutralSolid0,
96
+ buttonNegativePrimaryIconDisabled: colors.neutralSolid700,
97
+ buttonNegativePrimaryLabelDefault: colors.neutralSolid0,
98
+ buttonNegativePrimaryLabelHover: colors.neutralSolid0,
99
+ buttonNegativePrimaryLabelPressed: colors.neutralSolid0,
100
+ buttonNegativePrimaryLabelDisabled: colors.neutralSolid700,
101
+ buttonNegativePrimaryBgHover: colors.redSolid400,
102
+ buttonNegativePrimaryBgPressed: colors.redSolid400,
103
+ buttonNegativePrimaryBgDisabled: colors.redSolid900,
104
+ buttonNegativeSecondaryBgDefault: colors.redSolid800,
105
+ buttonNegativeTerciaryBgHover: colors.redSolid900,
106
+ buttonNegativeTerciaryBgPressed: colors.redSolid900,
107
+ buttonNegativeTerciaryIconDefault: colors.redSolid400,
108
+ buttonNegativeTerciaryIconPressed: colors.redSolid400,
109
+ buttonNegativeTerciaryIconHover: colors.redSolid400,
110
+ buttonNegativeTerciaryIconDisabled: colors.redSolid900,
111
+ buttonNegativeTerciaryLabelDefault: colors.redSolid400,
112
+ buttonNegativeTerciaryLabelHover: colors.redSolid400,
113
+ buttonNegativeTerciaryLabelPressed: colors.redSolid400,
114
+ buttonNegativeTerciaryLabelDisabled: colors.redSolid900,
115
+ buttonNegativeTerciaryStrokeDefault: colors.redSolid300,
116
+ buttonNegativeTerciaryStrokeHover: colors.redSolid300,
117
+ buttonNegativeTerciaryStrokePressed: colors.redSolid100,
118
+ buttonNegativeTerciaryStrokeDisabled: colors.redSolid900,
119
+ buttonNegativeQuaternaryBgDefault: colors.neutralWhiteTransparent0,
120
+ buttonNegativeQuaternaryLabelDefault: colors.redSolid400,
121
+ buttonNegativeQuaternaryLabelHover: colors.redSolid400,
122
+ buttonNegativeQuaternaryLabelPressed: colors.redSolid400,
123
+ buttonNegativeQuaternaryLabelDisabled: colors.redSolid900,
124
+ buttonNegativeQuaternaryIconDefault: colors.redSolid400,
125
+ buttonNegativeQuaternaryStrokePressed: colors.redSolid100,
126
+ buttonNegativeQuaternaryIconHover: colors.redSolid400,
127
+ buttonNegativeQuaternaryIconPressed: colors.redSolid400,
128
+ buttonNegativeQuaternaryIconDisabled: colors.redSolid900,
129
+ buttonNegativeSecondaryIconDefault: colors.neutralSolid0,
130
+ buttonNegativeSecondaryIconPressed: colors.neutralSolid0,
131
+ buttonNegativeSecondaryIconHover: colors.neutralSolid0,
132
+ buttonNegativeSecondaryIconDisabled: colors.neutralSolid700,
133
+ buttonNegativeSecondaryLabelDefault: colors.neutralSolid0,
134
+ buttonNegativeSecondaryBgHover: colors.redSolid700,
135
+ buttonNegativeSecondaryStrokePressed: colors.redSolid100,
136
+ buttonNegativeSecondaryLabelHover: colors.neutralSolid0,
137
+ buttonNegativeSecondaryLabelPressed: colors.neutralSolid0,
138
+ buttonNegativeSecondaryLabelDisabled: colors.neutralSolid700,
139
+ buttonNegativeSecondaryBgPressed: colors.redSolid700,
140
+ buttonNegativeSecondaryBgDisabled: colors.redSolid900,
141
+ buttonNegativePrimaryStrokePressed: colors.redSolid100,
142
+ fieldLabelRegularDefault: colors.neutralSolid500,
143
+ fieldLabelRegularHover: colors.neutralSolid500,
144
+ fieldLabelRegularPressed: colors.neutralSolid500,
145
+ fieldLabelRegularFocusTyping: colors.neutralSolid800,
146
+ fieldLabelRegularDisabled: colors.neutralBlackTransparent200,
147
+ fieldIconDefault: colors.neutralSolid500,
148
+ fieldIconHover: colors.neutralSolid500,
149
+ fieldIconPressed: colors.neutralSolid500,
150
+ fieldIconFocusTyping: colors.neutralSolid500,
151
+ fieldIconDisabled: colors.neutralBlackTransparent200,
152
+ fieldStrokeRegularDefault: colors.neutralSolid400,
153
+ fieldStrokeRegularHover: colors.primarySolid600,
154
+ fieldStrokeRegularPressed: colors.neutralSolid400,
155
+ fieldStrokeRegularFocusTyping: colors.neutralSolid500,
156
+ fieldStrokeRegularTyped: colors.neutralSolid300,
157
+ fieldStrokeRegularDisabled: colors.neutralSolid300,
158
+ fieldLabelRegularTyped: colors.neutralSolid800,
159
+ fieldIconTyped: colors.neutralSolid500,
160
+ chipRegularBgDefault: colors.neutralSolid200,
161
+ chipRegularBgHover: colors.neutralSolid300,
162
+ chipRegularBgPressed: colors.neutralSolid300,
163
+ chipRegularBgFocus: colors.neutralSolid200,
164
+ chipRegularBgDisabled: colors.neutralSolid200,
165
+ chipRegularStrokeFocus: colors.primarySolid500,
166
+ chipRegularLabelDefault: colors.primarySolid900,
167
+ chipRegularLabelHover: colors.primarySolid900,
168
+ chipRegularLabelPressed: colors.primarySolid900,
169
+ chipRegularLabelFocus: colors.primarySolid900,
170
+ chipRegularLabelDisabled: colors.neutralSolid400,
171
+ chipRegularIconDefault: colors.neutralSolid700,
172
+ chipRegularIconHover: colors.neutralSolid700,
173
+ chipRegularIconPressed: colors.neutralSolid700,
174
+ chipRegularIconFocus: colors.neutralSolid700,
175
+ chipRegularIconDisabled: colors.neutralSolid400,
176
+ textHeadingHighlighted: colors.neutralSolid1000,
177
+ chipSelectedBgDefault: colors.primarySolid50,
178
+ chipSelectedBgHover: colors.primarySolid100,
179
+ chipSelectedBgPressed: colors.primarySolid100,
180
+ chipSelectedBgFocus: colors.primarySolid50,
181
+ chipSelectedBgDisabled: colors.primarySolid50,
182
+ chipSelectedStrokeFocus: colors.primarySolid500,
183
+ chipSelectedLabelDefault: colors.primarySolid900,
184
+ chipSelectedLabelHover: colors.primarySolid900,
185
+ chipSelectedLabelPressed: colors.primarySolid900,
186
+ chipSelectedLabelFocus: colors.primarySolid900,
187
+ chipSelectedLabelDisabled: colors.neutralSolid400,
188
+ chipSelectedIconDefault: colors.neutralSolid700,
189
+ chipSelectedIconHover: colors.neutralSolid700,
190
+ chipSelectedIconPressed: colors.neutralSolid700,
191
+ chipSelectedIconFocus: colors.neutralSolid700,
192
+ chipSelectedIconDisabled: colors.neutralSolid400,
193
+ progressElipseDefault: colors.neutralSolid200,
194
+ progressLineDefault: colors.primarySolid500,
195
+ progressLabelDefault: colors.neutralSolid1000,
196
+ progressLabelDisabled: colors.neutralSolid400,
197
+ progressLineDisabled: colors.primarySolid200,
198
+ progressElipseDisabled: colors.neutralSolid200,
199
+ buttonRegularTerciaryBgDefault: colors.neutralWhiteTransparent0,
200
+ buttonRegularTerciaryBgDisabled: colors.neutralWhiteTransparent0,
201
+ buttonRegularQuaternaryBgHover: colors.primarySolid800,
202
+ buttonRegularQuaternaryBgPressed: colors.primarySolid800,
203
+ buttonRegularQuaternaryBgDisabled: colors.neutralWhiteTransparent0,
204
+ buttonNeutralTerciaryBgDefault: colors.neutralWhiteTransparent0,
205
+ buttonNeutralTerciaryBgDisabled: colors.neutralWhiteTransparent0,
206
+ buttonNeutralQuaternaryBgHover: colors.neutralWhiteTransparent0,
207
+ buttonNeutralQuaternaryBgPressed: colors.neutralWhiteTransparent0,
208
+ buttonNeutralQuaternaryBgDisabled: colors.neutralWhiteTransparent0,
209
+ buttonNegativeTerciaryBgDefault: colors.neutralWhiteTransparent0,
210
+ buttonNegativeTerciaryBgDisabled: colors.neutralWhiteTransparent0,
211
+ buttonNegativeQuaternaryBgHover: colors.redSolid900,
212
+ buttonNegativeQuaternaryBgPressed: colors.redSolid900,
213
+ buttonNegativeQuaternaryBgDisabled: colors.neutralWhiteTransparent0,
214
+ chipSelectedNegativeBgDefault: colors.primarySolid50,
215
+ chipSelectedNegativeBgHover: colors.primarySolid100,
216
+ chipSelectedNegativeBgPressed: colors.primarySolid100,
217
+ chipSelectedNegativeBgFocus: colors.primarySolid50,
218
+ chipSelectedNegativeStrokeFocus: colors.primarySolid500,
219
+ chipSelectedNegativeLabelDefault: colors.primarySolid900,
220
+ chipSelectedNegativeLabelHover: colors.primarySolid900,
221
+ chipSelectedNegativeLabelPressed: colors.primarySolid900,
222
+ chipSelectedNegativeLabelFocus: colors.primarySolid900,
223
+ chipSelectedNegativeIconDefault: colors.neutralSolid700,
224
+ chipSelectedNegativeIconHover: colors.neutralSolid700,
225
+ chipSelectedNegativeIconPressed: colors.neutralSolid700,
226
+ chipSelectedNegativeIconFocus: colors.neutralSolid700,
227
+ fieldLabelNegativeDefault: colors.neutralSolid500,
228
+ fieldLabelNegativeHover: colors.neutralSolid500,
229
+ fieldLabelNegativePressed: colors.neutralSolid500,
230
+ fieldLabelNegativeFocusTyping: colors.neutralSolid800,
231
+ fieldLabelNegativeTyped: colors.neutralSolid800,
232
+ }