@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-darkmode/base.json ADDED
@@ -0,0 +1,140 @@
1
+ {
2
+ "color": {
3
+ "base": {
4
+ "white": {
5
+ "value": "ffffff",
6
+ "comment": "{comments.color.base.value.comment}",
7
+ "public": true,
8
+ "deprecated": false
9
+ },
10
+ "white-opacity-40": {
11
+ "value": "ffffff66",
12
+ "comment": "white @ 40%",
13
+ "public": true,
14
+ "opacity": true,
15
+ "deprecated": false
16
+ },
17
+ "black": {
18
+ "value": "000000",
19
+ "comment": "{comments.color.base.value.comment}",
20
+ "public": true,
21
+ "deprecated": false
22
+ },
23
+ "black-opacity-15": {
24
+ "value": "00000026",
25
+ "comment": "black @ 15%",
26
+ "public": true,
27
+ "opacity": true,
28
+ "deprecated": false
29
+ },
30
+ "gray": {
31
+ "100": {
32
+ "value": "f8f8f8",
33
+ "version": "3.1.0",
34
+ "public": false,
35
+ "neutral": true,
36
+ "usage": "Neutral accent",
37
+ "wcag": "n/a",
38
+ "deprecated": true,
39
+ "reference": "color-brand-gray-100",
40
+ "comment": "{comments.reference.comment} color-brand-gray-100"
41
+ },
42
+ "200": {
43
+ "value": "dbdbdb",
44
+ "public": false,
45
+ "neutral": true,
46
+ "usage": "Neutral accent",
47
+ "wcag": "n/a",
48
+ "deprecated": true,
49
+ "version": "3.1.0",
50
+ "reference": "color-brand-gray-200",
51
+ "comment": "{comments.reference.comment} color-brand-gray-200"
52
+ },
53
+ "300": {
54
+ "value": "b2b2b2",
55
+ "public": false,
56
+ "neutral": true,
57
+ "usage": "Neutral accent",
58
+ "wcag": "n/a",
59
+ "deprecated": true,
60
+ "version": "3.1.0",
61
+ "reference": "color-brand-gray-300",
62
+ "comment": "{comments.reference.comment} color-brand-gray-300"
63
+ },
64
+ "400": {
65
+ "value": "767676",
66
+ "public": false,
67
+ "neutral": true,
68
+ "usage": "Neutral accent",
69
+ "wcag": "n/a",
70
+ "deprecated": true,
71
+ "version": "3.1.0",
72
+ "reference": "color-brand-gray-400",
73
+ "comment": "{comments.reference.comment} color-brand-gray-400"
74
+ },
75
+ "500": {
76
+ "value": "222222",
77
+ "public": false,
78
+ "neutral": true,
79
+ "usage": "Neutral accent",
80
+ "wcag": "n/a",
81
+ "deprecated": true,
82
+ "version": "3.1.0",
83
+ "reference": "color-brand-gray-500",
84
+ "comment": "{comments.reference.comment} color-brand-gray-500"
85
+ }
86
+ },
87
+ "neutral": {
88
+ "400": {
89
+ "value": "9fabbb",
90
+ "public": false,
91
+ "deprecated": true,
92
+ "version": "3.1.0",
93
+ "reference": "color-brand-neutral-400",
94
+ "comment": "{comments.reference.comment} color-brand-neutral-400"
95
+ },
96
+ "500": {
97
+ "value": "626b79",
98
+ "public": false,
99
+ "deprecated": true,
100
+ "version": "3.1.0",
101
+ "reference": "color-brand-neutral-500",
102
+ "comment": "{comments.reference.comment} color-brand-neutral-500"
103
+ }
104
+ }
105
+ },
106
+ "state": {
107
+ "error": {
108
+ "100": {
109
+ "value": "ff999b",
110
+ "public": true,
111
+ "deprecated": false
112
+ },
113
+ "500": {
114
+ "value": "df0b37",
115
+ "public": true,
116
+ "deprecated": false
117
+ }
118
+ },
119
+ "success": {
120
+ "100": {
121
+ "value": "69cf96",
122
+ "public": true,
123
+ "deprecated": false
124
+ },
125
+ "500": {
126
+ "value": "00805d",
127
+ "public": true,
128
+ "deprecated": false
129
+ }
130
+ },
131
+ "warning": {
132
+ "500": {
133
+ "value": "de750c",
134
+ "public": true,
135
+ "deprecated": false
136
+ }
137
+ }
138
+ }
139
+ }
140
+ }
package/src/color-darkmode/border.json ADDED
@@ -0,0 +1,66 @@
1
+ {
2
+ "color": {
3
+ "border": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "{color.brand.neutral.400.value}",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Primary border color on dark background",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ }
13
+ },
14
+ "active": {
15
+ "default": {
16
+ "value": "{color.brand.breeze.300.value}",
17
+ "public": true,
18
+ "default": true,
19
+ "usage": "Active border color on dark backgrounds",
20
+ "wcag": "n/a",
21
+ "deprecated": false
22
+ }
23
+ },
24
+ "error": {
25
+ "default": {
26
+ "value": "{color.state.error.100.value}",
27
+ "public": true,
28
+ "default": true,
29
+ "usage": "Error states border color on dark background",
30
+ "wcag": "n/a",
31
+ "deprecated": false
32
+ }
33
+ },
34
+ "disabled": {
35
+ "default": {
36
+ "value": "{color.base.gray.200.value}",
37
+ "public": true,
38
+ "default": true,
39
+ "usage": "Disabled border color on dark background",
40
+ "wcag": "n/a",
41
+ "deprecated": false
42
+ }
43
+ },
44
+ "Focus": {
45
+ "default": {
46
+ "value": "{color.base.white.value}",
47
+ "public": true,
48
+ "default": true,
49
+ "usage": "Focus border color for dark backgrounds",
50
+ "wcag": "n/a",
51
+ "deprecated": false
52
+ }
53
+ },
54
+ "divider": {
55
+ "default": {
56
+ "value": "{color.base.white.value}",
57
+ "public": true,
58
+ "default": true,
59
+ "usage": "Strict use as divider between elements on dark backgrounds",
60
+ "wcag": "n/a",
61
+ "deprecated": false
62
+ }
63
+ }
64
+ }
65
+ }
66
+ }