@cds/core 6.0.0 → 6.0.3

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 (79) hide show
  1. package/accordion/accordion-content.element.scss.js +1 -1
  2. package/accordion/accordion-header.element.scss.js +1 -1
  3. package/accordion/accordion.element.scss.js +1 -1
  4. package/alert/alert-actions.element.scss.js +1 -1
  5. package/alert/alert-group.element.scss.js +1 -1
  6. package/alert/alert.element.scss.js +1 -1
  7. package/badge/badge.element.scss.js +1 -1
  8. package/breadcrumb/breadcrumb.element.scss.js +1 -1
  9. package/button/button.element.scss.js +1 -1
  10. package/button-action/button-action.element.scss.js +1 -1
  11. package/button-expand/button-expand.element.scss.js +1 -1
  12. package/button-handle/button-handle.element.scss.js +1 -1
  13. package/button-inline/button-inline.element.scss.js +1 -1
  14. package/button-sort/button-sort.element.scss.js +1 -1
  15. package/card/card.element.scss.js +1 -1
  16. package/checkbox/checkbox.element.scss.js +1 -1
  17. package/custom-elements.json +1 -1
  18. package/date/date.global.scss.js +1 -1
  19. package/divider/divider.element.scss.js +1 -1
  20. package/file/file.element.scss.js +1 -1
  21. package/forms/control/control.element.scss.js +1 -1
  22. package/forms/control-group/control-group.element.scss.js +1 -1
  23. package/forms/control-inline/control-inline.element.scss.js +1 -1
  24. package/forms/control-label/control-label.element.scss.js +1 -1
  25. package/forms/control-message/control-message.element.scss.js +1 -1
  26. package/global.css +16 -16
  27. package/global.min.css +1 -1
  28. package/grid/cell/grid-cell.element.scss.js +1 -1
  29. package/grid/column/grid-column.element.scss.js +1 -1
  30. package/grid/detail/grid-detail.element.scss.js +1 -1
  31. package/grid/footer/grid-footer.element.scss.js +1 -1
  32. package/grid/grid/grid.element.scss.js +1 -1
  33. package/grid/placeholder/grid-placeholder.element.scss.js +1 -1
  34. package/grid/row/grid-row.element.scss.js +1 -1
  35. package/icon/icon.element.js +1 -1
  36. package/icon/icon.element.js.map +1 -1
  37. package/icon/icon.element.scss.js +1 -1
  38. package/input/input-group.element.scss.js +1 -1
  39. package/input/input.element.scss.js +1 -1
  40. package/internal/base/base.element.scss.js +1 -1
  41. package/internal/utils/global.js +1 -1
  42. package/internal-components/panel/panel.element.scss.js +1 -1
  43. package/internal-components/popup/popup.element.scss.js +1 -1
  44. package/internal-components/split-handle/split-handle.element.scss.js +1 -1
  45. package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
  46. package/list/list.css +6 -6
  47. package/list/list.min.css +1 -1
  48. package/modal/modal-header-actions.element.d.ts +3 -3
  49. package/modal/modal-header-actions.element.js.map +1 -1
  50. package/modal/modal.element.scss.js +1 -1
  51. package/navigation/navigation-group.element.d.ts +1 -0
  52. package/navigation/navigation-group.element.js.map +1 -1
  53. package/navigation/navigation-item.element.d.ts +1 -0
  54. package/navigation/navigation-item.element.js.map +1 -1
  55. package/navigation/navigation-item.element.scss.js +1 -1
  56. package/navigation/navigation.element.d.ts +1 -0
  57. package/navigation/navigation.element.js.map +1 -1
  58. package/navigation/navigation.element.scss.js +1 -1
  59. package/package.json +1 -1
  60. package/pagination/pagination.element.scss.js +1 -1
  61. package/progress-circle/progress-circle.element.scss.js +1 -1
  62. package/radio/radio.element.scss.js +1 -1
  63. package/range/range.element.scss.js +1 -1
  64. package/range/range.global.scss.js +1 -1
  65. package/select/select.element.scss.js +1 -1
  66. package/select/select.global.scss.js +1 -1
  67. package/selection-panels/shared/selection-panel.element.scss.js +1 -1
  68. package/styles/module.layout.css +9 -9
  69. package/styles/module.layout.min.css +1 -1
  70. package/styles/module.typography.css +16 -16
  71. package/styles/module.typography.min.css +1 -1
  72. package/styles/shim.clr-ui.css +39 -27
  73. package/styles/shim.clr-ui.min.css +12 -10
  74. package/table/table.css +7 -7
  75. package/table/table.min.css +1 -1
  76. package/tag/tag.element.scss.js +1 -1
  77. package/textarea/textarea.element.scss.js +1 -1
  78. package/toggle/toggle.element.scss.js +1 -1
  79. package/tree-view/tree-item.element.scss.js +1 -1
package/styles/module.typography.css CHANGED
@@ -414,7 +414,7 @@
414
414
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
415
415
  font-size: 2rem;
416
416
  font-weight: 200;
417
- color: #333333;
417
+ color: var(--cds-global-typography-color-400);
418
418
  line-height: 1.2em;
419
419
  letter-spacing: -0.0125em;
420
420
  }
@@ -439,7 +439,7 @@
439
439
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
440
440
  font-size: 1.6rem;
441
441
  font-weight: 200;
442
- color: #333333;
442
+ color: var(--cds-global-typography-color-400);
443
443
  line-height: 1.5em;
444
444
  letter-spacing: -0.0156em;
445
445
  }
@@ -464,7 +464,7 @@
464
464
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
465
465
  font-size: 1.4rem;
466
466
  font-weight: 200;
467
- color: #333333;
467
+ color: var(--cds-global-typography-color-400);
468
468
  line-height: 1.7143em;
469
469
  letter-spacing: -0.017857em;
470
470
  }
@@ -489,7 +489,7 @@
489
489
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
490
490
  font-size: 1.1rem;
491
491
  font-weight: 200;
492
- color: #333333;
492
+ color: var(--cds-global-typography-color-400);
493
493
  line-height: 1.0909em;
494
494
  letter-spacing: -0.013636em;
495
495
  }
@@ -514,7 +514,7 @@
514
514
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
515
515
  font-size: 0.9rem;
516
516
  font-weight: 200;
517
- color: #333333;
517
+ color: var(--cds-global-typography-color-400);
518
518
  line-height: 1.333333em;
519
519
  letter-spacing: -0.011111em;
520
520
  }
@@ -539,7 +539,7 @@
539
539
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
540
540
  font-size: 0.8rem;
541
541
  font-weight: 400;
542
- color: #333333;
542
+ color: var(--cds-global-typography-color-400);
543
543
  line-height: 1.5em;
544
544
  letter-spacing: -0.0125em;
545
545
  }
@@ -564,7 +564,7 @@
564
564
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
565
565
  font-size: 0.7rem;
566
566
  font-weight: 500;
567
- color: #333333;
567
+ color: var(--cds-global-typography-color-400);
568
568
  line-height: 1.5em;
569
569
  letter-spacing: -0.03125em;
570
570
  }
@@ -588,7 +588,7 @@
588
588
  [cds-text*=p0] {
589
589
  font-size: 1.2rem;
590
590
  font-weight: 400;
591
- color: #333333;
591
+ color: var(--cds-global-typography-color-500);
592
592
  line-height: 1.16667em;
593
593
  letter-spacing: -0.008333em;
594
594
  }
@@ -612,7 +612,7 @@
612
612
  [cds-text*=p1] {
613
613
  font-size: 0.7rem;
614
614
  font-weight: 400;
615
- color: #333333;
615
+ color: var(--cds-global-typography-color-400);
616
616
  line-height: 1.71429em;
617
617
  letter-spacing: -0.014286em;
618
618
  }
@@ -636,7 +636,7 @@
636
636
  [cds-text*=p2] {
637
637
  font-size: 0.65rem;
638
638
  font-weight: 500;
639
- color: #333333;
639
+ color: var(--cds-global-typography-color-400);
640
640
  line-height: 1.84615em;
641
641
  letter-spacing: -0.007692em;
642
642
  }
@@ -660,7 +660,7 @@
660
660
  [cds-text*=p3] {
661
661
  font-size: 0.65rem;
662
662
  font-weight: 400;
663
- color: #1a1a1a;
663
+ color: var(--cds-global-typography-color-400);
664
664
  line-height: 1.84615em;
665
665
  letter-spacing: -0.007692em;
666
666
  }
@@ -684,7 +684,7 @@
684
684
  [cds-text*=p4] {
685
685
  font-size: 0.6rem;
686
686
  font-weight: 600;
687
- color: #4d4d4d;
687
+ color: var(--cds-global-typography-color-400);
688
688
  line-height: 2em;
689
689
  letter-spacing: -0.008333em;
690
690
  }
@@ -708,7 +708,7 @@
708
708
  [cds-text*=p5] {
709
709
  font-size: 0.6rem;
710
710
  font-weight: 400;
711
- color: #1a1a1a;
711
+ color: var(--cds-global-typography-color-400);
712
712
  line-height: 2em;
713
713
  letter-spacing: -0.008333em;
714
714
  }
@@ -732,7 +732,7 @@
732
732
  [cds-text*=p6] {
733
733
  font-size: 0.55rem;
734
734
  font-weight: 600;
735
- color: #4d4d4d;
735
+ color: var(--cds-global-typography-color-400);
736
736
  line-height: 1.090909em;
737
737
  letter-spacing: 0.018182em;
738
738
  }
@@ -756,7 +756,7 @@
756
756
  [cds-text*=p7] {
757
757
  font-size: 0.55rem;
758
758
  font-weight: 400;
759
- color: #1a1a1a;
759
+ color: var(--cds-global-typography-color-400);
760
760
  line-height: 1.090909em;
761
761
  letter-spacing: 0.018182em;
762
762
  }
@@ -780,7 +780,7 @@
780
780
  [cds-text*=p8] {
781
781
  font-size: 0.5rem;
782
782
  font-weight: 400;
783
- color: black;
783
+ color: var(--cds-global-typography-color-400);
784
784
  line-height: 1.2em;
785
785
  letter-spacing: 0.02em;
786
786
  }
package/styles/module.typography.min.css CHANGED
@@ -1 +1 @@
1
- [cds-text]{font-family:var(--cds-global-typography-font-family);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=heading],[cds-text*=section],[cds-text*=subsection],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family);color:var(--cds-global-typography-color-400)}[cds-text*=body],[cds-text*=caption],[cds-text*=message],[cds-text*=secondary],[cds-text*=smallcaption]{color:var(--cds-global-typography-color-500)}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size);font-weight:var(--cds-global-typography-display-font-weight);line-height:var(--cds-global-typography-display-line-height);letter-spacing:var(--cds-global-typography-display-letter-spacing)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-display-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-display-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=heading]{font-size:var(--cds-global-typography-heading-font-size);font-weight:var(--cds-global-typography-heading-font-weight);line-height:var(--cds-global-typography-heading-line-height);letter-spacing:var(--cds-global-typography-heading-letter-spacing)}[cds-text*=heading]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-heading-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=heading]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-heading-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size);font-weight:var(--cds-global-typography-title-font-weight);line-height:var(--cds-global-typography-title-line-height);letter-spacing:var(--cds-global-typography-title-letter-spacing)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-title-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-title-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size);font-weight:var(--cds-global-typography-section-font-weight);line-height:var(--cds-global-typography-section-line-height);letter-spacing:var(--cds-global-typography-section-letter-spacing)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-section-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-section-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=subsection]{font-size:var(--cds-global-typography-subsection-font-size);font-weight:var(--cds-global-typography-subsection-font-weight);line-height:var(--cds-global-typography-subsection-line-height);letter-spacing:var(--cds-global-typography-subsection-letter-spacing)}[cds-text*=subsection]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-subsection-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=subsection]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-subsection-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight);font-size:var(--cds-global-typography-body-font-size);letter-spacing:var(--cds-global-typography-body-letter-spacing);line-height:var(--cds-global-typography-body-line-height)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-body-line-height) - 1em)/2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-body-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size);font-weight:var(--cds-global-typography-message-font-weight);line-height:var(--cds-global-typography-message-line-height);letter-spacing:var(--cds-global-typography-message-letter-spacing)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-message-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-message-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size);font-weight:var(--cds-global-typography-secondary-font-weight);line-height:var(--cds-global-typography-secondary-line-height);letter-spacing:var(--cds-global-typography-secondary-letter-spacing)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-secondary-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-secondary-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=caption]{font-size:var(--cds-global-typography-caption-font-size);font-weight:var(--cds-global-typography-caption-font-weight);line-height:var(--cds-global-typography-caption-line-height);letter-spacing:var(--cds-global-typography-caption-letter-spacing)}[cds-text*=caption]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-caption-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=caption]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-caption-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=smallcaption]{font-size:var(--cds-global-typography-smallcaption-font-size);font-weight:var(--cds-global-typography-smallcaption-font-weight);line-height:var(--cds-global-typography-smallcaption-line-height);letter-spacing:var(--cds-global-typography-smallcaption-letter-spacing)}[cds-text*=smallcaption]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=smallcaption]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em)/2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color)!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:focus{outline:var(--cds-alias-object-interaction-outline);outline-offset:var(--cds-alias-object-interaction-outline-offset)}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover)!important}[cds-text~=link]:visited:not([cds-text~=static]),[cds-text~=link][cds-text~=visited]{color:var(--cds-global-typography-link-color-visited)!important}[cds-text~=link]:visited:not([cds-text~=static]):hover,[cds-text~=link][cds-text~=visited]:hover{color:var(--cds-global-typography-link-color-visited-hover)!important}@media (-webkit-min-device-pixel-ratio:0){[cds-text=link]:focus{outline:var(--cds-alias-object-interaction-outline-webkit)}}[cds-text~=code]{color:var(--cds-alias-status-danger);font-family:monospace;font-size:1.1em}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100);overflow:hidden;box-shadow:var(--cds-alias-object-border-color)0 0 0 var(--cds-alias-object-border-width-100) inset}[cds-text~=extrabold]{font-weight:var(--cds-global-typography-font-weight-extrabold)!important}[cds-text~=bold]{font-weight:var(--cds-global-typography-font-weight-bold)!important}[cds-text~=semibold]{font-weight:var(--cds-global-typography-font-weight-semibold)!important}[cds-text~=medium]{font-weight:var(--cds-global-typography-font-weight-medium)!important}[cds-text~=regular]{font-weight:var(--cds-global-typography-font-weight-regular)!important}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light)!important}[cds-text~=capitalize]{text-transform:capitalize!important}[cds-text~=uppercase]{text-transform:uppercase!important}[cds-text~=lowercase]{text-transform:lowercase!important}[cds-text~=truncate]{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}[cds-text~=truncate]::after,[cds-text~=truncate]::before{content:none}[cds-text~=justify]{text-align:justify!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=monospace]{font-family:var(--cds-global-typography-monospace-font-family)}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-layout~=disable-lhe]::after,[cds-layout~=disable-lhe]::before,[cds-text~=disable-lhe]::after,[cds-text~=disable-lhe]::before{content:none}[cds-text*=h0],[cds-text*=h1],[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:2rem;font-weight:200;color:#333;line-height:1.2em;letter-spacing:-.0125em}[cds-text*=h0]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em)/2))*-1) + .037em)}[cds-text*=h0]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em)/2))*-1) - .044em)}[cds-text*=h1],[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.6rem;line-height:1.5em;letter-spacing:-.0156em}[cds-text*=h1]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h1]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.4rem;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.7143em - 1em)/2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.7143em - 1em)/2))*-1) - .044em)}[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.0909em - 1em)/2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.0909em - 1em)/2))*-1) - .044em)}[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:.9rem;line-height:1.333333em;letter-spacing:-.011111em}[cds-text*=h4]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.333333em - 1em)/2))*-1) + .037em)}[cds-text*=h4]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.333333em - 1em)/2))*-1) - .044em)}[cds-text*=h5],[cds-text*=h6]{font-size:.8rem;font-weight:400;line-height:1.5em;letter-spacing:-.0125em}[cds-text*=h5]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h5]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=h6]{font-size:.7rem;font-weight:500;letter-spacing:-.03125em}[cds-text*=h6]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h6]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=p0],[cds-text*=p1]{font-size:1.2rem;font-weight:400;color:#333;line-height:1.16667em;letter-spacing:-.008333em}[cds-text*=p0]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.16667em - 1em)/2))*-1) + .037em)}[cds-text*=p0]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.16667em - 1em)/2))*-1) - .044em)}[cds-text*=p1]{font-size:.7rem;line-height:1.71429em;letter-spacing:-.014286em}[cds-text*=p1]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.71429em - 1em)/2))*-1) + .037em)}[cds-text*=p1]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.71429em - 1em)/2))*-1) - .044em)}[cds-text*=p2],[cds-text*=p3]{font-size:.65rem;font-weight:500;color:#333;line-height:1.84615em;letter-spacing:-.007692em}[cds-text*=p2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em)/2))*-1) + .037em)}[cds-text*=p2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em)/2))*-1) - .044em)}[cds-text*=p3]{font-weight:400;color:#1a1a1a}[cds-text*=p3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em)/2))*-1) + .037em)}[cds-text*=p3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em)/2))*-1) - .044em)}[cds-text*=p4],[cds-text*=p5]{font-size:.6rem;font-weight:600;color:#4d4d4d;line-height:2em;letter-spacing:-.008333em}[cds-text*=p4]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em)/2))*-1) + .037em)}[cds-text*=p4]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em)/2))*-1) - .044em)}[cds-text*=p5]{font-weight:400;color:#1a1a1a}[cds-text*=p5]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em)/2))*-1) + .037em)}[cds-text*=p5]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em)/2))*-1) - .044em)}[cds-text*=p6],[cds-text*=p7],[cds-text*=p8]{font-size:.55rem;font-weight:600;color:#4d4d4d;line-height:1.090909em;letter-spacing:.018182em}[cds-text*=p6]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em)/2))*-1) + .037em)}[cds-text*=p6]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em)/2))*-1) - .044em)}[cds-text*=p7],[cds-text*=p8]{font-weight:400;color:#1a1a1a}[cds-text*=p7]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em)/2))*-1) + .037em)}[cds-text*=p7]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em)/2))*-1) - .044em)}[cds-text*=p8]{font-size:.5rem;color:#000;line-height:1.2em;letter-spacing:.02em}[cds-text*=p8]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em)/2))*-1) + .037em)}[cds-text*=p8]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em)/2))*-1) - .044em)}
1
+ [cds-text]{font-family:var(--cds-global-typography-font-family);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=heading],[cds-text*=section],[cds-text*=subsection],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family);color:var(--cds-global-typography-color-400)}[cds-text*=body],[cds-text*=caption],[cds-text*=message],[cds-text*=secondary],[cds-text*=smallcaption]{color:var(--cds-global-typography-color-500)}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size);font-weight:var(--cds-global-typography-display-font-weight);line-height:var(--cds-global-typography-display-line-height);letter-spacing:var(--cds-global-typography-display-letter-spacing)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-display-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-display-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=heading]{font-size:var(--cds-global-typography-heading-font-size);font-weight:var(--cds-global-typography-heading-font-weight);line-height:var(--cds-global-typography-heading-line-height);letter-spacing:var(--cds-global-typography-heading-letter-spacing)}[cds-text*=heading]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-heading-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=heading]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-heading-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size);font-weight:var(--cds-global-typography-title-font-weight);line-height:var(--cds-global-typography-title-line-height);letter-spacing:var(--cds-global-typography-title-letter-spacing)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-title-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-title-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size);font-weight:var(--cds-global-typography-section-font-weight);line-height:var(--cds-global-typography-section-line-height);letter-spacing:var(--cds-global-typography-section-letter-spacing)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-section-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-section-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=subsection]{font-size:var(--cds-global-typography-subsection-font-size);font-weight:var(--cds-global-typography-subsection-font-weight);line-height:var(--cds-global-typography-subsection-line-height);letter-spacing:var(--cds-global-typography-subsection-letter-spacing)}[cds-text*=subsection]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-subsection-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=subsection]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-subsection-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight);font-size:var(--cds-global-typography-body-font-size);letter-spacing:var(--cds-global-typography-body-letter-spacing);line-height:var(--cds-global-typography-body-line-height)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-body-line-height) - 1em)/2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-body-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size);font-weight:var(--cds-global-typography-message-font-weight);line-height:var(--cds-global-typography-message-line-height);letter-spacing:var(--cds-global-typography-message-letter-spacing)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-message-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-message-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size);font-weight:var(--cds-global-typography-secondary-font-weight);line-height:var(--cds-global-typography-secondary-line-height);letter-spacing:var(--cds-global-typography-secondary-letter-spacing)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-secondary-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-secondary-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=caption]{font-size:var(--cds-global-typography-caption-font-size);font-weight:var(--cds-global-typography-caption-font-weight);line-height:var(--cds-global-typography-caption-line-height);letter-spacing:var(--cds-global-typography-caption-letter-spacing)}[cds-text*=caption]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-caption-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=caption]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-caption-line-height) - 1em)/2))*-1) - .044em)}[cds-text*=smallcaption]{font-size:var(--cds-global-typography-smallcaption-font-size);font-weight:var(--cds-global-typography-smallcaption-font-weight);line-height:var(--cds-global-typography-smallcaption-line-height);letter-spacing:var(--cds-global-typography-smallcaption-letter-spacing)}[cds-text*=smallcaption]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em)/2))*-1) + .037em)}[cds-text*=smallcaption]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em)/2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color)!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:focus{outline:var(--cds-alias-object-interaction-outline);outline-offset:var(--cds-alias-object-interaction-outline-offset)}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover)!important}[cds-text~=link]:visited:not([cds-text~=static]),[cds-text~=link][cds-text~=visited]{color:var(--cds-global-typography-link-color-visited)!important}[cds-text~=link]:visited:not([cds-text~=static]):hover,[cds-text~=link][cds-text~=visited]:hover{color:var(--cds-global-typography-link-color-visited-hover)!important}@media (-webkit-min-device-pixel-ratio:0){[cds-text=link]:focus{outline:var(--cds-alias-object-interaction-outline-webkit)}}[cds-text~=code]{color:var(--cds-alias-status-danger);font-family:monospace;font-size:1.1em}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100);overflow:hidden;box-shadow:var(--cds-alias-object-border-color)0 0 0 var(--cds-alias-object-border-width-100) inset}[cds-text~=extrabold]{font-weight:var(--cds-global-typography-font-weight-extrabold)!important}[cds-text~=bold]{font-weight:var(--cds-global-typography-font-weight-bold)!important}[cds-text~=semibold]{font-weight:var(--cds-global-typography-font-weight-semibold)!important}[cds-text~=medium]{font-weight:var(--cds-global-typography-font-weight-medium)!important}[cds-text~=regular]{font-weight:var(--cds-global-typography-font-weight-regular)!important}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light)!important}[cds-text~=capitalize]{text-transform:capitalize!important}[cds-text~=uppercase]{text-transform:uppercase!important}[cds-text~=lowercase]{text-transform:lowercase!important}[cds-text~=truncate]{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}[cds-text~=truncate]::after,[cds-text~=truncate]::before{content:none}[cds-text~=justify]{text-align:justify!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=monospace]{font-family:var(--cds-global-typography-monospace-font-family)}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-layout~=disable-lhe]::after,[cds-layout~=disable-lhe]::before,[cds-text~=disable-lhe]::after,[cds-text~=disable-lhe]::before{content:none}[cds-text*=h0],[cds-text*=h1],[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:2rem;font-weight:200;color:var(--cds-global-typography-color-400);line-height:1.2em;letter-spacing:-.0125em}[cds-text*=h0]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em)/2))*-1) + .037em)}[cds-text*=h0]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em)/2))*-1) - .044em)}[cds-text*=h1],[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.6rem;line-height:1.5em;letter-spacing:-.0156em}[cds-text*=h1]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h1]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=h2],[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.4rem;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.7143em - 1em)/2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.7143em - 1em)/2))*-1) - .044em)}[cds-text*=h3],[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.0909em - 1em)/2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.0909em - 1em)/2))*-1) - .044em)}[cds-text*=h4],[cds-text*=h5],[cds-text*=h6]{font-size:.9rem;line-height:1.333333em;letter-spacing:-.011111em}[cds-text*=h4]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.333333em - 1em)/2))*-1) + .037em)}[cds-text*=h4]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.333333em - 1em)/2))*-1) - .044em)}[cds-text*=h5],[cds-text*=h6]{font-size:.8rem;font-weight:400;line-height:1.5em;letter-spacing:-.0125em}[cds-text*=h5]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h5]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=h6]{font-size:.7rem;font-weight:500;letter-spacing:-.03125em}[cds-text*=h6]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em)/2))*-1) + .037em)}[cds-text*=h6]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em)/2))*-1) - .044em)}[cds-text*=p0],[cds-text*=p1]{font-size:1.2rem;font-weight:400;color:var(--cds-global-typography-color-500);line-height:1.16667em;letter-spacing:-.008333em}[cds-text*=p0]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.16667em - 1em)/2))*-1) + .037em)}[cds-text*=p0]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.16667em - 1em)/2))*-1) - .044em)}[cds-text*=p1]{font-size:.7rem;color:var(--cds-global-typography-color-400);line-height:1.71429em;letter-spacing:-.014286em}[cds-text*=p1]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.71429em - 1em)/2))*-1) + .037em)}[cds-text*=p1]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.71429em - 1em)/2))*-1) - .044em)}[cds-text*=p2],[cds-text*=p3],[cds-text*=p4],[cds-text*=p5]{font-size:.65rem;font-weight:500;color:var(--cds-global-typography-color-400);line-height:1.84615em;letter-spacing:-.007692em}[cds-text*=p2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em)/2))*-1) + .037em)}[cds-text*=p2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em)/2))*-1) - .044em)}[cds-text*=p3],[cds-text*=p4],[cds-text*=p5]{font-weight:400}[cds-text*=p3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em)/2))*-1) + .037em)}[cds-text*=p3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em)/2))*-1) - .044em)}[cds-text*=p4],[cds-text*=p5]{font-size:.6rem;font-weight:600;line-height:2em;letter-spacing:-.008333em}[cds-text*=p4]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em)/2))*-1) + .037em)}[cds-text*=p4]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em)/2))*-1) - .044em)}[cds-text*=p5]{font-weight:400}[cds-text*=p5]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em)/2))*-1) + .037em)}[cds-text*=p5]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em)/2))*-1) - .044em)}[cds-text*=p6],[cds-text*=p7],[cds-text*=p8]{font-size:.55rem;font-weight:600;color:var(--cds-global-typography-color-400);line-height:1.090909em;letter-spacing:.018182em}[cds-text*=p6]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em)/2))*-1) + .037em)}[cds-text*=p6]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em)/2))*-1) - .044em)}[cds-text*=p7],[cds-text*=p8]{font-weight:400}[cds-text*=p7]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em)/2))*-1) + .037em)}[cds-text*=p7]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em)/2))*-1) - .044em)}[cds-text*=p8]{font-size:.5rem;line-height:1.2em;letter-spacing:.02em}[cds-text*=p8]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em)/2))*-1) + .037em)}[cds-text*=p8]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em)/2))*-1) - .044em)}
package/styles/shim.clr-ui.css CHANGED
@@ -193,33 +193,33 @@
193
193
  --clr-app-level-alert-color: var(--cds-global-color-white);
194
194
  --clr-app-alert-close-icon-color: var(--clr-app-level-alert-color);
195
195
  --clr-alert-info-bg-color: var(--cds-alias-status-info-tint);
196
- --clr-alert-info-font-color: var(--cds-global-typography-color-500);
196
+ --clr-alert-info-font-color: var(--cds-global-typography-color-400);
197
197
  --clr-alert-info-border-color: var(
198
198
  --cds-alias-status-info
199
199
  );
200
200
  --clr-alert-info-icon-color: var(
201
- --cds-global-typography-color-500
201
+ --clr-alert-info-font-color
202
202
  );
203
- --clr-alert-info-close-icon-color: var(--cds-global-typography-color-500);
204
- --clr-alert-info-action-color: var(--cds-global-typography-color-500);
203
+ --clr-alert-info-close-icon-color: var(---clr-alert-info-font-color);
204
+ --clr-alert-info-action-color: var(--clr-alert-info-font-color);
205
205
  --clr-alert-success-bg-color: var(--cds-alias-status-success-tint);
206
- --clr-alert-success-font-color: var(--cds-global-typography-color-500);
206
+ --clr-alert-success-font-color: var(--cds-global-typography-color-400);
207
207
  --clr-alert-success-border-color: var(--cds-alias-status-success);
208
- --clr-alert-success-icon-color: var(--cds-global-typography-color-500);
209
- --clr-alert-success-close-icon-color: var(--cds-global-typography-color-500);
210
- --clr-alert-success-action-color: var(--cds-global-typography-color-500);
208
+ --clr-alert-success-icon-color: var(--clr-alert-success-font-color);
209
+ --clr-alert-success-close-icon-color: var(--clr-alert-success-font-color);
210
+ --clr-alert-success-action-color: var(--clr-alert-success-font-color);
211
211
  --clr-alert-warning-bg-color: var(--cds-alias-status-warning-tint);
212
- --clr-alert-warning-font-color: var(--cds-global-color-black);
212
+ --clr-alert-warning-font-color: var(--cds-global-color-construction-900);
213
213
  --clr-alert-warning-border-color: var(--cds-alias-status-warning);
214
- --clr-alert-warning-icon-color: var(--cds-global-color-black);
215
- --clr-alert-warning-close-icon-color: var(--cds-global-color-black);
216
- --clr-alert-warning-action-color: var(--cds-global-color-black);
214
+ --clr-alert-warning-icon-color: var(--clr-alert-warning-font-color);
215
+ --clr-alert-warning-close-icon-color: var(--clr-alert-warning-font-color);
216
+ --clr-alert-warning-action-color: var(--clr-alert-warning-font-color);
217
217
  --clr-alert-danger-bg-color: var(--cds-alias-status-danger-tint);
218
- --clr-alert-danger-font-color: var(--cds-global-typography-color-500);
218
+ --clr-alert-danger-font-color: var(--cds-global-typography-color-400);
219
219
  --clr-alert-danger-border-color: var(--cds-alias-status-danger);
220
- --clr-alert-danger-icon-color: var(--cds-global-typography-color-500);
221
- --clr-alert-danger-close-icon-color: var(--cds-global-typography-color-500);
222
- --clr-alert-danger-action-color: var(--cds-global-typography-color-500);
220
+ --clr-alert-danger-icon-color: var(--clr-alert-danger-font-color);
221
+ --clr-alert-danger-close-icon-color: var(--clr-alert-danger-font-color);
222
+ --clr-alert-danger-action-color: var(--clr-alert-danger-font-color);
223
223
  --clr-app-alert-info-bg-color: var(--cds-alias-status-info);
224
224
  --clr-app-alert-info-font-color: var(--cds-global-typography-color-100);
225
225
  --clr-app-alert-info-icon-color: var(--clr-app-alert-info-font-color);
@@ -228,7 +228,7 @@
228
228
  --clr-app-alert-info-close-icon-color: var(--clr-app-alert-info-font-color);
229
229
  --clr-app-alert-info-close-icon-hover-color: var(--clr-app-alert-info-font-color);
230
230
  --clr-app-alert-warning-bg-color: var(--cds-alias-status-warning);
231
- --clr-app-alert-warning-font-color: var(--cds-global-color-black);
231
+ --clr-app-alert-warning-font-color: var(--cds-global-typography-color-500);
232
232
  --clr-app-alert-warning-icon-color: var(--clr-app-alert-warning-font-color);
233
233
  --clr-app-alert-warning-close-icon-color: var(--clr-app-alert-warning-font-color);
234
234
  --clr-app-alert-warning-action-color: var(--clr-app-alert-warning-font-color);
@@ -281,7 +281,7 @@
281
281
  --cds-alias-status-neutral
282
282
  );
283
283
  --clr-label-gray-color: var(--clr-label-font-color-light);
284
- --clr-label-purple-bg-color: var(--cds-global-color-violet-500);
284
+ --clr-label-purple-bg-color: var(--cds-global-color-violet-600);
285
285
  --clr-label-purple-color: var(--clr-label-font-color-light);
286
286
  --clr-label-blue-bg-color: var(--cds-global-color-blue-800);
287
287
  --clr-label-blue-color: var(--clr-label-font-color-light);
@@ -318,9 +318,9 @@
318
318
  --clr-badge-purple-color: var(--cds-global-color-white);
319
319
  --clr-badge-blue-bg-color: var(--cds-global-color-blue-800);
320
320
  --clr-badge-blue-color: var(--cds-global-color-white);
321
- --clr-badge-orange-bg-color: var(--cds-global-color-ochre-700);
321
+ --clr-badge-orange-bg-color: var(--cds-global-color-tangerine-400);
322
322
  --clr-badge-orange-color: var(--cds-global-color-black);
323
- --clr-badge-light-blue-bg-color: var(--cds-global-color-blue-400);
323
+ --clr-badge-light-blue-bg-color: var(--cds-global-color-blue-300);
324
324
  --clr-badge-light-blue-color: var(--cds-global-color-black);
325
325
  /* Progress Bars */
326
326
  --clr-progress-default-color: var(--cds-alias-status-info);
@@ -329,12 +329,14 @@
329
329
  --clr-progress-alt-color-3: var(--clr-progress-alt-color-2);
330
330
  --clr-progress-bg-color: var(--cds-alias-object-border-color-tint);
331
331
  /* Accordion */
332
- --clr-accordion-text-color: var(--cds-global-typography-color-500);
332
+ --clr-accordion-text-color: var(--cds-alias-object-interaction-color);
333
333
  --clr-accordion-active-background-color: var(
334
334
  --cds-alias-object-interaction-background-selected
335
335
  );
336
336
  --clr-accordion-content-background-color: var(--cds-alias-object-app-background);
337
- --clr-accordion-header-background-color: var(--cds-alias-object-app-background);
337
+ --clr-accordion-header-background-color: var(
338
+ --cds-alias-object-container-background-tint
339
+ );
338
340
  --clr-accordion-header-hover-background-color: var(
339
341
  --cds-alias-object-interaction-background-hover
340
342
  );
@@ -354,9 +356,10 @@
354
356
  --cds-alias-object-interaction-background-highlight
355
357
  );
356
358
  --clr-card-clickable-box-shadow-color: var(--clr-card-clickable-border-color);
359
+ --clr-card-border-radius: var(--cds-alias-object-border-radius-100);
357
360
  /* Forms */
358
361
  --clr-form-disabled-background-color: var(--cds-alias-status-disabled-tint);
359
- --clr-forms-label-color: var(--cds-global-typography-color-300);
362
+ --clr-forms-label-color: var(--cds-global-typography-color-400);
360
363
  --clr-forms-text-color: var(--cds-global-typography-color-500);
361
364
  --clr-forms-invalid-color: var(--cds-alias-status-danger);
362
365
  --clr-forms-valid-color: var(--cds-alias-status-success);
@@ -470,11 +473,11 @@
470
473
  --clr-sidenav-color: var(--clr-p1-color);
471
474
  /* Signpost */
472
475
  --clr-signpost-content-bg-color: var(--cds-alias-object-overlay-background);
473
- --clr-signpost-content-border-color: var(--cds-alias-object-overlay-border-color);
476
+ --clr-signpost-content-border-color: var(--cds-alias-object-border-color);
474
477
  --clr-signpost-action-color: var(--cds-alias-object-interaction-color);
475
478
  --clr-signpost-action-hover-color: var(--cds-alias-object-interaction-color-hover);
476
479
  --clr-signpost-border-size: 0.6rem;
477
- --clr-signpost-pointer-border: var(--clr-signpost-border-size) solid var(--cds-alias-object-overlay-border-color);
480
+ --clr-signpost-pointer-border: var(--clr-signpost-border-size) solid var(--cds-alias-object-border-color);
478
481
  --clr-signpost-pointer-psuedo-border: var(--clr-signpost-border-size) solid var(--clr-signpost-content-bg-color);
479
482
  /* StackView */
480
483
  --clr-stack-view-border-color: var(--cds-alias-object-border-color);
@@ -574,7 +577,7 @@
574
577
  --clr-vertical-nav-item-active-color: var(
575
578
  --cds-alias-object-interaction-color-active
576
579
  );
577
- --clr-vertical-nav-bg-color: var(--cds-alias-object-container-background-shade);
580
+ --clr-vertical-nav-bg-color: var(--cds-alias-object-container-background);
578
581
  --clr-vertical-nav-active-bg-color: var(
579
582
  --cds-alias-object-interaction-background-selected
580
583
  );
@@ -608,7 +611,7 @@
608
611
  --clr-datagrid-pagination-input-border-color: var(--cds-alias-object-border-color);
609
612
  --clr-datagrid-pagination-input-border-focus-color: var(--clr-color-action-400);
610
613
  --clr-datagrid-popover-bg-color: var(--cds-alias-object-overlay-background);
611
- --clr-datagrid-popover-border-color: var(--cds-alias-object-overlay-border-color);
614
+ --clr-datagrid-popover-border-color: var(--cds-alias-object-border-color);
612
615
  --clr-datagrid-action-popover-hover-color: var(
613
616
  --cds-alias-object-interaction-color-hover
614
617
  );
@@ -623,6 +626,15 @@
623
626
  --clr-datagrid-detail-caret-icon-open-icon-color: var(--cds-global-color-gray-0);
624
627
  --clr-datagrid-placeholder-color: var(--cds-global-color-gray-700);
625
628
  }
629
+ [cds-theme] .login-wrapper {
630
+ --clr-login-background-color: var(--clr-global-app-background);
631
+ --clr-login-title-color: var(--clr-h1-color);
632
+ --clr-login-error-background-color: var(--clr-alert-danger-bg-color);
633
+ }
634
+ [cds-theme] .login-wrapper .login .login-group .error {
635
+ color: var(--clr-alert-danger-font-color);
636
+ border: 1px solid var(--clr-alert-danger-border-color);
637
+ }
626
638
  [cds-theme] .btn:not([disabled]):hover,
627
639
  [cds-theme] .btn:not([disabled]):focus,
628
640
  [cds-theme] .btn:not([disabled]):active {
package/styles/shim.clr-ui.min.css CHANGED
@@ -28,11 +28,11 @@
28
28
  --cds-alias-status-disabled-tint
29
29
  );--clr-alert-action-color:var(--cds-global-typography-color-500);--clr-alert-action-active-color:var(
30
30
  --cds-alias-object-interaction-color-active
31
- );--clr-alert-close-icon-color:var(--clr-alert-action-color);--clr-alert-close-icon-hover-color:var(--clr-alert-action-active-color);--clr-app-level-alert-color:var(--cds-global-color-white);--clr-app-alert-close-icon-color:var(--clr-app-level-alert-color);--clr-alert-info-bg-color:var(--cds-alias-status-info-tint);--clr-alert-info-font-color:var(--cds-global-typography-color-500);--clr-alert-info-border-color:var(
31
+ );--clr-alert-close-icon-color:var(--clr-alert-action-color);--clr-alert-close-icon-hover-color:var(--clr-alert-action-active-color);--clr-app-level-alert-color:var(--cds-global-color-white);--clr-app-alert-close-icon-color:var(--clr-app-level-alert-color);--clr-alert-info-bg-color:var(--cds-alias-status-info-tint);--clr-alert-info-font-color:var(--cds-global-typography-color-400);--clr-alert-info-border-color:var(
32
32
  --cds-alias-status-info
33
33
  );--clr-alert-info-icon-color:var(
34
- --cds-global-typography-color-500
35
- );--clr-alert-info-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-info-action-color:var(--cds-global-typography-color-500);--clr-alert-success-bg-color:var(--cds-alias-status-success-tint);--clr-alert-success-font-color:var(--cds-global-typography-color-500);--clr-alert-success-border-color:var(--cds-alias-status-success);--clr-alert-success-icon-color:var(--cds-global-typography-color-500);--clr-alert-success-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-success-action-color:var(--cds-global-typography-color-500);--clr-alert-warning-bg-color:var(--cds-alias-status-warning-tint);--clr-alert-warning-font-color:var(--cds-global-color-black);--clr-alert-warning-border-color:var(--cds-alias-status-warning);--clr-alert-warning-icon-color:var(--cds-global-color-black);--clr-alert-warning-close-icon-color:var(--cds-global-color-black);--clr-alert-warning-action-color:var(--cds-global-color-black);--clr-alert-danger-bg-color:var(--cds-alias-status-danger-tint);--clr-alert-danger-font-color:var(--cds-global-typography-color-500);--clr-alert-danger-border-color:var(--cds-alias-status-danger);--clr-alert-danger-icon-color:var(--cds-global-typography-color-500);--clr-alert-danger-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-danger-action-color:var(--cds-global-typography-color-500);--clr-app-alert-info-bg-color:var(--cds-alias-status-info);--clr-app-alert-info-font-color:var(--cds-global-typography-color-100);--clr-app-alert-info-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-active-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-hover-color:var(--clr-app-alert-info-font-color);--clr-app-alert-warning-bg-color:var(--cds-alias-status-warning);--clr-app-alert-warning-font-color:var(--cds-global-color-black);--clr-app-alert-warning-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-close-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-active-color:var(
34
+ --clr-alert-info-font-color
35
+ );--clr-alert-info-close-icon-color:var(---clr-alert-info-font-color);--clr-alert-info-action-color:var(--clr-alert-info-font-color);--clr-alert-success-bg-color:var(--cds-alias-status-success-tint);--clr-alert-success-font-color:var(--cds-global-typography-color-400);--clr-alert-success-border-color:var(--cds-alias-status-success);--clr-alert-success-icon-color:var(--clr-alert-success-font-color);--clr-alert-success-close-icon-color:var(--clr-alert-success-font-color);--clr-alert-success-action-color:var(--clr-alert-success-font-color);--clr-alert-warning-bg-color:var(--cds-alias-status-warning-tint);--clr-alert-warning-font-color:var(--cds-global-color-construction-900);--clr-alert-warning-border-color:var(--cds-alias-status-warning);--clr-alert-warning-icon-color:var(--clr-alert-warning-font-color);--clr-alert-warning-close-icon-color:var(--clr-alert-warning-font-color);--clr-alert-warning-action-color:var(--clr-alert-warning-font-color);--clr-alert-danger-bg-color:var(--cds-alias-status-danger-tint);--clr-alert-danger-font-color:var(--cds-global-typography-color-400);--clr-alert-danger-border-color:var(--cds-alias-status-danger);--clr-alert-danger-icon-color:var(--clr-alert-danger-font-color);--clr-alert-danger-close-icon-color:var(--clr-alert-danger-font-color);--clr-alert-danger-action-color:var(--clr-alert-danger-font-color);--clr-app-alert-info-bg-color:var(--cds-alias-status-info);--clr-app-alert-info-font-color:var(--cds-global-typography-color-100);--clr-app-alert-info-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-active-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-hover-color:var(--clr-app-alert-info-font-color);--clr-app-alert-warning-bg-color:var(--cds-alias-status-warning);--clr-app-alert-warning-font-color:var(--cds-global-typography-color-500);--clr-app-alert-warning-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-close-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-active-color:var(
36
36
  --clr-app-alert-warning-font-color
37
37
  );--clr-app-alert-warning-close-icon-hover-color:var(
38
38
  --clr-app-alert-warning-font-color
@@ -50,13 +50,15 @@
50
50
  --cds-alias-status-danger-shade
51
51
  );--clr-app-alert-info-pager-font-color:var(--cds-global-color-white);--clr-app-alert-warning-pager-font-color:var(--cds-global-color-black);--clr-app-alert-danger-pager-font-color:var(--cds-global-color-white);--clr-app-alert-success-pager-font-color:var(--cds-global-color-white);--clr-label-font-color-light:var(--cds-global-typography-color-500);--clr-label-font-color-dark:var(--cds-global-typography-color-500);--clr-label-default-border-color:var(--cds-alias-status-neutral);--clr-label-bg-hover-color:var(--cds-alias-status-neutral-tint);--clr-label-gray-bg-color:var(
52
52
  --cds-alias-status-neutral
53
- );--clr-label-gray-color:var(--clr-label-font-color-light);--clr-label-purple-bg-color:var(--cds-global-color-violet-500);--clr-label-purple-color:var(--clr-label-font-color-light);--clr-label-blue-bg-color:var(--cds-global-color-blue-800);--clr-label-blue-color:var(--clr-label-font-color-light);--clr-label-orange-bg-color:var(--cds-global-color-ochre-800);--clr-label-orange-color:var(--clr-label-font-color-dark);--clr-label-light-blue-bg-color:var(--cds-global-color-blue-600);--clr-label-light-blue-color:var(--clr-label-font-color-dark);--clr-label-info-bg-color:var(--cds-alias-status-tint);--clr-label-info-font-color:var(--clr-label-font-color-light);--clr-label-info-border-color:var(--cds-alias-status-info);--clr-label-success-bg-color:var(--cds-alias-status-tint);--clr-label-success-font-color:var(--clr-label-font-color-light);--clr-label-success-border-color:var(--cds-alias-status-success);--clr-label-warning-bg-color:var(--cds-alias-status-tint);--clr-label-warning-font-color:var(--clr-label-font-color-light);--clr-label-warning-border-color:var(--cds-alias-status-warning);--clr-label-danger-bg-color:var(--cds-alias-status-tint);--clr-label-danger-font-color:var(--clr-label-font-color-light);--clr-label-danger-border-color:var(--cds-alias-status-danger);--clr-badge-background-color:var(--cds-alias-status-neutral-shade);--clr-badge-color:var(--cds-global-color-white);--clr-badge-info-bg-color:var(--cds-alias-status-info-shade);--clr-badge-info-color:var(--cds-global-color-white);--clr-badge-success-bg-color:var(--cds-alias-status-success-shade);--clr-badge-success-color:var(--cds-global-color-white);--clr-badge-warning-bg-color:var(--cds-alias-status-warning-shade);--clr-badge-warning-color:var(--cds-global-color-black);--clr-badge-danger-bg-color:var(--cds-alias-status-danger-shade);--clr-badge-danger-color:var(--cds-global-color-white);--clr-badge-gray-bg-color:var(--cds-global-color-gray-600);--clr-badge-gray-color:var(--cds-global-color-white);--clr-badge-purple-bg-color:var(--cds-global-color-violet-500);--clr-badge-purple-color:var(--cds-global-color-white);--clr-badge-blue-bg-color:var(--cds-global-color-blue-800);--clr-badge-blue-color:var(--cds-global-color-white);--clr-badge-orange-bg-color:var(--cds-global-color-ochre-700);--clr-badge-orange-color:var(--cds-global-color-black);--clr-badge-light-blue-bg-color:var(--cds-global-color-blue-400);--clr-badge-light-blue-color:var(--cds-global-color-black);--clr-progress-default-color:var(--cds-alias-status-info);--clr-progress-alt-color-1:var(--cds-alias-status-success);--clr-progress-alt-color-2:var(--cds-alias-status-danger);--clr-progress-alt-color-3:var(--clr-progress-alt-color-2);--clr-progress-bg-color:var(--cds-alias-object-border-color-tint);--clr-accordion-text-color:var(--cds-global-typography-color-500);--clr-accordion-active-background-color:var(
53
+ );--clr-label-gray-color:var(--clr-label-font-color-light);--clr-label-purple-bg-color:var(--cds-global-color-violet-600);--clr-label-purple-color:var(--clr-label-font-color-light);--clr-label-blue-bg-color:var(--cds-global-color-blue-800);--clr-label-blue-color:var(--clr-label-font-color-light);--clr-label-orange-bg-color:var(--cds-global-color-ochre-800);--clr-label-orange-color:var(--clr-label-font-color-dark);--clr-label-light-blue-bg-color:var(--cds-global-color-blue-600);--clr-label-light-blue-color:var(--clr-label-font-color-dark);--clr-label-info-bg-color:var(--cds-alias-status-tint);--clr-label-info-font-color:var(--clr-label-font-color-light);--clr-label-info-border-color:var(--cds-alias-status-info);--clr-label-success-bg-color:var(--cds-alias-status-tint);--clr-label-success-font-color:var(--clr-label-font-color-light);--clr-label-success-border-color:var(--cds-alias-status-success);--clr-label-warning-bg-color:var(--cds-alias-status-tint);--clr-label-warning-font-color:var(--clr-label-font-color-light);--clr-label-warning-border-color:var(--cds-alias-status-warning);--clr-label-danger-bg-color:var(--cds-alias-status-tint);--clr-label-danger-font-color:var(--clr-label-font-color-light);--clr-label-danger-border-color:var(--cds-alias-status-danger);--clr-badge-background-color:var(--cds-alias-status-neutral-shade);--clr-badge-color:var(--cds-global-color-white);--clr-badge-info-bg-color:var(--cds-alias-status-info-shade);--clr-badge-info-color:var(--cds-global-color-white);--clr-badge-success-bg-color:var(--cds-alias-status-success-shade);--clr-badge-success-color:var(--cds-global-color-white);--clr-badge-warning-bg-color:var(--cds-alias-status-warning-shade);--clr-badge-warning-color:var(--cds-global-color-black);--clr-badge-danger-bg-color:var(--cds-alias-status-danger-shade);--clr-badge-danger-color:var(--cds-global-color-white);--clr-badge-gray-bg-color:var(--cds-global-color-gray-600);--clr-badge-gray-color:var(--cds-global-color-white);--clr-badge-purple-bg-color:var(--cds-global-color-violet-500);--clr-badge-purple-color:var(--cds-global-color-white);--clr-badge-blue-bg-color:var(--cds-global-color-blue-800);--clr-badge-blue-color:var(--cds-global-color-white);--clr-badge-orange-bg-color:var(--cds-global-color-tangerine-400);--clr-badge-orange-color:var(--cds-global-color-black);--clr-badge-light-blue-bg-color:var(--cds-global-color-blue-300);--clr-badge-light-blue-color:var(--cds-global-color-black);--clr-progress-default-color:var(--cds-alias-status-info);--clr-progress-alt-color-1:var(--cds-alias-status-success);--clr-progress-alt-color-2:var(--cds-alias-status-danger);--clr-progress-alt-color-3:var(--clr-progress-alt-color-2);--clr-progress-bg-color:var(--cds-alias-object-border-color-tint);--clr-accordion-text-color:var(--cds-alias-object-interaction-color);--clr-accordion-active-background-color:var(
54
54
  --cds-alias-object-interaction-background-selected
55
- );--clr-accordion-content-background-color:var(--cds-alias-object-app-background);--clr-accordion-header-background-color:var(--cds-alias-object-app-background);--clr-accordion-header-hover-background-color:var(
55
+ );--clr-accordion-content-background-color:var(--cds-alias-object-app-background);--clr-accordion-header-background-color:var(
56
+ --cds-alias-object-container-background-tint
57
+ );--clr-accordion-header-hover-background-color:var(
56
58
  --cds-alias-object-interaction-background-hover
57
59
  );--clr-accordion-error-color:var(--cds-alias-status-danger);--clr-accordion-complete-color:var(--cds-alias-status-success);--clr-accordion-border-color:var(--cds-alias-object-border-color);--clr-accordion-border-left-color:var(--cds-alias-object-border-color-tint);--clr-accordion-border-left-color-complete:var(--clr-accordion-complete-color);--clr-accordion-border-left-color-error:var(--clr-accordion-error-color);--clr-card-bg-color:var(--cds-alias-object-container-background);--clr-card-divider-color:var(--cds-alias-object-border-color);--clr-card-title-color:var(--clr-h4-color);--clr-card-border-color:var(--cds-alias-object-container-border-color);--clr-card-box-shadow-color:var(--clr-card-border-color);--clr-card-clickable-border-color:var(
58
60
  --cds-alias-object-interaction-background-highlight
59
- );--clr-card-clickable-box-shadow-color:var(--clr-card-clickable-border-color);--clr-form-disabled-background-color:var(--cds-alias-status-disabled-tint);--clr-forms-label-color:var(--cds-global-typography-color-300);--clr-forms-text-color:var(--cds-global-typography-color-500);--clr-forms-invalid-color:var(--cds-alias-status-danger);--clr-forms-valid-color:var(--cds-alias-status-success);--clr-forms-valid-text-color:var(--cds-alias-status-success);--clr-forms-subtext-color:var(--cds-global-typography-color-300);--clr-forms-placeholder-color:var(--cds-global-typography-color-200);--clr-forms-border-color:var(
61
+ );--clr-card-clickable-box-shadow-color:var(--clr-card-clickable-border-color);--clr-card-border-radius:var(--cds-alias-object-border-radius-100);--clr-form-disabled-background-color:var(--cds-alias-status-disabled-tint);--clr-forms-label-color:var(--cds-global-typography-color-400);--clr-forms-text-color:var(--cds-global-typography-color-500);--clr-forms-invalid-color:var(--cds-alias-status-danger);--clr-forms-valid-color:var(--cds-alias-status-success);--clr-forms-valid-text-color:var(--cds-alias-status-success);--clr-forms-subtext-color:var(--cds-global-typography-color-300);--clr-forms-placeholder-color:var(--cds-global-typography-color-200);--clr-forms-border-color:var(
60
62
  --cds-alias-object-interaction-border-color
61
63
  );--clr-forms-focused-color:var(--cds-alias-status-info);--clr-forms-subtext-disabled-color:var(--cds-alias-status-disabled);--clr-forms-border-disabled-color:var(--cds-alias-object-border-color-tint);--clr-forms-text-disabled-color:var(--cds-alias-status-disabled);--clr-forms-label-disabled-color:var(--cds-alias-status-disabled);--clr-forms-textarea-background-color:var(--cds-alias-object-container-background);--clr-forms-select-caret-hover-color:var(
62
64
  --cds-alias-object-interaction-color-hover
@@ -80,7 +82,7 @@
80
82
  --cds-alias-object-interaction-background-selected
81
83
  );--clr-calendar-active-cell-color:var(--cds-global-typography-color-500);--clr-dropdown-active-text-color:var(--cds-alias-object-interaction-color-active);--clr-dropdown-bg-color:var(--cds-alias-object-overlay-background);--clr-dropdown-border-color:var(--cds-alias-object-border-color);--clr-dropdown-divider-color:var(--cds-alias-object-border-color-tint);--clr-dropdown-child-border-color:var(--cds-alias-object-border-color);--clr-dropdown-bg-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-dropdown-selection-color:var(
82
84
  --cds-alias-object-interaction-background-selected
83
- );--clr-dropdown-box-shadow:var(--clr-popover-box-shadow-color);--clr-dropdown-text-color:var(--clr-p1-color);--clr-dropdown-header-color:var(--cds-global-typography-color-400);--clr-dropdown-item-color:var(--cds-global-typography-color-300);--clr-modal-title-color:var(--cds-global-typography-color-400);--clr-modal-close-color:var(--cds-alias-object-interaction-color);--clr-modal-bg-color:var(--cds-alias-object-overlay-background);--clr-modal-backdrop-color:var(--cds-alias-object-overlay-backdrop-background);--clr-link-active-color:var(--cds-global-typography-link-color);--clr-link-color:var(--cds-global-typography-link-color);--clr-link-hover-color:var(--cds-global-typography-link-color-hover);--clr-link-visited-color:var(--cds-global-typography-link-color-visited);--clr-link-visited-color-hover:var(--cds-global-typography-link-color-visited-hover);--clr-custom-links-hover-color:var(--cds-global-color-gray-200);--clr-sliding-panel-text-color:var(--cds-global-color-gray-700);--clr-nav-background-color:var(--cds-global-color-gray-200);--clr-responsive-nav-hover-bg:var(--cds-global-color-gray-0);--clr-responsive-nav-trigger-bg-color:var(--cds-global-color-gray-0);--clr-responsive-nav-header-backdrop-bg-color:var(--cds-global-color-gray-1000);--clr-sidenav-border-color:var(--cds-alias-object-border-color);--clr-sidenav-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-sidenav-link-active-color:var(--cds-alias-object-interaction-color-active);--clr-sidenav-link-active-bg-color:var(--clr-global-selection-color);--clr-sidenav-header-color:var(--clr-h6-color);--clr-sidenav-color:var(--clr-p1-color);--clr-signpost-content-bg-color:var(--cds-alias-object-overlay-background);--clr-signpost-content-border-color:var(--cds-alias-object-overlay-border-color);--clr-signpost-action-color:var(--cds-alias-object-interaction-color);--clr-signpost-action-hover-color:var(--cds-alias-object-interaction-color-hover);--clr-signpost-border-size:0.6rem;--clr-signpost-pointer-border:var(--clr-signpost-border-size) solid var(--cds-alias-object-overlay-border-color);--clr-signpost-pointer-psuedo-border:var(--clr-signpost-border-size) solid var(--clr-signpost-content-bg-color);--clr-stack-view-border-color:var(--cds-alias-object-border-color);--clr-stack-view-bg-color:var(--cds-alias-object-container-background);--clr-stack-view-stack-block-border-bottom:var(--cds-alias-object-border-color);--clr-stack-view-color:var(--cds-global-typography-color-500);--clr-stack-view-stack-block-label-text-color:var(--cds-global-typography-color-500);--clr-stack-view-border-box-color:var(--cds-alias-object-border-color-tint);--clr-stack-block-changed-border-top-color:var(
85
+ );--clr-dropdown-box-shadow:var(--clr-popover-box-shadow-color);--clr-dropdown-text-color:var(--clr-p1-color);--clr-dropdown-header-color:var(--cds-global-typography-color-400);--clr-dropdown-item-color:var(--cds-global-typography-color-300);--clr-modal-title-color:var(--cds-global-typography-color-400);--clr-modal-close-color:var(--cds-alias-object-interaction-color);--clr-modal-bg-color:var(--cds-alias-object-overlay-background);--clr-modal-backdrop-color:var(--cds-alias-object-overlay-backdrop-background);--clr-link-active-color:var(--cds-global-typography-link-color);--clr-link-color:var(--cds-global-typography-link-color);--clr-link-hover-color:var(--cds-global-typography-link-color-hover);--clr-link-visited-color:var(--cds-global-typography-link-color-visited);--clr-link-visited-color-hover:var(--cds-global-typography-link-color-visited-hover);--clr-custom-links-hover-color:var(--cds-global-color-gray-200);--clr-sliding-panel-text-color:var(--cds-global-color-gray-700);--clr-nav-background-color:var(--cds-global-color-gray-200);--clr-responsive-nav-hover-bg:var(--cds-global-color-gray-0);--clr-responsive-nav-trigger-bg-color:var(--cds-global-color-gray-0);--clr-responsive-nav-header-backdrop-bg-color:var(--cds-global-color-gray-1000);--clr-sidenav-border-color:var(--cds-alias-object-border-color);--clr-sidenav-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-sidenav-link-active-color:var(--cds-alias-object-interaction-color-active);--clr-sidenav-link-active-bg-color:var(--clr-global-selection-color);--clr-sidenav-header-color:var(--clr-h6-color);--clr-sidenav-color:var(--clr-p1-color);--clr-signpost-content-bg-color:var(--cds-alias-object-overlay-background);--clr-signpost-content-border-color:var(--cds-alias-object-border-color);--clr-signpost-action-color:var(--cds-alias-object-interaction-color);--clr-signpost-action-hover-color:var(--cds-alias-object-interaction-color-hover);--clr-signpost-border-size:0.6rem;--clr-signpost-pointer-border:var(--clr-signpost-border-size) solid var(--cds-alias-object-border-color);--clr-signpost-pointer-psuedo-border:var(--clr-signpost-border-size) solid var(--clr-signpost-content-bg-color);--clr-stack-view-border-color:var(--cds-alias-object-border-color);--clr-stack-view-bg-color:var(--cds-alias-object-container-background);--clr-stack-view-stack-block-border-bottom:var(--cds-alias-object-border-color);--clr-stack-view-color:var(--cds-global-typography-color-500);--clr-stack-view-stack-block-label-text-color:var(--cds-global-typography-color-500);--clr-stack-view-border-box-color:var(--cds-alias-object-border-color-tint);--clr-stack-block-changed-border-top-color:var(
84
86
  --cds-alias-object-interaction-background-highlight
85
87
  );--clr-stack-view-stack-block-label-and-content-bg-color:var(
86
88
  --cds-alias-object-container-background-tint
@@ -104,7 +106,7 @@
104
106
  --cds-alias-object-interaction-color-hover
105
107
  );--clr-tree-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-tree-link-selection-color:var(--clr-global-selection-color);--clr-tree-link-text-color:var(--cds-global-typography-color-500);--clr-tree-node-caret-color:var(--cds-global-color-gray-500);--clr-vertical-nav-divider-color:var(--cds-alias-object-border-color);--clr-vertical-nav-icon-active-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-item-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-item-active-color:var(
106
108
  --cds-alias-object-interaction-color-active
107
- );--clr-vertical-nav-bg-color:var(--cds-alias-object-container-background-shade);--clr-vertical-nav-active-bg-color:var(
109
+ );--clr-vertical-nav-bg-color:var(--cds-alias-object-container-background);--clr-vertical-nav-active-bg-color:var(
108
110
  --cds-alias-object-interaction-background-selected
109
111
  );--clr-vertical-nav-hover-bg-color:var(
110
112
  --cds-alias-object-interaction-background-hover
@@ -112,10 +114,10 @@
112
114
  --cds-alias-object-border-color
113
115
  );--clr-table-bgcolor:var(--cds-alias-object-container-background);--clr-thead-bgcolor:var(--cds-alias-object-container-background-tint);--clr-table-header-border-bottom-color:var(--cds-alias-object-border-color);--clr-table-footer-border-top-color:var(--cds-alias-object-border-color);--clr-table-border-color:var(--cds-alias-object-border-color);--clr-tablerow-bordercolor:var(--cds-alias-object-border-color);--clr-table-font-color:var(--cds-global-typography-color-500);--clr-thead-color:var(--cds-global-typography-color-500);--clr-datagrid-font-color:var(--cds-global-typography-color-500);--clr-datagrid-default-border-color:var(--cds-alias-object-border-color);--clr-datagrid-icon-color:var(--cds-alias-object-interaction-color);--clr-datagrid-row-hover:var(--cds-alias-object-interaction-background-hover);--clr-datagrid-row-hover-font-color:var(--cds-global-typography-color-500);--clr-datagrid-action-toggle:var(
114
116
  --cds-alias-object-interaction-background-active
115
- );--clr-datagrid-pagination-btn-color:var(--cds-alias-object-interaction-color);--clr-datagrid-pagination-btn-disabled-color:var(--cds-alias-status-disabled);--clr-datagrid-pagination-input-border-color:var(--cds-alias-object-border-color);--clr-datagrid-pagination-input-border-focus-color:var(--clr-color-action-400);--clr-datagrid-popover-bg-color:var(--cds-alias-object-overlay-background);--clr-datagrid-popover-border-color:var(--cds-alias-object-overlay-border-color);--clr-datagrid-action-popover-hover-color:var(
117
+ );--clr-datagrid-pagination-btn-color:var(--cds-alias-object-interaction-color);--clr-datagrid-pagination-btn-disabled-color:var(--cds-alias-status-disabled);--clr-datagrid-pagination-input-border-color:var(--cds-alias-object-border-color);--clr-datagrid-pagination-input-border-focus-color:var(--clr-color-action-400);--clr-datagrid-popover-bg-color:var(--cds-alias-object-overlay-background);--clr-datagrid-popover-border-color:var(--cds-alias-object-border-color);--clr-datagrid-action-popover-hover-color:var(
116
118
  --cds-alias-object-interaction-color-hover
117
119
  );--clr-datagrid-row-selected:var(--cds-global-typography-color-500);--clr-datagrid-column-switch-header-font-color:var(--cds-global-color-gray-500);--clr-datagrid-column-switch-header-font-hover-color:var(
118
120
  --cds-alias-object-interaction-background-highlight
119
121
  );--clr-datagrid-detail-caret-icon-open-bg-color:var(
120
122
  --cds-alias-object-interaction-background-highlight
121
- );--clr-datagrid-detail-caret-icon-open-icon-color:var(--cds-global-color-gray-0);--clr-datagrid-placeholder-color:var(--cds-global-color-gray-700)}[cds-theme] .btn:not([disabled]):active,[cds-theme] .btn:not([disabled]):focus,[cds-theme] .btn:not([disabled]):hover{filter:brightness(90%)}[cds-theme] .btn.disabled,[cds-theme] .btn:disabled{opacity:1}[cds-theme] .btn-danger,[cds-theme] .btn-primary,[cds-theme] .btn-success,[cds-theme] .btn-warning{--clr-btn-icon-disabled-color:var(--cds-global-typography-color-100)}
123
+ );--clr-datagrid-detail-caret-icon-open-icon-color:var(--cds-global-color-gray-0);--clr-datagrid-placeholder-color:var(--cds-global-color-gray-700)}[cds-theme] .login-wrapper{--clr-login-background-color:var(--clr-global-app-background);--clr-login-title-color:var(--clr-h1-color);--clr-login-error-background-color:var(--clr-alert-danger-bg-color)}[cds-theme] .login-wrapper .login .login-group .error{color:var(--clr-alert-danger-font-color);border:1px solid var(--clr-alert-danger-border-color)}[cds-theme] .btn:not([disabled]):active,[cds-theme] .btn:not([disabled]):focus,[cds-theme] .btn:not([disabled]):hover{filter:brightness(90%)}[cds-theme] .btn.disabled,[cds-theme] .btn:disabled{opacity:1}[cds-theme] .btn-danger,[cds-theme] .btn-primary,[cds-theme] .btn-success,[cds-theme] .btn-warning{--clr-btn-icon-disabled-color:var(--cds-global-typography-color-100)}
package/table/table.css CHANGED
@@ -11,13 +11,13 @@
11
11
  table[cds-table] {
12
12
  --background: var(--cds-alias-object-container-background, var(--cds-global-color-white, white));
13
13
  --color: var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));
14
- --border-radius: var(--cds-alias-object-border-radius-100, 0.25rem);
15
- --border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
14
+ --border-radius: var(--cds-alias-object-border-radius-100, calc(4 * 1rem / var(--cds-global-base, 20)));
15
+ --border: var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
16
16
  --header-background: var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));
17
- --header-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
18
- --row-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
19
- --column-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
20
- --cell-padding: var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);
17
+ --header-border: var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
18
+ --row-border: var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
19
+ --column-border: var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
20
+ --cell-padding: var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));
21
21
  }
22
22
 
23
23
  table[cds-table] {
@@ -113,7 +113,7 @@ table[cds-table][cds-text~=center] th, table[cds-table][cds-text~=center] td {
113
113
  }
114
114
 
115
115
  table[cds-table~=compact] {
116
- --cell-padding: calc(var(--cds-global-space-5, 0.5rem) / 2) calc(var(--cds-global-space-6, 0.75rem) / 2);
116
+ --cell-padding: calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) / 2) calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) / 2);
117
117
  }
118
118
 
119
119
  table[cds-table~=zebra] {
package/table/table.min.css CHANGED
@@ -1 +1 @@
1
- table[cds-table]{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--header-background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--header-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--row-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--column-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--cell-padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);color:var(--color);border-collapse:separate;border-spacing:0;margin:0;max-width:100%;width:100%}table[cds-table] td,table[cds-table] th{padding:var(--cell-padding);vertical-align:top}table[cds-table] th{color:var(--color);background:var(--header-background)}table[cds-table],table[cds-table] td{background:var(--background)}table[cds-table] tfoot th{border-top-width:0}table[cds-table~="border:all"] tr th,table[cds-table~="border:row"] tr th{border-bottom:var(--header-border)}table[cds-table~="border:all"] tr td,table[cds-table~="border:row"] tr td{border-bottom:var(--row-border)}table[cds-table~="border:all"] tr th:not(:last-child),table[cds-table~="border:col"] tr th:not(:last-child){border-right:var(--header-border)}table[cds-table~="border:all"] tr td:not(:last-child),table[cds-table~="border:col"] tr td:not(:last-child){border-right:var(--column-border)}table[cds-table~="border:all"]>:first-child>tr:first-of-type td,table[cds-table~="border:all"]>:first-child>tr:first-of-type th,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type th,table[cds-table~="border:outside"]>:first-child>tr:first-of-type td,table[cds-table~="border:outside"]>:first-child>tr:first-of-type th,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type th{border-top:var(--border)}table[cds-table~="border:all"] tr td:first-child,table[cds-table~="border:all"] tr th:first-child,table[cds-table~="border:outside"] tr td:first-child,table[cds-table~="border:outside"] tr th:first-child{border-left:var(--border)}table[cds-table~="border:all"] tr td:last-child,table[cds-table~="border:all"] tr th:last-child,table[cds-table~="border:outside"] tr td:last-child,table[cds-table~="border:outside"] tr th:last-child{border-right:var(--border)}table[cds-table~="border:all"] tr:last-child td,table[cds-table~="border:outside"] tr:last-child td{border-bottom:var(--border)}table[cds-table]>:first-child>tr:first-of-type :first-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :first-child{border-top-left-radius:var(--border-radius)}table[cds-table]>:first-child>tr:first-of-type :last-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :last-child{border-top-right-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :first-child{border-bottom-left-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :last-child{border-bottom-right-radius:var(--border-radius)}table[cds-table][cds-text~=left] td,table[cds-table][cds-text~=left] th{text-align:left}table[cds-table][cds-text~=right] td,table[cds-table][cds-text~=right] th{text-align:right}table[cds-table][cds-text~=center] td,table[cds-table][cds-text~=center] th{text-align:center}table[cds-table~=compact]{--cell-padding:calc(var(--cds-global-space-5, 0.5rem) / 2) calc(var(--cds-global-space-6, 0.75rem) / 2)}table[cds-table~=zebra]{--header-background:var(--cds-alias-object-container-background-shade, var(--cds-global-color-construction-100, #e3eaed))}table[cds-table~=zebra] tbody tr:nth-child(2n){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8))}table[cds-table~=vertical] tr td:first-child,table[cds-table~=vertical] tr th:first-child{background:var(--header-background);border-right:var(--header-border)}table[cds-table] tr[cds-text]::before{content:none!important}
1
+ table[cds-table]{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, calc(4 * 1rem / var(--cds-global-base, 20)));--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--header-background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--header-border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--row-border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--column-border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--cell-padding:var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));color:var(--color);border-collapse:separate;border-spacing:0;margin:0;max-width:100%;width:100%}table[cds-table] td,table[cds-table] th{padding:var(--cell-padding);vertical-align:top}table[cds-table] th{color:var(--color);background:var(--header-background)}table[cds-table],table[cds-table] td{background:var(--background)}table[cds-table] tfoot th{border-top-width:0}table[cds-table~="border:all"] tr th,table[cds-table~="border:row"] tr th{border-bottom:var(--header-border)}table[cds-table~="border:all"] tr td,table[cds-table~="border:row"] tr td{border-bottom:var(--row-border)}table[cds-table~="border:all"] tr th:not(:last-child),table[cds-table~="border:col"] tr th:not(:last-child){border-right:var(--header-border)}table[cds-table~="border:all"] tr td:not(:last-child),table[cds-table~="border:col"] tr td:not(:last-child){border-right:var(--column-border)}table[cds-table~="border:all"]>:first-child>tr:first-of-type td,table[cds-table~="border:all"]>:first-child>tr:first-of-type th,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type th,table[cds-table~="border:outside"]>:first-child>tr:first-of-type td,table[cds-table~="border:outside"]>:first-child>tr:first-of-type th,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type th{border-top:var(--border)}table[cds-table~="border:all"] tr td:first-child,table[cds-table~="border:all"] tr th:first-child,table[cds-table~="border:outside"] tr td:first-child,table[cds-table~="border:outside"] tr th:first-child{border-left:var(--border)}table[cds-table~="border:all"] tr td:last-child,table[cds-table~="border:all"] tr th:last-child,table[cds-table~="border:outside"] tr td:last-child,table[cds-table~="border:outside"] tr th:last-child{border-right:var(--border)}table[cds-table~="border:all"] tr:last-child td,table[cds-table~="border:outside"] tr:last-child td{border-bottom:var(--border)}table[cds-table]>:first-child>tr:first-of-type :first-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :first-child{border-top-left-radius:var(--border-radius)}table[cds-table]>:first-child>tr:first-of-type :last-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :last-child{border-top-right-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :first-child{border-bottom-left-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :last-child{border-bottom-right-radius:var(--border-radius)}table[cds-table][cds-text~=left] td,table[cds-table][cds-text~=left] th{text-align:left}table[cds-table][cds-text~=right] td,table[cds-table][cds-text~=right] th{text-align:right}table[cds-table][cds-text~=center] td,table[cds-table][cds-text~=center] th{text-align:center}table[cds-table~=compact]{--cell-padding:calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) / 2) calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) / 2)}table[cds-table~=zebra]{--header-background:var(--cds-alias-object-container-background-shade, var(--cds-global-color-construction-100, #e3eaed))}table[cds-table~=zebra] tbody tr:nth-child(2n){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8))}table[cds-table~=vertical] tr td:first-child,table[cds-table~=vertical] tr th:first-child{background:var(--header-background);border-right:var(--header-border)}table[cds-table] tr[cds-text]::before{content:none!important}
package/tag/tag.element.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, 0.125rem);--font-size:var(--cds-global-typography-font-size-2, 0.75rem);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-3,.25rem));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,.25rem)}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host([readonly]){pointer-events:none}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([cds-active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([cds-active]) .private-host{box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([cds-active]) .tag-content{transform:translateY(var(--cds-global-space-1,.0625rem))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export{a as default};
1
+ import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-2, calc(12 * 1rem / var(--cds-global-base, 20)));--border-radius:var(--cds-alias-object-border-radius-200, calc(12 * 1rem / var(--cds-global-base, 20)));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20)));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc(18 * 1rem / var(--cds-global-base,20))) + var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20))));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host([readonly]){pointer-events:none}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([cds-active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([cds-active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([cds-active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20))))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export{a as default};
2
2
  //# sourceMappingURL=tag.element.scss.js.map
package/textarea/textarea.element.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- import{css as r}from"lit";var a=r`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-space-15,6rem)!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export{a as default};
1
+ import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-3, calc(13 * 1rem / var(--cds-global-base, 20)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, calc(4 * 1rem / var(--cds-global-base, 20)));display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-space-15,calc(96 * 1rem / var(--cds-global-base,20)))!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export{r as default};
2
2
  //# sourceMappingURL=textarea.element.scss.js.map
package/toggle/toggle.element.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- import{css as r}from"lit";var a=r`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, 0.125rem) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--height:var(--cds-global-space-8, 1.125rem);--width:calc(var(--cds-global-space-10, 2rem) + var(--cds-global-space-1, 0.0625rem));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--anchor-width:calc(var(--cds-global-space-6, 0.75rem) + var(--cds-global-space-2, 0.125rem));--anchor-height:calc(var(--cds-global-space-6, 0.75rem) + var(--cds-global-space-2, 0.125rem));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, 0.125rem) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,1rem) - var(--cds-global-space-1,.0625rem)),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}[focusable]{width:var(--width);left:0}`;export{a as default};
1
+ import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc(2 * 1rem / var(--cds-global-base, 20))) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc(12 * 1rem / var(--cds-global-base, 20)));--height:var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20)));--width:calc(var(--cds-global-space-10, calc(32 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20))));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc(12 * 1rem / var(--cds-global-base, 20)));--anchor-width:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))));--anchor-height:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc(2 * 1rem / var(--cds-global-base, 20))) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20))) - var(--cds-global-space-1,calc(1 * 1rem / var(--cds-global-base,20)))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}[focusable]{width:var(--width);left:0}`;export{r as default};
2
2
  //# sourceMappingURL=toggle.element.scss.js.map