@crowdstrike/glide-core 0.29.1 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/dist/accordion.js +240 -1
  2. package/dist/accordion.styles.js +13 -7
  3. package/dist/button-group.button.js +143 -1
  4. package/dist/button-group.button.styles.js +43 -15
  5. package/dist/button-group.js +249 -1
  6. package/dist/button-group.styles.js +10 -5
  7. package/dist/button.js +206 -1
  8. package/dist/button.styles.js +12 -7
  9. package/dist/checkbox-group.js +479 -14
  10. package/dist/checkbox-group.styles.js +5 -2
  11. package/dist/checkbox.js +519 -32
  12. package/dist/checkbox.styles.js +10 -5
  13. package/dist/drawer.js +168 -1
  14. package/dist/drawer.styles.js +5 -2
  15. package/dist/dropdown.js +2423 -123
  16. package/dist/dropdown.option.js +536 -1
  17. package/dist/dropdown.option.styles.js +5 -2
  18. package/dist/dropdown.styles.js +14 -7
  19. package/dist/form-controls-layout.js +102 -1
  20. package/dist/form-controls-layout.styles.js +5 -2
  21. package/dist/icon-button.js +139 -1
  22. package/dist/icon-button.styles.js +19 -7
  23. package/dist/icons/checked.js +28 -1
  24. package/dist/icons/chevron.js +21 -1
  25. package/dist/icons/magnifying-glass.js +23 -1
  26. package/dist/icons/pencil.js +21 -1
  27. package/dist/icons/severity-critical.js +20 -1
  28. package/dist/icons/severity-informational.js +20 -1
  29. package/dist/icons/severity-medium.js +20 -1
  30. package/dist/icons/x.js +21 -1
  31. package/dist/inline-alert.js +118 -1
  32. package/dist/inline-alert.styles.js +5 -2
  33. package/dist/input.d.ts +8 -2
  34. package/dist/input.js +505 -41
  35. package/dist/input.styles.js +25 -4
  36. package/dist/label.js +303 -1
  37. package/dist/label.styles.js +11 -5
  38. package/dist/library/assert-slot.js +136 -1
  39. package/dist/library/expect-unhandled-rejection.js +14 -1
  40. package/dist/library/expect-window-error.js +26 -1
  41. package/dist/library/final.js +18 -1
  42. package/dist/library/form-control.js +1 -1
  43. package/dist/library/localize.js +10 -1
  44. package/dist/library/mouse.js +35 -1
  45. package/dist/library/on-resize.js +24 -1
  46. package/dist/library/required.js +35 -1
  47. package/dist/library/shadow-root-mode.js +4 -1
  48. package/dist/library/unique-id.js +3 -1
  49. package/dist/link.js +92 -1
  50. package/dist/link.styles.js +10 -5
  51. package/dist/menu.d.ts +3 -2
  52. package/dist/menu.js +1259 -1
  53. package/dist/menu.styles.js +34 -17
  54. package/dist/modal.d.ts +4 -0
  55. package/dist/modal.icon-button.js +60 -1
  56. package/dist/modal.icon-button.styles.js +5 -2
  57. package/dist/modal.js +473 -1
  58. package/dist/modal.styles.js +71 -22
  59. package/dist/option.d.ts +74 -0
  60. package/dist/option.js +498 -0
  61. package/dist/option.styles.js +140 -0
  62. package/dist/{menu.options.d.ts → options.d.ts} +5 -6
  63. package/dist/options.js +130 -0
  64. package/dist/options.styles.js +21 -0
  65. package/dist/popover.js +620 -1
  66. package/dist/popover.styles.js +11 -5
  67. package/dist/radio-group.js +624 -17
  68. package/dist/radio-group.radio.js +211 -1
  69. package/dist/radio-group.radio.styles.js +9 -4
  70. package/dist/radio-group.styles.js +5 -2
  71. package/dist/slider.js +1040 -61
  72. package/dist/slider.styles.js +9 -4
  73. package/dist/spinner.js +60 -1
  74. package/dist/spinner.styles.js +5 -2
  75. package/dist/split-button.js +116 -1
  76. package/dist/split-button.primary-button.js +100 -1
  77. package/dist/split-button.primary-button.styles.js +13 -6
  78. package/dist/split-button.primary-link.js +102 -1
  79. package/dist/split-button.secondary-button.d.ts +2 -3
  80. package/dist/split-button.secondary-button.js +121 -1
  81. package/dist/split-button.secondary-button.styles.js +12 -7
  82. package/dist/split-button.styles.js +9 -4
  83. package/dist/styles/focus-outline.js +9 -3
  84. package/dist/styles/fonts.css +6 -1
  85. package/dist/styles/opacity-and-scale-animation.js +6 -3
  86. package/dist/styles/skeleton.js +6 -3
  87. package/dist/styles/variables.css +410 -1
  88. package/dist/styles/visually-hidden.js +6 -3
  89. package/dist/tab.group.js +386 -1
  90. package/dist/tab.group.styles.js +5 -2
  91. package/dist/tab.js +133 -1
  92. package/dist/tab.panel.js +93 -1
  93. package/dist/tab.panel.styles.js +11 -5
  94. package/dist/tab.styles.js +9 -4
  95. package/dist/tag.js +207 -1
  96. package/dist/tag.styles.js +10 -5
  97. package/dist/textarea.js +353 -19
  98. package/dist/textarea.styles.js +23 -4
  99. package/dist/toast.js +130 -1
  100. package/dist/toast.toasts.js +248 -25
  101. package/dist/toast.toasts.styles.js +9 -4
  102. package/dist/toggle.js +178 -1
  103. package/dist/toggle.styles.js +25 -5
  104. package/dist/tooltip.container.d.ts +2 -0
  105. package/dist/tooltip.container.js +130 -1
  106. package/dist/tooltip.container.styles.js +18 -4
  107. package/dist/tooltip.d.ts +6 -0
  108. package/dist/tooltip.js +484 -1
  109. package/dist/tooltip.styles.js +21 -5
  110. package/dist/translations/en.js +36 -1
  111. package/dist/translations/fr.js +37 -1
  112. package/dist/translations/ja.js +37 -1
  113. package/package.json +8 -12
  114. package/dist/menu.button.d.ts +0 -42
  115. package/dist/menu.button.js +0 -1
  116. package/dist/menu.button.styles.js +0 -32
  117. package/dist/menu.link.d.ts +0 -44
  118. package/dist/menu.link.js +0 -1
  119. package/dist/menu.link.styles.js +0 -35
  120. package/dist/menu.options.js +0 -1
  121. package/dist/menu.options.styles.d.ts +0 -2
  122. package/dist/menu.options.styles.js +0 -20
  123. /package/dist/{menu.button.styles.d.ts → option.styles.d.ts} +0 -0
  124. /package/dist/{menu.link.styles.d.ts → options.styles.d.ts} +0 -0
package/dist/styles/variables.css CHANGED
@@ -1 +1,410 @@
1
- :root,:host,.theme-light{color-scheme:light;--glide-core-color-static-surface-container: #ffffff;--glide-core-color-static-surface-container-secondary: #f0f0f0;--glide-core-color-static-surface-solid: #212121;--glide-core-color-static-surface-card: #ffffffcc;--glide-core-color-static-surface-overlay: #0000008c;--glide-core-color-static-surface-header: #0000000d;--glide-core-color-static-surface-active: #0051a1;--glide-core-color-static-stroke-primary: #c9c9c9;--glide-core-color-static-stroke-secondary: #e3e3e3;--glide-core-color-static-stroke-frame: #ffffff;--glide-core-color-static-text-default: #212121;--glide-core-color-static-text-secondary: #424242;--glide-core-color-static-text-heading: #424242;--glide-core-color-static-text-onsolid: #ffffff;--glide-core-color-static-text-onsolid-secondary: #8a8a8a;--glide-core-color-static-text-onsolid-tertiary: #212121;--glide-core-color-static-icon-default: #212121;--glide-core-color-static-icon-secondary: #424242;--glide-core-color-static-icon-heading: #424242;--glide-core-color-static-icon-onsolid: #ffffff;--glide-core-color-interactive-surface-container: #ffffff;--glide-core-color-interactive-surface-container--hover: #cce3fa;--glide-core-color-interactive-surface-container--disabled: #f0f0f0;--glide-core-color-interactive-surface-container-active: #0073e6;--glide-core-color-interactive-surface-container-active--hover: #0051a1;--glide-core-color-interactive-surface-container-active--disabled: #e5f1fc;--glide-core-color-interactive-surface-container-inactive: #8a8a8a;--glide-core-color-interactive-surface-container-clickable: #00000008;--glide-core-color-interactive-stroke-focus: #0073e6;--glide-core-color-interactive-stroke-primary: #c9c9c9;--glide-core-color-interactive-stroke-primary--hover: #0073e6;--glide-core-color-interactive-stroke-primary--disabled: #e5f1fc;--glide-core-color-interactive-stroke-active: #0073e6;--glide-core-color-interactive-stroke-active--hover: #0051a1;--glide-core-color-interactive-stroke-active--disabled: #e5f1fc;--glide-core-color-interactive-stroke-contrast: #6d6d6d;--glide-core-color-interactive-text-link: #0051a1;--glide-core-color-interactive-text-link--disabled: #8a8a8a;--glide-core-color-interactive-text-default: #212121;--glide-core-color-interactive-text-default--active: #ffffff;--glide-core-color-interactive-text-default--disabled: #8a8a8a;--glide-core-color-interactive-text-placeholder: #6d6d6d;--glide-core-color-interactive-text-placeholder--disabled: #8a8a8a;--glide-core-color-interactive-text-onsolid: #ffffff;--glide-core-color-interactive-text-link--hover: #0073e6;--glide-core-color-interactive-icon-link: #0051a1;--glide-core-color-interactive-icon-link--disabled: #8a8a8a;--glide-core-color-interactive-icon-default: #212121;--glide-core-color-interactive-icon-default--active: #ffffff;--glide-core-color-interactive-icon-default--disabled: #8a8a8a;--glide-core-color-interactive-icon-active: #0073e6;--glide-core-color-interactive-icon-active--hover: #0051a1;--glide-core-color-interactive-icon-active--disabled: #e5f1fc;--glide-core-color-interactive-icon-onsolid: #ffffff;--glide-core-color-advisory-surface-info-container: #e5f1fc;--glide-core-color-advisory-surface-info-container-light: #f2f8fe;--glide-core-color-advisory-surface-info-solid: #0073e6;--glide-core-color-advisory-surface-info-solid--hover: #0051a1;--glide-core-color-advisory-surface-attention-container: #fffbeb;--glide-core-color-advisory-surface-attention-container-light: #fffcf2;--glide-core-color-advisory-surface-attention-solid: #ffcc00;--glide-core-color-advisory-surface-attention-solid--hover: #b28f00;--glide-core-color-advisory-surface-warning-container: #fff6e9;--glide-core-color-advisory-surface-warning-container-light: #fffaf2;--glide-core-color-advisory-surface-warning-solid: #ff9500;--glide-core-color-advisory-surface-warning-solid--hover: #b26800;--glide-core-color-advisory-surface-vital-container: #fff0ef;--glide-core-color-advisory-surface-vital-light: #fdf4f4;--glide-core-color-advisory-surface-vital-solid: #db2d24;--glide-core-color-advisory-surface-vital-solid--hover: #992019;--glide-core-color-advisory-surface-success-container: #f1fdf4;--glide-core-color-advisory-surface-success-container-light: #f5fcf7;--glide-core-color-advisory-surface-success-solid: #34c759;--glide-core-color-advisory-surface-success-solid--hover: #248b3e;--glide-core-color-advisory-surface-error-container: #fff0ef;--glide-core-color-advisory-surface-error-container-light: #fdf4f4;--glide-core-color-advisory-surface-error-solid: #db2d24;--glide-core-color-advisory-surface-error-solid--hover: #992019;--glide-core-color-advisory-stroke-info-primary: #0073e6;--glide-core-color-advisory-stroke-info-secondary: #99c7f5;--glide-core-color-advisory-stroke-attention-primary: #ffcc00;--glide-core-color-advisory-stroke-attention-secondary: #ffcc00;--glide-core-color-advisory-stroke-warning-primary: #ff9500;--glide-core-color-advisory-stroke-warning-secondary: #ffbf66;--glide-core-color-advisory-stroke-vital-primary: #db2d24;--glide-core-color-advisory-stroke-vital-secondary: #f1aba7;--glide-core-color-advisory-stroke-success-primary: #34c759;--glide-core-color-advisory-stroke-success-secondary: #d6f4de;--glide-core-color-advisory-stroke-error-primary: #db2d24;--glide-core-color-advisory-stroke-error-secondary: #f8d5d3;--glide-core-color-advisory-text-info: #0073e6;--glide-core-color-advisory-text-info-container: #212121;--glide-core-color-advisory-text-attention: #ffcc00;--glide-core-color-advisory-text-attention-container: #212121;--glide-core-color-advisory-text-warning: #ff9500;--glide-core-color-advisory-text-warning-container: #212121;--glide-core-color-advisory-text-vital: #db2d24;--glide-core-color-advisory-text-vital-container: #212121;--glide-core-color-advisory-text-success: #34c759;--glide-core-color-advisory-text-success-container: #212121;--glide-core-color-advisory-text-error: #db2d24;--glide-core-color-advisory-text-error-container: #212121;--glide-core-color-advisory-icon-info: #0073e6;--glide-core-color-advisory-icon-warning: #ff9500;--glide-core-color-advisory-icon-attention: #ffcc00;--glide-core-color-advisory-icon-vital: #db2d24;--glide-core-color-advisory-icon-success: #34c759;--glide-core-color-advisory-icon-error: #db2d24;--glide-core-color-severity-surface-critical: #fff0ef;--glide-core-color-severity-surface-high: #fffaf2;--glide-core-color-severity-surface-medium: #fffcf2;--glide-core-color-severity-surface-low: #f9f9f9;--glide-core-color-severity-surface-low-solid: #c9c9c9;--glide-core-color-severity-surface-unknown: #6d6d6d;--glide-core-color-severity-surface-other: #a6b7c0;--glide-core-color-severity-stroke-critical: #f4c0bd;--glide-core-color-severity-stroke-high: #ffbf66;--glide-core-color-severity-stroke-medium: #ffcc00;--glide-core-color-severity-stroke-low: #c9c9c9;--glide-core-color-severity-text-citical: #2c0907;--glide-core-color-severity-text-high: #331e00;--glide-core-color-severity-text-medium: #332900;--glide-core-color-severity-text-low: #212121;--glide-core-color-severity-icon-critical: #db2d24;--glide-core-color-severity-icon-high: #ff9500;--glide-core-color-severity-icon-medium: #ffcc00;--glide-core-color-severity-icon-low: #595959;--glide-core-color-effect-blur-elevation-floating-blur: .25rem;--glide-core-color-effect-color-elevation-hovered: #338febe5;--glide-core-color-effect-color-elevation-lifted: #adadad40;--glide-core-color-effect-color-elevation-raised-1: #0000000d;--glide-core-color-effect-color-elevation-raised-2: #00000026;--glide-core-color-effect-color-elevation-floating: #00000040;--glide-core-color-effect-color-elevation-detail-panel: #adadad;--glide-core-color-effect-position-elevation-floating-y: .25rem;--glide-core-private-color-button-surface-active: #0051a1;--glide-core-private-color-button-stroke-default: #0051a1;--glide-core-private-color-button-text-primary: #ffffff;--glide-core-private-color-button-icon-primary: #ffffff;--glide-core-private-color-checkbox-surface-background-selected--default: #ffffff;--glide-core-private-color-checkbox-surface-background-idle: #ffffff;--glide-core-private-color-checkbox-icon-default--disabled: #d9d9d9;--glide-core-private-color-radio-icon-default--disabled: #d9d9d9;--glide-core-private-color-dialog-and-modal-surface-container: #ffffff;--glide-core-private-color-skeleton-loader-surface-linear-gradient-sides: #0000000d;--glide-core-private-color-skeleton-loader-surface-linear-gradient-middle: #0000001a;--glide-core-private-color-slider-and-scrollbar-surface-handle: #f0f0f0;--glide-core-private-color-tabs-stroke-underline: #e3e3e3;--glide-core-private-color-template-surface-container-detail: #ffffffe5;--glide-core-private-color-tooltip-surface-container: #212121;--glide-core-private-color-tooltip-text-shortcut: #adadad}:host,.theme-dark{color-scheme:dark;--glide-core-color-static-surface-container: #141414;--glide-core-color-static-surface-container-secondary: #2c2c2c;--glide-core-color-static-surface-solid: #dcdcdc;--glide-core-color-static-surface-card: #ffffff0d;--glide-core-color-static-surface-overlay: #141414bf;--glide-core-color-static-surface-header: #ffffff0d;--glide-core-color-static-surface-active: #6ca4db;--glide-core-color-static-stroke-primary: #ffffff26;--glide-core-color-static-stroke-secondary: #ffffff0d;--glide-core-color-static-stroke-frame: #ffffff40;--glide-core-color-static-text-default: #dcdcdc;--glide-core-color-static-text-secondary: #c4c4c4;--glide-core-color-static-text-heading: #c4c4c4;--glide-core-color-static-text-onsolid: #141414;--glide-core-color-static-text-onsolid-secondary: #7e7e7e;--glide-core-color-static-text-onsolid-tertiary: #202020;--glide-core-color-static-icon-default: #dcdcdc;--glide-core-color-static-icon-secondary: #c4c4c4;--glide-core-color-static-icon-heading: #c4c4c4;--glide-core-color-static-icon-onsolid: #141414;--glide-core-color-interactive-surface-container: #ffffff0d;--glide-core-color-interactive-surface-container--hover: #1e3e5e;--glide-core-color-interactive-surface-container--disabled: #434343;--glide-core-color-interactive-surface-container-active: #2d7dcc;--glide-core-color-interactive-surface-container-active--hover: #265e95;--glide-core-color-interactive-surface-container-active--disabled: #1c344b;--glide-core-color-interactive-surface-container-inactive: #7e7e7e;--glide-core-color-interactive-surface-container-clickable: #ffffff0d;--glide-core-color-interactive-stroke-focus: #2d7dcc;--glide-core-color-interactive-stroke-primary: #ffffff26;--glide-core-color-interactive-stroke-primary--hover: #2d7dcc;--glide-core-color-interactive-stroke-primary--disabled: #171f26;--glide-core-color-interactive-stroke-active: #2d7dcc;--glide-core-color-interactive-stroke-active--hover: #6ca4db;--glide-core-color-interactive-stroke-active--disabled: #171f26;--glide-core-color-interactive-stroke-contrast: #a1a1a1;--glide-core-color-interactive-text-link: #6ca4db;--glide-core-color-interactive-text-link--disabled: #7e7e7e;--glide-core-color-interactive-text-default: #dcdcdc;--glide-core-color-interactive-text-default--active: #dcdcdc;--glide-core-color-interactive-text-default--disabled: #7e7e7e;--glide-core-color-interactive-text-placeholder: #a1a1a1;--glide-core-color-interactive-text-placeholder--disabled: #7e7e7e;--glide-core-color-interactive-text-onsolid: #141414;--glide-core-color-interactive-text-link--hover: #2d7dcc;--glide-core-color-interactive-icon-link: #6ca4db;--glide-core-color-interactive-icon-link--disabled: #7e7e7e;--glide-core-color-interactive-icon-default: #dcdcdc;--glide-core-color-interactive-icon-default--active: #dcdcdc;--glide-core-color-interactive-icon-default--disabled: #7e7e7e;--glide-core-color-interactive-icon-active: #2d7dcc;--glide-core-color-interactive-icon-active--hover: #6ca4db;--glide-core-color-interactive-icon-active--disabled: #434343;--glide-core-color-interactive-icon-onsolid: #141414;--glide-core-color-advisory-surface-info-container: #171f26;--glide-core-color-advisory-surface-info-container-light: #192939;--glide-core-color-advisory-surface-info-solid: #2d7dcc;--glide-core-color-advisory-surface-info-solid--hover: #6ca4db;--glide-core-color-advisory-surface-attention-container: #2a271a;--glide-core-color-advisory-surface-attention-container-light: #1f1d17;--glide-core-color-advisory-surface-attention-solid: #f0cf4f;--glide-core-color-advisory-surface-attention-solid--hover: #f5dd84;--glide-core-color-advisory-surface-warning-container: #2c241a;--glide-core-color-advisory-surface-warning-container-light: #201c17;--glide-core-color-advisory-surface-warning-solid: #ffb64f;--glide-core-color-advisory-surface-warning-solid--hover: #ffcc84;--glide-core-color-advisory-surface-vital-container: #291d1c;--glide-core-color-advisory-surface-vital-light: #1e1818;--glide-core-color-advisory-surface-vital-solid: #e36963;--glide-core-color-advisory-surface-vital-solid--hover: #eb9692;--glide-core-color-advisory-surface-success-container: #1c261e;--glide-core-color-advisory-surface-success-container-light: #181d19;--glide-core-color-advisory-surface-success-solid: #61c479;--glide-core-color-advisory-surface-success-solid--hover: #90d6a1;--glide-core-color-advisory-surface-error-container: #291d1c;--glide-core-color-advisory-surface-error-container-light: #1e1818;--glide-core-color-advisory-surface-error-solid: #e36963;--glide-core-color-advisory-surface-error-solid--hover: #eb9692;--glide-core-color-advisory-stroke-info-primary: #2d7dcc;--glide-core-color-advisory-stroke-info-secondary: #2d7dcc;--glide-core-color-advisory-stroke-attention-primary: #f0cf4f;--glide-core-color-advisory-stroke-attention-secondary: #f0cf4f;--glide-core-color-advisory-stroke-warning-primary: #ffb64f;--glide-core-color-advisory-stroke-warning-secondary: #a17537;--glide-core-color-advisory-stroke-vital-primary: #e36963;--glide-core-color-advisory-stroke-vital-secondary: #e36963;--glide-core-color-advisory-stroke-success-primary: #61c479;--glide-core-color-advisory-stroke-success-secondary: #233728;--glide-core-color-advisory-stroke-error-primary: #e36963;--glide-core-color-advisory-stroke-error-secondary: #3d2524;--glide-core-color-advisory-text-info: #2d7dcc;--glide-core-color-advisory-text-info-container: #dcdcdc;--glide-core-color-advisory-text-attention: #f0cf4f;--glide-core-color-advisory-text-attention-container: #dcdcdc;--glide-core-color-advisory-text-warning: #ffb64f;--glide-core-color-advisory-text-warning-container: #dcdcdc;--glide-core-color-advisory-text-vital: #e36963;--glide-core-color-advisory-text-vital-container: #dcdcdc;--glide-core-color-advisory-text-success: #61c479;--glide-core-color-advisory-text-success-container: #dcdcdc;--glide-core-color-advisory-text-error: #e36963;--glide-core-color-advisory-text-error-container: #dcdcdc;--glide-core-color-advisory-icon-info: #2d7dcc;--glide-core-color-advisory-icon-warning: #ffb64f;--glide-core-color-advisory-icon-attention: #f0cf4f;--glide-core-color-advisory-icon-vital: #e36963;--glide-core-color-advisory-icon-success: #61c479;--glide-core-color-advisory-icon-error: #e36963;--glide-core-color-severity-surface-critical: #291d1c;--glide-core-color-severity-surface-high: #2c241a;--glide-core-color-severity-surface-medium: #2a271a;--glide-core-color-severity-surface-low: #2c2c2c;--glide-core-color-severity-surface-low-solid: #434343;--glide-core-color-severity-surface-unknown: #a1a1a1;--glide-core-color-severity-surface-other: #a6b7c0;--glide-core-color-severity-stroke-critical: #e67873;--glide-core-color-severity-stroke-high: #e7a649;--glide-core-color-severity-stroke-medium: #f0cf4f;--glide-core-color-severity-stroke-low: #727272;--glide-core-color-severity-text-citical: #e67873;--glide-core-color-severity-text-high: #ffb64f;--glide-core-color-severity-text-medium: #f0cf4f;--glide-core-color-severity-text-low: #dcdcdc;--glide-core-color-severity-icon-critical: #e67873;--glide-core-color-severity-icon-high: #ffb64f;--glide-core-color-severity-icon-medium: #f0cf4f;--glide-core-color-severity-icon-low: #b8b8b8;--glide-core-color-effect-blur-elevation-floating-blur: 1.5rem;--glide-core-color-effect-color-elevation-hovered: #4a72b1e5;--glide-core-color-effect-color-elevation-lifted: #ffffff00;--glide-core-color-effect-color-elevation-raised-1: #ffffff00;--glide-core-color-effect-color-elevation-raised-2: #ffffff00;--glide-core-color-effect-color-elevation-floating: #14141459;--glide-core-color-effect-color-elevation-detail-panel: #14141480;--glide-core-color-effect-position-elevation-floating-y: .75rem;--glide-core-private-color-button-surface-active: #265e95;--glide-core-private-color-button-stroke-default: #6ca4db;--glide-core-private-color-button-text-primary: #dcdcdc;--glide-core-private-color-button-icon-primary: #dcdcdc;--glide-core-private-color-checkbox-surface-background-selected--default: #ffffff;--glide-core-private-color-checkbox-surface-background-idle: #1414144d;--glide-core-private-color-checkbox-icon-default--disabled: #434343;--glide-core-private-color-radio-icon-default--disabled: #434343;--glide-core-private-color-dialog-and-modal-surface-container: #2c2c2c;--glide-core-private-color-skeleton-loader-surface-linear-gradient-sides: #ffffff0d;--glide-core-private-color-skeleton-loader-surface-linear-gradient-middle: #ffffff1a;--glide-core-private-color-slider-and-scrollbar-surface-handle: #202020;--glide-core-private-color-tabs-stroke-underline: #ffffff26;--glide-core-private-color-template-surface-container-detail: #2c2c2c;--glide-core-private-color-tooltip-surface-container: #dcdcdc;--glide-core-private-color-tooltip-text-shortcut: #5b5b5b}:root{--glide-core-animation-swoop: cubic-bezier(.5, 0, 0, 1);--glide-core-animation-swoop-in: cubic-bezier(.05, .5, .15, 1);--glide-core-animation-swoop-out: cubic-bezier(.45, .1, .9, .5);--glide-core-animation-linear: cubic-bezier(0, 0, 1, 1);--glide-core-animation-bounce: cubic-bezier(0, .4, 0, 1.4);--glide-core-animation-smooth: cubic-bezier(.8, .05, .25, .95)}:root{--glide-core-duration-fast-01: 40ms;--glide-core-duration-fast-02: 75ms;--glide-core-duration-moderate-01: .15s;--glide-core-duration-moderate-02: .25s;--glide-core-duration-slow-01: .4s;--glide-core-duration-slow-02: .9s}:root{--glide-core-effect-hovered: 0px 0px 2px 0px var(--glide-core-color-effect-color-elevation-hovered);--glide-core-effect-lifted: 0px 2px 8px 0px var(--glide-core-color-effect-color-elevation-lifted);--glide-core-effect-raised: 0px 3px 1px 0px var(--glide-core-color-effect-color-elevation-raised-1), 0px 3px 8px 0 var(--glide-core-color-effect-color-elevation-raised-2);--glide-core-effect-floating: 0px var(--glide-core-color-effect-position-elevation-floating-y) var(--glide-core-color-effect-blur-elevation-floating-blur) var(--glide-core-color-effect-color-elevation-floating)}:root{--glide-core-rounding-base-radius-xxs: .25rem;--glide-core-rounding-base-radius-xs: .375rem;--glide-core-rounding-base-radius-sm: .5rem;--glide-core-rounding-base-radius-md: .75rem;--glide-core-rounding-base-radius-round: 12.5rem}:root{--glide-core-spacing-base-xxxs: .125rem;--glide-core-spacing-base-xxs: .25rem;--glide-core-spacing-base-xs: .5rem;--glide-core-spacing-base-sm: .75rem;--glide-core-spacing-base-md: 1rem;--glide-core-spacing-base-lg: 1.5rem;--glide-core-spacing-base-xl: 2rem;--glide-core-spacing-base-xxl: 3rem;--glide-core-spacing-base-xxxl: 4rem;--glide-core-spacing-indent-level-1: 1rem;--glide-core-spacing-indent-level-2: 2.5rem;--glide-core-spacing-indent-level-3: 4rem;--glide-core-spacing-indent-level-4: 5.5rem;--glide-core-spacing-indent-level-5: 7rem}:root{--glide-core-stroke-default: .0625rem;--glide-core-stroke-focus: .125rem;--glide-core-stroke-fat: .25rem}:root{--glide-core-typography-size-heading-h1: 1.75rem;--glide-core-typography-size-heading-h2: 1.5rem;--glide-core-typography-size-heading-h3: 1.25rem;--glide-core-typography-size-heading-h4: 1rem;--glide-core-typography-size-heading-h5: .75rem;--glide-core-typography-size-body-large: 1rem;--glide-core-typography-size-body-default: .875rem;--glide-core-typography-size-body-small: .75rem;--glide-core-typography-size-component-chartlabel-md: .625rem;--glide-core-typography-family-primary: "Nunito";--glide-core-typography-family-monospace: "Oxygen Mono";--glide-core-typography-weight-light: 300;--glide-core-typography-weight-regular: 400;--glide-core-typography-weight-semibold: 600;--glide-core-typography-weight-bold: 700;--glide-core-typography-weight-extrabold: 800;--glide-core-typography-weight-italic: italic;--glide-core-typography-height-heading-h1: 2.25rem;--glide-core-typography-height-heading-h2: 2rem;--glide-core-typography-height-heading-h3: 1.625rem;--glide-core-typography-height-heading-h4: 1.375rem;--glide-core-typography-height-heading-h5: 1.125rem;--glide-core-typography-paragraph-body-lg: 0rem;--glide-core-typography-paragraph-body-md: 0rem}
1
+ /* src/styles/variables/color-light.css */
2
+ :root,
3
+ :host,
4
+ .theme-light {
5
+ color-scheme: light;
6
+ --glide-core-color-static-surface-container: #ffffff;
7
+ --glide-core-color-static-surface-container-secondary: #f0f0f0;
8
+ --glide-core-color-static-surface-solid: #212121;
9
+ --glide-core-color-static-surface-card: #ffffffcc;
10
+ --glide-core-color-static-surface-overlay: #0000008c;
11
+ --glide-core-color-static-surface-header: #0000000d;
12
+ --glide-core-color-static-surface-active: #0051a1;
13
+ --glide-core-color-static-stroke-primary: #c9c9c9;
14
+ --glide-core-color-static-stroke-secondary: #e3e3e3;
15
+ --glide-core-color-static-stroke-frame: #ffffff;
16
+ --glide-core-color-static-text-default: #212121;
17
+ --glide-core-color-static-text-secondary: #424242;
18
+ --glide-core-color-static-text-heading: #424242;
19
+ --glide-core-color-static-text-onsolid: #ffffff;
20
+ --glide-core-color-static-text-onsolid-secondary: #8a8a8a;
21
+ --glide-core-color-static-text-onsolid-tertiary: #212121;
22
+ --glide-core-color-static-icon-default: #212121;
23
+ --glide-core-color-static-icon-secondary: #424242;
24
+ --glide-core-color-static-icon-heading: #424242;
25
+ --glide-core-color-static-icon-onsolid: #ffffff;
26
+ --glide-core-color-interactive-surface-container: #ffffff;
27
+ --glide-core-color-interactive-surface-container--hover: #cce3fa;
28
+ --glide-core-color-interactive-surface-container--disabled: #f0f0f0;
29
+ --glide-core-color-interactive-surface-container-active: #0073e6;
30
+ --glide-core-color-interactive-surface-container-active--hover: #0051a1;
31
+ --glide-core-color-interactive-surface-container-active--disabled: #e5f1fc;
32
+ --glide-core-color-interactive-surface-container-inactive: #8a8a8a;
33
+ --glide-core-color-interactive-surface-container-inactive--hover: #595959;
34
+ --glide-core-color-interactive-surface-container-clickable: #00000008;
35
+ --glide-core-color-interactive-stroke-focus: #0073e6;
36
+ --glide-core-color-interactive-stroke-primary: #c9c9c9;
37
+ --glide-core-color-interactive-stroke-primary--hover: #0073e6;
38
+ --glide-core-color-interactive-stroke-primary--disabled: #e5f1fc;
39
+ --glide-core-color-interactive-stroke-active: #0073e6;
40
+ --glide-core-color-interactive-stroke-active--hover: #0051a1;
41
+ --glide-core-color-interactive-stroke-active--disabled: #e5f1fc;
42
+ --glide-core-color-interactive-stroke-contrast: #6d6d6d;
43
+ --glide-core-color-interactive-text-link: #006ad4;
44
+ --glide-core-color-interactive-text-link--disabled: #8a8a8a;
45
+ --glide-core-color-interactive-text-default: #212121;
46
+ --glide-core-color-interactive-text-default--active: #ffffff;
47
+ --glide-core-color-interactive-text-default--disabled: #8a8a8a;
48
+ --glide-core-color-interactive-text-placeholder: #6d6d6d;
49
+ --glide-core-color-interactive-text-placeholder--disabled: #8a8a8a;
50
+ --glide-core-color-interactive-text-onsolid: #ffffff;
51
+ --glide-core-color-interactive-text-link--hover: #338feb;
52
+ --glide-core-color-interactive-icon-link: #006ad4;
53
+ --glide-core-color-interactive-icon-link--disabled: #8a8a8a;
54
+ --glide-core-color-interactive-icon-default: #212121;
55
+ --glide-core-color-interactive-icon-default--active: #ffffff;
56
+ --glide-core-color-interactive-icon-default--disabled: #8a8a8a;
57
+ --glide-core-color-interactive-icon-active: #338feb;
58
+ --glide-core-color-interactive-icon-active--hover: #338feb;
59
+ --glide-core-color-interactive-icon-active--disabled: #e5f1fc;
60
+ --glide-core-color-interactive-icon-onsolid: #ffffff;
61
+ --glide-core-color-advisory-surface-info-container: #e5f1fc;
62
+ --glide-core-color-advisory-surface-info-container-light: #f2f8fe;
63
+ --glide-core-color-advisory-surface-info-solid: #0073e6;
64
+ --glide-core-color-advisory-surface-info-solid--hover: #0051a1;
65
+ --glide-core-color-advisory-surface-attention-container: #fffbeb;
66
+ --glide-core-color-advisory-surface-attention-container-light: #fffcf2;
67
+ --glide-core-color-advisory-surface-attention-solid: #ffcc00;
68
+ --glide-core-color-advisory-surface-attention-solid--hover: #b28f00;
69
+ --glide-core-color-advisory-surface-warning-container: #fff6e9;
70
+ --glide-core-color-advisory-surface-warning-container-light: #fffaf2;
71
+ --glide-core-color-advisory-surface-warning-solid: #ff9500;
72
+ --glide-core-color-advisory-surface-warning-solid--hover: #b26800;
73
+ --glide-core-color-advisory-surface-vital-container: #fff0ef;
74
+ --glide-core-color-advisory-surface-vital-light: #fdf4f4;
75
+ --glide-core-color-advisory-surface-vital-solid: #db2d24;
76
+ --glide-core-color-advisory-surface-vital-solid--hover: #992019;
77
+ --glide-core-color-advisory-surface-success-container: #f1fdf4;
78
+ --glide-core-color-advisory-surface-success-container-light: #f5fcf7;
79
+ --glide-core-color-advisory-surface-success-solid: #34c759;
80
+ --glide-core-color-advisory-surface-success-solid--hover: #248b3e;
81
+ --glide-core-color-advisory-surface-error-container: #fff0ef;
82
+ --glide-core-color-advisory-surface-error-container-light: #fdf4f4;
83
+ --glide-core-color-advisory-surface-error-solid: #db2d24;
84
+ --glide-core-color-advisory-surface-error-solid--hover: #992019;
85
+ --glide-core-color-advisory-stroke-info-primary: #0073e6;
86
+ --glide-core-color-advisory-stroke-info-secondary: #99c7f5;
87
+ --glide-core-color-advisory-stroke-attention-primary: #ffcc00;
88
+ --glide-core-color-advisory-stroke-attention-secondary: #ffcc00;
89
+ --glide-core-color-advisory-stroke-warning-primary: #ff9500;
90
+ --glide-core-color-advisory-stroke-warning-secondary: #ffbf66;
91
+ --glide-core-color-advisory-stroke-vital-primary: #db2d24;
92
+ --glide-core-color-advisory-stroke-vital-secondary: #f1aba7;
93
+ --glide-core-color-advisory-stroke-success-primary: #34c759;
94
+ --glide-core-color-advisory-stroke-success-secondary: #d6f4de;
95
+ --glide-core-color-advisory-stroke-error-primary: #db2d24;
96
+ --glide-core-color-advisory-stroke-error-secondary: #f8d5d3;
97
+ --glide-core-color-advisory-text-info: #0073e6;
98
+ --glide-core-color-advisory-text-info-container: #212121;
99
+ --glide-core-color-advisory-text-attention: #ffcc00;
100
+ --glide-core-color-advisory-text-attention-container: #212121;
101
+ --glide-core-color-advisory-text-warning: #ff9500;
102
+ --glide-core-color-advisory-text-warning-container: #212121;
103
+ --glide-core-color-advisory-text-vital: #db2d24;
104
+ --glide-core-color-advisory-text-vital-container: #212121;
105
+ --glide-core-color-advisory-text-success: #34c759;
106
+ --glide-core-color-advisory-text-success-container: #212121;
107
+ --glide-core-color-advisory-text-error: #db2d24;
108
+ --glide-core-color-advisory-text-error-container: #212121;
109
+ --glide-core-color-advisory-icon-info: #0073e6;
110
+ --glide-core-color-advisory-icon-warning: #ff9500;
111
+ --glide-core-color-advisory-icon-attention: #ffcc00;
112
+ --glide-core-color-advisory-icon-vital: #db2d24;
113
+ --glide-core-color-advisory-icon-success: #34c759;
114
+ --glide-core-color-advisory-icon-error: #db2d24;
115
+ --glide-core-color-severity-surface-critical: #fff0ef;
116
+ --glide-core-color-severity-surface-high: #fffaf2;
117
+ --glide-core-color-severity-surface-medium: #fffcf2;
118
+ --glide-core-color-severity-surface-low: #f9f9f9;
119
+ --glide-core-color-severity-surface-low-solid: #c9c9c9;
120
+ --glide-core-color-severity-surface-unknown: #6d6d6d;
121
+ --glide-core-color-severity-surface-other: #a6b7c0;
122
+ --glide-core-color-severity-stroke-critical: #f4c0bd;
123
+ --glide-core-color-severity-stroke-high: #ffbf66;
124
+ --glide-core-color-severity-stroke-medium: #ffcc00;
125
+ --glide-core-color-severity-stroke-low: #c9c9c9;
126
+ --glide-core-color-severity-text-citical: #2c0907;
127
+ --glide-core-color-severity-text-high: #331e00;
128
+ --glide-core-color-severity-text-medium: #332900;
129
+ --glide-core-color-severity-text-low: #212121;
130
+ --glide-core-color-severity-icon-critical: #db2d24;
131
+ --glide-core-color-severity-icon-high: #ff9500;
132
+ --glide-core-color-severity-icon-medium: #ffcc00;
133
+ --glide-core-color-severity-icon-low: #595959;
134
+ --glide-core-color-effect-blur-elevation-floating-blur: 0.25rem;
135
+ --glide-core-color-effect-color-elevation-hovered: #338febe5;
136
+ --glide-core-color-effect-color-elevation-lifted: #adadad40;
137
+ --glide-core-color-effect-color-elevation-raised-1: #0000000d;
138
+ --glide-core-color-effect-color-elevation-raised-2: #00000026;
139
+ --glide-core-color-effect-color-elevation-floating: #00000040;
140
+ --glide-core-color-effect-color-elevation-detail-panel: #adadad;
141
+ --glide-core-color-effect-color-scroll-shadow: #0000001a;
142
+ --glide-core-color-effect-position-elevation-floating-y: 0.25rem;
143
+ --glide-core-private-color-button-surface-active: #0051a1;
144
+ --glide-core-private-color-button-stroke-default: #006ad4;
145
+ --glide-core-private-color-button-text-primary: #ffffff;
146
+ --glide-core-private-color-button-icon-primary: #ffffff;
147
+ --glide-core-private-color-checkbox-surface-background-selected--default: #ffffff;
148
+ --glide-core-private-color-checkbox-surface-background-idle: #ffffff;
149
+ --glide-core-private-color-checkbox-icon-default--disabled: #d9d9d9;
150
+ --glide-core-private-color-radio-icon-default--disabled: #d9d9d9;
151
+ --glide-core-private-color-dialog-and-modal-surface-container: #ffffff;
152
+ --glide-core-private-color-skeleton-loader-surface-linear-gradient-sides: #0000000d;
153
+ --glide-core-private-color-skeleton-loader-surface-linear-gradient-middle: #0000001a;
154
+ --glide-core-private-color-slider-and-scrollbar-surface-handle: #f0f0f0;
155
+ --glide-core-private-color-tabs-stroke-underline: #e3e3e3;
156
+ --glide-core-private-color-template-surface-container-detail: #ffffffe5;
157
+ --glide-core-private-color-tooltip-surface-container: #212121;
158
+ --glide-core-private-color-tooltip-text-shortcut: #adadad;
159
+ }
160
+
161
+ /* src/styles/variables/color-dark.css */
162
+ :host,
163
+ .theme-dark {
164
+ color-scheme: dark;
165
+ --glide-core-color-static-surface-container: #141414;
166
+ --glide-core-color-static-surface-container-secondary: #2c2c2c;
167
+ --glide-core-color-static-surface-solid: #dcdcdc;
168
+ --glide-core-color-static-surface-card: #ffffff08;
169
+ --glide-core-color-static-surface-overlay: #141414bf;
170
+ --glide-core-color-static-surface-header: #ffffff0d;
171
+ --glide-core-color-static-surface-active: #6ca4db;
172
+ --glide-core-color-static-stroke-primary: #ffffff26;
173
+ --glide-core-color-static-stroke-secondary: #ffffff0d;
174
+ --glide-core-color-static-stroke-frame: #ffffff40;
175
+ --glide-core-color-static-text-default: #f9f9f9;
176
+ --glide-core-color-static-text-secondary: #c4c4c4;
177
+ --glide-core-color-static-text-heading: #c4c4c4;
178
+ --glide-core-color-static-text-onsolid: #141414;
179
+ --glide-core-color-static-text-onsolid-secondary: #7e7e7e;
180
+ --glide-core-color-static-text-onsolid-tertiary: #202020;
181
+ --glide-core-color-static-icon-default: #dcdcdc;
182
+ --glide-core-color-static-icon-secondary: #c4c4c4;
183
+ --glide-core-color-static-icon-heading: #c4c4c4;
184
+ --glide-core-color-static-icon-onsolid: #141414;
185
+ --glide-core-color-interactive-surface-container: #ffffff08;
186
+ --glide-core-color-interactive-surface-container--hover: #1e3e5e;
187
+ --glide-core-color-interactive-surface-container--disabled: #434343;
188
+ --glide-core-color-interactive-surface-container-active: #2d7dcc;
189
+ --glide-core-color-interactive-surface-container-active--hover: #265e95;
190
+ --glide-core-color-interactive-surface-container-active--disabled: #1c344b;
191
+ --glide-core-color-interactive-surface-container-inactive: #7e7e7e;
192
+ --glide-core-color-interactive-surface-container-inactive--hover: #4f4f4f;
193
+ --glide-core-color-interactive-surface-container-clickable: #ffffff0d;
194
+ --glide-core-color-interactive-stroke-focus: #2d7dcc;
195
+ --glide-core-color-interactive-stroke-primary: #ffffff26;
196
+ --glide-core-color-interactive-stroke-primary--hover: #2d7dcc;
197
+ --glide-core-color-interactive-stroke-primary--disabled: #171f26;
198
+ --glide-core-color-interactive-stroke-active: #2d7dcc;
199
+ --glide-core-color-interactive-stroke-active--hover: #6ca4db;
200
+ --glide-core-color-interactive-stroke-active--disabled: #171f26;
201
+ --glide-core-color-interactive-stroke-contrast: #a1a1a1;
202
+ --glide-core-color-interactive-text-link: #5394d5;
203
+ --glide-core-color-interactive-text-link--disabled: #7e7e7e;
204
+ --glide-core-color-interactive-text-default: #f9f9f9;
205
+ --glide-core-color-interactive-text-default--active: #f9f9f9;
206
+ --glide-core-color-interactive-text-default--disabled: #7e7e7e;
207
+ --glide-core-color-interactive-text-placeholder: #a1a1a1;
208
+ --glide-core-color-interactive-text-placeholder--disabled: #7e7e7e;
209
+ --glide-core-color-interactive-text-onsolid: #141414;
210
+ --glide-core-color-interactive-text-link--hover: #2b73ba;
211
+ --glide-core-color-interactive-icon-link: #5394d5;
212
+ --glide-core-color-interactive-icon-link--disabled: #7e7e7e;
213
+ --glide-core-color-interactive-icon-default: #dcdcdc;
214
+ --glide-core-color-interactive-icon-default--active: #dcdcdc;
215
+ --glide-core-color-interactive-icon-default--disabled: #7e7e7e;
216
+ --glide-core-color-interactive-icon-active: #2b73ba;
217
+ --glide-core-color-interactive-icon-active--hover: #2b73ba;
218
+ --glide-core-color-interactive-icon-active--disabled: #434343;
219
+ --glide-core-color-interactive-icon-onsolid: #141414;
220
+ --glide-core-color-advisory-surface-info-container: #171f26;
221
+ --glide-core-color-advisory-surface-info-container-light: #192939;
222
+ --glide-core-color-advisory-surface-info-solid: #2d7dcc;
223
+ --glide-core-color-advisory-surface-info-solid--hover: #6ca4db;
224
+ --glide-core-color-advisory-surface-attention-container: #2a271a;
225
+ --glide-core-color-advisory-surface-attention-container-light: #1f1d17;
226
+ --glide-core-color-advisory-surface-attention-solid: #f0cf4f;
227
+ --glide-core-color-advisory-surface-attention-solid--hover: #f5dd84;
228
+ --glide-core-color-advisory-surface-warning-container: #2c241a;
229
+ --glide-core-color-advisory-surface-warning-container-light: #201c17;
230
+ --glide-core-color-advisory-surface-warning-solid: #ffb64f;
231
+ --glide-core-color-advisory-surface-warning-solid--hover: #ffcc84;
232
+ --glide-core-color-advisory-surface-vital-container: #291d1c;
233
+ --glide-core-color-advisory-surface-vital-light: #1e1818;
234
+ --glide-core-color-advisory-surface-vital-solid: #e36963;
235
+ --glide-core-color-advisory-surface-vital-solid--hover: #eb9692;
236
+ --glide-core-color-advisory-surface-success-container: #1c261e;
237
+ --glide-core-color-advisory-surface-success-container-light: #181d19;
238
+ --glide-core-color-advisory-surface-success-solid: #61c479;
239
+ --glide-core-color-advisory-surface-success-solid--hover: #90d6a1;
240
+ --glide-core-color-advisory-surface-error-container: #291d1c;
241
+ --glide-core-color-advisory-surface-error-container-light: #1e1818;
242
+ --glide-core-color-advisory-surface-error-solid: #e36963;
243
+ --glide-core-color-advisory-surface-error-solid--hover: #eb9692;
244
+ --glide-core-color-advisory-stroke-info-primary: #2d7dcc;
245
+ --glide-core-color-advisory-stroke-info-secondary: #2d7dcc;
246
+ --glide-core-color-advisory-stroke-attention-primary: #f0cf4f;
247
+ --glide-core-color-advisory-stroke-attention-secondary: #f0cf4f;
248
+ --glide-core-color-advisory-stroke-warning-primary: #ffb64f;
249
+ --glide-core-color-advisory-stroke-warning-secondary: #a17537;
250
+ --glide-core-color-advisory-stroke-vital-primary: #e36963;
251
+ --glide-core-color-advisory-stroke-vital-secondary: #e36963;
252
+ --glide-core-color-advisory-stroke-success-primary: #61c479;
253
+ --glide-core-color-advisory-stroke-success-secondary: #233728;
254
+ --glide-core-color-advisory-stroke-error-primary: #e36963;
255
+ --glide-core-color-advisory-stroke-error-secondary: #3d2524;
256
+ --glide-core-color-advisory-text-info: #2d7dcc;
257
+ --glide-core-color-advisory-text-info-container: #f9f9f9;
258
+ --glide-core-color-advisory-text-attention: #f0cf4f;
259
+ --glide-core-color-advisory-text-attention-container: #f9f9f9;
260
+ --glide-core-color-advisory-text-warning: #ffb64f;
261
+ --glide-core-color-advisory-text-warning-container: #f9f9f9;
262
+ --glide-core-color-advisory-text-vital: #e36963;
263
+ --glide-core-color-advisory-text-vital-container: #f9f9f9;
264
+ --glide-core-color-advisory-text-success: #61c479;
265
+ --glide-core-color-advisory-text-success-container: #f9f9f9;
266
+ --glide-core-color-advisory-text-error: #e36963;
267
+ --glide-core-color-advisory-text-error-container: #f9f9f9;
268
+ --glide-core-color-advisory-icon-info: #2d7dcc;
269
+ --glide-core-color-advisory-icon-warning: #ffb64f;
270
+ --glide-core-color-advisory-icon-attention: #f0cf4f;
271
+ --glide-core-color-advisory-icon-vital: #e36963;
272
+ --glide-core-color-advisory-icon-success: #61c479;
273
+ --glide-core-color-advisory-icon-error: #e36963;
274
+ --glide-core-color-severity-surface-critical: #291d1c;
275
+ --glide-core-color-severity-surface-high: #2c241a;
276
+ --glide-core-color-severity-surface-medium: #2a271a;
277
+ --glide-core-color-severity-surface-low: #2c2c2c;
278
+ --glide-core-color-severity-surface-low-solid: #434343;
279
+ --glide-core-color-severity-surface-unknown: #a1a1a1;
280
+ --glide-core-color-severity-surface-other: #a6b7c0;
281
+ --glide-core-color-severity-stroke-critical: #e67873;
282
+ --glide-core-color-severity-stroke-high: #e7a649;
283
+ --glide-core-color-severity-stroke-medium: #f0cf4f;
284
+ --glide-core-color-severity-stroke-low: #727272;
285
+ --glide-core-color-severity-text-citical: #e67873;
286
+ --glide-core-color-severity-text-high: #ffb64f;
287
+ --glide-core-color-severity-text-medium: #f0cf4f;
288
+ --glide-core-color-severity-text-low: #f9f9f9;
289
+ --glide-core-color-severity-icon-critical: #e67873;
290
+ --glide-core-color-severity-icon-high: #ffb64f;
291
+ --glide-core-color-severity-icon-medium: #f0cf4f;
292
+ --glide-core-color-severity-icon-low: #b8b8b8;
293
+ --glide-core-color-effect-blur-elevation-floating-blur: 1.5rem;
294
+ --glide-core-color-effect-color-elevation-hovered: #4a72b1e5;
295
+ --glide-core-color-effect-color-elevation-lifted: #ffffff00;
296
+ --glide-core-color-effect-color-elevation-raised-1: #ffffff00;
297
+ --glide-core-color-effect-color-elevation-raised-2: #ffffff00;
298
+ --glide-core-color-effect-color-elevation-floating: #14141459;
299
+ --glide-core-color-effect-color-elevation-detail-panel: #000000f2;
300
+ --glide-core-color-effect-color-scroll-shadow: #ffffff0d;
301
+ --glide-core-color-effect-position-elevation-floating-y: 0.75rem;
302
+ --glide-core-private-color-button-surface-active: #265e95;
303
+ --glide-core-private-color-button-stroke-default: #5394d5;
304
+ --glide-core-private-color-button-text-primary: #f9f9f9;
305
+ --glide-core-private-color-button-icon-primary: #f9f9f9;
306
+ --glide-core-private-color-checkbox-surface-background-selected--default: #ffffff;
307
+ --glide-core-private-color-checkbox-surface-background-idle: #1414144d;
308
+ --glide-core-private-color-checkbox-icon-default--disabled: #434343;
309
+ --glide-core-private-color-radio-icon-default--disabled: #434343;
310
+ --glide-core-private-color-dialog-and-modal-surface-container: #292929;
311
+ --glide-core-private-color-skeleton-loader-surface-linear-gradient-sides: #ffffff0d;
312
+ --glide-core-private-color-skeleton-loader-surface-linear-gradient-middle: #ffffff1a;
313
+ --glide-core-private-color-slider-and-scrollbar-surface-handle: #2c2c2c;
314
+ --glide-core-private-color-tabs-stroke-underline: #ffffff26;
315
+ --glide-core-private-color-template-surface-container-detail: #222222;
316
+ --glide-core-private-color-tooltip-surface-container: #dcdcdc;
317
+ --glide-core-private-color-tooltip-text-shortcut: #5b5b5b;
318
+ }
319
+
320
+ /* src/styles/variables/animation.css */
321
+ :root {
322
+ --glide-core-animation-swoop: cubic-bezier(0.5, 0, 0, 1);
323
+ --glide-core-animation-swoop-in: cubic-bezier(0.05, 0.5, 0.15, 1);
324
+ --glide-core-animation-swoop-out: cubic-bezier(0.45, 0.1, 0.9, 0.5);
325
+ --glide-core-animation-linear: cubic-bezier(0, 0, 1, 1);
326
+ --glide-core-animation-bounce: cubic-bezier(0, 0.4, 0, 1.4);
327
+ --glide-core-animation-smooth: cubic-bezier(0.8, 0.05, 0.25, 0.95);
328
+ }
329
+
330
+ /* src/styles/variables/duration.css */
331
+ :root {
332
+ --glide-core-duration-fast-01: 50ms;
333
+ --glide-core-duration-fast-02: 100ms;
334
+ --glide-core-duration-moderate-01: 150ms;
335
+ --glide-core-duration-moderate-02: 250ms;
336
+ --glide-core-duration-slow-01: 400ms;
337
+ --glide-core-duration-slow-02: 900ms;
338
+ }
339
+
340
+ /* src/styles/variables/miscellaneous.css */
341
+ :root {
342
+ --glide-core-effect-hovered: 0px 0px 2px 0px var(--glide-core-color-effect-color-elevation-hovered);
343
+ --glide-core-effect-lifted: 0px 2px 8px 0px var(--glide-core-color-effect-color-elevation-lifted);
344
+ --glide-core-effect-raised: 0px 3px 1px 0px var(--glide-core-color-effect-color-elevation-raised-1), 0px 3px 8px 0 var(--glide-core-color-effect-color-elevation-raised-2);
345
+ --glide-core-effect-floating: 0px var(--glide-core-color-effect-position-elevation-floating-y) var(--glide-core-color-effect-blur-elevation-floating-blur) var(--glide-core-color-effect-color-elevation-floating);
346
+ }
347
+
348
+ /* src/styles/variables/rounding.css */
349
+ :root {
350
+ --glide-core-rounding-base-radius-xxs: 0.25rem;
351
+ --glide-core-rounding-base-radius-xs: 0.375rem;
352
+ --glide-core-rounding-base-radius-sm: 0.5rem;
353
+ --glide-core-rounding-base-radius-md: 0.75rem;
354
+ --glide-core-rounding-base-radius-round: 12.5rem;
355
+ }
356
+
357
+ /* src/styles/variables/spacing.css */
358
+ :root {
359
+ --glide-core-spacing-base-xxxs: 0.125rem;
360
+ --glide-core-spacing-base-xxs: 0.25rem;
361
+ --glide-core-spacing-base-xs: 0.5rem;
362
+ --glide-core-spacing-base-sm: 0.75rem;
363
+ --glide-core-spacing-base-md: 1rem;
364
+ --glide-core-spacing-base-lg: 1.5rem;
365
+ --glide-core-spacing-base-xl: 2rem;
366
+ --glide-core-spacing-base-xxl: 3rem;
367
+ --glide-core-spacing-base-xxxl: 4rem;
368
+ --glide-core-spacing-indent-level-1: 1rem;
369
+ --glide-core-spacing-indent-level-2: 2.5rem;
370
+ --glide-core-spacing-indent-level-3: 4rem;
371
+ --glide-core-spacing-indent-level-4: 5.5rem;
372
+ --glide-core-spacing-indent-level-5: 7rem;
373
+ }
374
+
375
+ /* src/styles/variables/stroke.css */
376
+ :root {
377
+ --glide-core-stroke-default: 0.0625rem;
378
+ --glide-core-stroke-focus: 0.125rem;
379
+ --glide-core-stroke-fat: 0.25rem;
380
+ }
381
+
382
+ /* src/styles/variables/typography.css */
383
+ :root {
384
+ --glide-core-typography-size-heading-h1: 1.75rem;
385
+ --glide-core-typography-size-heading-h2: 1.5rem;
386
+ --glide-core-typography-size-heading-h3: 1.25rem;
387
+ --glide-core-typography-size-heading-h4: 1rem;
388
+ --glide-core-typography-size-heading-h5: 0.75rem;
389
+ --glide-core-typography-size-body-large: 1rem;
390
+ --glide-core-typography-size-body-default: 0.875rem;
391
+ --glide-core-typography-size-body-small: 0.75rem;
392
+ --glide-core-typography-size-component-chartlabel-md: 0.625rem;
393
+ --glide-core-typography-family-primary: "Nunito";
394
+ --glide-core-typography-family-monospace: "Oxygen Mono";
395
+ --glide-core-typography-weight-light: 300;
396
+ --glide-core-typography-weight-regular: 400;
397
+ --glide-core-typography-weight-semibold: 600;
398
+ --glide-core-typography-weight-bold: 700;
399
+ --glide-core-typography-weight-extrabold: 800;
400
+ --glide-core-typography-weight-italic: italic;
401
+ --glide-core-typography-height-heading-h1: 2.25rem;
402
+ --glide-core-typography-height-heading-h2: 2rem;
403
+ --glide-core-typography-height-heading-h3: 1.625rem;
404
+ --glide-core-typography-height-heading-h4: 1.375rem;
405
+ --glide-core-typography-height-heading-h5: 1.125rem;
406
+ --glide-core-typography-paragraph-body-lg: 0rem;
407
+ --glide-core-typography-paragraph-body-md: 0rem;
408
+ }
409
+
410
+ /* src/styles/variables.css */
package/dist/styles/visually-hidden.js CHANGED
@@ -1,6 +1,8 @@
1
- import{css,unsafeCSS}from"lit";export default e=>css`
1
+ import { css, unsafeCSS } from 'lit';
2
+ export default (selector) => {
3
+ return css `
2
4
  /* stylelint-disable selector-type-case, selector-type-no-unknown */
3
- ${unsafeCSS(e)} {
5
+ ${unsafeCSS(selector)} {
4
6
  block-size: 1px;
5
7
  border-width: 0;
6
8
  clip: rect(0, 0, 0, 0);
@@ -11,4 +13,5 @@ import{css,unsafeCSS}from"lit";export default e=>css`
11
13
  position: absolute;
12
14
  white-space: nowrap;
13
15
  }
14
- `;
16
+ `;
17
+ };