@cumulus-ui/design-tokens 0.1.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.
- package/LICENSE +13 -0
- package/index.d.ts +438 -0
- package/index.js +438 -0
- package/package.json +35 -0
- package/tokens.css +741 -0
package/index.js
ADDED
|
@@ -0,0 +1,438 @@
|
|
|
1
|
+
// AUTO-GENERATED from @cloudscape-design/design-tokens — DO NOT EDIT
|
|
2
|
+
export const colorChartsRed300 = "var(--color-charts-red-300-2k7eul, #ea7158)";
|
|
3
|
+
export const colorChartsRed400 = "var(--color-charts-red-400-ssrf2o, #dc5032)";
|
|
4
|
+
export const colorChartsRed500 = "var(--color-charts-red-500-m14kmu, #d13313)";
|
|
5
|
+
export const colorChartsRed600 = "var(--color-charts-red-600-938v3h, #ba2e0f)";
|
|
6
|
+
export const colorChartsRed700 = "var(--color-charts-red-700-f6sq8t, #a82a0c)";
|
|
7
|
+
export const colorChartsRed800 = "var(--color-charts-red-800-tzkaad, #972709)";
|
|
8
|
+
export const colorChartsRed900 = "var(--color-charts-red-900-fhg0lh, #892407)";
|
|
9
|
+
export const colorChartsRed1000 = "var(--color-charts-red-1000-9iigzo, #7d2105)";
|
|
10
|
+
export const colorChartsRed1100 = "var(--color-charts-red-1100-4n7b3z, #721e03)";
|
|
11
|
+
export const colorChartsRed1200 = "var(--color-charts-red-1200-ek3cuo, #671c00)";
|
|
12
|
+
export const colorChartsOrange300 = "var(--color-charts-orange-300-hqhtmn, #e07941)";
|
|
13
|
+
export const colorChartsOrange400 = "var(--color-charts-orange-400-g8c1fc, #cc5f21)";
|
|
14
|
+
export const colorChartsOrange500 = "var(--color-charts-orange-500-j3c2cu, #bc4d01)";
|
|
15
|
+
export const colorChartsOrange600 = "var(--color-charts-orange-600-1ad7o4, #a84401)";
|
|
16
|
+
export const colorChartsOrange700 = "var(--color-charts-orange-700-spsf2r, #983c02)";
|
|
17
|
+
export const colorChartsOrange800 = "var(--color-charts-orange-800-244d7b, #8a3603)";
|
|
18
|
+
export const colorChartsOrange900 = "var(--color-charts-orange-900-8omk92, #7e3103)";
|
|
19
|
+
export const colorChartsOrange1000 = "var(--color-charts-orange-1000-ezq5pz, #732c02)";
|
|
20
|
+
export const colorChartsOrange1100 = "var(--color-charts-orange-1100-bhcmg5, #692801)";
|
|
21
|
+
export const colorChartsOrange1200 = "var(--color-charts-orange-1200-exs6jj, #602400)";
|
|
22
|
+
export const colorChartsYellow300 = "var(--color-charts-yellow-300-fpz8o0, #b2911c)";
|
|
23
|
+
export const colorChartsYellow400 = "var(--color-charts-yellow-400-vxiqrf, #9c7b0b)";
|
|
24
|
+
export const colorChartsYellow500 = "var(--color-charts-yellow-500-1qgrtj, #8a6b05)";
|
|
25
|
+
export const colorChartsYellow600 = "var(--color-charts-yellow-600-aweqy2, #7b5f04)";
|
|
26
|
+
export const colorChartsYellow700 = "var(--color-charts-yellow-700-xh0lj9, #6f5504)";
|
|
27
|
+
export const colorChartsYellow800 = "var(--color-charts-yellow-800-gp4422, #654d03)";
|
|
28
|
+
export const colorChartsYellow900 = "var(--color-charts-yellow-900-r6gx3k, #5d4503)";
|
|
29
|
+
export const colorChartsYellow1000 = "var(--color-charts-yellow-1000-6dnac6, #553f03)";
|
|
30
|
+
export const colorChartsYellow1100 = "var(--color-charts-yellow-1100-fqp4sw, #4d3901)";
|
|
31
|
+
export const colorChartsYellow1200 = "var(--color-charts-yellow-1200-k7kf4w, #483300)";
|
|
32
|
+
export const colorChartsGreen300 = "var(--color-charts-green-300-6766ev, #67a353)";
|
|
33
|
+
export const colorChartsGreen400 = "var(--color-charts-green-400-gd41ay, #41902c)";
|
|
34
|
+
export const colorChartsGreen500 = "var(--color-charts-green-500-yr18n3, #1f8104)";
|
|
35
|
+
export const colorChartsGreen600 = "var(--color-charts-green-600-b1gmr0, #1a7302)";
|
|
36
|
+
export const colorChartsGreen700 = "var(--color-charts-green-700-305sle, #176702)";
|
|
37
|
+
export const colorChartsGreen800 = "var(--color-charts-green-800-rh42zr, #145d02)";
|
|
38
|
+
export const colorChartsGreen900 = "var(--color-charts-green-900-2x5smm, #125502)";
|
|
39
|
+
export const colorChartsGreen1000 = "var(--color-charts-green-1000-opphoq, #104d01)";
|
|
40
|
+
export const colorChartsGreen1100 = "var(--color-charts-green-1100-o67uzm, #0f4601)";
|
|
41
|
+
export const colorChartsGreen1200 = "var(--color-charts-green-1200-sw46fc, #0d4000)";
|
|
42
|
+
export const colorChartsTeal300 = "var(--color-charts-teal-300-2qlyrg, #2ea597)";
|
|
43
|
+
export const colorChartsTeal400 = "var(--color-charts-teal-400-s8pa77, #1c8e81)";
|
|
44
|
+
export const colorChartsTeal500 = "var(--color-charts-teal-500-8d830b, #0d7d70)";
|
|
45
|
+
export const colorChartsTeal600 = "var(--color-charts-teal-600-772n9t, #096f64)";
|
|
46
|
+
export const colorChartsTeal700 = "var(--color-charts-teal-700-29mnwm, #06645a)";
|
|
47
|
+
export const colorChartsTeal800 = "var(--color-charts-teal-800-vp41t6, #045b52)";
|
|
48
|
+
export const colorChartsTeal900 = "var(--color-charts-teal-900-k020ya, #03524a)";
|
|
49
|
+
export const colorChartsTeal1000 = "var(--color-charts-teal-1000-fhpqt3, #014b44)";
|
|
50
|
+
export const colorChartsTeal1100 = "var(--color-charts-teal-1100-6w598w, #01443e)";
|
|
51
|
+
export const colorChartsTeal1200 = "var(--color-charts-teal-1200-0u78my, #003e38)";
|
|
52
|
+
export const colorChartsBlue1300 = "var(--color-charts-blue-1-300-pdza0q, #529ccb)";
|
|
53
|
+
export const colorChartsBlue1400 = "var(--color-charts-blue-1-400-ajl038, #3184c2)";
|
|
54
|
+
export const colorChartsBlue1500 = "var(--color-charts-blue-1-500-9s8gor, #0273bb)";
|
|
55
|
+
export const colorChartsBlue1600 = "var(--color-charts-blue-1-600-7ymb7g, #0166ab)";
|
|
56
|
+
export const colorChartsBlue1700 = "var(--color-charts-blue-1-700-5qzras, #015b9d)";
|
|
57
|
+
export const colorChartsBlue1800 = "var(--color-charts-blue-1-800-awczh4, #015292)";
|
|
58
|
+
export const colorChartsBlue1900 = "var(--color-charts-blue-1-900-6wxwzk, #014a87)";
|
|
59
|
+
export const colorChartsBlue11000 = "var(--color-charts-blue-1-1000-00005b, #01437d)";
|
|
60
|
+
export const colorChartsBlue11100 = "var(--color-charts-blue-1-1100-8nwfwf, #003c75)";
|
|
61
|
+
export const colorChartsBlue11200 = "var(--color-charts-blue-1-1200-v60p8b, #00366d)";
|
|
62
|
+
export const colorChartsBlue2300 = "var(--color-charts-blue-2-300-g72slq, #688ae8)";
|
|
63
|
+
export const colorChartsBlue2400 = "var(--color-charts-blue-2-400-he538m, #5978e3)";
|
|
64
|
+
export const colorChartsBlue2500 = "var(--color-charts-blue-2-500-quctxu, #4066df)";
|
|
65
|
+
export const colorChartsBlue2600 = "var(--color-charts-blue-2-600-6qav3j, #3759ce)";
|
|
66
|
+
export const colorChartsBlue2700 = "var(--color-charts-blue-2-700-sp7t4m, #314fbf)";
|
|
67
|
+
export const colorChartsBlue2800 = "var(--color-charts-blue-2-800-q01umt, #2c46b1)";
|
|
68
|
+
export const colorChartsBlue2900 = "var(--color-charts-blue-2-900-gog7z2, #273ea5)";
|
|
69
|
+
export const colorChartsBlue21000 = "var(--color-charts-blue-2-1000-c13nf8, #23379b)";
|
|
70
|
+
export const colorChartsBlue21100 = "var(--color-charts-blue-2-1100-ddk6eo, #1f3191)";
|
|
71
|
+
export const colorChartsBlue21200 = "var(--color-charts-blue-2-1200-gt550t, #1b2b88)";
|
|
72
|
+
export const colorChartsPurple300 = "var(--color-charts-purple-300-85q036, #a783e1)";
|
|
73
|
+
export const colorChartsPurple400 = "var(--color-charts-purple-400-9axh6r, #9469d6)";
|
|
74
|
+
export const colorChartsPurple500 = "var(--color-charts-purple-500-rn2jbl, #8456ce)";
|
|
75
|
+
export const colorChartsPurple600 = "var(--color-charts-purple-600-26s4rg, #7749bf)";
|
|
76
|
+
export const colorChartsPurple700 = "var(--color-charts-purple-700-tv8cvg, #6b40b2)";
|
|
77
|
+
export const colorChartsPurple800 = "var(--color-charts-purple-800-h61qlx, #6237a7)";
|
|
78
|
+
export const colorChartsPurple900 = "var(--color-charts-purple-900-am452b, #59309d)";
|
|
79
|
+
export const colorChartsPurple1000 = "var(--color-charts-purple-1000-uarqpb, #512994)";
|
|
80
|
+
export const colorChartsPurple1100 = "var(--color-charts-purple-1100-y8ctnd, #4a238b)";
|
|
81
|
+
export const colorChartsPurple1200 = "var(--color-charts-purple-1200-hr9f40, #431d84)";
|
|
82
|
+
export const colorChartsPink300 = "var(--color-charts-pink-300-ewnht7, #da7596)";
|
|
83
|
+
export const colorChartsPink400 = "var(--color-charts-pink-400-smjdat, #ce567c)";
|
|
84
|
+
export const colorChartsPink500 = "var(--color-charts-pink-500-bw864b, #c33d69)";
|
|
85
|
+
export const colorChartsPink600 = "var(--color-charts-pink-600-2ro14y, #b1325c)";
|
|
86
|
+
export const colorChartsPink700 = "var(--color-charts-pink-700-ryxvua, #a32952)";
|
|
87
|
+
export const colorChartsPink800 = "var(--color-charts-pink-800-tcusf8, #962249)";
|
|
88
|
+
export const colorChartsPink900 = "var(--color-charts-pink-900-kpyne4, #8b1b42)";
|
|
89
|
+
export const colorChartsPink1000 = "var(--color-charts-pink-1000-1soluc, #81143b)";
|
|
90
|
+
export const colorChartsPink1100 = "var(--color-charts-pink-1100-ff6g93, #780d35)";
|
|
91
|
+
export const colorChartsPink1200 = "var(--color-charts-pink-1200-w9585d, #6f062f)";
|
|
92
|
+
export const colorChartsStatusCritical = "var(--color-charts-status-critical-c6brdu, #7d2105)";
|
|
93
|
+
export const colorChartsStatusHigh = "var(--color-charts-status-high-18fhg5, #ba2e0f)";
|
|
94
|
+
export const colorChartsStatusMedium = "var(--color-charts-status-medium-3trmy3, #cc5f21)";
|
|
95
|
+
export const colorChartsStatusLow = "var(--color-charts-status-low-br6wv0, #b2911c)";
|
|
96
|
+
export const colorChartsStatusPositive = "var(--color-charts-status-positive-md7eqa, #67a353)";
|
|
97
|
+
export const colorChartsStatusInfo = "var(--color-charts-status-info-yds4x2, #3184c2)";
|
|
98
|
+
export const colorChartsStatusNeutral = "var(--color-charts-status-neutral-k2p33t, #8c8c94)";
|
|
99
|
+
export const colorChartsThresholdNegative = "var(--color-charts-threshold-negative-aad26m, #db0000)";
|
|
100
|
+
export const colorChartsThresholdPositive = "var(--color-charts-threshold-positive-mk2804, #00802f)";
|
|
101
|
+
export const colorChartsThresholdInfo = "var(--color-charts-threshold-info-ijuzzj, #006ce0)";
|
|
102
|
+
export const colorChartsThresholdNeutral = "var(--color-charts-threshold-neutral-pd7kh4, #656871)";
|
|
103
|
+
export const colorChartsLineGrid = "var(--color-charts-line-grid-kjxf3m, #dedee3)";
|
|
104
|
+
export const colorChartsLineTick = "var(--color-charts-line-tick-xmcbvk, #dedee3)";
|
|
105
|
+
export const colorChartsLineAxis = "var(--color-charts-line-axis-b95ncf, #dedee3)";
|
|
106
|
+
export const colorChartsPaletteCategorical1 = "var(--color-charts-palette-categorical-1-xu0deg, #688ae8)";
|
|
107
|
+
export const colorChartsPaletteCategorical2 = "var(--color-charts-palette-categorical-2-ktit09, #c33d69)";
|
|
108
|
+
export const colorChartsPaletteCategorical3 = "var(--color-charts-palette-categorical-3-g0srj0, #2ea597)";
|
|
109
|
+
export const colorChartsPaletteCategorical4 = "var(--color-charts-palette-categorical-4-5vauwp, #8456ce)";
|
|
110
|
+
export const colorChartsPaletteCategorical5 = "var(--color-charts-palette-categorical-5-3v8ery, #e07941)";
|
|
111
|
+
export const colorChartsPaletteCategorical6 = "var(--color-charts-palette-categorical-6-ztdd8d, #3759ce)";
|
|
112
|
+
export const colorChartsPaletteCategorical7 = "var(--color-charts-palette-categorical-7-3j5o6w, #962249)";
|
|
113
|
+
export const colorChartsPaletteCategorical8 = "var(--color-charts-palette-categorical-8-c5r39m, #096f64)";
|
|
114
|
+
export const colorChartsPaletteCategorical9 = "var(--color-charts-palette-categorical-9-8n6iuv, #6237a7)";
|
|
115
|
+
export const colorChartsPaletteCategorical10 = "var(--color-charts-palette-categorical-10-opta0w, #a84401)";
|
|
116
|
+
export const colorChartsPaletteCategorical11 = "var(--color-charts-palette-categorical-11-b2r7jc, #273ea5)";
|
|
117
|
+
export const colorChartsPaletteCategorical12 = "var(--color-charts-palette-categorical-12-b5drtm, #780d35)";
|
|
118
|
+
export const colorChartsPaletteCategorical13 = "var(--color-charts-palette-categorical-13-c69xg9, #03524a)";
|
|
119
|
+
export const colorChartsPaletteCategorical14 = "var(--color-charts-palette-categorical-14-db19x8, #4a238b)";
|
|
120
|
+
export const colorChartsPaletteCategorical15 = "var(--color-charts-palette-categorical-15-8z8vjw, #7e3103)";
|
|
121
|
+
export const colorChartsPaletteCategorical16 = "var(--color-charts-palette-categorical-16-549jkl, #1b2b88)";
|
|
122
|
+
export const colorChartsPaletteCategorical17 = "var(--color-charts-palette-categorical-17-nrio7t, #ce567c)";
|
|
123
|
+
export const colorChartsPaletteCategorical18 = "var(--color-charts-palette-categorical-18-tm902v, #003e38)";
|
|
124
|
+
export const colorChartsPaletteCategorical19 = "var(--color-charts-palette-categorical-19-ujcr86, #9469d6)";
|
|
125
|
+
export const colorChartsPaletteCategorical20 = "var(--color-charts-palette-categorical-20-h55e4g, #602400)";
|
|
126
|
+
export const colorChartsPaletteCategorical21 = "var(--color-charts-palette-categorical-21-vs0u8l, #4066df)";
|
|
127
|
+
export const colorChartsPaletteCategorical22 = "var(--color-charts-palette-categorical-22-6klt3l, #a32952)";
|
|
128
|
+
export const colorChartsPaletteCategorical23 = "var(--color-charts-palette-categorical-23-3zpkdt, #0d7d70)";
|
|
129
|
+
export const colorChartsPaletteCategorical24 = "var(--color-charts-palette-categorical-24-z9a4uk, #6b40b2)";
|
|
130
|
+
export const colorChartsPaletteCategorical25 = "var(--color-charts-palette-categorical-25-tgdsk2, #bc4d01)";
|
|
131
|
+
export const colorChartsPaletteCategorical26 = "var(--color-charts-palette-categorical-26-lo8zn9, #2c46b1)";
|
|
132
|
+
export const colorChartsPaletteCategorical27 = "var(--color-charts-palette-categorical-27-bruhsa, #81143b)";
|
|
133
|
+
export const colorChartsPaletteCategorical28 = "var(--color-charts-palette-categorical-28-6b00fb, #045b52)";
|
|
134
|
+
export const colorChartsPaletteCategorical29 = "var(--color-charts-palette-categorical-29-aurmid, #512994)";
|
|
135
|
+
export const colorChartsPaletteCategorical30 = "var(--color-charts-palette-categorical-30-fjnmd7, #8a3603)";
|
|
136
|
+
export const colorChartsPaletteCategorical31 = "var(--color-charts-palette-categorical-31-7zcct5, #1f3191)";
|
|
137
|
+
export const colorChartsPaletteCategorical32 = "var(--color-charts-palette-categorical-32-rrda6y, #da7596)";
|
|
138
|
+
export const colorChartsPaletteCategorical33 = "var(--color-charts-palette-categorical-33-2v0mzv, #01443e)";
|
|
139
|
+
export const colorChartsPaletteCategorical34 = "var(--color-charts-palette-categorical-34-g9a9q3, #a783e1)";
|
|
140
|
+
export const colorChartsPaletteCategorical35 = "var(--color-charts-palette-categorical-35-u0w821, #692801)";
|
|
141
|
+
export const colorChartsPaletteCategorical36 = "var(--color-charts-palette-categorical-36-tthuf8, #5978e3)";
|
|
142
|
+
export const colorChartsPaletteCategorical37 = "var(--color-charts-palette-categorical-37-y588bl, #b1325c)";
|
|
143
|
+
export const colorChartsPaletteCategorical38 = "var(--color-charts-palette-categorical-38-qdh97u, #1c8e81)";
|
|
144
|
+
export const colorChartsPaletteCategorical39 = "var(--color-charts-palette-categorical-39-yisq6l, #7749bf)";
|
|
145
|
+
export const colorChartsPaletteCategorical40 = "var(--color-charts-palette-categorical-40-yeer1v, #cc5f21)";
|
|
146
|
+
export const colorChartsPaletteCategorical41 = "var(--color-charts-palette-categorical-41-tu9dxw, #314fbf)";
|
|
147
|
+
export const colorChartsPaletteCategorical42 = "var(--color-charts-palette-categorical-42-q410kp, #8b1b42)";
|
|
148
|
+
export const colorChartsPaletteCategorical43 = "var(--color-charts-palette-categorical-43-dwew7q, #06645a)";
|
|
149
|
+
export const colorChartsPaletteCategorical44 = "var(--color-charts-palette-categorical-44-2thp96, #59309d)";
|
|
150
|
+
export const colorChartsPaletteCategorical45 = "var(--color-charts-palette-categorical-45-6kinj6, #983c02)";
|
|
151
|
+
export const colorChartsPaletteCategorical46 = "var(--color-charts-palette-categorical-46-iefxfq, #23379b)";
|
|
152
|
+
export const colorChartsPaletteCategorical47 = "var(--color-charts-palette-categorical-47-9l9wl2, #6f062f)";
|
|
153
|
+
export const colorChartsPaletteCategorical48 = "var(--color-charts-palette-categorical-48-5s2n0r, #014b44)";
|
|
154
|
+
export const colorChartsPaletteCategorical49 = "var(--color-charts-palette-categorical-49-bub0l1, #431d84)";
|
|
155
|
+
export const colorChartsPaletteCategorical50 = "var(--color-charts-palette-categorical-50-utrpu5, #732c02)";
|
|
156
|
+
export const colorChartsErrorBarMarker = "var(--color-charts-error-bar-marker-r10jgv, #131920)";
|
|
157
|
+
export const colorBackgroundNotificationSeverityCritical = "var(--color-background-notification-severity-critical-0xl8pp, #870303)";
|
|
158
|
+
export const colorBackgroundNotificationSeverityHigh = "var(--color-background-notification-severity-high-8nbgdi, #ce3311)";
|
|
159
|
+
export const colorBackgroundNotificationSeverityMedium = "var(--color-background-notification-severity-medium-lbljs2, #f89256)";
|
|
160
|
+
export const colorBackgroundNotificationSeverityLow = "var(--color-background-notification-severity-low-giz8b6, #f2cd54)";
|
|
161
|
+
export const colorBackgroundNotificationSeverityNeutral = "var(--color-background-notification-severity-neutral-hnhgmv, #656871)";
|
|
162
|
+
export const colorTextNotificationSeverityCritical = "var(--color-text-notification-severity-critical-tv4vw4, #f9f9fa)";
|
|
163
|
+
export const colorTextNotificationSeverityHigh = "var(--color-text-notification-severity-high-t4suvu, #f9f9fa)";
|
|
164
|
+
export const colorTextNotificationSeverityMedium = "var(--color-text-notification-severity-medium-8f60kb, #0f141a)";
|
|
165
|
+
export const colorTextNotificationSeverityLow = "var(--color-text-notification-severity-low-gvojhi, #0f141a)";
|
|
166
|
+
export const colorTextNotificationSeverityNeutral = "var(--color-text-notification-severity-neutral-ynm2wl, #f9f9fa)";
|
|
167
|
+
export const colorBackgroundButtonLinkActive = "var(--color-background-button-link-active-5oi2dp, #d1f1ff)";
|
|
168
|
+
export const colorBackgroundButtonLinkHover = "var(--color-background-button-link-hover-lhrs2u, #f0fbff)";
|
|
169
|
+
export const colorBackgroundButtonNormalActive = "var(--color-background-button-normal-active-5imwxd, #d1f1ff)";
|
|
170
|
+
export const colorBackgroundButtonNormalDefault = "var(--color-background-button-normal-default-7f99mv, #ffffff)";
|
|
171
|
+
export const colorBackgroundButtonNormalDisabled = "var(--color-background-button-normal-disabled-hl039l, #ffffff)";
|
|
172
|
+
export const colorBackgroundButtonNormalHover = "var(--color-background-button-normal-hover-53op9s, #f0fbff)";
|
|
173
|
+
export const colorBackgroundToggleButtonNormalPressed = "var(--color-background-toggle-button-normal-pressed-4khex7, #d1f1ff)";
|
|
174
|
+
export const colorBackgroundButtonPrimaryActive = "var(--color-background-button-primary-active-5cqoqt, #002b66)";
|
|
175
|
+
export const colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-vdt0fu, #006ce0)";
|
|
176
|
+
export const colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-sgo4zo, #ebebf0)";
|
|
177
|
+
export const colorBackgroundButtonPrimaryHover = "var(--color-background-button-primary-hover-mo85i6, #002b66)";
|
|
178
|
+
export const colorBackgroundCellShaded = "var(--color-background-cell-shaded-v7o6so, #f6f6f9)";
|
|
179
|
+
export const colorBackgroundCard = "var(--color-background-card-p5vrq0, #ffffff)";
|
|
180
|
+
export const colorBackgroundContainerContent = "var(--color-background-container-content-6u8rvp, #ffffff)";
|
|
181
|
+
export const colorBackgroundContainerHeader = "var(--color-background-container-header-gs3mbe, #ffffff)";
|
|
182
|
+
export const colorBackgroundControlChecked = "var(--color-background-control-checked-ka7kc2, #006ce0)";
|
|
183
|
+
export const colorBackgroundControlDefault = "var(--color-background-control-default-4jb21l, #ffffff)";
|
|
184
|
+
export const colorBackgroundControlDisabled = "var(--color-background-control-disabled-1f3718, #dedee3)";
|
|
185
|
+
export const colorBackgroundDropdownItemDefault = "var(--color-background-dropdown-item-default-qmc033, #ffffff)";
|
|
186
|
+
export const colorBackgroundDropdownItemFilterMatch = "var(--color-background-dropdown-item-filter-match-49b5vt, #f0fbff)";
|
|
187
|
+
export const colorBackgroundDropdownItemHover = "var(--color-background-dropdown-item-hover-yunepc, #f3f3f7)";
|
|
188
|
+
export const colorBackgroundHomeHeader = "var(--color-background-home-header-4c9jt4, #0f141a)";
|
|
189
|
+
export const colorBackgroundInputDefault = "var(--color-background-input-default-ifz5bb, #ffffff)";
|
|
190
|
+
export const colorBackgroundInputDisabled = "var(--color-background-input-disabled-dihaja, #ebebf0)";
|
|
191
|
+
export const colorBackgroundItemSelected = "var(--color-background-item-selected-9gppru, #f0fbff)";
|
|
192
|
+
export const colorBackgroundLayoutMain = "var(--color-background-layout-main-5ilwcb, #ffffff)";
|
|
193
|
+
export const colorBackgroundLayoutToggleActive = "var(--color-background-layout-toggle-active-ap91vm, #424650)";
|
|
194
|
+
export const colorBackgroundLayoutToggleDefault = "var(--color-background-layout-toggle-default-2hgjdu, #424650)";
|
|
195
|
+
export const colorBackgroundLayoutToggleHover = "var(--color-background-layout-toggle-hover-0cpm7g, #656871)";
|
|
196
|
+
export const colorBackgroundLayoutToggleSelectedActive = "var(--color-background-layout-toggle-selected-active-zcl8w3, #006ce0)";
|
|
197
|
+
export const colorBackgroundLayoutToggleSelectedDefault = "var(--color-background-layout-toggle-selected-default-izfana, #006ce0)";
|
|
198
|
+
export const colorBackgroundLayoutToggleSelectedHover = "var(--color-background-layout-toggle-selected-hover-7953u1, #004a9e)";
|
|
199
|
+
export const colorBackgroundNotificationBlue = "var(--color-background-notification-blue-4vnob8, #006ce0)";
|
|
200
|
+
export const colorBackgroundNotificationGreen = "var(--color-background-notification-green-2rkyvu, #00802f)";
|
|
201
|
+
export const colorBackgroundNotificationGrey = "var(--color-background-notification-grey-x3vul6, #424650)";
|
|
202
|
+
export const colorBackgroundNotificationRed = "var(--color-background-notification-red-0487ea, #db0000)";
|
|
203
|
+
export const colorBackgroundNotificationYellow = "var(--color-background-notification-yellow-y6us5r, #ffe347)";
|
|
204
|
+
export const colorBackgroundPopover = "var(--color-background-popover-e20fy8, #ffffff)";
|
|
205
|
+
export const colorBackgroundProgressBarValueDefault = "var(--color-background-progress-bar-value-default-69ydqg, #006ce0)";
|
|
206
|
+
export const colorBackgroundProgressBarDefault = "var(--color-background-progress-bar-default-j8kyxd, #ebebf0)";
|
|
207
|
+
export const colorBackgroundSegmentActive = "var(--color-background-segment-active-1u2ldl, #006ce0)";
|
|
208
|
+
export const colorBackgroundSegmentDefault = "var(--color-background-segment-default-b0r494, #ffffff)";
|
|
209
|
+
export const colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-m2a5t7, #ffffff)";
|
|
210
|
+
export const colorBackgroundSegmentHover = "var(--color-background-segment-hover-800sl4, #f0fbff)";
|
|
211
|
+
export const colorBackgroundSliderRangeDefault = "var(--color-background-slider-range-default-3ljdu4, #006ce0)";
|
|
212
|
+
export const colorBackgroundSliderRangeActive = "var(--color-background-slider-range-active-vu3lky, #004a9e)";
|
|
213
|
+
export const colorBackgroundSliderHandleDefault = "var(--color-background-slider-handle-default-lp5ntg, #006ce0)";
|
|
214
|
+
export const colorBackgroundSliderHandleActive = "var(--color-background-slider-handle-active-50ubqb, #004a9e)";
|
|
215
|
+
export const colorBackgroundSliderTrackDefault = "var(--color-background-slider-track-default-vk2c9o, #8c8c94)";
|
|
216
|
+
export const colorBackgroundStatusError = "var(--color-background-status-error-mu3lcw, #fff5f5)";
|
|
217
|
+
export const colorBackgroundStatusInfo = "var(--color-background-status-info-sfobba, #f0fbff)";
|
|
218
|
+
export const colorBackgroundDialog = "var(--color-background-dialog-2fj3uu, #f0fbff)";
|
|
219
|
+
export const colorBackgroundStatusSuccess = "var(--color-background-status-success-h6b8bh, #effff1)";
|
|
220
|
+
export const colorBackgroundStatusWarning = "var(--color-background-status-warning-cv83up, #fffef0)";
|
|
221
|
+
export const colorBackgroundToggleCheckedDisabled = "var(--color-background-toggle-checked-disabled-amxc0a, #b8e7ff)";
|
|
222
|
+
export const colorBackgroundAvatarGenAi = "var(--color-background-avatar-gen-ai-oxp2v6, radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%))";
|
|
223
|
+
export const colorBackgroundAvatarDefault = "var(--color-background-avatar-default-t427xm, #424650)";
|
|
224
|
+
export const colorTextAvatar = "var(--color-text-avatar-kuhkoa, #ffffff)";
|
|
225
|
+
export const colorBackgroundLoadingBarGenAi = "var(--color-background-loading-bar-gen-ai-tey70i, linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%))";
|
|
226
|
+
export const colorBackgroundChatBubbleOutgoing = "var(--color-background-chat-bubble-outgoing-ay6nj3, transparent)";
|
|
227
|
+
export const colorBackgroundChatBubbleIncoming = "var(--color-background-chat-bubble-incoming-j38cew, #f6f6f9)";
|
|
228
|
+
export const colorTextChatBubbleOutgoing = "var(--color-text-chat-bubble-outgoing-f3r63s, #0f141a)";
|
|
229
|
+
export const colorTextChatBubbleIncoming = "var(--color-text-chat-bubble-incoming-od0yh8, #0f141a)";
|
|
230
|
+
export const colorBorderButtonNormalActive = "var(--color-border-button-normal-active-ru7yhb, #002b66)";
|
|
231
|
+
export const colorBorderButtonNormalDefault = "var(--color-border-button-normal-default-glqfp1, #006ce0)";
|
|
232
|
+
export const colorBorderToggleButtonNormalPressed = "var(--color-border-toggle-button-normal-pressed-tq8o41, #006ce0)";
|
|
233
|
+
export const colorBorderButtonNormalDisabled = "var(--color-border-button-normal-disabled-pkhetz, #b4b4bb)";
|
|
234
|
+
export const colorTextButtonNormalDisabled = "var(--color-text-button-normal-disabled-05p74s, #8c8c94)";
|
|
235
|
+
export const colorBorderButtonNormalHover = "var(--color-border-button-normal-hover-6a2tdq, #002b66)";
|
|
236
|
+
export const colorTextButtonIconDisabled = "var(--color-text-button-icon-disabled-nnofkn, #8c8c94)";
|
|
237
|
+
export const colorBorderButtonPrimaryDisabled = "var(--color-border-button-primary-disabled-b5p1ji, #ebebf0)";
|
|
238
|
+
export const colorTextButtonPrimaryDisabled = "var(--color-text-button-primary-disabled-q79gms, #8c8c94)";
|
|
239
|
+
export const colorItemSelected = "var(--color-item-selected-72rnwy, #006ce0)";
|
|
240
|
+
export const colorBorderCard = "var(--color-border-card-3n24fu, #c6c6cd)";
|
|
241
|
+
export const colorBorderContainerTop = "var(--color-border-container-top-k3vmoz, transparent)";
|
|
242
|
+
export const colorBorderControlDefault = "var(--color-border-control-default-sh3548, #8c8c94)";
|
|
243
|
+
export const colorBorderDividerDefault = "var(--color-border-divider-default-nr68jt, #c6c6cd)";
|
|
244
|
+
export const colorBorderDividerSecondary = "var(--color-border-divider-secondary-qoitch, #ebebf0)";
|
|
245
|
+
export const colorBorderDropdownContainer = "var(--color-border-dropdown-container-cmthq7, #b4b4bb)";
|
|
246
|
+
export const colorBorderDropdownItemHover = "var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94)";
|
|
247
|
+
export const colorBorderInputDefault = "var(--color-border-input-default-317xk5, #8c8c94)";
|
|
248
|
+
export const colorBorderInputFocused = "var(--color-border-input-focused-4z0pgn, #006ce0)";
|
|
249
|
+
export const colorBorderItemFocused = "var(--color-border-item-focused-uk47pl, #006ce0)";
|
|
250
|
+
export const colorBorderDropdownItemFocused = "var(--color-border-dropdown-item-focused-zacqlp, #424650)";
|
|
251
|
+
export const colorBorderItemSelected = "var(--color-border-item-selected-wl5ttm, #006ce0)";
|
|
252
|
+
export const colorBorderPopover = "var(--color-border-popover-1ye6tz, #b4b4bb)";
|
|
253
|
+
export const colorBorderSegmentActive = "var(--color-border-segment-active-ls9t4n, #424650)";
|
|
254
|
+
export const colorBorderSegmentDefault = "var(--color-border-segment-default-6ig2mo, #424650)";
|
|
255
|
+
export const colorBorderSegmentDisabled = "var(--color-border-segment-disabled-fcrbcl, #424650)";
|
|
256
|
+
export const colorBorderSegmentHover = "var(--color-border-segment-hover-0o9ey3, #424650)";
|
|
257
|
+
export const colorBorderStatusError = "var(--color-border-status-error-j8acpp, #db0000)";
|
|
258
|
+
export const colorBorderStatusInfo = "var(--color-border-status-info-qf6jok, #006ce0)";
|
|
259
|
+
export const colorBorderStatusSuccess = "var(--color-border-status-success-8z5f8u, #00802f)";
|
|
260
|
+
export const colorBorderStatusWarning = "var(--color-border-status-warning-j40pg7, #855900)";
|
|
261
|
+
export const colorBorderDialog = "var(--color-border-dialog-0rjwug, #006ce0)";
|
|
262
|
+
export const colorForegroundControlDefault = "var(--color-foreground-control-default-eto4wy, #ffffff)";
|
|
263
|
+
export const colorForegroundControlDisabled = "var(--color-foreground-control-disabled-txi6cf, #ffffff)";
|
|
264
|
+
export const colorForegroundControlReadOnly = "var(--color-foreground-control-read-only-7ydvuj, #656871)";
|
|
265
|
+
export const colorTextAccent = "var(--color-text-accent-n1kmht, #006ce0)";
|
|
266
|
+
export const colorTextBodyDefault = "var(--color-text-body-default-vvtq8u, #0f141a)";
|
|
267
|
+
export const colorTextBodySecondary = "var(--color-text-body-secondary-yna5sb, #424650)";
|
|
268
|
+
export const colorTextBreadcrumbCurrent = "var(--color-text-breadcrumb-current-2mqnkk, #656871)";
|
|
269
|
+
export const colorTextBreadcrumbIcon = "var(--color-text-breadcrumb-icon-9j48ot, #8c8c94)";
|
|
270
|
+
export const colorTextButtonNormalActive = "var(--color-text-button-normal-active-vihsxh, #002b66)";
|
|
271
|
+
export const colorTextToggleButtonNormalPressed = "var(--color-text-toggle-button-normal-pressed-wnx2zl, #002b66)";
|
|
272
|
+
export const colorTextButtonNormalDefault = "var(--color-text-button-normal-default-nzalii, #006ce0)";
|
|
273
|
+
export const colorTextButtonNormalHover = "var(--color-text-button-normal-hover-gusgyv, #002b66)";
|
|
274
|
+
export const colorTextButtonPrimaryActive = "var(--color-text-button-primary-active-refmba, #ffffff)";
|
|
275
|
+
export const colorTextButtonPrimaryDefault = "var(--color-text-button-primary-default-mwl31m, #ffffff)";
|
|
276
|
+
export const colorTextButtonPrimaryHover = "var(--color-text-button-primary-hover-pw12ep, #ffffff)";
|
|
277
|
+
export const colorTextCounter = "var(--color-text-counter-bywf75, #656871)";
|
|
278
|
+
export const colorTextDropdownItemDefault = "var(--color-text-dropdown-item-default-f1jr9u, #0f141a)";
|
|
279
|
+
export const colorTextDropdownItemDisabled = "var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb)";
|
|
280
|
+
export const colorTextDropdownItemFilterMatch = "var(--color-text-dropdown-item-filter-match-ebhvct, #006ce0)";
|
|
281
|
+
export const colorTextDropdownItemHighlighted = "var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a)";
|
|
282
|
+
export const colorTextEmpty = "var(--color-text-empty-tlohug, #656871)";
|
|
283
|
+
export const colorTextFormDefault = "var(--color-text-form-default-47mtz6, #0f141a)";
|
|
284
|
+
export const colorTextFormSecondary = "var(--color-text-form-secondary-1nm780, #656871)";
|
|
285
|
+
export const colorTextGroupLabel = "var(--color-text-group-label-a2qc05, #424650)";
|
|
286
|
+
export const colorTextLabelGenAi = "var(--color-text-label-gen-ai-a2n3od, #7300e5)";
|
|
287
|
+
export const colorTextHeadingDefault = "var(--color-text-heading-default-izpp46, #0f141a)";
|
|
288
|
+
export const colorTextHeadingSecondary = "var(--color-text-heading-secondary-iwtvf6, #424650)";
|
|
289
|
+
export const colorTextHomeHeaderDefault = "var(--color-text-home-header-default-morg6i, #ebebf0)";
|
|
290
|
+
export const colorTextHomeHeaderSecondary = "var(--color-text-home-header-secondary-i4jhp7, #c6c6cd)";
|
|
291
|
+
export const colorTextInputDisabled = "var(--color-text-input-disabled-wh1f3y, #b4b4bb)";
|
|
292
|
+
export const colorTextInputPlaceholder = "var(--color-text-input-placeholder-dclg8u, #656871)";
|
|
293
|
+
export const colorTextInteractiveActive = "var(--color-text-interactive-active-uoe6zi, #0f141a)";
|
|
294
|
+
export const colorTextInteractiveDefault = "var(--color-text-interactive-default-ugh9wp, #424650)";
|
|
295
|
+
export const colorTextInteractiveDisabled = "var(--color-text-interactive-disabled-1bqmrl, #b4b4bb)";
|
|
296
|
+
export const colorTextInteractiveHover = "var(--color-text-interactive-hover-6naf7i, #0f141a)";
|
|
297
|
+
export const colorTextToggleButtonIconPressed = "var(--color-text-toggle-button-icon-pressed-detfkz, #0f141a)";
|
|
298
|
+
export const colorTextInteractiveInvertedDefault = "var(--color-text-interactive-inverted-default-xlc0d5, #dedee3)";
|
|
299
|
+
export const colorTextInteractiveInvertedHover = "var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa)";
|
|
300
|
+
export const colorTextLabel = "var(--color-text-label-28gfmc, #0f141a)";
|
|
301
|
+
export const colorTextLayoutToggle = "var(--color-text-layout-toggle-1a15s3, #ffffff)";
|
|
302
|
+
export const colorTextLayoutToggleActive = "var(--color-text-layout-toggle-active-ifu7qp, #ffffff)";
|
|
303
|
+
export const colorTextLayoutToggleHover = "var(--color-text-layout-toggle-hover-9jwdce, #006ce0)";
|
|
304
|
+
export const colorTextLayoutToggleSelected = "var(--color-text-layout-toggle-selected-xpximc, #ffffff)";
|
|
305
|
+
export const colorTextLinkDefault = "var(--color-text-link-default-hude44, #006ce0)";
|
|
306
|
+
export const colorTextLinkHover = "var(--color-text-link-hover-2hfec2, #002b66)";
|
|
307
|
+
export const colorTextNotificationDefault = "var(--color-text-notification-default-1iey72, #f9f9fa)";
|
|
308
|
+
export const colorTextSegmentActive = "var(--color-text-segment-active-hlorbe, #ffffff)";
|
|
309
|
+
export const colorTextSegmentDefault = "var(--color-text-segment-default-vi2vn9, #424650)";
|
|
310
|
+
export const colorTextSegmentHover = "var(--color-text-segment-hover-65a2x8, #002b66)";
|
|
311
|
+
export const colorTextStatusError = "var(--color-text-status-error-ksqavh, #db0000)";
|
|
312
|
+
export const colorTextStatusInactive = "var(--color-text-status-inactive-gy7337, #656871)";
|
|
313
|
+
export const colorTextStatusInfo = "var(--color-text-status-info-ue8bd2, #006ce0)";
|
|
314
|
+
export const colorTextStatusSuccess = "var(--color-text-status-success-ybmii8, #00802f)";
|
|
315
|
+
export const colorTextStatusWarning = "var(--color-text-status-warning-6meo06, #855900)";
|
|
316
|
+
export const colorTextTopNavigationTitle = "var(--color-text-top-navigation-title-en0v40, #0f141a)";
|
|
317
|
+
export const colorBoardPlaceholderActive = "var(--color-board-placeholder-active-x6yfem, #ebebf0)";
|
|
318
|
+
export const colorBoardPlaceholderHover = "var(--color-board-placeholder-hover-5nov9c, #d1f1ff)";
|
|
319
|
+
export const colorDragPlaceholderActive = "var(--color-drag-placeholder-active-ea1sgp, #ebebf0)";
|
|
320
|
+
export const colorDragPlaceholderHover = "var(--color-drag-placeholder-hover-qwadna, #d1f1ff)";
|
|
321
|
+
export const colorDropzoneBackgroundDefault = "var(--color-dropzone-background-default-7efhmb, #ffffff)";
|
|
322
|
+
export const colorDropzoneBackgroundHover = "var(--color-dropzone-background-hover-mi8rlm, #f0fbff)";
|
|
323
|
+
export const colorDropzoneTextDefault = "var(--color-dropzone-text-default-djdnme, #424650)";
|
|
324
|
+
export const colorDropzoneTextHover = "var(--color-dropzone-text-hover-asw3rt, #424650)";
|
|
325
|
+
export const colorDropzoneBorderDefault = "var(--color-dropzone-border-default-k648ha, #8c8c94)";
|
|
326
|
+
export const colorDropzoneBorderHover = "var(--color-dropzone-border-hover-otpag5, #002b66)";
|
|
327
|
+
export const colorTreeViewConnectorLine = "var(--color-tree-view-connector-line-1usxvn, #8c8c94)";
|
|
328
|
+
export const fontFamilyBase = "var(--font-family-base-gmnpzl, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
|
|
329
|
+
export const fontFamilyDisplay = "var(--font-family-display-a93nj0, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
|
|
330
|
+
export const fontFamilyHeading = "var(--font-family-heading-ugphat, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
|
|
331
|
+
export const fontFamilyMonospace = "var(--font-family-monospace-q47m7k, Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace)";
|
|
332
|
+
export const fontSizeBodyM = "var(--font-size-body-m-a7nh2n, 14px)";
|
|
333
|
+
export const fontSizeBodyS = "var(--font-size-body-s-smc8cv, 12px)";
|
|
334
|
+
export const fontSizeDisplayL = "var(--font-size-display-l-wa6woo, 42px)";
|
|
335
|
+
export const fontSizeHeadingXl = "var(--font-size-heading-xl-wvkbur, 24px)";
|
|
336
|
+
export const fontSizeHeadingL = "var(--font-size-heading-l-vnacx6, 20px)";
|
|
337
|
+
export const fontSizeHeadingM = "var(--font-size-heading-m-170yiy, 18px)";
|
|
338
|
+
export const fontSizeHeadingS = "var(--font-size-heading-s-zp08en, 16px)";
|
|
339
|
+
export const fontSizeHeadingXs = "var(--font-size-heading-xs-j8yzxv, 14px)";
|
|
340
|
+
export const fontWeightButton = "var(--font-weight-button-0eg20c, 700)";
|
|
341
|
+
export const fontWeightAlertHeader = "var(--font-weight-alert-header-zg25o1, 700)";
|
|
342
|
+
export const fontWeightFlashbarHeader = "var(--font-weight-flashbar-header-fg5kye, 700)";
|
|
343
|
+
export const fontWeightHeadingXl = "var(--font-weight-heading-xl-u3m4we, 700)";
|
|
344
|
+
export const fontWeightHeadingL = "var(--font-weight-heading-l-0t6dwc, 700)";
|
|
345
|
+
export const fontWeightHeadingM = "var(--font-weight-heading-m-zf82dr, 700)";
|
|
346
|
+
export const fontWeightHeadingS = "var(--font-weight-heading-s-lcx0ai, 700)";
|
|
347
|
+
export const fontWeightHeadingXs = "var(--font-weight-heading-xs-wqqpne, 700)";
|
|
348
|
+
export const letterSpacingDisplayL = "var(--letter-spacing-display-l-elyyxk, -0.03em)";
|
|
349
|
+
export const letterSpacingHeadingXl = "var(--letter-spacing-heading-xl-ckkb6u, -0.02em)";
|
|
350
|
+
export const letterSpacingHeadingL = "var(--letter-spacing-heading-l-5v6ibv, -0.015em)";
|
|
351
|
+
export const letterSpacingHeadingM = "var(--letter-spacing-heading-m-29ewnk, -0.010em)";
|
|
352
|
+
export const letterSpacingHeadingS = "var(--letter-spacing-heading-s-4st9ep, -0.005em)";
|
|
353
|
+
export const letterSpacingHeadingXs = "var(--letter-spacing-heading-xs-fgog7a, normal)";
|
|
354
|
+
export const lineHeightBodyM = "var(--line-height-body-m-2mh3ke, 20px)";
|
|
355
|
+
export const lineHeightBodyS = "var(--line-height-body-s-nu5hx1, 16px)";
|
|
356
|
+
export const lineHeightDisplayL = "var(--line-height-display-l-vwanzp, 48px)";
|
|
357
|
+
export const lineHeightHeadingXl = "var(--line-height-heading-xl-hko6p0, 30px)";
|
|
358
|
+
export const lineHeightHeadingL = "var(--line-height-heading-l-mg5bx6, 24px)";
|
|
359
|
+
export const lineHeightHeadingM = "var(--line-height-heading-m-uoaqdh, 22px)";
|
|
360
|
+
export const lineHeightHeadingS = "var(--line-height-heading-s-hmi4vc, 20px)";
|
|
361
|
+
export const lineHeightHeadingXs = "var(--line-height-heading-xs-q9j004, 18px)";
|
|
362
|
+
export const borderRadiusAlert = "var(--border-radius-alert-syagf6, 12px)";
|
|
363
|
+
export const borderRadiusBadge = "var(--border-radius-badge-exolfb, 4px)";
|
|
364
|
+
export const borderRadiusButton = "var(--border-radius-button-7bgkcs, 20px)";
|
|
365
|
+
export const borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-focus-ring-xvvbuc, 3px)";
|
|
366
|
+
export const borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
|
|
367
|
+
export const borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
|
|
368
|
+
export const borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
|
|
369
|
+
export const borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
|
|
370
|
+
export const borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
|
|
371
|
+
export const borderRadiusDropdown = "var(--border-radius-dropdown-fgc2a1, 8px)";
|
|
372
|
+
export const borderRadiusDropzone = "var(--border-radius-dropzone-eklq14, 12px)";
|
|
373
|
+
export const borderRadiusFlashbar = "var(--border-radius-flashbar-pp1ptu, 12px)";
|
|
374
|
+
export const borderRadiusItem = "var(--border-radius-item-iwaia5, 8px)";
|
|
375
|
+
export const borderRadiusInput = "var(--border-radius-input-7q0str, 8px)";
|
|
376
|
+
export const borderRadiusPopover = "var(--border-radius-popover-6fqb5w, 8px)";
|
|
377
|
+
export const borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-o4qku1, 20px)";
|
|
378
|
+
export const borderRadiusTiles = "var(--border-radius-tiles-wm1vgw, 8px)";
|
|
379
|
+
export const borderRadiusToken = "var(--border-radius-token-ycnemh, 8px)";
|
|
380
|
+
export const borderRadiusChatBubble = "var(--border-radius-chat-bubble-haafsg, 8px)";
|
|
381
|
+
export const borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-ojaqxg, 8px)";
|
|
382
|
+
export const borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
|
|
383
|
+
export const borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
|
|
384
|
+
export const borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
|
|
385
|
+
export const borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
|
|
386
|
+
export const borderWidthAlertInlineStart = "var(--border-width-alert-inline-start-gjm6m1, 2px)";
|
|
387
|
+
export const borderWidthAlertInlineEnd = "var(--border-width-alert-inline-end-9s426v, 2px)";
|
|
388
|
+
export const borderWidthButton = "var(--border-width-button-jm0qg7, 2px)";
|
|
389
|
+
export const borderWidthDropdown = "var(--border-width-dropdown-youcay, 2px)";
|
|
390
|
+
export const borderWidthField = "var(--border-width-field-2xc78x, 1px)";
|
|
391
|
+
export const borderWidthPopover = "var(--border-width-popover-nflirh, 2px)";
|
|
392
|
+
export const borderWidthToken = "var(--border-width-token-2ukdpu, 2px)";
|
|
393
|
+
export const borderWidthIconSmall = "var(--border-width-icon-small-z55i5t, 2px)";
|
|
394
|
+
export const borderWidthIconNormal = "var(--border-width-icon-normal-9h7vj7, 2px)";
|
|
395
|
+
export const borderWidthIconMedium = "var(--border-width-icon-medium-b7icqv, 2px)";
|
|
396
|
+
export const borderWidthIconBig = "var(--border-width-icon-big-ymgy42, 3px)";
|
|
397
|
+
export const borderWidthIconLarge = "var(--border-width-icon-large-u645rg, 4px)";
|
|
398
|
+
export const motionDurationAvatarGenAiGradient = "var(--motion-duration-avatar-gen-ai-gradient-84si5n, 3600ms)";
|
|
399
|
+
export const motionDurationAvatarLoadingDots = "var(--motion-duration-avatar-loading-dots-1xxvis, 1200ms)";
|
|
400
|
+
export const motionEasingAvatarGenAiGradient = "var(--motion-easing-avatar-gen-ai-gradient-9fwaak, cubic-bezier(0.7, 0, 0.3, 1))";
|
|
401
|
+
export const motionEasingResponsive = "var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1))";
|
|
402
|
+
export const motionEasingSticky = "var(--motion-easing-sticky-tn072u, cubic-bezier(1, 0, 0.83, 1))";
|
|
403
|
+
export const motionEasingExpressive = "var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1))";
|
|
404
|
+
export const motionDurationResponsive = "var(--motion-duration-responsive-mehora, 115ms)";
|
|
405
|
+
export const motionDurationExpressive = "var(--motion-duration-expressive-cbdcwy, 165ms)";
|
|
406
|
+
export const motionDurationComplex = "var(--motion-duration-complex-tbdo30, 250ms)";
|
|
407
|
+
export const motionKeyframesFadeIn = "var(--motion-keyframes-fade-in-0r842q, awsui-fade-in-35003c)";
|
|
408
|
+
export const motionKeyframesFadeOut = "var(--motion-keyframes-fade-out-g7fgdu, awsui-fade-out-35003c)";
|
|
409
|
+
export const motionKeyframesStatusIconError = "var(--motion-keyframes-status-icon-error-wkou39, awsui-status-icon-error-35003c)";
|
|
410
|
+
export const motionKeyframesScalePopup = "var(--motion-keyframes-scale-popup-9iqcu0, awsui-scale-popup-35003c)";
|
|
411
|
+
export const spaceAlertVertical = "var(--space-alert-vertical-dlp5wr, 8px)";
|
|
412
|
+
export const spaceCardHorizontalDefault = "var(--space-card-horizontal-default-pihe12, 20px)";
|
|
413
|
+
export const spaceCardHorizontalEmbedded = "var(--space-card-horizontal-embedded-sasxhu, 12px)";
|
|
414
|
+
export const spaceCardVerticalDefault = "var(--space-card-vertical-default-e40tif, 16px)";
|
|
415
|
+
export const spaceCardVerticalEmbedded = "var(--space-card-vertical-embedded-30pnhg, 10px)";
|
|
416
|
+
export const spaceContainerHorizontal = "var(--space-container-horizontal-nqrzyh, 20px)";
|
|
417
|
+
export const spaceFieldHorizontal = "var(--space-field-horizontal-0aq2ch, 12px)";
|
|
418
|
+
export const spaceTreeViewIndentation = "var(--space-tree-view-indentation-xh9kis, 24px)";
|
|
419
|
+
export const spaceScaledXxxs = "var(--space-scaled-xxxs-oo06c7, 2px)";
|
|
420
|
+
export const spaceScaledXxs = "var(--space-scaled-xxs-pfm1nx, 4px)";
|
|
421
|
+
export const spaceScaledXs = "var(--space-scaled-xs-xwoogq, 8px)";
|
|
422
|
+
export const spaceScaledS = "var(--space-scaled-s-8ozaad, 12px)";
|
|
423
|
+
export const spaceScaledM = "var(--space-scaled-m-m892r9, 16px)";
|
|
424
|
+
export const spaceScaledL = "var(--space-scaled-l-sej05l, 20px)";
|
|
425
|
+
export const spaceScaledXl = "var(--space-scaled-xl-dunxp5, 24px)";
|
|
426
|
+
export const spaceScaledXxl = "var(--space-scaled-xxl-6wgq96, 32px)";
|
|
427
|
+
export const spaceScaledXxxl = "var(--space-scaled-xxxl-hwoy7j, 40px)";
|
|
428
|
+
export const spaceStaticXxxs = "var(--space-static-xxxs-yidks1, 2px)";
|
|
429
|
+
export const spaceStaticXxs = "var(--space-static-xxs-ns94dp, 4px)";
|
|
430
|
+
export const spaceStaticXs = "var(--space-static-xs-gnm0mz, 8px)";
|
|
431
|
+
export const spaceStaticS = "var(--space-static-s-t763lu, 12px)";
|
|
432
|
+
export const spaceStaticM = "var(--space-static-m-m6qboo, 16px)";
|
|
433
|
+
export const spaceStaticL = "var(--space-static-l-n53k41, 20px)";
|
|
434
|
+
export const spaceStaticXl = "var(--space-static-xl-4tedi6, 24px)";
|
|
435
|
+
export const spaceStaticXxl = "var(--space-static-xxl-ifa9j8, 32px)";
|
|
436
|
+
export const spaceStaticXxxl = "var(--space-static-xxxl-tngnnz, 40px)";
|
|
437
|
+
export const shadowCard = "var(--shadow-card-hmrw4q, none)";
|
|
438
|
+
export const shadowContainerActive = "var(--shadow-container-active-ypjjoc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a)";
|
package/package.json
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@cumulus-ui/design-tokens",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "CSS custom properties for Cumulus UI — light and dark mode tokens generated from Cloudscape Design System",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./index.js",
|
|
7
|
+
"types": "./index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"types": "./index.d.ts",
|
|
11
|
+
"default": "./index.js"
|
|
12
|
+
},
|
|
13
|
+
"./tokens.css": "./tokens.css"
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"index.js",
|
|
17
|
+
"index.d.ts",
|
|
18
|
+
"tokens.css"
|
|
19
|
+
],
|
|
20
|
+
"scripts": {
|
|
21
|
+
"generate": "tsx scripts/generate.ts"
|
|
22
|
+
},
|
|
23
|
+
"keywords": [
|
|
24
|
+
"cloudscape",
|
|
25
|
+
"design-tokens",
|
|
26
|
+
"css-custom-properties",
|
|
27
|
+
"dark-mode"
|
|
28
|
+
],
|
|
29
|
+
"license": "Apache-2.0",
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@cloudscape-design/design-tokens": "^3.0.78",
|
|
32
|
+
"tsx": "^4.21.0",
|
|
33
|
+
"typescript": "~5.9.3"
|
|
34
|
+
}
|
|
35
|
+
}
|