@aurodesignsystem/design-tokens 4.0.0

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 (70) hide show
  1. package/CHANGELOG.md +573 -0
  2. package/LICENSE +201 -0
  3. package/README.md +97 -0
  4. package/dist/tokens/CSSCustomProperties--darkmode.css +302 -0
  5. package/dist/tokens/CSSCustomProperties.css +315 -0
  6. package/dist/tokens/CSSCustomPropertiesColorRGB--darkmode.css +155 -0
  7. package/dist/tokens/CSSCustomPropertiesColorRGB.css +168 -0
  8. package/dist/tokens/CSSOpacityProperties--darkmode.scss +10 -0
  9. package/dist/tokens/CSSOpacityProperties.scss +10 -0
  10. package/dist/tokens/CSSSizeCustomProperties--darkmode.css +20 -0
  11. package/dist/tokens/CSSSizeCustomProperties.css +20 -0
  12. package/dist/tokens/CSSVariables--darkmode.css +302 -0
  13. package/dist/tokens/CSSVariablesMapFlat--darkmode.css +368 -0
  14. package/dist/tokens/JSData--color.js +3665 -0
  15. package/dist/tokens/JSData--darkmodeColor.js +3254 -0
  16. package/dist/tokens/JSObject--allDarkTokens.js +7087 -0
  17. package/dist/tokens/JSObject--allTokens.js +7498 -0
  18. package/dist/tokens/JSObject--deprecated.js +2788 -0
  19. package/dist/tokens/JSObject--deprecatedDark.js +675 -0
  20. package/dist/tokens/JSVariables--color.js +166 -0
  21. package/dist/tokens/JSVariables--darkmodeColor.js +153 -0
  22. package/dist/tokens/SCSSOpacityVariables--darkmode.scss +7 -0
  23. package/dist/tokens/SCSSOpacityVariables.scss +7 -0
  24. package/dist/tokens/SCSSVariableMap--darkmode.scss +37 -0
  25. package/dist/tokens/SCSSVariableMap.scss +37 -0
  26. package/dist/tokens/SCSSVariables--darkmode.scss +299 -0
  27. package/dist/tokens/SCSSVariables.scss +312 -0
  28. package/dist/tokens/SCSSVariablesMapFlat--darkmode.scss +368 -0
  29. package/dist/tokens/SCSSVariablesMapFlat.scss +381 -0
  30. package/dist/tokens/SassCustomProperties--darkmode.scss +302 -0
  31. package/dist/tokens/SassCustomProperties.scss +315 -0
  32. package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss +155 -0
  33. package/dist/tokens/SassCustomPropertiesColorRGB.scss +168 -0
  34. package/dist/tokens/SassSizeCustomProperties--darkmode.scss +20 -0
  35. package/dist/tokens/SassSizeCustomProperties.scss +20 -0
  36. package/package.json +92 -0
  37. package/packageScripts/postinstall.mjs +34 -0
  38. package/src/animation.json +21 -0
  39. package/src/asset/font.json +35 -0
  40. package/src/breakpoint.json +28 -0
  41. package/src/color/alert.json +175 -0
  42. package/src/color/background.json +38 -0
  43. package/src/color/base.json +140 -0
  44. package/src/color/border.json +214 -0
  45. package/src/color/brand.json +530 -0
  46. package/src/color/icon.json +150 -0
  47. package/src/color/text.json +237 -0
  48. package/src/color/tier.json +114 -0
  49. package/src/color/ui.json +165 -0
  50. package/src/color-darkmode/alert.json +56 -0
  51. package/src/color-darkmode/background.json +38 -0
  52. package/src/color-darkmode/base.json +140 -0
  53. package/src/color-darkmode/border.json +66 -0
  54. package/src/color-darkmode/brand.json +530 -0
  55. package/src/color-darkmode/icon.json +46 -0
  56. package/src/color-darkmode/text.json +66 -0
  57. package/src/color-darkmode/tier.json +54 -0
  58. package/src/color-darkmode/ui.json +57 -0
  59. package/src/comments.json +34 -0
  60. package/src/depth.json +29 -0
  61. package/src/elevation.json +22 -0
  62. package/src/grid-breakpoint.json +29 -0
  63. package/src/grid-column.json +29 -0
  64. package/src/grid-gutter.json +29 -0
  65. package/src/grid-margin.json +29 -0
  66. package/src/shadow.json +13 -0
  67. package/src/size/radius.json +9 -0
  68. package/src/size/scale.json +308 -0
  69. package/src/size/unitless-scale.json +82 -0
  70. package/src/text.json +572 -0
package/src/color/border.json ADDED
@@ -0,0 +1,214 @@
1
+ {
2
+ "color": {
3
+ "border": {
4
+ "primary": {
5
+ "onLight": {
6
+ "value": "{color.brand.neutral.500.value}",
7
+ "public": false,
8
+ "onLight": true,
9
+ "usage": "Primary border color on light backgrounds",
10
+ "wcag": "n/a",
11
+ "deprecated": true,
12
+ "comment": "Deprecated token",
13
+ "reference": "color-border-primary-default",
14
+ "version": "3.15.0"
15
+ },
16
+ "default": {
17
+ "value": "{color.brand.neutral.500.value}",
18
+ "public": true,
19
+ "default": true,
20
+ "usage": "Primary border color on light backgrounds",
21
+ "wcag": "n/a",
22
+ "deprecated": false
23
+ },
24
+ "onDark": {
25
+ "value": "{color.brand.neutral.400.value}",
26
+ "public": false,
27
+ "onDark": true,
28
+ "usage": "Primary border color on dark background",
29
+ "wcag": "n/a",
30
+ "deprecated": true,
31
+ "comment": "Deprecated token",
32
+ "reference": "color-border-primary-inverse",
33
+ "version": "3.15.0"
34
+ },
35
+ "inverse": {
36
+ "value": "{color.brand.neutral.400.value}",
37
+ "public": true,
38
+ "inverse": true,
39
+ "usage": "Primary border color on dark background",
40
+ "wcag": "n/a",
41
+ "deprecated": false
42
+ }
43
+ },
44
+ "active": {
45
+ "onLight": {
46
+ "value": "{color.brand.atlas.400.value}",
47
+ "public": false,
48
+ "onLight": true,
49
+ "usage": "Active border color on light backgrounds",
50
+ "wcag": "n/a",
51
+ "deprecated": true,
52
+ "comment": "Deprecated token",
53
+ "reference": "color-border-active-default",
54
+ "version": "3.15.0"
55
+ },
56
+ "default": {
57
+ "value": "{color.brand.atlas.400.value}",
58
+ "public": true,
59
+ "default": true,
60
+ "usage": "Active border color on light backgrounds",
61
+ "wcag": "n/a",
62
+ "deprecated": false
63
+ },
64
+ "onDark": {
65
+ "value": "{color.brand.breeze.300.value}",
66
+ "public": false,
67
+ "onDark": true,
68
+ "usage": "Active border color on dark backgrounds",
69
+ "wcag": "n/a",
70
+ "deprecated": true,
71
+ "comment": "Deprecated token",
72
+ "reference": "n/a",
73
+ "version": "3.12.0"
74
+ }
75
+ },
76
+ "error": {
77
+ "onLight": {
78
+ "value": "{color.state.error.500.value}",
79
+ "public": false,
80
+ "onLight": true,
81
+ "usage": "Error states border color on light backgrounds",
82
+ "wcag": "n/a",
83
+ "deprecated": true,
84
+ "comment": "Deprecated token",
85
+ "reference": "color-border-error-default",
86
+ "version": "3.15.0"
87
+ },
88
+ "default": {
89
+ "value": "{color.state.error.500.value}",
90
+ "public": true,
91
+ "default": true,
92
+ "usage": "Error states border color on light backgrounds",
93
+ "wcag": "n/a",
94
+ "deprecated": false
95
+ },
96
+ "onDark": {
97
+ "value": "{color.state.error.100.value}",
98
+ "public": false,
99
+ "onDark": true,
100
+ "usage": "Error states border color on dark background",
101
+ "wcag": "n/a",
102
+ "deprecated": true,
103
+ "comment": "Deprecated token",
104
+ "reference": "n/a",
105
+ "version": "3.12.0"
106
+ }
107
+ },
108
+ "disabled": {
109
+ "onLight": {
110
+ "value": "{color.base.gray.200.value}",
111
+ "public": false,
112
+ "onLight": true,
113
+ "usage": "Disabled border color on light backgrounds",
114
+ "wcag": "n/a",
115
+ "deprecated": true,
116
+ "comment": "Deprecated token",
117
+ "reference": "color-border-disabled-default",
118
+ "version": "3.15.0"
119
+ },
120
+ "default": {
121
+ "value": "{color.base.gray.200.value}",
122
+ "public": true,
123
+ "default": true,
124
+ "usage": "Disabled border color on light backgrounds",
125
+ "wcag": "n/a",
126
+ "deprecated": false
127
+ },
128
+ "onDark": {
129
+ "value": "{color.base.gray.200.value}",
130
+ "public": false,
131
+ "onDark": true,
132
+ "usage": "Disabled border color on dark background",
133
+ "wcag": "n/a",
134
+ "deprecated": true,
135
+ "comment": "Deprecated token",
136
+ "reference": "n/a",
137
+ "version": "3.12.0"
138
+ }
139
+ },
140
+ "Focus": {
141
+ "onLight": {
142
+ "value": "{color.base.gray.500.value}",
143
+ "public": false,
144
+ "onLight": true,
145
+ "usage": "Focus border color for light backgrounds",
146
+ "wcag": "n/a",
147
+ "deprecated": true,
148
+ "comment": "Deprecated token",
149
+ "reference": "color-border-focus-default",
150
+ "version": "3.15.0"
151
+ },
152
+ "default": {
153
+ "value": "{color.base.gray.500.value}",
154
+ "public": true,
155
+ "default": true,
156
+ "usage": "Focus border color for light backgrounds",
157
+ "wcag": "n/a",
158
+ "deprecated": false
159
+ },
160
+ "onDark": {
161
+ "value": "{color.base.white.value}",
162
+ "public": false,
163
+ "onDark": true,
164
+ "usage": "Focus border color for dark backgrounds",
165
+ "wcag": "n/a",
166
+ "deprecated": true,
167
+ "comment": "Deprecated token",
168
+ "reference": "n/a",
169
+ "version": "3.12.0"
170
+ }
171
+ },
172
+ "divider": {
173
+ "onLight": {
174
+ "value": "{color.base.black-opacity-15.value}",
175
+ "public": false,
176
+ "onLight": true,
177
+ "usage": "Strict use as divider between elements on light backgrounds",
178
+ "wcag": "n/a",
179
+ "deprecated": true,
180
+ "comment": "Deprecated token",
181
+ "reference": "color-border-divider-default",
182
+ "version": "3.15.0"
183
+ },
184
+ "default": {
185
+ "value": "{color.base.black-opacity-15.value}",
186
+ "public": true,
187
+ "default": true,
188
+ "usage": "Strict use as divider between elements on light backgrounds",
189
+ "wcag": "n/a",
190
+ "deprecated": false
191
+ },
192
+ "onDark": {
193
+ "value": "{color.base.white.value}",
194
+ "public": false,
195
+ "onDark": true,
196
+ "usage": "Strict use as divider between elements on dark backgrounds",
197
+ "wcag": "n/a",
198
+ "deprecated": true,
199
+ "comment": "Deprecated token",
200
+ "reference": "color-border-divider-inverse",
201
+ "version": "3.15.0"
202
+ },
203
+ "inverse": {
204
+ "value": "{color.base.white.value}",
205
+ "public": true,
206
+ "inverse": true,
207
+ "usage": "Strict use as divider between elements on dark backgrounds",
208
+ "wcag": "n/a",
209
+ "deprecated": false
210
+ }
211
+ }
212
+ }
213
+ }
214
+ }