@aurodesignsystem/design-tokens 4.0.0 → 4.1.1

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 (52) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +20 -26
  3. package/dist/tokens/CSSCustomProperties.css +3 -1
  4. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  5. package/dist/tokens/JSData--color.js +63 -1
  6. package/dist/tokens/JSObject--allTokens.js +63 -1
  7. package/dist/tokens/JSObject--deprecated.js +1 -1
  8. package/dist/tokens/JSVariables--color.js +3 -1
  9. package/dist/tokens/SCSSVariableMap.scss +1 -1
  10. package/dist/tokens/SCSSVariables.scss +3 -1
  11. package/dist/tokens/SCSSVariablesMapFlat.scss +3 -1
  12. package/dist/tokens/SassCustomProperties.scss +3 -1
  13. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  14. package/dist/tokens/darkmode/CSSCustomProperties.css +22 -0
  15. package/dist/tokens/darkmode/JSDataColor.js +464 -0
  16. package/dist/tokens/darkmode/JSObject--allDarkTokens.js +464 -0
  17. package/dist/tokens/darkmode/JSVariablesColor.js +20 -0
  18. package/dist/tokens/darkmode/SCSSVariables.scss +19 -0
  19. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +25 -0
  20. package/dist/tokens/darkmode/SassCustomProperties.scss +22 -0
  21. package/package.json +1 -1
  22. package/src/color/ui.json +16 -0
  23. package/src/color-darkmode/base.json +6 -126
  24. package/src/color-darkmode/border.json +2 -40
  25. package/src/color-darkmode/icon.json +2 -20
  26. package/src/color-darkmode/text.json +5 -10
  27. package/src/color-darkmode/tier.json +2 -26
  28. package/dist/tokens/CSSCustomProperties--darkmode.css +0 -302
  29. package/dist/tokens/CSSCustomPropertiesColorRGB--darkmode.css +0 -155
  30. package/dist/tokens/CSSCustomPropertiesColorRGB.css +0 -168
  31. package/dist/tokens/CSSOpacityProperties--darkmode.scss +0 -10
  32. package/dist/tokens/CSSOpacityProperties.scss +0 -10
  33. package/dist/tokens/CSSSizeCustomProperties--darkmode.css +0 -20
  34. package/dist/tokens/CSSVariables--darkmode.css +0 -302
  35. package/dist/tokens/CSSVariablesMapFlat--darkmode.css +0 -368
  36. package/dist/tokens/JSData--darkmodeColor.js +0 -3254
  37. package/dist/tokens/JSObject--allDarkTokens.js +0 -7087
  38. package/dist/tokens/JSObject--deprecatedDark.js +0 -675
  39. package/dist/tokens/JSVariables--darkmodeColor.js +0 -153
  40. package/dist/tokens/SCSSOpacityVariables--darkmode.scss +0 -7
  41. package/dist/tokens/SCSSOpacityVariables.scss +0 -7
  42. package/dist/tokens/SCSSVariableMap--darkmode.scss +0 -37
  43. package/dist/tokens/SCSSVariables--darkmode.scss +0 -299
  44. package/dist/tokens/SCSSVariablesMapFlat--darkmode.scss +0 -368
  45. package/dist/tokens/SassCustomProperties--darkmode.scss +0 -302
  46. package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss +0 -155
  47. package/dist/tokens/SassCustomPropertiesColorRGB.scss +0 -168
  48. package/dist/tokens/SassSizeCustomProperties--darkmode.scss +0 -20
  49. package/src/color-darkmode/alert.json +0 -56
  50. package/src/color-darkmode/background.json +0 -38
  51. package/src/color-darkmode/brand.json +0 -530
  52. package/src/color-darkmode/ui.json +0 -57
package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss DELETED
@@ -1,155 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 13 Sep 2023 17:26:39 GMT
4
- */
5
-
6
- :root {
7
- --ds-rgb-color-alert-notification-default: 0, 207, 240;
8
- --ds-rgb-color-alert-warning-default: 222, 117, 12;
9
- --ds-rgb-color-alert-error-default: 255, 153, 155;
10
- --ds-rgb-color-alert-success-default: 105, 207, 150;
11
- --ds-rgb-color-alert-advisory-default: 255, 240, 205;
12
- --ds-rgb-color-background-lightest: 255, 255, 255;
13
- --ds-rgb-color-background-lighter: 248, 248, 248;
14
- --ds-rgb-color-background-darker: 1, 66, 106;
15
- --ds-rgb-color-background-darkest: 0, 39, 74;
16
- --ds-rgb-color-base-white: 255, 255, 255; /*
17
- // Base value for token support; should not use in code! */
18
- --ds-rgb-color-base-white-opacity-40: 255, 255, 255, 0.4; /* white @ 40% */
19
- --ds-rgb-color-base-black: 0, 0, 0; /*
20
- // Base value for token support; should not use in code! */
21
- --ds-rgb-color-base-black-opacity-15: 0, 0, 0, 0.15; /* black @ 15% */
22
- --ds-rgb-color-state-error-100: 255, 153, 155;
23
- --ds-rgb-color-state-error-500: 223, 11, 55;
24
- --ds-rgb-color-state-success-100: 105, 207, 150;
25
- --ds-rgb-color-state-success-500: 0, 128, 93;
26
- --ds-rgb-color-state-warning-500: 222, 117, 12;
27
- --ds-rgb-color-border-primary-default: 159, 171, 187;
28
- --ds-rgb-color-border-active-default: 0, 207, 240;
29
- --ds-rgb-color-border-error-default: 255, 153, 155;
30
- --ds-rgb-color-border-disabled-default: 219, 219, 219;
31
- --ds-rgb-color-border-focus-default: 255, 255, 255;
32
- --ds-rgb-color-border-divider-default: 255, 255, 255;
33
- --ds-rgb-color-brand-midnight-100: 193, 218, 240; /*
34
- // Please consider descriptive token prior to using brand token */
35
- --ds-rgb-color-brand-midnight-200: 86, 158, 215; /*
36
- // Please consider descriptive token prior to using brand token */
37
- --ds-rgb-color-brand-midnight-300: 21, 111, 173; /*
38
- // Please consider descriptive token prior to using brand token */
39
- --ds-rgb-color-brand-midnight-400: 1, 66, 106; /*
40
- // Please consider descriptive token prior to using brand token */
41
- --ds-rgb-color-brand-midnight-500: 0, 39, 74; /*
42
- // Please consider descriptive token prior to using brand token */
43
- --ds-rgb-color-brand-atlas-100: 205, 230, 255; /*
44
- // Please consider descriptive token prior to using brand token */
45
- --ds-rgb-color-brand-atlas-200: 107, 183, 251; /*
46
- // Please consider descriptive token prior to using brand token */
47
- --ds-rgb-color-brand-atlas-300: 36, 146, 235; /*
48
- // Please consider descriptive token prior to using brand token */
49
- --ds-rgb-color-brand-atlas-400: 0, 116, 200; /*
50
- // Please consider descriptive token prior to using brand token */
51
- --ds-rgb-color-brand-atlas-500: 5, 70, 135; /*
52
- // Please consider descriptive token prior to using brand token */
53
- --ds-rgb-color-brand-breeze-100: 192, 247, 255; /*
54
- // Please consider descriptive token prior to using brand token */
55
- --ds-rgb-color-brand-breeze-200: 93, 227, 247; /*
56
- // Please consider descriptive token prior to using brand token */
57
- --ds-rgb-color-brand-breeze-300: 0, 207, 240; /*
58
- // Please consider descriptive token prior to using brand token */
59
- --ds-rgb-color-brand-breeze-400: 9, 157, 197; /*
60
- // Please consider descriptive token prior to using brand token */
61
- --ds-rgb-color-brand-breeze-500: 11, 85, 117; /*
62
- // Please consider descriptive token prior to using brand token */
63
- --ds-rgb-color-brand-tropical-100: 226, 255, 205; /*
64
- // Please consider descriptive token prior to using brand token */
65
- --ds-rgb-color-brand-tropical-200: 208, 251, 166; /*
66
- // Please consider descriptive token prior to using brand token */
67
- --ds-rgb-color-brand-tropical-300: 192, 229, 133; /*
68
- // Please consider descriptive token prior to using brand token */
69
- --ds-rgb-color-brand-tropical-400: 145, 190, 98; /*
70
- // Please consider descriptive token prior to using brand token */
71
- --ds-rgb-color-brand-tropical-500: 94, 135, 65; /*
72
- // Please consider descriptive token prior to using brand token */
73
- --ds-rgb-color-brand-alpine-100: 188, 170, 230; /*
74
- // Please consider descriptive token prior to using brand token */
75
- --ds-rgb-color-brand-alpine-200: 158, 115, 234; /*
76
- // Please consider descriptive token prior to using brand token */
77
- --ds-rgb-color-brand-alpine-300: 132, 57, 239; /*
78
- // Please consider descriptive token prior to using brand token */
79
- --ds-rgb-color-brand-alpine-400: 99, 29, 184; /*
80
- // Please consider descriptive token prior to using brand token */
81
- --ds-rgb-color-brand-alpine-500: 57, 17, 92; /*
82
- // Please consider descriptive token prior to using brand token */
83
- --ds-rgb-color-brand-flamingo-100: 255, 235, 238; /*
84
- // Please consider descriptive token prior to using brand token */
85
- --ds-rgb-color-brand-flamingo-200: 255, 192, 202; /*
86
- // Please consider descriptive token prior to using brand token */
87
- --ds-rgb-color-brand-flamingo-300: 255, 148, 167; /*
88
- // Please consider descriptive token prior to using brand token */
89
- --ds-rgb-color-brand-flamingo-400: 246, 91, 123; /*
90
- // Please consider descriptive token prior to using brand token */
91
- --ds-rgb-color-brand-flamingo-500: 184, 43, 71; /*
92
- // Please consider descriptive token prior to using brand token */
93
- --ds-rgb-color-brand-canyon-100: 255, 202, 182; /*
94
- // Please consider descriptive token prior to using brand token */
95
- --ds-rgb-color-brand-canyon-200: 249, 149, 116; /*
96
- // Please consider descriptive token prior to using brand token */
97
- --ds-rgb-color-brand-canyon-300: 242, 97, 53; /*
98
- // Please consider descriptive token prior to using brand token */
99
- --ds-rgb-color-brand-canyon-400: 222, 62, 9; /*
100
- // Please consider descriptive token prior to using brand token */
101
- --ds-rgb-color-brand-canyon-500: 184, 51, 2; /*
102
- // Please consider descriptive token prior to using brand token */
103
- --ds-rgb-color-brand-goldcoast-100: 255, 240, 205; /*
104
- // Please consider descriptive token prior to using brand token */
105
- --ds-rgb-color-brand-goldcoast-200: 255, 219, 103; /*
106
- // Please consider descriptive token prior to using brand token */
107
- --ds-rgb-color-brand-goldcoast-300: 255, 210, 0; /*
108
- // Please consider descriptive token prior to using brand token */
109
- --ds-rgb-color-brand-goldcoast-400: 229, 173, 7; /*
110
- // Please consider descriptive token prior to using brand token */
111
- --ds-rgb-color-brand-goldcoast-500: 184, 134, 36; /*
112
- // Please consider descriptive token prior to using brand token */
113
- --ds-rgb-color-brand-neutral-100: 249, 251, 252; /*
114
- // Please consider descriptive token prior to using brand token */
115
- --ds-rgb-color-brand-neutral-200: 226, 234, 239; /*
116
- // Please consider descriptive token prior to using brand token */
117
- --ds-rgb-color-brand-neutral-300: 203, 216, 226; /*
118
- // Please consider descriptive token prior to using brand token */
119
- --ds-rgb-color-brand-neutral-400: 159, 171, 187; /*
120
- // Please consider descriptive token prior to using brand token */
121
- --ds-rgb-color-brand-neutral-500: 98, 107, 121; /*
122
- // Please consider descriptive token prior to using brand token */
123
- --ds-rgb-color-brand-gray-100: 248, 248, 248;
124
- --ds-rgb-color-brand-gray-200: 219, 219, 219;
125
- --ds-rgb-color-brand-gray-300: 178, 178, 178;
126
- --ds-rgb-color-brand-gray-400: 118, 118, 118;
127
- --ds-rgb-color-brand-gray-500: 34, 34, 34;
128
- --ds-rgb-color-brand-goldgray-100: 197, 193, 191;
129
- --ds-rgb-color-brand-goldgray-200: 114, 110, 108;
130
- --ds-rgb-color-brand-gold-100: 204, 188, 148;
131
- --ds-rgb-color-brand-gold-200: 127, 104, 46;
132
- --ds-rgb-color-brand-emerald: 19, 145, 66;
133
- --ds-rgb-color-brand-sapphire: 1, 93, 170;
134
- --ds-rgb-color-brand-ruby: 164, 29, 74;
135
- --ds-rgb-color-icon-primary-default: 159, 171, 187;
136
- --ds-rgb-color-icon-emphasis-default: 255, 255, 255;
137
- --ds-rgb-color-icon-accent-default: 0, 207, 240;
138
- --ds-rgb-color-icon-disabled-default: 255, 255, 255, 0.4;
139
- --ds-rgb-color-text-primary-default: 255, 255, 255;
140
- --ds-rgb-color-text-secondary-default: 159, 171, 187;
141
- --ds-rgb-color-text-link-default: 0, 207, 240;
142
- --ds-rgb-color-text-error-default: 255, 153, 155;
143
- --ds-rgb-color-text-disabled-default: 219, 219, 219;
144
- --ds-rgb-color-text-emphasis-default: 193, 218, 240;
145
- --ds-rgb-color-tier-alaska-mvp-default: 197, 193, 191;
146
- --ds-rgb-color-tier-alaska-mvpgold-default: 204, 188, 148;
147
- --ds-rgb-color-tier-oneworld-emerald: 19, 145, 66;
148
- --ds-rgb-color-tier-oneworld-sapphire: 1, 93, 170;
149
- --ds-rgb-color-tier-oneworld-ruby: 164, 29, 74;
150
- --ds-rgb-color-ui-default-default: 0, 207, 240;
151
- --ds-rgb-color-ui-hover-default: 93, 227, 247;
152
- --ds-rgb-color-ui-active-default: 93, 227, 247;
153
- --ds-rgb-color-ui-disabled-default: 0, 207, 240, 0.3;
154
- --ds-rgb-color-ui-bkg-hover-default: 93, 227, 247, 0.1;
155
- }
package/dist/tokens/SassCustomPropertiesColorRGB.scss DELETED
@@ -1,168 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 13 Sep 2023 17:26:39 GMT
4
- */
5
-
6
- :root {
7
- --ds-rgb-color-alert-notification-default: 0, 116, 200;
8
- --ds-rgb-color-alert-warning-default: 222, 117, 12;
9
- --ds-rgb-color-alert-error-default: 223, 11, 55;
10
- --ds-rgb-color-alert-success-default: 0, 128, 93;
11
- --ds-rgb-color-alert-advisory-default: 255, 240, 205;
12
- --ds-rgb-color-alert-bkg-success-default: 221, 246, 232;
13
- --ds-rgb-color-alert-bkg-error-default: 255, 237, 241;
14
- --ds-rgb-color-background-lightest: 255, 255, 255;
15
- --ds-rgb-color-background-lighter: 248, 248, 248;
16
- --ds-rgb-color-background-darker: 1, 66, 106;
17
- --ds-rgb-color-background-darkest: 0, 39, 74;
18
- --ds-rgb-color-base-white: 255, 255, 255; /*
19
- // Base value for token support; should not use in code! */
20
- --ds-rgb-color-base-white-opacity-40: 255, 255, 255, 0.4; /* white @ 40% */
21
- --ds-rgb-color-base-black: 0, 0, 0; /*
22
- // Base value for token support; should not use in code! */
23
- --ds-rgb-color-base-black-opacity-15: 0, 0, 0, 0.15; /* black @ 15% */
24
- --ds-rgb-color-state-error-100: 255, 153, 155;
25
- --ds-rgb-color-state-error-500: 223, 11, 55;
26
- --ds-rgb-color-state-success-100: 105, 207, 150;
27
- --ds-rgb-color-state-success-500: 0, 128, 93;
28
- --ds-rgb-color-state-warning-500: 222, 117, 12;
29
- --ds-rgb-color-border-primary-default: 98, 107, 121;
30
- --ds-rgb-color-border-primary-inverse: 159, 171, 187;
31
- --ds-rgb-color-border-active-default: 0, 116, 200;
32
- --ds-rgb-color-border-error-default: 223, 11, 55;
33
- --ds-rgb-color-border-disabled-default: 219, 219, 219;
34
- --ds-rgb-color-border-focus-default: 34, 34, 34;
35
- --ds-rgb-color-border-divider-default: 0, 0, 0, 0.15;
36
- --ds-rgb-color-border-divider-inverse: 255, 255, 255;
37
- --ds-rgb-color-brand-midnight-100: 193, 218, 240; /*
38
- // Please consider descriptive token prior to using brand token */
39
- --ds-rgb-color-brand-midnight-200: 86, 158, 215; /*
40
- // Please consider descriptive token prior to using brand token */
41
- --ds-rgb-color-brand-midnight-300: 21, 111, 173; /*
42
- // Please consider descriptive token prior to using brand token */
43
- --ds-rgb-color-brand-midnight-400: 1, 66, 106; /*
44
- // Please consider descriptive token prior to using brand token */
45
- --ds-rgb-color-brand-midnight-500: 0, 39, 74; /*
46
- // Please consider descriptive token prior to using brand token */
47
- --ds-rgb-color-brand-atlas-100: 205, 230, 255; /*
48
- // Please consider descriptive token prior to using brand token */
49
- --ds-rgb-color-brand-atlas-200: 107, 183, 251; /*
50
- // Please consider descriptive token prior to using brand token */
51
- --ds-rgb-color-brand-atlas-300: 36, 146, 235; /*
52
- // Please consider descriptive token prior to using brand token */
53
- --ds-rgb-color-brand-atlas-400: 0, 116, 200; /*
54
- // Please consider descriptive token prior to using brand token */
55
- --ds-rgb-color-brand-atlas-500: 5, 70, 135; /*
56
- // Please consider descriptive token prior to using brand token */
57
- --ds-rgb-color-brand-breeze-100: 192, 247, 255; /*
58
- // Please consider descriptive token prior to using brand token */
59
- --ds-rgb-color-brand-breeze-200: 93, 227, 247; /*
60
- // Please consider descriptive token prior to using brand token */
61
- --ds-rgb-color-brand-breeze-300: 0, 207, 240; /*
62
- // Please consider descriptive token prior to using brand token */
63
- --ds-rgb-color-brand-breeze-400: 9, 157, 197; /*
64
- // Please consider descriptive token prior to using brand token */
65
- --ds-rgb-color-brand-breeze-500: 11, 85, 117; /*
66
- // Please consider descriptive token prior to using brand token */
67
- --ds-rgb-color-brand-tropical-100: 226, 255, 205; /*
68
- // Please consider descriptive token prior to using brand token */
69
- --ds-rgb-color-brand-tropical-200: 208, 251, 166; /*
70
- // Please consider descriptive token prior to using brand token */
71
- --ds-rgb-color-brand-tropical-300: 192, 229, 133; /*
72
- // Please consider descriptive token prior to using brand token */
73
- --ds-rgb-color-brand-tropical-400: 145, 190, 98; /*
74
- // Please consider descriptive token prior to using brand token */
75
- --ds-rgb-color-brand-tropical-500: 94, 135, 65; /*
76
- // Please consider descriptive token prior to using brand token */
77
- --ds-rgb-color-brand-alpine-100: 188, 170, 230; /*
78
- // Please consider descriptive token prior to using brand token */
79
- --ds-rgb-color-brand-alpine-200: 158, 115, 234; /*
80
- // Please consider descriptive token prior to using brand token */
81
- --ds-rgb-color-brand-alpine-300: 132, 57, 239; /*
82
- // Please consider descriptive token prior to using brand token */
83
- --ds-rgb-color-brand-alpine-400: 99, 29, 184; /*
84
- // Please consider descriptive token prior to using brand token */
85
- --ds-rgb-color-brand-alpine-500: 57, 17, 92; /*
86
- // Please consider descriptive token prior to using brand token */
87
- --ds-rgb-color-brand-flamingo-100: 255, 235, 238; /*
88
- // Please consider descriptive token prior to using brand token */
89
- --ds-rgb-color-brand-flamingo-200: 255, 192, 202; /*
90
- // Please consider descriptive token prior to using brand token */
91
- --ds-rgb-color-brand-flamingo-300: 255, 148, 167; /*
92
- // Please consider descriptive token prior to using brand token */
93
- --ds-rgb-color-brand-flamingo-400: 246, 91, 123; /*
94
- // Please consider descriptive token prior to using brand token */
95
- --ds-rgb-color-brand-flamingo-500: 184, 43, 71; /*
96
- // Please consider descriptive token prior to using brand token */
97
- --ds-rgb-color-brand-canyon-100: 255, 202, 182; /*
98
- // Please consider descriptive token prior to using brand token */
99
- --ds-rgb-color-brand-canyon-200: 249, 149, 116; /*
100
- // Please consider descriptive token prior to using brand token */
101
- --ds-rgb-color-brand-canyon-300: 242, 97, 53; /*
102
- // Please consider descriptive token prior to using brand token */
103
- --ds-rgb-color-brand-canyon-400: 222, 62, 9; /*
104
- // Please consider descriptive token prior to using brand token */
105
- --ds-rgb-color-brand-canyon-500: 184, 51, 2; /*
106
- // Please consider descriptive token prior to using brand token */
107
- --ds-rgb-color-brand-goldcoast-100: 255, 240, 205; /*
108
- // Please consider descriptive token prior to using brand token */
109
- --ds-rgb-color-brand-goldcoast-200: 255, 219, 103; /*
110
- // Please consider descriptive token prior to using brand token */
111
- --ds-rgb-color-brand-goldcoast-300: 255, 210, 0; /*
112
- // Please consider descriptive token prior to using brand token */
113
- --ds-rgb-color-brand-goldcoast-400: 229, 173, 7; /*
114
- // Please consider descriptive token prior to using brand token */
115
- --ds-rgb-color-brand-goldcoast-500: 184, 134, 36; /*
116
- // Please consider descriptive token prior to using brand token */
117
- --ds-rgb-color-brand-neutral-100: 249, 251, 252; /*
118
- // Please consider descriptive token prior to using brand token */
119
- --ds-rgb-color-brand-neutral-200: 226, 234, 239; /*
120
- // Please consider descriptive token prior to using brand token */
121
- --ds-rgb-color-brand-neutral-300: 203, 216, 226; /*
122
- // Please consider descriptive token prior to using brand token */
123
- --ds-rgb-color-brand-neutral-400: 159, 171, 187; /*
124
- // Please consider descriptive token prior to using brand token */
125
- --ds-rgb-color-brand-neutral-500: 98, 107, 121; /*
126
- // Please consider descriptive token prior to using brand token */
127
- --ds-rgb-color-brand-gray-100: 248, 248, 248;
128
- --ds-rgb-color-brand-gray-200: 219, 219, 219;
129
- --ds-rgb-color-brand-gray-300: 178, 178, 178;
130
- --ds-rgb-color-brand-gray-400: 118, 118, 118;
131
- --ds-rgb-color-brand-gray-500: 34, 34, 34;
132
- --ds-rgb-color-brand-goldgray-100: 197, 193, 191;
133
- --ds-rgb-color-brand-goldgray-200: 114, 110, 108;
134
- --ds-rgb-color-brand-gold-100: 204, 188, 148;
135
- --ds-rgb-color-brand-gold-200: 127, 104, 46;
136
- --ds-rgb-color-brand-emerald: 19, 145, 66;
137
- --ds-rgb-color-brand-sapphire: 1, 93, 170;
138
- --ds-rgb-color-brand-ruby: 164, 29, 74;
139
- --ds-rgb-color-icon-primary-default: 98, 107, 121;
140
- --ds-rgb-color-icon-primary-inverse: 159, 171, 187;
141
- --ds-rgb-color-icon-emphasis-default: 34, 34, 34;
142
- --ds-rgb-color-icon-emphasis-inverse: 255, 255, 255;
143
- --ds-rgb-color-icon-accent-default: 0, 116, 200;
144
- --ds-rgb-color-icon-disabled-default: 0, 0, 0, 0.15;
145
- --ds-rgb-color-text-primary-default: 34, 34, 34;
146
- --ds-rgb-color-text-primary-inverse: 255, 255, 255;
147
- --ds-rgb-color-text-secondary-default: 98, 107, 121;
148
- --ds-rgb-color-text-secondary-inverse: 159, 171, 187;
149
- --ds-rgb-color-text-link-default: 0, 116, 200;
150
- --ds-rgb-color-text-link-inverse: 0, 207, 240;
151
- --ds-rgb-color-text-error-default: 223, 11, 55;
152
- --ds-rgb-color-text-error-inverse: 255, 153, 155;
153
- --ds-rgb-color-text-disabled-default: 219, 219, 219;
154
- --ds-rgb-color-text-emphasis-default: 1, 66, 106;
155
- --ds-rgb-color-text-emphasis-inverse: 193, 218, 240;
156
- --ds-rgb-color-tier-alaska-mvp-default: 114, 110, 108;
157
- --ds-rgb-color-tier-alaska-mvp-inverse: 197, 193, 191;
158
- --ds-rgb-color-tier-alaska-mvpgold-default: 127, 104, 46;
159
- --ds-rgb-color-tier-alaska-mvpgold-inverse: 204, 188, 148;
160
- --ds-rgb-color-tier-oneworld-emerald: 19, 145, 66;
161
- --ds-rgb-color-tier-oneworld-sapphire: 1, 93, 170;
162
- --ds-rgb-color-tier-oneworld-ruby: 164, 29, 74;
163
- --ds-rgb-color-ui-default-default: 0, 116, 200;
164
- --ds-rgb-color-ui-hover-default: 5, 70, 135;
165
- --ds-rgb-color-ui-active-default: 5, 70, 135;
166
- --ds-rgb-color-ui-disabled-default: 0, 116, 200, 0.2;
167
- --ds-rgb-color-ui-bkg-hover-default: 0, 0, 0, 0.06;
168
- }
package/dist/tokens/SassSizeCustomProperties--darkmode.scss DELETED
@@ -1,20 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 13 Sep 2023 17:26:40 GMT
4
- */
5
-
6
- :root {
7
- --ds-size-25: 0.125rem; /* 2px */
8
- --ds-size-50: 0.25rem; /* 4px */
9
- --ds-size-100: 0.5rem; /* 8px */
10
- --ds-size-150: 0.75rem; /* 12px */
11
- --ds-size-200: 1rem; /* 16px */
12
- --ds-size-300: 1.5rem; /* 24px */
13
- --ds-size-400: 2rem; /* 32px */
14
- --ds-size-500: 2.5rem; /* 40px */
15
- --ds-size-600: 3rem; /* 48px */
16
- --ds-size-700: 3.5rem; /* 56px */
17
- --ds-size-800: 4rem; /* 64px */
18
- --ds-size-900: 4.5rem; /* 72px */
19
- --ds-size-1000: 5rem; /* 80px */
20
- }
package/src/color-darkmode/alert.json DELETED
@@ -1,56 +0,0 @@
1
- {
2
- "color": {
3
- "alert": {
4
- "notification": {
5
- "default": {
6
- "value": "{color.brand.breeze.300.value}",
7
- "public": true,
8
- "default": true,
9
- "usage": "Notification color on dark backgrounds",
10
- "wcag": "AAA",
11
- "deprecated": false
12
- }
13
- },
14
- "warning": {
15
- "default": {
16
- "value": "{color.state.warning.500.value}",
17
- "public": true,
18
- "default": true,
19
- "usage": "Warning color on dark backgrounds",
20
- "wcag": "AAA",
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 color on dark backgrounds",
30
- "wcag": "AAA",
31
- "deprecated": false
32
- }
33
- },
34
- "success": {
35
- "default": {
36
- "value": "{color.state.success.100.value}",
37
- "public": true,
38
- "default": true,
39
- "usage": "Success color on dark backgrounds",
40
- "wcag": "AAA",
41
- "deprecated": false
42
- }
43
- },
44
- "advisory": {
45
- "default": {
46
- "value": "{color.brand.goldcoast.100.value}",
47
- "public": true,
48
- "default": true,
49
- "usage": "Travel advisory or system maintenance color on dark backgrounds",
50
- "wcag": "AAA",
51
- "deprecated": false
52
- }
53
- }
54
- }
55
- }
56
- }
package/src/color-darkmode/background.json DELETED
@@ -1,38 +0,0 @@
1
- {
2
- "color": {
3
- "background": {
4
- "lightest": {
5
- "value": "{color.base.white.value}",
6
- "public": true,
7
- "neutral": true,
8
- "usage": "Used for creating light backgrounds",
9
- "wcag": "n/a",
10
- "deprecated": false
11
- },
12
- "lighter": {
13
- "value": "{color.base.gray.100.value}",
14
- "public": true,
15
- "neutral": true,
16
- "usage": "Used for creating light backgrounds @ 90% white",
17
- "wcag": "n/a",
18
- "deprecated": false
19
- },
20
- "darker": {
21
- "value": "{color.brand.midnight.400.value}",
22
- "public": true,
23
- "neutral": true,
24
- "usage": "Used for creating dark backgrounds",
25
- "wcag": "n/a",
26
- "deprecated": false
27
- },
28
- "darkest": {
29
- "value": "{color.brand.midnight.500.value}",
30
- "public": true,
31
- "neutral": true,
32
- "usage": "Used for creating dark backgrounds @ 20% darker",
33
- "wcag": "n/a",
34
- "deprecated": false
35
- }
36
- }
37
- }
38
- }