@czi-sds/components 20.8.0 → 21.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 (9) hide show
  1. package/dist/index.cjs.d.ts +127 -282
  2. package/dist/index.cjs.js +914 -628
  3. package/dist/index.esm.d.ts +127 -282
  4. package/dist/index.esm.js +910 -627
  5. package/dist/tailwind.json +318 -128
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/variables.css +567 -251
  8. package/dist/variables.scss +452 -142
  9. package/package.json +2 -2
package/dist/tailwind.json CHANGED
@@ -148,134 +148,324 @@
148
148
  "sds-none": "none"
149
149
  },
150
150
  "colors": {
151
- "sds-color-primitive-common-black": "#000000",
152
- "sds-color-primitive-common-white": "#FFFFFF",
153
- "sds-color-primitive-blue-100": "#F5F9FF",
154
- "sds-color-primitive-blue-200": "#E9F1FF",
155
- "sds-color-primitive-blue-300": "#A6C9FF",
156
- "sds-color-primitive-blue-400": "#0B68F8",
157
- "sds-color-primitive-blue-500": "#0142A4",
158
- "sds-color-primitive-blue-600": "#002660",
159
- "sds-color-primitive-gray-100": "#F8F8F8",
160
- "sds-color-primitive-gray-200": "#EAEAEA",
161
- "sds-color-primitive-gray-300": "#CCCCCC",
162
- "sds-color-primitive-gray-400": "#999999",
163
- "sds-color-primitive-gray-500": "#767676",
164
- "sds-color-primitive-gray-600": "#545454",
165
- "sds-color-primitive-green-100": "#ECF5F0",
166
- "sds-color-primitive-green-200": "#E6F7ED",
167
- "sds-color-primitive-green-400": "#3CB371",
168
- "sds-color-primitive-green-500": "#349A61",
169
- "sds-color-primitive-green-600": "#1C7F48",
170
- "sds-color-primitive-purple-100": "#F4F0F9",
171
- "sds-color-primitive-purple-200": "#F0EBF6",
172
- "sds-color-primitive-purple-400": "#7A41CE",
173
- "sds-color-primitive-purple-500": "#703CBE",
174
- "sds-color-primitive-purple-600": "#693BAC",
175
- "sds-color-primitive-red-100": "#FEF2F2",
176
- "sds-color-primitive-red-200": "#F8E8E8",
177
- "sds-color-primitive-red-400": "#DC132C",
178
- "sds-color-primitive-red-500": "#C61128",
179
- "sds-color-primitive-red-600": "#B70016",
180
- "sds-color-primitive-yellow-100": "#FCF6EC",
181
- "sds-color-primitive-yellow-200": "#FFF3E1",
182
- "sds-color-primitive-yellow-400": "#F5A623",
183
- "sds-color-primitive-yellow-500": "#D8921F",
184
- "sds-color-primitive-yellow-600": "#946314",
185
- "sds-color-primitive-overlay-100": "rgba(0, 0, 0, 0.08)",
186
- "sds-color-primitive-overlay-200": "rgba(0, 0, 0, 0.03)",
187
- "sds-color-semantic-text-base-primary": "#000000",
188
- "sds-color-semantic-text-base-secondary": "#767676",
189
- "sds-color-semantic-text-base-disabled": "#CCCCCC",
190
- "sds-color-semantic-text-base-on-fill": "#FFFFFF",
191
- "sds-color-semantic-text-base-on-fill-disabled": "#999999",
192
- "sds-color-semantic-text-base-accent": "#002660",
193
- "sds-color-semantic-text-action-default": "#0B68F8",
194
- "sds-color-semantic-text-action-hover": "#0142A4",
195
- "sds-color-semantic-text-action-pressed": "#002660",
196
- "sds-color-semantic-text-beta": "#693BAC",
197
- "sds-color-semantic-text-info": "#002660",
198
- "sds-color-semantic-text-negative": "#B70016",
199
- "sds-color-semantic-text-neutral": "#545454",
200
- "sds-color-semantic-text-notice": "#946314",
201
- "sds-color-semantic-text-positive": "#1C7F48",
202
- "sds-color-semantic-component-base-fill": "#FFFFFF",
203
- "sds-color-semantic-component-base-fill-hover": "#F8F8F8",
204
- "sds-color-semantic-component-base-fill-pressed": "#F8F8F8",
205
- "sds-color-semantic-component-base-fill-open": "#F8F8F8",
206
- "sds-color-semantic-component-base-fill-selected": "#000000",
207
- "sds-color-semantic-component-base-fill-disabled": "#CCCCCC",
208
- "sds-color-semantic-component-base-on-fill-disabled": "#999999",
209
- "sds-color-semantic-component-base-surface": "#FFFFFF",
210
- "sds-color-semantic-component-base-surface-primary": "#FFFFFF",
211
- "sds-color-semantic-component-base-surface-secondary": "#F8F8F8",
212
- "sds-color-semantic-component-base-surface-tertiary": "#EAEAEA",
213
- "sds-color-semantic-component-base-divider": "#EAEAEA",
214
- "sds-color-semantic-component-base-border": "#999999",
215
- "sds-color-semantic-component-base-border-hover": "#000000",
216
- "sds-color-semantic-component-base-border-disabled": "#CCCCCC",
217
- "sds-color-semantic-component-base-border-pressed": "#000000",
218
- "sds-color-semantic-component-base-border-table": "#CCCCCC",
219
- "sds-color-semantic-component-base-icon": "#767676",
220
- "sds-color-semantic-component-base-icon-hover": "#000000",
221
- "sds-color-semantic-component-base-icon-pressed": "#000000",
222
- "sds-color-semantic-component-base-icon-disabled": "#CCCCCC",
223
- "sds-color-semantic-component-accent-fill": "#0B68F8",
224
- "sds-color-semantic-component-accent-fill-hover": "#0142A4",
225
- "sds-color-semantic-component-accent-fill-pressed": "#002660",
226
- "sds-color-semantic-component-accent-fill-on-fill": "#FFFFFF",
227
- "sds-color-semantic-component-accent-fill-disabled": "#A6C9FF",
228
- "sds-color-semantic-component-accent-surface": "#E9F1FF",
229
- "sds-color-semantic-component-accent-border": "#0B68F8",
230
- "sds-color-semantic-component-accent-border-hover": "#0142A4",
231
- "sds-color-semantic-component-accent-border-open": "#0B68F8",
232
- "sds-color-semantic-component-accent-border-focus": "#0B68F8",
233
- "sds-color-semantic-component-accent-border-pressed": "#002660",
234
- "sds-color-semantic-component-accent-border-selected": "#0B68F8",
235
- "sds-color-semantic-component-accent-border-disabled": "#A6C9FF",
236
- "sds-color-semantic-component-accent-icon": "#0B68F8",
237
- "sds-color-semantic-component-beta-fill": "#7A41CE",
238
- "sds-color-semantic-component-beta-fill-hover": "#703CBE",
239
- "sds-color-semantic-component-beta-fill-pressed": "#693BAC",
240
- "sds-color-semantic-component-beta-fill-on-fill": "#FFFFFF",
241
- "sds-color-semantic-component-beta-surface": "#F0EBF6",
242
- "sds-color-semantic-component-beta-border": "#7A41CE",
243
- "sds-color-semantic-component-beta-icon": "#7A41CE",
244
- "sds-color-semantic-component-info-fill": "#0B68F8",
245
- "sds-color-semantic-component-info-fill-hover": "#0142A4",
246
- "sds-color-semantic-component-info-fill-pressed": "#002660",
247
- "sds-color-semantic-component-info-fill-on-fill": "#FFFFFF",
248
- "sds-color-semantic-component-info-surface": "#E9F1FF",
249
- "sds-color-semantic-component-info-border": "#0B68F8",
250
- "sds-color-semantic-component-info-icon": "#0B68F8",
251
- "sds-color-semantic-component-negative-fill": "#DC132C",
252
- "sds-color-semantic-component-negative-fill-hover": "#C61128",
253
- "sds-color-semantic-component-negative-fill-pressed": "#B70016",
254
- "sds-color-semantic-component-negative-fill-on-fill": "#FFFFFF",
255
- "sds-color-semantic-component-negative-surface": "#F8E8E8",
256
- "sds-color-semantic-component-negative-border": "#DC132C",
257
- "sds-color-semantic-component-negative-icon": "#DC132C",
258
- "sds-color-semantic-component-neutral-fill": "#999999",
259
- "sds-color-semantic-component-neutral-fill-hover": "#767676",
260
- "sds-color-semantic-component-neutral-fill-pressed": "#545454",
261
- "sds-color-semantic-component-neutral-fill-on-fill": "#FFFFFF",
262
- "sds-color-semantic-component-neutral-surface": "#EAEAEA",
263
- "sds-color-semantic-component-neutral-border": "#999999",
264
- "sds-color-semantic-component-neutral-icon": "#999999",
265
- "sds-color-semantic-component-notice-fill": "#F5A623",
266
- "sds-color-semantic-component-notice-fill-hover": "#D8921F",
267
- "sds-color-semantic-component-notice-fill-pressed": "#946314",
268
- "sds-color-semantic-component-notice-fill-on-fill": "#FFFFFF",
269
- "sds-color-semantic-component-notice-surface": "#FFF3E1",
270
- "sds-color-semantic-component-notice-border": "#F5A623",
271
- "sds-color-semantic-component-notice-icon": "#F5A623",
272
- "sds-color-semantic-component-positive-fill": "#3CB371",
273
- "sds-color-semantic-component-positive-fill-hover": "#349A61",
274
- "sds-color-semantic-component-positive-fill-pressed": "#1C7F48",
275
- "sds-color-semantic-component-positive-fill-on-fill": "#FFFFFF",
276
- "sds-color-semantic-component-positive-surface": "#E6F7ED",
277
- "sds-color-semantic-component-positive-border": "#3CB371",
278
- "sds-color-semantic-component-positive-icon": "#3CB371"
151
+ "dark": {
152
+ "sds-color-primitive-blue-100": "#002573",
153
+ "sds-color-primitive-blue-200": "#0048c5",
154
+ "sds-color-primitive-blue-300": "#2573f4",
155
+ "sds-color-primitive-blue-400": "#5b9aff",
156
+ "sds-color-primitive-blue-500": "#a2c9ff",
157
+ "sds-color-primitive-blue-600": "#cde3ff",
158
+ "sds-color-primitive-blue-700": "#e2eeff",
159
+ "sds-color-primitive-blue-800": "#f7faff",
160
+ "sds-color-primitive-gray-50": "#000000",
161
+ "sds-color-primitive-gray-75": "#101010",
162
+ "sds-color-primitive-gray-100": "#333333",
163
+ "sds-color-primitive-gray-200": "#494949",
164
+ "sds-color-primitive-gray-300": "#696969",
165
+ "sds-color-primitive-gray-400": "#9b9b9b",
166
+ "sds-color-primitive-gray-500": "#aaaaaa",
167
+ "sds-color-primitive-gray-600": "#cdcdcd",
168
+ "sds-color-primitive-gray-700": "#ededed",
169
+ "sds-color-primitive-gray-800": "#fafafa",
170
+ "sds-color-primitive-gray-900": "#ffffff",
171
+ "sds-color-primitive-green-100": "#053918",
172
+ "sds-color-primitive-green-200": "#12612e",
173
+ "sds-color-primitive-green-300": "#288b49",
174
+ "sds-color-primitive-green-400": "#43ae63",
175
+ "sds-color-primitive-green-500": "#85d898",
176
+ "sds-color-primitive-green-600": "#bcecc5",
177
+ "sds-color-primitive-green-700": "#daf4de",
178
+ "sds-color-primitive-green-800": "#f7fbf6",
179
+ "sds-color-primitive-purple-100": "#4b0190",
180
+ "sds-color-primitive-purple-200": "#6b2ebc",
181
+ "sds-color-primitive-purple-300": "#905de6",
182
+ "sds-color-primitive-purple-400": "#aa89ef",
183
+ "sds-color-primitive-purple-500": "#cebef8",
184
+ "sds-color-primitive-purple-600": "#e4dcfc",
185
+ "sds-color-primitive-purple-700": "#f0ebfe",
186
+ "sds-color-primitive-purple-800": "#fbf9ff",
187
+ "sds-color-primitive-red-100": "#630008",
188
+ "sds-color-primitive-red-200": "#A30000",
189
+ "sds-color-primitive-red-300": "#E52722",
190
+ "sds-color-primitive-red-400": "#FF695B",
191
+ "sds-color-primitive-red-500": "#FF9385",
192
+ "sds-color-primitive-red-600": "#FFBDB3",
193
+ "sds-color-primitive-red-700": "#FFD8D1",
194
+ "sds-color-primitive-red-800": "#FFF1EE",
195
+ "sds-color-primitive-yellow-100": "#552300",
196
+ "sds-color-primitive-yellow-200": "#834500",
197
+ "sds-color-primitive-yellow-300": "#985a00",
198
+ "sds-color-primitive-yellow-400": "#ac6c00",
199
+ "sds-color-primitive-yellow-500": "#cf8e00",
200
+ "sds-color-primitive-yellow-600": "#efad00",
201
+ "sds-color-primitive-yellow-700": "#ffdc9a",
202
+ "sds-color-primitive-yellow-800": "#fcf2e3",
203
+ "sds-color-primitive-overlay-100": "rgba(0, 0, 0, 0.08)",
204
+ "sds-color-primitive-overlay-200": "rgba(0, 0, 0, 0.03)",
205
+ "sds-color-semantic-base-border": "#aaaaaa",
206
+ "sds-color-semantic-base-border-disabled": "#696969",
207
+ "sds-color-semantic-base-border-hover": "#ffffff",
208
+ "sds-color-semantic-base-border-pressed": "#ffffff",
209
+ "sds-color-semantic-base-border-table": "#696969",
210
+ "sds-color-semantic-base-divider": "#494949",
211
+ "sds-color-semantic-base-fill-disabled": "#494949",
212
+ "sds-color-semantic-base-fill-hover": "#69696947",
213
+ "sds-color-semantic-base-fill-open": "#69696947",
214
+ "sds-color-semantic-base-fill-pressed": "#69696947",
215
+ "sds-color-semantic-base-fill-primary": "#000000",
216
+ "sds-color-semantic-base-fill-selected": "#ffffff",
217
+ "sds-color-semantic-base-icon-disabled": "#696969",
218
+ "sds-color-semantic-base-icon-primary": "#aaaaaa",
219
+ "sds-color-semantic-base-icon-primary-hover": "#ffffff",
220
+ "sds-color-semantic-base-icon-primary-inverse": "#000000",
221
+ "sds-color-semantic-base-icon-primary-inverse-hover": "#9b9b9b",
222
+ "sds-color-semantic-base-icon-primary-inverse-pressed": "#9b9b9b",
223
+ "sds-color-semantic-base-icon-primary-pressed": "#ffffff",
224
+ "sds-color-semantic-base-icon-secondary": "#ffffff",
225
+ "sds-color-semantic-base-surface-background": "#000000",
226
+ "sds-color-semantic-base-surface-primary": "#000000",
227
+ "sds-color-semantic-base-surface-primary-inverse": "#ffffff",
228
+ "sds-color-semantic-base-surface-secondary": "#333333",
229
+ "sds-color-semantic-base-surface-tertiary": "#494949",
230
+ "sds-color-semantic-base-text-disabled": "#696969",
231
+ "sds-color-semantic-base-text-primary": "#ffffff",
232
+ "sds-color-semantic-base-text-primary-inverse": "#000000",
233
+ "sds-color-semantic-base-text-secondary": "#cdcdcd",
234
+ "sds-color-semantic-base-text-secondary-inverse": "#696969",
235
+ "sds-color-semantic-accent-border": "#a2c9ff",
236
+ "sds-color-semantic-accent-border-focus": "#a2c9ff",
237
+ "sds-color-semantic-accent-border-hover": "#cde3ff",
238
+ "sds-color-semantic-accent-border-open": "#a2c9ff",
239
+ "sds-color-semantic-accent-border-pressed": "#e2eeff",
240
+ "sds-color-semantic-accent-border-selected": "#a2c9ff",
241
+ "sds-color-semantic-accent-fill-hover": "#cde3ff",
242
+ "sds-color-semantic-accent-fill-pressed": "#e2eeff",
243
+ "sds-color-semantic-accent-fill-primary": "#a2c9ff",
244
+ "sds-color-semantic-accent-icon": "#a2c9ff",
245
+ "sds-color-semantic-accent-icon-focus": "#a2c9ff",
246
+ "sds-color-semantic-accent-icon-hover": "#cde3ff",
247
+ "sds-color-semantic-accent-icon-open": "#a2c9ff",
248
+ "sds-color-semantic-accent-icon-pressed": "#e2eeff",
249
+ "sds-color-semantic-accent-icon-selected": "#a2c9ff",
250
+ "sds-color-semantic-accent-surface-primary": "#002573",
251
+ "sds-color-semantic-accent-surface-secondary": "#a2c9ff",
252
+ "sds-color-semantic-accent-text-action": "#a2c9ff",
253
+ "sds-color-semantic-accent-text-action-hover": "#cde3ff",
254
+ "sds-color-semantic-accent-text-action-pressed": "#e2eeff",
255
+ "sds-color-semantic-beta-border": "#cebef8",
256
+ "sds-color-semantic-beta-fill-hover": "#e4dcfc",
257
+ "sds-color-semantic-beta-fill-pressed": "#f0ebfe",
258
+ "sds-color-semantic-beta-fill-primary": "#cebef8",
259
+ "sds-color-semantic-beta-fill-secondary": "#4b0190",
260
+ "sds-color-semantic-beta-ornament": "#e4dcfc",
261
+ "sds-color-semantic-beta-surface-primary": "#4b0190",
262
+ "sds-color-semantic-beta-surface-secondary": "#cebef8",
263
+ "sds-color-semantic-beta-text": "#e4dcfc",
264
+ "sds-color-semantic-info-border": "#a2c9ff",
265
+ "sds-color-semantic-info-fill-hover": "#cde3ff",
266
+ "sds-color-semantic-info-fill-pressed": "#e2eeff",
267
+ "sds-color-semantic-info-fill-primary": "#a2c9ff",
268
+ "sds-color-semantic-info-fill-secondary": "#002573",
269
+ "sds-color-semantic-info-ornament": "#cde3ff",
270
+ "sds-color-semantic-info-surface-primary": "#002573",
271
+ "sds-color-semantic-info-surface-secondary": "#a2c9ff",
272
+ "sds-color-semantic-info-text": "#cde3ff",
273
+ "sds-color-semantic-negative-border": "#FF9385",
274
+ "sds-color-semantic-negative-fill-hover": "#FFBDB3",
275
+ "sds-color-semantic-negative-fill-pressed": "#FFD8D1",
276
+ "sds-color-semantic-negative-fill-primary": "#FF9385",
277
+ "sds-color-semantic-negative-fill-secondary": "#630008",
278
+ "sds-color-semantic-negative-ornament": "#FFBDB3",
279
+ "sds-color-semantic-negative-surface-primary": "#630008",
280
+ "sds-color-semantic-negative-surface-secondary": "#FF9385",
281
+ "sds-color-semantic-negative-text": "#FFBDB3",
282
+ "sds-color-semantic-neutral-border": "#aaaaaa",
283
+ "sds-color-semantic-neutral-fill-hover": "#cdcdcd",
284
+ "sds-color-semantic-neutral-fill-pressed": "#ededed",
285
+ "sds-color-semantic-neutral-fill-primary": "#aaaaaa",
286
+ "sds-color-semantic-neutral-fill-secondary": "#333333",
287
+ "sds-color-semantic-neutral-ornament": "#ededed",
288
+ "sds-color-semantic-neutral-surface-primary": "#494949",
289
+ "sds-color-semantic-neutral-surface-secondary": "#aaaaaa",
290
+ "sds-color-semantic-neutral-text": "#ededed",
291
+ "sds-color-semantic-notice-border": "#cf8e00",
292
+ "sds-color-semantic-notice-fill-hover": "#efad00",
293
+ "sds-color-semantic-notice-fill-pressed": "#ffdc9a",
294
+ "sds-color-semantic-notice-fill-primary": "#cf8e00",
295
+ "sds-color-semantic-notice-fill-secondary": "#552300",
296
+ "sds-color-semantic-notice-ornament": "#efad00",
297
+ "sds-color-semantic-notice-surface-primary": "#552300",
298
+ "sds-color-semantic-notice-surface-secondary": "#cf8e00",
299
+ "sds-color-semantic-notice-text": "#efad00",
300
+ "sds-color-semantic-positive-border": "#85d898",
301
+ "sds-color-semantic-positive-fill-hover": "#bcecc5",
302
+ "sds-color-semantic-positive-fill-pressed": "#daf4de",
303
+ "sds-color-semantic-positive-fill-primary": "#85d898",
304
+ "sds-color-semantic-positive-fill-secondary": "#053918",
305
+ "sds-color-semantic-positive-ornament": "#bcecc5",
306
+ "sds-color-semantic-positive-surface-primary": "#053918",
307
+ "sds-color-semantic-positive-surface-secondary": "#85d898",
308
+ "sds-color-semantic-positive-text": "#bcecc5"
309
+ },
310
+ "light": {
311
+ "sds-color-primitive-blue-100": "#e2eeff",
312
+ "sds-color-primitive-blue-200": "#cce1ff",
313
+ "sds-color-primitive-blue-300": "#9dc6ff",
314
+ "sds-color-primitive-blue-400": "#6ca6ff",
315
+ "sds-color-primitive-blue-500": "#1a6cef",
316
+ "sds-color-primitive-blue-600": "#0041b9",
317
+ "sds-color-primitive-blue-700": "#002d90",
318
+ "sds-color-primitive-blue-800": "#00114a",
319
+ "sds-color-primitive-gray-50": "#ffffff",
320
+ "sds-color-primitive-gray-75": "#fafafa",
321
+ "sds-color-primitive-gray-100": "#f3f3f3",
322
+ "sds-color-primitive-gray-200": "#dfdfdf",
323
+ "sds-color-primitive-gray-300": "#c3c3c3",
324
+ "sds-color-primitive-gray-400": "#a5a5a5",
325
+ "sds-color-primitive-gray-500": "#969696",
326
+ "sds-color-primitive-gray-600": "#6c6c6c",
327
+ "sds-color-primitive-gray-700": "#3b3b3b",
328
+ "sds-color-primitive-gray-800": "#1b1b1b",
329
+ "sds-color-primitive-gray-900": "#000000",
330
+ "sds-color-primitive-green-100": "#daf4de",
331
+ "sds-color-primitive-green-200": "#b9ecc3",
332
+ "sds-color-primitive-green-300": "#7fd693",
333
+ "sds-color-primitive-green-400": "#50b96d",
334
+ "sds-color-primitive-green-500": "#238444",
335
+ "sds-color-primitive-green-600": "#105b2b",
336
+ "sds-color-primitive-green-700": "#07431d",
337
+ "sds-color-primitive-green-800": "#001f00",
338
+ "sds-color-primitive-purple-100": "#efeafe",
339
+ "sds-color-primitive-purple-200": "#e4dbfc",
340
+ "sds-color-primitive-purple-300": "#cbbaf8",
341
+ "sds-color-primitive-purple-400": "#b296f2",
342
+ "sds-color-primitive-purple-500": "#8b54e2",
343
+ "sds-color-primitive-purple-600": "#6526b5",
344
+ "sds-color-primitive-purple-700": "#490092",
345
+ "sds-color-primitive-purple-800": "#1a004c",
346
+ "sds-color-primitive-red-100": "#ffe8e6",
347
+ "sds-color-primitive-red-200": "#ffd6d2",
348
+ "sds-color-primitive-red-300": "#ffafa8",
349
+ "sds-color-primitive-red-400": "#ff7e78",
350
+ "sds-color-primitive-red-500": "#db2131",
351
+ "sds-color-primitive-red-600": "#980013",
352
+ "sds-color-primitive-red-700": "#6f0008",
353
+ "sds-color-primitive-red-800": "#340000",
354
+ "sds-color-primitive-yellow-100": "#ffefcf",
355
+ "sds-color-primitive-yellow-200": "#ffdb97",
356
+ "sds-color-primitive-yellow-300": "#ffca5c",
357
+ "sds-color-primitive-yellow-400": "#fab700",
358
+ "sds-color-primitive-yellow-500": "#da9900",
359
+ "sds-color-primitive-yellow-600": "#b77800",
360
+ "sds-color-primitive-yellow-700": "#7c3e00",
361
+ "sds-color-primitive-yellow-800": "#541700",
362
+ "sds-color-primitive-overlay-100": "rgba(0, 0, 0, 0.08)",
363
+ "sds-color-primitive-overlay-200": "rgba(0, 0, 0, 0.03)",
364
+ "sds-color-semantic-base-border": "#969696",
365
+ "sds-color-semantic-base-border-disabled": "#c3c3c3",
366
+ "sds-color-semantic-base-border-hover": "#000000",
367
+ "sds-color-semantic-base-border-pressed": "#000000",
368
+ "sds-color-semantic-base-border-table": "#c3c3c3",
369
+ "sds-color-semantic-base-divider": "#dfdfdf",
370
+ "sds-color-semantic-base-fill-disabled": "#dfdfdf",
371
+ "sds-color-semantic-base-fill-hover": "#c3c3c347",
372
+ "sds-color-semantic-base-fill-open": "#c3c3c347",
373
+ "sds-color-semantic-base-fill-pressed": "#c3c3c347",
374
+ "sds-color-semantic-base-fill-primary": "#ffffff",
375
+ "sds-color-semantic-base-fill-selected": "#000000",
376
+ "sds-color-semantic-base-icon-disabled": "#c3c3c3",
377
+ "sds-color-semantic-base-icon-primary": "#969696",
378
+ "sds-color-semantic-base-icon-primary-hover": "#000000",
379
+ "sds-color-semantic-base-icon-primary-inverse": "#ffffff",
380
+ "sds-color-semantic-base-icon-primary-inverse-hover": "#a5a5a5",
381
+ "sds-color-semantic-base-icon-primary-inverse-pressed": "#a5a5a5",
382
+ "sds-color-semantic-base-icon-primary-pressed": "#000000",
383
+ "sds-color-semantic-base-icon-secondary": "#000000",
384
+ "sds-color-semantic-base-surface-background": "#ffffff",
385
+ "sds-color-semantic-base-surface-primary": "#ffffff",
386
+ "sds-color-semantic-base-surface-primary-inverse": "#000000",
387
+ "sds-color-semantic-base-surface-secondary": "#f3f3f3",
388
+ "sds-color-semantic-base-surface-tertiary": "#dfdfdf",
389
+ "sds-color-semantic-base-text-disabled": "#c3c3c3",
390
+ "sds-color-semantic-base-text-primary": "#000000",
391
+ "sds-color-semantic-base-text-primary-inverse": "#ffffff",
392
+ "sds-color-semantic-base-text-secondary": "#6c6c6c",
393
+ "sds-color-semantic-base-text-secondary-inverse": "#c3c3c3",
394
+ "sds-color-semantic-accent-border": "#1a6cef",
395
+ "sds-color-semantic-accent-border-focus": "#1a6cef",
396
+ "sds-color-semantic-accent-border-hover": "#0041b9",
397
+ "sds-color-semantic-accent-border-open": "#1a6cef",
398
+ "sds-color-semantic-accent-border-pressed": "#002d90",
399
+ "sds-color-semantic-accent-border-selected": "#1a6cef",
400
+ "sds-color-semantic-accent-fill-hover": "#0041b9",
401
+ "sds-color-semantic-accent-fill-pressed": "#002d90",
402
+ "sds-color-semantic-accent-fill-primary": "#1a6cef",
403
+ "sds-color-semantic-accent-icon": "#1a6cef",
404
+ "sds-color-semantic-accent-icon-focus": "#1a6cef",
405
+ "sds-color-semantic-accent-icon-hover": "#0041b9",
406
+ "sds-color-semantic-accent-icon-open": "#1a6cef",
407
+ "sds-color-semantic-accent-icon-pressed": "#002d90",
408
+ "sds-color-semantic-accent-icon-selected": "#1a6cef",
409
+ "sds-color-semantic-accent-surface-primary": "#e2eeff",
410
+ "sds-color-semantic-accent-surface-secondary": "#1a6cef",
411
+ "sds-color-semantic-accent-text-action": "#1a6cef",
412
+ "sds-color-semantic-accent-text-action-hover": "#0041b9",
413
+ "sds-color-semantic-accent-text-action-pressed": "#002d90",
414
+ "sds-color-semantic-beta-border": "#8b54e2",
415
+ "sds-color-semantic-beta-fill-hover": "#6526b5",
416
+ "sds-color-semantic-beta-fill-pressed": "#490092",
417
+ "sds-color-semantic-beta-fill-primary": "#8b54e2",
418
+ "sds-color-semantic-beta-fill-secondary": "#efeafe",
419
+ "sds-color-semantic-beta-ornament": "#6526b5",
420
+ "sds-color-semantic-beta-surface-primary": "#efeafe",
421
+ "sds-color-semantic-beta-surface-secondary": "#8b54e2",
422
+ "sds-color-semantic-beta-text": "#6526b5",
423
+ "sds-color-semantic-info-border": "#1a6cef",
424
+ "sds-color-semantic-info-fill-hover": "#0041b9",
425
+ "sds-color-semantic-info-fill-pressed": "#002d90",
426
+ "sds-color-semantic-info-fill-primary": "#1a6cef",
427
+ "sds-color-semantic-info-fill-secondary": "#e2eeff",
428
+ "sds-color-semantic-info-ornament": "#0041b9",
429
+ "sds-color-semantic-info-surface-primary": "#e2eeff",
430
+ "sds-color-semantic-info-surface-secondary": "#1a6cef",
431
+ "sds-color-semantic-info-text": "#0041b9",
432
+ "sds-color-semantic-negative-border": "#db2131",
433
+ "sds-color-semantic-negative-fill-hover": "#980013",
434
+ "sds-color-semantic-negative-fill-pressed": "#6f0008",
435
+ "sds-color-semantic-negative-fill-primary": "#db2131",
436
+ "sds-color-semantic-negative-fill-secondary": "#ffe8e6",
437
+ "sds-color-semantic-negative-ornament": "#980013",
438
+ "sds-color-semantic-negative-surface-primary": "#ffe8e6",
439
+ "sds-color-semantic-negative-surface-secondary": "#db2131",
440
+ "sds-color-semantic-negative-text": "#980013",
441
+ "sds-color-semantic-neutral-border": "#969696",
442
+ "sds-color-semantic-neutral-fill-hover": "#6c6c6c",
443
+ "sds-color-semantic-neutral-fill-pressed": "#3b3b3b",
444
+ "sds-color-semantic-neutral-fill-primary": "#969696",
445
+ "sds-color-semantic-neutral-fill-secondary": "#f3f3f3",
446
+ "sds-color-semantic-neutral-ornament": "#3b3b3b",
447
+ "sds-color-semantic-neutral-surface-primary": "#dfdfdf",
448
+ "sds-color-semantic-neutral-surface-secondary": "#969696",
449
+ "sds-color-semantic-neutral-text": "#3b3b3b",
450
+ "sds-color-semantic-notice-border": "#da9900",
451
+ "sds-color-semantic-notice-fill-hover": "#b77800",
452
+ "sds-color-semantic-notice-fill-pressed": "#7c3e00",
453
+ "sds-color-semantic-notice-fill-primary": "#da9900",
454
+ "sds-color-semantic-notice-fill-secondary": "#ffefcf",
455
+ "sds-color-semantic-notice-ornament": "#b77800",
456
+ "sds-color-semantic-notice-surface-primary": "#ffefcf",
457
+ "sds-color-semantic-notice-surface-secondary": "#da9900",
458
+ "sds-color-semantic-notice-text": "#b77800",
459
+ "sds-color-semantic-positive-border": "#238444",
460
+ "sds-color-semantic-positive-fill-hover": "#105b2b",
461
+ "sds-color-semantic-positive-fill-pressed": "#07431d",
462
+ "sds-color-semantic-positive-fill-primary": "#238444",
463
+ "sds-color-semantic-positive-fill-secondary": "#daf4de",
464
+ "sds-color-semantic-positive-ornament": "#105b2b",
465
+ "sds-color-semantic-positive-surface-primary": "#daf4de",
466
+ "sds-color-semantic-positive-surface-secondary": "#238444",
467
+ "sds-color-semantic-positive-text": "#105b2b"
468
+ }
279
469
  },
280
470
  "spacing": {
281
471
  "sds-default": "12px",