@czi-sds/components 21.7.0 → 21.7.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 (9) hide show
  1. package/dist/index.cjs.d.ts +40 -29
  2. package/dist/index.cjs.js +639 -586
  3. package/dist/index.esm.d.ts +40 -29
  4. package/dist/index.esm.js +639 -588
  5. package/dist/tailwind.json +174 -168
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/variables.css +199 -189
  8. package/dist/variables.scss +199 -189
  9. package/package.json +2 -2
package/dist/tailwind.json CHANGED
@@ -279,14 +279,14 @@
279
279
  },
280
280
  "colors": {
281
281
  "dark": {
282
- "sds-color-primitive-blue-100": "#002573",
283
- "sds-color-primitive-blue-200": "#0048c5",
284
- "sds-color-primitive-blue-300": "#2573f4",
285
- "sds-color-primitive-blue-400": "#5b9aff",
286
- "sds-color-primitive-blue-500": "#a2c9ff",
287
- "sds-color-primitive-blue-600": "#cde3ff",
288
- "sds-color-primitive-blue-700": "#e2eeff",
289
- "sds-color-primitive-blue-800": "#f7faff",
282
+ "sds-color-primitive-blue-100": "#0f1d4a",
283
+ "sds-color-primitive-blue-200": "#0a216e",
284
+ "sds-color-primitive-blue-300": "#0647b8",
285
+ "sds-color-primitive-blue-400": "#2573f4",
286
+ "sds-color-primitive-blue-500": "#5b9aff",
287
+ "sds-color-primitive-blue-600": "#a2c9ff",
288
+ "sds-color-primitive-blue-700": "#cde3ff",
289
+ "sds-color-primitive-blue-800": "#e2eeff",
290
290
  "sds-color-primitive-gray-50": "#000000",
291
291
  "sds-color-primitive-gray-75": "#101010",
292
292
  "sds-color-primitive-gray-100": "#333333",
@@ -298,144 +298,147 @@
298
298
  "sds-color-primitive-gray-700": "#ededed",
299
299
  "sds-color-primitive-gray-800": "#fafafa",
300
300
  "sds-color-primitive-gray-900": "#ffffff",
301
- "sds-color-primitive-green-100": "#053918",
302
- "sds-color-primitive-green-200": "#12612e",
303
- "sds-color-primitive-green-300": "#288b49",
304
- "sds-color-primitive-green-400": "#43ae63",
305
- "sds-color-primitive-green-500": "#85d898",
306
- "sds-color-primitive-green-600": "#bcecc5",
307
- "sds-color-primitive-green-700": "#daf4de",
308
- "sds-color-primitive-green-800": "#f7fbf6",
309
- "sds-color-primitive-purple-100": "#4b0190",
310
- "sds-color-primitive-purple-200": "#6b2ebc",
311
- "sds-color-primitive-purple-300": "#905de6",
312
- "sds-color-primitive-purple-400": "#aa89ef",
313
- "sds-color-primitive-purple-500": "#cebef8",
314
- "sds-color-primitive-purple-600": "#e4dcfc",
315
- "sds-color-primitive-purple-700": "#f0ebfe",
316
- "sds-color-primitive-purple-800": "#fbf9ff",
317
- "sds-color-primitive-red-100": "#630008",
318
- "sds-color-primitive-red-200": "#A30000",
319
- "sds-color-primitive-red-300": "#E52722",
320
- "sds-color-primitive-red-400": "#FF695B",
321
- "sds-color-primitive-red-500": "#FF9385",
322
- "sds-color-primitive-red-600": "#FFBDB3",
323
- "sds-color-primitive-red-700": "#FFD8D1",
324
- "sds-color-primitive-red-800": "#FFF1EE",
325
- "sds-color-primitive-yellow-100": "#552300",
326
- "sds-color-primitive-yellow-200": "#834500",
327
- "sds-color-primitive-yellow-300": "#985a00",
328
- "sds-color-primitive-yellow-400": "#ac6c00",
329
- "sds-color-primitive-yellow-500": "#cf8e00",
330
- "sds-color-primitive-yellow-600": "#efad00",
331
- "sds-color-primitive-yellow-700": "#ffdc9a",
332
- "sds-color-primitive-yellow-800": "#fcf2e3",
301
+ "sds-color-primitive-green-100": "#082608",
302
+ "sds-color-primitive-green-200": "#063617",
303
+ "sds-color-primitive-green-300": "#10632e",
304
+ "sds-color-primitive-green-400": "#278b48",
305
+ "sds-color-primitive-green-500": "#4bae68",
306
+ "sds-color-primitive-green-600": "#85d898",
307
+ "sds-color-primitive-green-700": "#bcecc5",
308
+ "sds-color-primitive-green-800": "#daf4de",
309
+ "sds-color-primitive-purple-100": "#331252",
310
+ "sds-color-primitive-purple-200": "#410f70",
311
+ "sds-color-primitive-purple-300": "#6429b2",
312
+ "sds-color-primitive-purple-400": "#905de6",
313
+ "sds-color-primitive-purple-500": "#aa89ef",
314
+ "sds-color-primitive-purple-600": "#cebef8",
315
+ "sds-color-primitive-purple-700": "#e4dcfc",
316
+ "sds-color-primitive-purple-800": "#f0ebfe",
317
+ "sds-color-primitive-red-100": "#330603",
318
+ "sds-color-primitive-red-200": "#660a12",
319
+ "sds-color-primitive-red-300": "#9e1c1c",
320
+ "sds-color-primitive-red-400": "#c73028",
321
+ "sds-color-primitive-red-500": "#e05043",
322
+ "sds-color-primitive-red-600": "#ff988a",
323
+ "sds-color-primitive-red-700": "#ffbdb3",
324
+ "sds-color-primitive-red-800": "#ffd8d1",
325
+ "sds-color-primitive-yellow-100": "#361b07",
326
+ "sds-color-primitive-yellow-200": "#52270a",
327
+ "sds-color-primitive-yellow-300": "#965a0b",
328
+ "sds-color-primitive-yellow-400": "#bd8804",
329
+ "sds-color-primitive-yellow-500": "#d9a943",
330
+ "sds-color-primitive-yellow-600": "#e5bc63",
331
+ "sds-color-primitive-yellow-700": "#f5d789",
332
+ "sds-color-primitive-yellow-800": "#ffe6a8",
333
333
  "sds-color-primitive-overlay-100": "rgba(0, 0, 0, 0.08)",
334
334
  "sds-color-primitive-overlay-200": "rgba(0, 0, 0, 0.03)",
335
- "sds-color-semantic-base-border": "#aaaaaa",
335
+ "sds-color-semantic-base-background-primary": "#000000",
336
+ "sds-color-semantic-base-background-primary-inverse": "#ffffff",
337
+ "sds-color-semantic-base-background-secondary": "#333333",
338
+ "sds-color-semantic-base-background-secondary-inverse": "#ededed",
339
+ "sds-color-semantic-base-background-tertiary": "#494949",
340
+ "sds-color-semantic-base-border": "#cdcdcd",
336
341
  "sds-color-semantic-base-border-disabled": "#696969",
337
342
  "sds-color-semantic-base-border-hover": "#ffffff",
343
+ "sds-color-semantic-base-border-inverse": "#000000",
338
344
  "sds-color-semantic-base-border-pressed": "#ffffff",
339
345
  "sds-color-semantic-base-border-table": "#696969",
340
346
  "sds-color-semantic-base-divider": "#494949",
347
+ "sds-color-semantic-base-divider-inverse": "#cdcdcd",
341
348
  "sds-color-semantic-base-fill-disabled": "#494949",
342
349
  "sds-color-semantic-base-fill-hover": "#69696947",
343
350
  "sds-color-semantic-base-fill-open": "#69696947",
344
351
  "sds-color-semantic-base-fill-pressed": "#69696947",
345
352
  "sds-color-semantic-base-fill-primary": "#000000",
346
353
  "sds-color-semantic-base-fill-selected": "#ffffff",
347
- "sds-color-semantic-base-icon-disabled": "#696969",
348
- "sds-color-semantic-base-icon-primary": "#aaaaaa",
349
- "sds-color-semantic-base-icon-primary-hover": "#ffffff",
350
- "sds-color-semantic-base-icon-primary-inverse": "#000000",
351
- "sds-color-semantic-base-icon-primary-inverse-hover": "#9b9b9b",
352
- "sds-color-semantic-base-icon-primary-inverse-pressed": "#9b9b9b",
353
- "sds-color-semantic-base-icon-primary-pressed": "#ffffff",
354
- "sds-color-semantic-base-icon-secondary": "#ffffff",
355
- "sds-color-semantic-base-surface-background": "#000000",
356
- "sds-color-semantic-base-surface-primary": "#000000",
357
- "sds-color-semantic-base-surface-primary-inverse": "#ffffff",
358
- "sds-color-semantic-base-surface-secondary": "#333333",
359
- "sds-color-semantic-base-surface-tertiary": "#494949",
354
+ "sds-color-semantic-base-ornament-disabled": "#696969",
355
+ "sds-color-semantic-base-ornament-on-fill": "#000000",
356
+ "sds-color-semantic-base-ornament-primary": "#ffffff",
357
+ "sds-color-semantic-base-ornament-primary-inverse": "#000000",
358
+ "sds-color-semantic-base-ornament-secondary": "#cdcdcd",
359
+ "sds-color-semantic-base-ornament-secondary-hover": "#ffffff",
360
+ "sds-color-semantic-base-ornament-secondary-pressed": "#ffffff",
361
+ "sds-color-semantic-base-surface": "#000000",
362
+ "sds-color-semantic-base-surface-inverse": "#ffffff",
360
363
  "sds-color-semantic-base-text-disabled": "#696969",
361
364
  "sds-color-semantic-base-text-primary": "#ffffff",
362
365
  "sds-color-semantic-base-text-primary-inverse": "#000000",
363
366
  "sds-color-semantic-base-text-secondary": "#cdcdcd",
364
367
  "sds-color-semantic-base-text-secondary-inverse": "#696969",
365
- "sds-color-semantic-accent-border": "#a2c9ff",
366
- "sds-color-semantic-accent-border-focus": "#a2c9ff",
367
- "sds-color-semantic-accent-border-hover": "#cde3ff",
368
- "sds-color-semantic-accent-border-open": "#a2c9ff",
369
- "sds-color-semantic-accent-border-pressed": "#e2eeff",
370
- "sds-color-semantic-accent-border-selected": "#a2c9ff",
371
- "sds-color-semantic-accent-fill-hover": "#cde3ff",
372
- "sds-color-semantic-accent-fill-pressed": "#e2eeff",
373
- "sds-color-semantic-accent-fill-primary": "#a2c9ff",
374
- "sds-color-semantic-accent-icon": "#a2c9ff",
375
- "sds-color-semantic-accent-icon-focus": "#a2c9ff",
376
- "sds-color-semantic-accent-icon-hover": "#cde3ff",
377
- "sds-color-semantic-accent-icon-open": "#a2c9ff",
378
- "sds-color-semantic-accent-icon-pressed": "#e2eeff",
379
- "sds-color-semantic-accent-icon-selected": "#a2c9ff",
380
- "sds-color-semantic-accent-surface-primary": "#002573",
381
- "sds-color-semantic-accent-surface-secondary": "#a2c9ff",
382
- "sds-color-semantic-accent-text-action": "#a2c9ff",
383
- "sds-color-semantic-accent-text-action-hover": "#cde3ff",
384
- "sds-color-semantic-accent-text-action-pressed": "#e2eeff",
368
+ "sds-color-semantic-accent-border": "#5b9aff",
369
+ "sds-color-semantic-accent-border-focus": "#5b9aff",
370
+ "sds-color-semantic-accent-border-hover": "#a2c9ff",
371
+ "sds-color-semantic-accent-border-open": "#5b9aff",
372
+ "sds-color-semantic-accent-border-pressed": "#cde3ff",
373
+ "sds-color-semantic-accent-border-selected": "#5b9aff",
374
+ "sds-color-semantic-accent-fill-hover": "#a2c9ff",
375
+ "sds-color-semantic-accent-fill-pressed": "#cde3ff",
376
+ "sds-color-semantic-accent-fill-primary": "#5b9aff",
377
+ "sds-color-semantic-accent-ornament": "#5b9aff",
378
+ "sds-color-semantic-accent-ornament-focus": "#5b9aff",
379
+ "sds-color-semantic-accent-ornament-hover": "#a2c9ff",
380
+ "sds-color-semantic-accent-ornament-open": "#5b9aff",
381
+ "sds-color-semantic-accent-ornament-pressed": "#cde3ff",
382
+ "sds-color-semantic-accent-ornament-selected": "#5b9aff",
383
+ "sds-color-semantic-accent-surface-primary": "#5b9aff",
384
+ "sds-color-semantic-accent-surface-secondary": "#0f1d4a",
385
+ "sds-color-semantic-accent-text-action": "#5b9aff",
386
+ "sds-color-semantic-accent-text-action-hover": "#a2c9ff",
387
+ "sds-color-semantic-accent-text-action-pressed": "#cde3ff",
385
388
  "sds-color-semantic-beta-border": "#cebef8",
386
- "sds-color-semantic-beta-fill-hover": "#e4dcfc",
387
- "sds-color-semantic-beta-fill-pressed": "#f0ebfe",
388
- "sds-color-semantic-beta-fill-primary": "#cebef8",
389
- "sds-color-semantic-beta-fill-secondary": "#4b0190",
390
- "sds-color-semantic-beta-ornament": "#e4dcfc",
391
- "sds-color-semantic-beta-surface-primary": "#4b0190",
392
- "sds-color-semantic-beta-surface-secondary": "#cebef8",
393
- "sds-color-semantic-beta-text": "#e4dcfc",
389
+ "sds-color-semantic-beta-fill-hover": "#cebef8",
390
+ "sds-color-semantic-beta-fill-pressed": "#e4dcfc",
391
+ "sds-color-semantic-beta-fill-primary": "#aa89ef",
392
+ "sds-color-semantic-beta-fill-secondary": "#331252",
393
+ "sds-color-semantic-beta-ornament": "#cebef8",
394
+ "sds-color-semantic-beta-surface-primary": "#aa89ef",
395
+ "sds-color-semantic-beta-surface-secondary": "#331252",
396
+ "sds-color-semantic-beta-text": "#cebef8",
394
397
  "sds-color-semantic-info-border": "#a2c9ff",
395
- "sds-color-semantic-info-fill-hover": "#cde3ff",
396
- "sds-color-semantic-info-fill-pressed": "#e2eeff",
397
- "sds-color-semantic-info-fill-primary": "#a2c9ff",
398
- "sds-color-semantic-info-fill-secondary": "#002573",
399
- "sds-color-semantic-info-ornament": "#cde3ff",
400
- "sds-color-semantic-info-surface-primary": "#002573",
401
- "sds-color-semantic-info-surface-secondary": "#a2c9ff",
402
- "sds-color-semantic-info-text": "#cde3ff",
403
- "sds-color-semantic-negative-border": "#FF9385",
404
- "sds-color-semantic-negative-fill-hover": "#FFBDB3",
405
- "sds-color-semantic-negative-fill-pressed": "#FFD8D1",
406
- "sds-color-semantic-negative-fill-primary": "#FF9385",
407
- "sds-color-semantic-negative-fill-secondary": "#630008",
408
- "sds-color-semantic-negative-ornament": "#FFBDB3",
409
- "sds-color-semantic-negative-surface-primary": "#630008",
410
- "sds-color-semantic-negative-surface-secondary": "#FF9385",
411
- "sds-color-semantic-negative-text": "#FFBDB3",
398
+ "sds-color-semantic-info-fill-hover": "#a2c9ff",
399
+ "sds-color-semantic-info-fill-pressed": "#cde3ff",
400
+ "sds-color-semantic-info-fill-primary": "#5b9aff",
401
+ "sds-color-semantic-info-fill-secondary": "#0f1d4a",
402
+ "sds-color-semantic-info-ornament": "#a2c9ff",
403
+ "sds-color-semantic-info-surface-primary": "#5b9aff",
404
+ "sds-color-semantic-info-surface-secondary": "#0f1d4a",
405
+ "sds-color-semantic-info-text": "#a2c9ff",
406
+ "sds-color-semantic-negative-border": "#ff988a",
407
+ "sds-color-semantic-negative-fill-hover": "#ff988a",
408
+ "sds-color-semantic-negative-fill-pressed": "#ffbdb3",
409
+ "sds-color-semantic-negative-fill-primary": "#e05043",
410
+ "sds-color-semantic-negative-fill-secondary": "#330603",
411
+ "sds-color-semantic-negative-ornament": "#ff988a",
412
+ "sds-color-semantic-negative-surface-primary": "#e05043",
413
+ "sds-color-semantic-negative-surface-secondary": "#330603",
414
+ "sds-color-semantic-negative-text": "#ff988a",
412
415
  "sds-color-semantic-neutral-border": "#aaaaaa",
413
416
  "sds-color-semantic-neutral-fill-hover": "#cdcdcd",
414
417
  "sds-color-semantic-neutral-fill-pressed": "#ededed",
415
418
  "sds-color-semantic-neutral-fill-primary": "#aaaaaa",
416
419
  "sds-color-semantic-neutral-fill-secondary": "#333333",
417
420
  "sds-color-semantic-neutral-ornament": "#ededed",
418
- "sds-color-semantic-neutral-surface-primary": "#494949",
419
- "sds-color-semantic-neutral-surface-secondary": "#aaaaaa",
421
+ "sds-color-semantic-neutral-surface-primary": "#aaaaaa",
422
+ "sds-color-semantic-neutral-surface-secondary": "#494949",
420
423
  "sds-color-semantic-neutral-text": "#ededed",
421
- "sds-color-semantic-notice-border": "#cf8e00",
422
- "sds-color-semantic-notice-fill-hover": "#efad00",
423
- "sds-color-semantic-notice-fill-pressed": "#ffdc9a",
424
- "sds-color-semantic-notice-fill-primary": "#cf8e00",
425
- "sds-color-semantic-notice-fill-secondary": "#552300",
426
- "sds-color-semantic-notice-ornament": "#efad00",
427
- "sds-color-semantic-notice-surface-primary": "#552300",
428
- "sds-color-semantic-notice-surface-secondary": "#cf8e00",
429
- "sds-color-semantic-notice-text": "#efad00",
424
+ "sds-color-semantic-notice-border": "#e5bc63",
425
+ "sds-color-semantic-notice-fill-hover": "#e5bc63",
426
+ "sds-color-semantic-notice-fill-pressed": "#f5d789",
427
+ "sds-color-semantic-notice-fill-primary": "#d9a943",
428
+ "sds-color-semantic-notice-fill-secondary": "#361b07",
429
+ "sds-color-semantic-notice-ornament": "#e5bc63",
430
+ "sds-color-semantic-notice-surface-primary": "#d9a943",
431
+ "sds-color-semantic-notice-surface-secondary": "#361b07",
432
+ "sds-color-semantic-notice-text": "#e5bc63",
430
433
  "sds-color-semantic-positive-border": "#85d898",
431
- "sds-color-semantic-positive-fill-hover": "#bcecc5",
432
- "sds-color-semantic-positive-fill-pressed": "#daf4de",
433
- "sds-color-semantic-positive-fill-primary": "#85d898",
434
- "sds-color-semantic-positive-fill-secondary": "#053918",
435
- "sds-color-semantic-positive-ornament": "#bcecc5",
436
- "sds-color-semantic-positive-surface-primary": "#053918",
437
- "sds-color-semantic-positive-surface-secondary": "#85d898",
438
- "sds-color-semantic-positive-text": "#bcecc5"
434
+ "sds-color-semantic-positive-fill-hover": "#85d898",
435
+ "sds-color-semantic-positive-fill-pressed": "#bcecc5",
436
+ "sds-color-semantic-positive-fill-primary": "#4bae68",
437
+ "sds-color-semantic-positive-fill-secondary": "#082608",
438
+ "sds-color-semantic-positive-ornament": "#85d898",
439
+ "sds-color-semantic-positive-surface-primary": "#4bae68",
440
+ "sds-color-semantic-positive-surface-secondary": "#082608",
441
+ "sds-color-semantic-positive-text": "#85d898"
439
442
  },
440
443
  "light": {
441
444
  "sds-color-primitive-blue-100": "#e2eeff",
@@ -472,50 +475,53 @@
472
475
  "sds-color-primitive-purple-500": "#8b54e2",
473
476
  "sds-color-primitive-purple-600": "#6526b5",
474
477
  "sds-color-primitive-purple-700": "#490092",
475
- "sds-color-primitive-purple-800": "#1a004c",
478
+ "sds-color-primitive-purple-800": "#26004c",
476
479
  "sds-color-primitive-red-100": "#ffe8e6",
477
480
  "sds-color-primitive-red-200": "#ffd6d2",
478
481
  "sds-color-primitive-red-300": "#ffafa8",
479
482
  "sds-color-primitive-red-400": "#ff7e78",
480
483
  "sds-color-primitive-red-500": "#db2131",
481
- "sds-color-primitive-red-600": "#980013",
484
+ "sds-color-primitive-red-600": "#980017",
482
485
  "sds-color-primitive-red-700": "#6f0008",
483
486
  "sds-color-primitive-red-800": "#340000",
484
- "sds-color-primitive-yellow-100": "#ffefcf",
487
+ "sds-color-primitive-yellow-100": "#fff3db",
485
488
  "sds-color-primitive-yellow-200": "#ffdb97",
486
489
  "sds-color-primitive-yellow-300": "#ffca5c",
487
490
  "sds-color-primitive-yellow-400": "#fab700",
488
491
  "sds-color-primitive-yellow-500": "#da9900",
489
- "sds-color-primitive-yellow-600": "#b77800",
492
+ "sds-color-primitive-yellow-600": "#b07300",
490
493
  "sds-color-primitive-yellow-700": "#7c3e00",
491
494
  "sds-color-primitive-yellow-800": "#541700",
492
495
  "sds-color-primitive-overlay-100": "rgba(0, 0, 0, 0.08)",
493
496
  "sds-color-primitive-overlay-200": "rgba(0, 0, 0, 0.03)",
494
- "sds-color-semantic-base-border": "#969696",
497
+ "sds-color-semantic-base-background-primary": "#ffffff",
498
+ "sds-color-semantic-base-background-primary-inverse": "#000000",
499
+ "sds-color-semantic-base-background-secondary": "#f3f3f3",
500
+ "sds-color-semantic-base-background-secondary-inverse": "#3b3b3b",
501
+ "sds-color-semantic-base-background-tertiary": "#dfdfdf",
502
+ "sds-color-semantic-base-border": "#6c6c6c",
495
503
  "sds-color-semantic-base-border-disabled": "#c3c3c3",
496
504
  "sds-color-semantic-base-border-hover": "#000000",
505
+ "sds-color-semantic-base-border-inverse": "#ffffff",
497
506
  "sds-color-semantic-base-border-pressed": "#000000",
498
507
  "sds-color-semantic-base-border-table": "#c3c3c3",
499
508
  "sds-color-semantic-base-divider": "#dfdfdf",
509
+ "sds-color-semantic-base-divider-inverse": "#6c6c6c",
500
510
  "sds-color-semantic-base-fill-disabled": "#dfdfdf",
501
511
  "sds-color-semantic-base-fill-hover": "#c3c3c347",
502
512
  "sds-color-semantic-base-fill-open": "#c3c3c347",
503
513
  "sds-color-semantic-base-fill-pressed": "#c3c3c347",
504
514
  "sds-color-semantic-base-fill-primary": "#ffffff",
505
515
  "sds-color-semantic-base-fill-selected": "#000000",
506
- "sds-color-semantic-base-icon-disabled": "#c3c3c3",
507
- "sds-color-semantic-base-icon-primary": "#969696",
508
- "sds-color-semantic-base-icon-primary-hover": "#000000",
509
- "sds-color-semantic-base-icon-primary-inverse": "#ffffff",
510
- "sds-color-semantic-base-icon-primary-inverse-hover": "#a5a5a5",
511
- "sds-color-semantic-base-icon-primary-inverse-pressed": "#a5a5a5",
512
- "sds-color-semantic-base-icon-primary-pressed": "#000000",
513
- "sds-color-semantic-base-icon-secondary": "#000000",
514
- "sds-color-semantic-base-surface-background": "#ffffff",
515
- "sds-color-semantic-base-surface-primary": "#ffffff",
516
- "sds-color-semantic-base-surface-primary-inverse": "#000000",
517
- "sds-color-semantic-base-surface-secondary": "#f3f3f3",
518
- "sds-color-semantic-base-surface-tertiary": "#dfdfdf",
516
+ "sds-color-semantic-base-ornament-disabled": "#c3c3c3",
517
+ "sds-color-semantic-base-ornament-on-fill": "#ffffff",
518
+ "sds-color-semantic-base-ornament-primary": "#000000",
519
+ "sds-color-semantic-base-ornament-primary-inverse": "#ffffff",
520
+ "sds-color-semantic-base-ornament-secondary": "#6c6c6c",
521
+ "sds-color-semantic-base-ornament-secondary-hover": "#000000",
522
+ "sds-color-semantic-base-ornament-secondary-pressed": "#000000",
523
+ "sds-color-semantic-base-surface": "#ffffff",
524
+ "sds-color-semantic-base-surface-inverse": "#000000",
519
525
  "sds-color-semantic-base-text-disabled": "#c3c3c3",
520
526
  "sds-color-semantic-base-text-primary": "#000000",
521
527
  "sds-color-semantic-base-text-primary-inverse": "#ffffff",
@@ -530,70 +536,70 @@
530
536
  "sds-color-semantic-accent-fill-hover": "#0041b9",
531
537
  "sds-color-semantic-accent-fill-pressed": "#002d90",
532
538
  "sds-color-semantic-accent-fill-primary": "#1a6cef",
533
- "sds-color-semantic-accent-icon": "#1a6cef",
534
- "sds-color-semantic-accent-icon-focus": "#1a6cef",
535
- "sds-color-semantic-accent-icon-hover": "#0041b9",
536
- "sds-color-semantic-accent-icon-open": "#1a6cef",
537
- "sds-color-semantic-accent-icon-pressed": "#002d90",
538
- "sds-color-semantic-accent-icon-selected": "#1a6cef",
539
- "sds-color-semantic-accent-surface-primary": "#e2eeff",
540
- "sds-color-semantic-accent-surface-secondary": "#1a6cef",
539
+ "sds-color-semantic-accent-ornament": "#1a6cef",
540
+ "sds-color-semantic-accent-ornament-focus": "#1a6cef",
541
+ "sds-color-semantic-accent-ornament-hover": "#0041b9",
542
+ "sds-color-semantic-accent-ornament-open": "#1a6cef",
543
+ "sds-color-semantic-accent-ornament-pressed": "#002d90",
544
+ "sds-color-semantic-accent-ornament-selected": "#1a6cef",
545
+ "sds-color-semantic-accent-surface-primary": "#1a6cef",
546
+ "sds-color-semantic-accent-surface-secondary": "#e2eeff",
541
547
  "sds-color-semantic-accent-text-action": "#1a6cef",
542
548
  "sds-color-semantic-accent-text-action-hover": "#0041b9",
543
549
  "sds-color-semantic-accent-text-action-pressed": "#002d90",
544
- "sds-color-semantic-beta-border": "#8b54e2",
550
+ "sds-color-semantic-beta-border": "#6526b5",
545
551
  "sds-color-semantic-beta-fill-hover": "#6526b5",
546
552
  "sds-color-semantic-beta-fill-pressed": "#490092",
547
553
  "sds-color-semantic-beta-fill-primary": "#8b54e2",
548
554
  "sds-color-semantic-beta-fill-secondary": "#efeafe",
549
555
  "sds-color-semantic-beta-ornament": "#6526b5",
550
- "sds-color-semantic-beta-surface-primary": "#efeafe",
551
- "sds-color-semantic-beta-surface-secondary": "#8b54e2",
556
+ "sds-color-semantic-beta-surface-primary": "#8b54e2",
557
+ "sds-color-semantic-beta-surface-secondary": "#efeafe",
552
558
  "sds-color-semantic-beta-text": "#6526b5",
553
- "sds-color-semantic-info-border": "#1a6cef",
559
+ "sds-color-semantic-info-border": "#0041b9",
554
560
  "sds-color-semantic-info-fill-hover": "#0041b9",
555
561
  "sds-color-semantic-info-fill-pressed": "#002d90",
556
562
  "sds-color-semantic-info-fill-primary": "#1a6cef",
557
563
  "sds-color-semantic-info-fill-secondary": "#e2eeff",
558
564
  "sds-color-semantic-info-ornament": "#0041b9",
559
- "sds-color-semantic-info-surface-primary": "#e2eeff",
560
- "sds-color-semantic-info-surface-secondary": "#1a6cef",
565
+ "sds-color-semantic-info-surface-primary": "#1a6cef",
566
+ "sds-color-semantic-info-surface-secondary": "#e2eeff",
561
567
  "sds-color-semantic-info-text": "#0041b9",
562
- "sds-color-semantic-negative-border": "#db2131",
563
- "sds-color-semantic-negative-fill-hover": "#980013",
568
+ "sds-color-semantic-negative-border": "#980017",
569
+ "sds-color-semantic-negative-fill-hover": "#980017",
564
570
  "sds-color-semantic-negative-fill-pressed": "#6f0008",
565
571
  "sds-color-semantic-negative-fill-primary": "#db2131",
566
572
  "sds-color-semantic-negative-fill-secondary": "#ffe8e6",
567
- "sds-color-semantic-negative-ornament": "#980013",
568
- "sds-color-semantic-negative-surface-primary": "#ffe8e6",
569
- "sds-color-semantic-negative-surface-secondary": "#db2131",
570
- "sds-color-semantic-negative-text": "#980013",
573
+ "sds-color-semantic-negative-ornament": "#980017",
574
+ "sds-color-semantic-negative-surface-primary": "#db2131",
575
+ "sds-color-semantic-negative-surface-secondary": "#ffe8e6",
576
+ "sds-color-semantic-negative-text": "#980017",
571
577
  "sds-color-semantic-neutral-border": "#969696",
572
578
  "sds-color-semantic-neutral-fill-hover": "#6c6c6c",
573
579
  "sds-color-semantic-neutral-fill-pressed": "#3b3b3b",
574
580
  "sds-color-semantic-neutral-fill-primary": "#969696",
575
581
  "sds-color-semantic-neutral-fill-secondary": "#f3f3f3",
576
582
  "sds-color-semantic-neutral-ornament": "#3b3b3b",
577
- "sds-color-semantic-neutral-surface-primary": "#dfdfdf",
578
- "sds-color-semantic-neutral-surface-secondary": "#969696",
583
+ "sds-color-semantic-neutral-surface-primary": "#969696",
584
+ "sds-color-semantic-neutral-surface-secondary": "#dfdfdf",
579
585
  "sds-color-semantic-neutral-text": "#3b3b3b",
580
- "sds-color-semantic-notice-border": "#da9900",
581
- "sds-color-semantic-notice-fill-hover": "#b77800",
586
+ "sds-color-semantic-notice-border": "#b07300",
587
+ "sds-color-semantic-notice-fill-hover": "#b07300",
582
588
  "sds-color-semantic-notice-fill-pressed": "#7c3e00",
583
589
  "sds-color-semantic-notice-fill-primary": "#da9900",
584
- "sds-color-semantic-notice-fill-secondary": "#ffefcf",
585
- "sds-color-semantic-notice-ornament": "#b77800",
586
- "sds-color-semantic-notice-surface-primary": "#ffefcf",
587
- "sds-color-semantic-notice-surface-secondary": "#da9900",
588
- "sds-color-semantic-notice-text": "#b77800",
589
- "sds-color-semantic-positive-border": "#238444",
590
+ "sds-color-semantic-notice-fill-secondary": "#fff3db",
591
+ "sds-color-semantic-notice-ornament": "#b07300",
592
+ "sds-color-semantic-notice-surface-primary": "#da9900",
593
+ "sds-color-semantic-notice-surface-secondary": "#fff3db",
594
+ "sds-color-semantic-notice-text": "#b07300",
595
+ "sds-color-semantic-positive-border": "#105b2b",
590
596
  "sds-color-semantic-positive-fill-hover": "#105b2b",
591
597
  "sds-color-semantic-positive-fill-pressed": "#07431d",
592
598
  "sds-color-semantic-positive-fill-primary": "#238444",
593
599
  "sds-color-semantic-positive-fill-secondary": "#daf4de",
594
600
  "sds-color-semantic-positive-ornament": "#105b2b",
595
- "sds-color-semantic-positive-surface-primary": "#daf4de",
596
- "sds-color-semantic-positive-surface-secondary": "#238444",
601
+ "sds-color-semantic-positive-surface-primary": "#238444",
602
+ "sds-color-semantic-positive-surface-secondary": "#daf4de",
597
603
  "sds-color-semantic-positive-text": "#105b2b"
598
604
  }
599
605
  },