@gitlab/ui 97.3.0 → 98.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.js +0 -1
  5. package/dist/tokens/build/js/tokens.dark.js +84 -84
  6. package/dist/tokens/css/tokens.css +1 -1
  7. package/dist/tokens/css/tokens.dark.css +47 -47
  8. package/dist/tokens/js/tokens.dark.js +84 -84
  9. package/dist/tokens/json/tokens.dark.json +148 -133
  10. package/dist/tokens/json/tokens.json +64 -49
  11. package/dist/tokens/scss/_tokens.dark.scss +47 -47
  12. package/dist/tokens/scss/_tokens.scss +1 -1
  13. package/dist/vendor/bootstrap-vue/src/components/collapse/collapse.js +3 -36
  14. package/dist/vendor/bootstrap-vue/src/components/tabs/tabs.js +1 -1
  15. package/dist/vendor/bootstrap-vue/src/components/transition/bv-transition.js +12 -2
  16. package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -3
  17. package/dist/vendor/bootstrap-vue/src/constants/env.js +1 -2
  18. package/dist/vendor/bootstrap-vue/src/index.js +0 -2
  19. package/dist/vendor/bootstrap-vue/src/mixins/dropdown.js +12 -39
  20. package/package.json +2 -1
  21. package/src/index.js +0 -1
  22. package/src/scss/bootstrap_vue.scss +0 -1
  23. package/src/scss/components.scss +0 -1
  24. package/src/tokens/action.tokens.json +21 -12
  25. package/src/tokens/build/css/tokens.css +1 -1
  26. package/src/tokens/build/css/tokens.dark.css +47 -47
  27. package/src/tokens/build/js/tokens.dark.js +84 -84
  28. package/src/tokens/build/json/tokens.dark.json +148 -133
  29. package/src/tokens/build/json/tokens.json +64 -49
  30. package/src/tokens/build/scss/_tokens.dark.scss +47 -47
  31. package/src/tokens/build/scss/_tokens.scss +1 -1
  32. package/src/tokens/contextual/button.tokens.json +43 -37
  33. package/src/vendor/bootstrap-vue/package.json +3 -20
  34. package/src/vendor/bootstrap-vue/src/components/collapse/MODIFICATIONS.md +14 -0
  35. package/src/vendor/bootstrap-vue/src/components/collapse/collapse.js +3 -37
  36. package/src/vendor/bootstrap-vue/src/components/collapse/collapse.spec.js +0 -132
  37. package/src/vendor/bootstrap-vue/src/components/collapse/package.json +0 -4
  38. package/src/vendor/bootstrap-vue/src/components/dropdown/README.md +1 -1
  39. package/src/vendor/bootstrap-vue/src/components/form-input/form-input.spec.js +3 -0
  40. package/src/vendor/bootstrap-vue/src/components/index.d.ts +0 -1
  41. package/src/vendor/bootstrap-vue/src/components/index.scss +0 -1
  42. package/src/vendor/bootstrap-vue/src/components/modal/MODIFICATIONS.md +8 -5
  43. package/src/vendor/bootstrap-vue/src/components/nav/package.json +1 -1
  44. package/src/vendor/bootstrap-vue/src/components/popover/popover.spec.js +0 -1
  45. package/src/vendor/bootstrap-vue/src/components/table/table-filtering.spec.js +1 -1
  46. package/src/vendor/bootstrap-vue/src/components/tabs/tabs.js +1 -1
  47. package/src/vendor/bootstrap-vue/src/components/toast/toast.spec.js +6 -18
  48. package/src/vendor/bootstrap-vue/src/components/tooltip/tooltip.spec.js +67 -356
  49. package/src/vendor/bootstrap-vue/src/components/transition/bv-transition.js +15 -2
  50. package/src/vendor/bootstrap-vue/src/constants/components.js +0 -2
  51. package/src/vendor/bootstrap-vue/src/constants/env.js +0 -3
  52. package/src/vendor/bootstrap-vue/src/directives/tooltip/tooltip.spec.js +46 -79
  53. package/src/vendor/bootstrap-vue/src/index.js +0 -4
  54. package/src/vendor/bootstrap-vue/src/mixins/dropdown.js +12 -36
  55. package/src/vendor/bootstrap-vue/src/utils/config.spec.js +20 -2
  56. package/dist/components/base/navbar/navbar.js +0 -48
  57. package/dist/vendor/bootstrap-vue/src/components/navbar/index.js +0 -2
  58. package/dist/vendor/bootstrap-vue/src/components/navbar/navbar-brand.js +0 -40
  59. package/dist/vendor/bootstrap-vue/src/components/navbar/navbar.js +0 -72
  60. package/src/components/base/navbar/navbar.md +0 -4
  61. package/src/components/base/navbar/navbar.scss +0 -0
  62. package/src/components/base/navbar/navbar.vue +0 -17
  63. package/src/vendor/bootstrap-vue/src/components/navbar/README.md +0 -332
  64. package/src/vendor/bootstrap-vue/src/components/navbar/_navbar.scss +0 -1
  65. package/src/vendor/bootstrap-vue/src/components/navbar/index.d.ts +0 -10
  66. package/src/vendor/bootstrap-vue/src/components/navbar/index.js +0 -4
  67. package/src/vendor/bootstrap-vue/src/components/navbar/index.scss +0 -1
  68. package/src/vendor/bootstrap-vue/src/components/navbar/navbar-brand.js +0 -42
  69. package/src/vendor/bootstrap-vue/src/components/navbar/navbar-brand.spec.js +0 -50
  70. package/src/vendor/bootstrap-vue/src/components/navbar/navbar.js +0 -78
  71. package/src/vendor/bootstrap-vue/src/components/navbar/navbar.spec.js +0 -130
  72. package/src/vendor/bootstrap-vue/src/components/navbar/package.json +0 -54
package/src/tokens/build/css/tokens.dark.css CHANGED
@@ -538,8 +538,8 @@
538
538
  --gl-dropdown-option-indicator-color-selected-active: var(--gl-color-neutral-100); /* Used for the dropdown selected option indicator in the active state. */
539
539
  --gl-dropdown-border-color: var(--gl-color-neutral-700); /* Used for the border of a dropdown. */
540
540
  --gl-datepicker-background-color: var(--gl-color-neutral-900); /* Used for the background color of datepicker. */
541
- --gl-button-disabled-border-color: var(--gl-color-neutral-800); /* Used for the border of a disabled button. */
542
- --gl-button-disabled-background-color: var(--gl-color-neutral-950); /* Used for the background of a disabled button. */
541
+ --gl-button-disabled-border-color: var(--gl-color-alpha-0); /* Used for the border of a disabled button. */
542
+ --gl-button-disabled-background-color: rgba(137, 136, 141, 0.16); /* Used for the background of a disabled button. */
543
543
  --gl-button-disabled-foreground-color: var(--gl-color-neutral-400); /* Used for the foreground of a disabled button. */
544
544
  --gl-button-selected-border-color-active: var(--gl-color-neutral-300); /* Used for the border of a selected button in the active state. */
545
545
  --gl-button-selected-border-color-hover: var(--gl-color-neutral-500); /* Used for the border of a selected button in the hover state. */
@@ -548,46 +548,47 @@
548
548
  --gl-button-danger-tertiary-background-color-active: var(--gl-action-danger-background-color-active); /* Used for the background of a borderless, tertiary danger (destructive) button in the active state. */
549
549
  --gl-button-danger-tertiary-background-color-hover: var(--gl-action-danger-background-color-hover); /* Used for the background of a borderless, tertiary danger (destructive) button in the hover state. */
550
550
  --gl-button-danger-tertiary-background-color-default: var(--gl-action-danger-background-color-default); /* Used for the background of a borderless, tertiary danger (destructive) button in the default state. */
551
- --gl-button-danger-secondary-border-color-active: var(--gl-color-red-50); /* Used for the border of an outlined danger (destructive) button in the active state. */
552
- --gl-button-danger-secondary-border-color-hover: var(--gl-color-red-200); /* Used for the border of an outlined danger (destructive) button in the hover state. */
553
- --gl-button-danger-secondary-border-color-default: var(--gl-color-red-400); /* Used for the border of an outlined danger (destructive) button in the default state. */
554
- --gl-button-danger-secondary-background-color-active: var(--gl-color-red-800); /* Used for the background of an outlined danger (destructive) button in the active state. */
555
- --gl-button-danger-secondary-background-color-hover: var(--gl-color-red-900); /* Used for the background of an outlined danger (destructive) button in the hover state. */
556
- --gl-button-danger-secondary-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined danger (destructive) button in the default state. */
557
- --gl-button-danger-secondary-foreground-color-active: var(--gl-color-red-50); /* Used for the foreground of a danger (destructive) button in the active state. */
558
- --gl-button-danger-secondary-foreground-color-hover: var(--gl-color-red-200); /* Used for the foreground of a danger (destructive) button in the hover state. */
559
- --gl-button-danger-secondary-foreground-color-default: var(--gl-color-red-400); /* Used for the foreground of a danger (destructive) button in the default state. */
560
- --gl-button-danger-primary-border-color-active: var(--gl-color-red-50); /* Used for the border of a danger (destructive) primary button in the active state. */
561
- --gl-button-danger-primary-border-color-hover: var(--gl-color-red-100); /* Used for the border of a danger (destructive) primary button in the hover state. */
562
- --gl-button-danger-primary-border-color-default: var(--gl-color-red-300); /* Used for the border of a danger (destructive) primary button in the default state. */
563
- --gl-button-danger-primary-background-color-active: var(--gl-color-red-100); /* Used for the background of a danger (destructive) primary button in the active state. */
564
- --gl-button-danger-primary-background-color-hover: var(--gl-color-red-300); /* Used for the background of a danger (destructive) primary button in the hover state. */
565
- --gl-button-danger-primary-background-color-default: var(--gl-color-red-400); /* Used for the background of a danger (destructive) primary button in the default state. */
566
- --gl-button-danger-primary-foreground-color-default: var(--gl-color-neutral-0); /* Used for the foreground of a danger (destructive) primary button in the default state. */
551
+ --gl-button-danger-secondary-border-color-active: var(--gl-color-alpha-0); /* Used for the border of an outlined danger (destructive) button in the active state. */
552
+ --gl-button-danger-secondary-border-color-hover: var(--gl-color-alpha-0); /* Used for the border of an outlined danger (destructive) button in the hover state. */
553
+ --gl-button-danger-secondary-border-color-default: var(--gl-color-alpha-0); /* Used for the border of an outlined danger (destructive) button in the default state. */
554
+ --gl-button-danger-secondary-background-color-active: rgba(236, 89, 65, 0.32); /* Used for the background of an outlined danger (destructive) button in the active state. */
555
+ --gl-button-danger-secondary-background-color-hover: rgba(236, 89, 65, 0.64); /* Used for the background of an outlined danger (destructive) button in the hover state. */
556
+ --gl-button-danger-secondary-background-color-default: rgba(236, 89, 65, 0.40); /* Used for the background of an outlined danger (destructive) button in the default state. */
557
+ --gl-button-danger-secondary-foreground-color-active: var(--gl-button-danger-secondary-foreground-color-focus); /* Used for the foreground of a danger (destructive) button in the active state. */
558
+ --gl-button-danger-secondary-foreground-color-hover: var(--gl-color-red-50); /* Used for the foreground of a danger (destructive) button in the hover state. */
559
+ --gl-button-danger-secondary-foreground-color-default: var(--gl-color-red-100); /* Used for the foreground of a danger (destructive) button in the default state. */
560
+ --gl-button-danger-primary-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a danger (destructive) primary button in the active state. */
561
+ --gl-button-danger-primary-border-color-hover: var(--gl-color-alpha-0); /* Used for the border of a danger (destructive) primary button in the hover state. */
562
+ --gl-button-danger-primary-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a danger (destructive) primary button in the default state. */
563
+ --gl-button-danger-primary-background-color-active: var(--gl-color-red-400); /* Used for the background of a danger (destructive) primary button in the active state. */
564
+ --gl-button-danger-primary-background-color-hover: var(--gl-color-red-200); /* Used for the background of a danger (destructive) primary button in the hover state. */
565
+ --gl-button-danger-primary-background-color-default: var(--gl-color-red-300); /* Used for the background of a danger (destructive) primary button in the default state. */
566
+ --gl-button-danger-primary-foreground-color-default: var(--gl-color-neutral-950); /* Used for the foreground of a danger (destructive) primary button in the default state. */
567
567
  --gl-button-confirm-tertiary-background-color-active: var(--gl-action-confirm-background-color-active); /* Used for the background of a borderless, tertiary confirm (positive) button in the active state. */
568
568
  --gl-button-confirm-tertiary-background-color-hover: var(--gl-action-confirm-background-color-hover); /* Used for the background of a borderless, tertiary confirm (positive) button in the hover state. */
569
569
  --gl-button-confirm-tertiary-background-color-default: var(--gl-action-confirm-background-color-default); /* Used for the background of a borderless, tertiary confirm (positive) button in the default state. */
570
- --gl-button-confirm-secondary-border-color-active: var(--gl-color-blue-50); /* Used for the border of an outlined confirm (positive) button in the active state. */
571
- --gl-button-confirm-secondary-border-color-hover: var(--gl-color-blue-200); /* Used for the border of an outlined confirm (positive) button in the hover state. */
572
- --gl-button-confirm-secondary-border-color-default: var(--gl-color-blue-400); /* Used for the border of an outlined confirm (positive) button in the default state. */
573
- --gl-button-confirm-secondary-background-color-active: var(--gl-color-blue-800); /* Used for the background of an outlined confirm (positive) button in the active state. */
574
- --gl-button-confirm-secondary-background-color-hover: var(--gl-color-blue-900); /* Used for the background of an outlined confirm (positive) button in the hover state. */
575
- --gl-button-confirm-secondary-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined confirm (positive) button in the default state. */
576
- --gl-button-confirm-secondary-foreground-color-active: var(--gl-color-blue-50); /* Used for the foreground of a confirm (positive) button in the active state. */
577
- --gl-button-confirm-secondary-foreground-color-hover: var(--gl-color-blue-200); /* Used for the foreground of a confirm (positive) button in the hover state. */
578
- --gl-button-confirm-secondary-foreground-color-default: var(--gl-color-blue-400); /* Used for the foreground of a confirm (positive) button in the default state. */
579
- --gl-button-confirm-primary-border-color-active: var(--gl-color-blue-50); /* Used for the border of a confirm (positive) primary button in the active state. */
580
- --gl-button-confirm-primary-border-color-hover: var(--gl-color-blue-100); /* Used for the border of a confirm (positive) primary button in the hover state. */
581
- --gl-button-confirm-primary-border-color-default: var(--gl-color-blue-300); /* Used for the border of a confirm (positive) primary button in the default state. */
570
+ --gl-button-confirm-secondary-border-color-active: var(--gl-color-alpha-0); /* Used for the border of an outlined confirm (positive) button in the active state. */
571
+ --gl-button-confirm-secondary-border-color-hover: var(--gl-color-alpha-0); /* Used for the border of an outlined confirm (positive) button in the hover state. */
572
+ --gl-button-confirm-secondary-border-color-default: var(--gl-color-alpha-0); /* Used for the border of an outlined confirm (positive) button in the default state. */
573
+ --gl-button-confirm-secondary-background-color-active: rgba(66, 143, 220, 0.32); /* Used for the background of an outlined confirm (positive) button in the active state. */
574
+ --gl-button-confirm-secondary-background-color-hover: rgba(66, 143, 220, 0.64); /* Used for the background of an outlined confirm (positive) button in the hover state. */
575
+ --gl-button-confirm-secondary-background-color-default: rgba(66, 143, 220, 0.4); /* Used for the background of an outlined confirm (positive) button in the default state. */
576
+ --gl-button-confirm-secondary-foreground-color-active: var(--gl-color-blue-100); /* Used for the foreground of a confirm (positive) button in the active state. */
577
+ --gl-button-confirm-secondary-foreground-color-hover: var(--gl-color-blue-100); /* Used for the foreground of a confirm (positive) button in the hover state. */
578
+ --gl-button-confirm-secondary-foreground-color-default: var(--gl-color-blue-100); /* Used for the foreground of a confirm (positive) button in the default state. */
579
+ --gl-button-confirm-primary-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a confirm (positive) primary button in the active state. */
580
+ --gl-button-confirm-primary-border-color-hover: var(--gl-color-alpha-0); /* Used for the border of a confirm (positive) primary button in the hover state. */
581
+ --gl-button-confirm-primary-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a confirm (positive) primary button in the default state. */
582
+ --gl-button-confirm-primary-foreground-color-default: var(--gl-color-neutral-950); /* Used for the foreground of a confirm (positive) primary button in the default state. */
582
583
  --gl-button-default-tertiary-background-color-active: var(--gl-action-neutral-background-color-active); /* Used for the background of a default borderless, tertiary button in the active state. */
583
584
  --gl-button-default-tertiary-background-color-hover: var(--gl-action-neutral-background-color-hover); /* Used for the background of a default borderless, tertiary button in the hover state. */
584
585
  --gl-button-default-tertiary-background-color-default: var(--gl-action-neutral-background-color-default); /* Used for the background of a default borderless, tertiary button in the default state. */
585
- --gl-button-default-primary-border-color-active: var(--gl-color-neutral-300); /* Used for the border of an default primary button in the active state. */
586
- --gl-button-default-primary-border-color-hover: var(--gl-color-neutral-500); /* Used for the border of an default primary button in the hover state. */
587
- --gl-button-default-primary-border-color-default: var(--gl-color-neutral-700); /* Used for the border of an default primary button in the default state. */
588
- --gl-button-default-primary-background-color-active: var(--gl-color-neutral-800); /* Used for the background of an default primary button in the active state. */
589
- --gl-button-default-primary-background-color-hover: var(--gl-color-neutral-900); /* Used for the background of an default primary button in the hover state. */
590
- --gl-button-default-primary-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an default primary button in the default state. */
586
+ --gl-button-default-primary-border-color-active: var(--gl-color-alpha-0); /* Used for the border of an default primary button in the active state. */
587
+ --gl-button-default-primary-border-color-hover: var(--gl-color-alpha-0); /* Used for the border of an default primary button in the hover state. */
588
+ --gl-button-default-primary-border-color-default: var(--gl-color-alpha-0); /* Used for the border of an default primary button in the default state. */
589
+ --gl-button-default-primary-background-color-active: rgba(137, 136, 141, 0.32); /* Used for the background of an default primary button in the active state. */
590
+ --gl-button-default-primary-background-color-hover: rgba(137, 136, 141, 0.64); /* Used for the background of an default primary button in the hover state. */
591
+ --gl-button-default-primary-background-color-default: rgba(137, 136, 141, 0.4); /* Used for the background of an default primary button in the default state. */
591
592
  --gl-button-default-primary-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of a default primary button in the default state. */
592
593
  --gl-broadcast-banner-text-color-red: var(--gl-color-neutral-0); /* Used for the text for the red banner type. */
593
594
  --gl-broadcast-banner-text-color-lightred: var(--gl-color-neutral-0); /* Used for the text for the lightred banner type. */
@@ -753,19 +754,19 @@
753
754
  --gl-action-strong-neutral-background-color-default: var(--gl-color-neutral-700); /* Used for the background of a strong neutral action in the default state. */
754
755
  --gl-action-strong-confirm-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a strong confirm action in the default state. */
755
756
  --gl-action-strong-confirm-foreground-color-default: var(--gl-color-neutral-950); /* Used for the foreground of a strong confirm action in the default state. */
756
- --gl-action-strong-confirm-background-color-active: var(--gl-color-blue-200); /* Used for the background of a strong confirm action in the active state. */
757
- --gl-action-strong-confirm-background-color-hover: var(--gl-color-blue-300); /* Used for the background of a strong confirm action in the hover state. */
758
- --gl-action-strong-confirm-background-color-default: var(--gl-color-blue-400); /* Used for the background of a strong confirm action in the default state. */
757
+ --gl-action-strong-confirm-background-color-active: var(--gl-color-blue-400); /* Used for the background of a strong confirm action in the active state. */
758
+ --gl-action-strong-confirm-background-color-hover: var(--gl-color-blue-200); /* Used for the background of a strong confirm action in the hover state. */
759
+ --gl-action-strong-confirm-background-color-default: var(--gl-color-blue-300); /* Used for the background of a strong confirm action in the default state. */
759
760
  --gl-action-danger-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a danger action in the default state. */
760
761
  --gl-action-danger-background-color-focus: var(--gl-action-danger-background-color-hover); /* Used for the background of a danger (destructive) action in the focus state. */
761
- --gl-action-danger-foreground-color-active: var(--gl-color-red-50); /* Used for the foreground of a danger (destructive) action in the active state. */
762
- --gl-action-danger-foreground-color-hover: var(--gl-color-red-200); /* Used for the foreground of a danger (destructive) action in the hover state. */
763
- --gl-action-danger-foreground-color-default: var(--gl-color-red-400); /* Used for the foreground of a danger (destructive) action in the default state. */
762
+ --gl-action-danger-foreground-color-active: var(--gl-color-red-100); /* Used for the foreground of a danger (destructive) action in the active state. */
763
+ --gl-action-danger-foreground-color-hover: var(--gl-color-red-100); /* Used for the foreground of a danger (destructive) action in the hover state. */
764
+ --gl-action-danger-foreground-color-default: var(--gl-color-red-200); /* Used for the foreground of a danger (destructive) action in the default state. */
764
765
  --gl-action-confirm-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a confirm action in the default state. */
765
766
  --gl-action-confirm-background-color-focus: var(--gl-action-confirm-background-color-hover); /* Used for the background of a confirm (positive) action in the focus state. */
766
- --gl-action-confirm-foreground-color-active: var(--gl-color-blue-50); /* Used for the foreground of a confirm (positive) action in the active state. */
767
- --gl-action-confirm-foreground-color-hover: var(--gl-color-blue-200); /* Used for the foreground of a confirm (positive) action in the hover state. */
768
- --gl-action-confirm-foreground-color-default: var(--gl-color-blue-400); /* Used for the foreground of a confirm (positive) action in the default state. */
767
+ --gl-action-confirm-foreground-color-active: var(--gl-color-blue-100); /* Used for the foreground of a confirm (positive) action in the active state. */
768
+ --gl-action-confirm-foreground-color-hover: var(--gl-color-blue-100); /* Used for the foreground of a confirm (positive) action in the hover state. */
769
+ --gl-action-confirm-foreground-color-default: var(--gl-color-blue-200); /* Used for the foreground of a confirm (positive) action in the default state. */
769
770
  --gl-action-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral action in the default state. */
770
771
  --gl-action-neutral-background-color-focus: var(--gl-action-neutral-background-color-hover); /* Used for the background of a neutral action in the focus state. */
771
772
  --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of a neutral action in the default state. */
@@ -835,7 +836,6 @@
835
836
  --gl-button-confirm-primary-background-color-active: var(--gl-action-strong-confirm-background-color-active); /* Used for the background of a confirm (positive) primary button in the active state. */
836
837
  --gl-button-confirm-primary-background-color-hover: var(--gl-action-strong-confirm-background-color-hover); /* Used for the background of a confirm (positive) primary button in the hover state. */
837
838
  --gl-button-confirm-primary-background-color-default: var(--gl-action-strong-confirm-background-color-default); /* Used for the background of a confirm (positive) primary button in the default state. */
838
- --gl-button-confirm-primary-foreground-color-default: var(--gl-action-strong-confirm-foreground-color-default); /* Used for the foreground of a confirm (positive) primary button in the default state. */
839
839
  --gl-button-default-tertiary-border-color-default: var(--gl-action-neutral-border-color-default); /* Used for the border of a default borderless, tertiary button in the default state. */
840
840
  --gl-button-default-tertiary-background-color-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of a default borderless, tertiary button in the focus state. */
841
841
  --gl-button-default-tertiary-foreground-color-default: var(--gl-action-neutral-foreground-color-default); /* Used for the foreground of a default borderless, tertiary button in the default state. */
@@ -877,7 +877,7 @@
877
877
  --gl-alert-neutral-title-color: var(--gl-text-color-heading); /* Used for the title color of a neutral alert. */
878
878
  --gl-border-color-section: var(--gl-background-color-default); /* Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page. */
879
879
  --gl-action-strong-neutral-border-color-hover: var(--gl-action-strong-neutral-border-color-default); /* Used for the border of a strong neutral action in the hover state. */
880
- --gl-action-strong-neutral-foreground-color-hover: var(--gl-action-strong-neutral-foreground-color-default); /* Used for the foreground of a strong neutral action in the hover state. */
880
+ --gl-action-strong-neutral-foreground-color-hover: var(--gl-color-neutral-0); /* Used for the foreground of a strong neutral action in the hover state. */
881
881
  --gl-action-strong-neutral-background-color-focus: var(--gl-action-strong-neutral-background-color-hover); /* Used for the background of a strong neutral action in the focus state. */
882
882
  --gl-action-strong-confirm-border-color-hover: var(--gl-action-strong-confirm-border-color-default); /* Used for the border of a strong confirm action in the hover state. */
883
883
  --gl-action-strong-confirm-foreground-color-hover: var(--gl-action-strong-confirm-foreground-color-default); /* Used for the foreground of a strong confirm action in the hover state. */
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -30,10 +30,10 @@ export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for
30
30
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a neutral action in the hover state.
31
31
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral action in the focus state.
32
32
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral action in the active state.
33
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#428fdc'; // Used for the foreground of a confirm (positive) action in the default state.
34
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#9dc7f1'; // Used for the foreground of a confirm (positive) action in the hover state.
35
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#9dc7f1'; // Used for the foreground of a confirm (positive) action in the focus state.
36
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#e9f3fc'; // Used for the foreground of a confirm (positive) action in the active state.
33
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#9dc7f1'; // Used for the foreground of a confirm (positive) action in the default state.
34
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#cbe2f9'; // Used for the foreground of a confirm (positive) action in the hover state.
35
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#cbe2f9'; // Used for the foreground of a confirm (positive) action in the focus state.
36
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the foreground of a confirm (positive) action in the active state.
37
37
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)'; // Used for the background of a confirm (positive) action in the default state.
38
38
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)'; // Used for the background of a confirm (positive) action in the hover state.
39
39
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)'; // Used for the background of a confirm (positive) action in the focus state.
@@ -42,10 +42,10 @@ export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'transparent'; // Used for
42
42
  export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a confirm action in the hover state.
43
43
  export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a confirm action in the focus state.
44
44
  export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a confirm action in the active state.
45
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#ec5941'; // Used for the foreground of a danger (destructive) action in the default state.
46
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#fcb5aa'; // Used for the foreground of a danger (destructive) action in the hover state.
47
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#fcb5aa'; // Used for the foreground of a danger (destructive) action in the focus state.
48
- export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#fcf1ef'; // Used for the foreground of a danger (destructive) action in the active state.
45
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#fcb5aa'; // Used for the foreground of a danger (destructive) action in the default state.
46
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#fdd4cd'; // Used for the foreground of a danger (destructive) action in the hover state.
47
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#fdd4cd'; // Used for the foreground of a danger (destructive) action in the focus state.
48
+ export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the foreground of a danger (destructive) action in the active state.
49
49
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)'; // Used for the background of a danger (destructive) action in the default state.
50
50
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)'; // Used for the background of a danger (destructive) action in the hover state.
51
51
  export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)'; // Used for the background of a danger (destructive) action in the focus state.
@@ -54,10 +54,10 @@ export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for
54
54
  export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a danger action in the hover state.
55
55
  export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger action in the focus state.
56
56
  export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger action in the active state.
57
- export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#428fdc'; // Used for the background of a strong confirm action in the default state.
58
- export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#63a6e9'; // Used for the background of a strong confirm action in the hover state.
59
- export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#63a6e9'; // Used for the background of a strong confirm action in the focus state.
60
- export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#9dc7f1'; // Used for the background of a strong confirm action in the active state.
57
+ export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#63a6e9'; // Used for the background of a strong confirm action in the default state.
58
+ export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#9dc7f1'; // Used for the background of a strong confirm action in the hover state.
59
+ export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#9dc7f1'; // Used for the background of a strong confirm action in the focus state.
60
+ export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#428fdc'; // Used for the background of a strong confirm action in the active state.
61
61
  export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#18171d'; // Used for the foreground of a strong confirm action in the default state.
62
62
  export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d'; // Used for the foreground of a strong confirm action in the hover state.
63
63
  export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d'; // Used for the foreground of a strong confirm action in the focus state.
@@ -71,9 +71,9 @@ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#626168'; // Use
71
71
  export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#626168'; // Used for the background of a strong neutral action in the focus state.
72
72
  export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#737278'; // Used for the background of a strong neutral action in the active state.
73
73
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of a strong neutral action in the default state.
74
- export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a strong neutral action in the hover state.
75
- export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a strong neutral action in the focus state.
76
- export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef'; // Used for the foreground of a strong neutral action in the active state.
74
+ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a strong neutral action in the hover state.
75
+ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a strong neutral action in the focus state.
76
+ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a strong neutral action in the active state.
77
77
  export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a strong neutral action in the default state.
78
78
  export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a strong neutral action in the hover state.
79
79
  export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a strong neutral action in the focus state.
@@ -510,14 +510,14 @@ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#ececef'; //
510
510
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a default primary button in the hover state.
511
511
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a default primary button in the focus state.
512
512
  export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#ececef'; // Used for the foreground of a default primary button in the active state.
513
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#28272d'; // Used for the background of an default primary button in the default state.
514
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = '#28272d'; // Used for the background of an default primary button in the hover state.
515
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = '#28272d'; // Used for the background of an default primary button in the focus state.
516
- export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the background of an default primary button in the active state.
517
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = '#4c4b51'; // Used for the border of an default primary button in the default state.
518
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = '#737278'; // Used for the border of an default primary button in the hover state.
519
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = '#737278'; // Used for the border of an default primary button in the focus state.
520
- export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = '#a4a3a8'; // Used for the border of an default primary button in the active state.
513
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.4)'; // Used for the background of an default primary button in the default state.
514
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.64)'; // Used for the background of an default primary button in the hover state.
515
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.64)'; // Used for the background of an default primary button in the focus state.
516
+ export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.32)'; // Used for the background of an default primary button in the active state.
517
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an default primary button in the default state.
518
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of an default primary button in the hover state.
519
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an default primary button in the focus state.
520
+ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an default primary button in the active state.
521
521
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used for the foreground of a default borderless, tertiary button in the default state.
522
522
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a default borderless, tertiary button in the hover state.
523
523
  export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a default borderless, tertiary button in the focus state.
@@ -534,30 +534,30 @@ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d'; //
534
534
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d'; // Used for the foreground of a confirm (positive) primary button in the hover state.
535
535
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d'; // Used for the foreground of a confirm (positive) primary button in the focus state.
536
536
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#18171d'; // Used for the foreground of a confirm (positive) primary button in the active state.
537
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#428fdc'; // Used for the background of a confirm (positive) primary button in the default state.
538
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#63a6e9'; // Used for the background of a confirm (positive) primary button in the hover state.
539
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#63a6e9'; // Used for the background of a confirm (positive) primary button in the focus state.
540
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#9dc7f1'; // Used for the background of a confirm (positive) primary button in the active state.
541
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = '#63a6e9'; // Used for the border of a confirm (positive) primary button in the default state.
542
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = '#cbe2f9'; // Used for the border of a confirm (positive) primary button in the hover state.
543
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = '#cbe2f9'; // Used for the border of a confirm (positive) primary button in the focus state.
544
- export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = '#e9f3fc'; // Used for the border of a confirm (positive) primary button in the active state.
545
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#428fdc'; // Used for the foreground of a confirm (positive) button in the default state.
546
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#9dc7f1'; // Used for the foreground of a confirm (positive) button in the hover state.
547
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#9dc7f1'; // Used for the foreground of a confirm (positive) button in the focus state.
548
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#e9f3fc'; // Used for the foreground of a confirm (positive) button in the active state.
549
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#28272d'; // Used for the background of an outlined confirm (positive) button in the default state.
550
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = '#033464'; // Used for the background of an outlined confirm (positive) button in the hover state.
551
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = '#033464'; // Used for the background of an outlined confirm (positive) button in the focus state.
552
- export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#064787'; // Used for the background of an outlined confirm (positive) button in the active state.
553
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = '#428fdc'; // Used for the border of an outlined confirm (positive) button in the default state.
554
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = '#9dc7f1'; // Used for the border of an outlined confirm (positive) button in the hover state.
555
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = '#9dc7f1'; // Used for the border of an outlined confirm (positive) button in the focus state.
556
- export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = '#e9f3fc'; // Used for the border of an outlined confirm (positive) button in the active state.
557
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#428fdc'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.
558
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#9dc7f1'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.
559
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#9dc7f1'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state.
560
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#e9f3fc'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.
537
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#63a6e9'; // Used for the background of a confirm (positive) primary button in the default state.
538
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#9dc7f1'; // Used for the background of a confirm (positive) primary button in the hover state.
539
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#9dc7f1'; // Used for the background of a confirm (positive) primary button in the focus state.
540
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#428fdc'; // Used for the background of a confirm (positive) primary button in the active state.
541
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a confirm (positive) primary button in the default state.
542
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a confirm (positive) primary button in the hover state.
543
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a confirm (positive) primary button in the focus state.
544
+ export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a confirm (positive) primary button in the active state.
545
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#cbe2f9'; // Used for the foreground of a confirm (positive) button in the default state.
546
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#cbe2f9'; // Used for the foreground of a confirm (positive) button in the hover state.
547
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9'; // Used for the foreground of a confirm (positive) button in the focus state.
548
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the foreground of a confirm (positive) button in the active state.
549
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.4)'; // Used for the background of an outlined confirm (positive) button in the default state.
550
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.64)'; // Used for the background of an outlined confirm (positive) button in the hover state.
551
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.64)'; // Used for the background of an outlined confirm (positive) button in the focus state.
552
+ export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(66, 143, 220, 0.32)'; // Used for the background of an outlined confirm (positive) button in the active state.
553
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an outlined confirm (positive) button in the default state.
554
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of an outlined confirm (positive) button in the hover state.
555
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an outlined confirm (positive) button in the focus state.
556
+ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an outlined confirm (positive) button in the active state.
557
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#9dc7f1'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.
558
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#cbe2f9'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.
559
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#cbe2f9'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state.
560
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#cbe2f9'; // Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.
561
561
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(66, 143, 220, 0.0)'; // Used for the background of a borderless, tertiary confirm (positive) button in the default state.
562
562
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(66, 143, 220, 0.4)'; // Used for the background of a borderless, tertiary confirm (positive) button in the hover state.
563
563
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(66, 143, 220, 0.4)'; // Used for the background of a borderless, tertiary confirm (positive) button in the focus state.
@@ -566,34 +566,34 @@ export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_DEFAULT = 'transparent'; //
566
566
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the hover state.
567
567
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the focus state.
568
568
  export const GL_BUTTON_CONFIRM_TERTIARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a borderless, tertiary confirm (positive) button in the active state.
569
- export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff'; // Used for the foreground of a danger (destructive) primary button in the default state.
570
- export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff'; // Used for the foreground of a danger (destructive) primary button in the hover state.
571
- export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff'; // Used for the foreground of a danger (destructive) primary button in the focus state.
572
- export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff'; // Used for the foreground of a danger (destructive) primary button in the active state.
573
- export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#ec5941'; // Used for the background of a danger (destructive) primary button in the default state.
574
- export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#f57f6c'; // Used for the background of a danger (destructive) primary button in the hover state.
575
- export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#f57f6c'; // Used for the background of a danger (destructive) primary button in the focus state.
576
- export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the background of a danger (destructive) primary button in the active state.
577
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = '#f57f6c'; // Used for the border of a danger (destructive) primary button in the default state.
578
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = '#fdd4cd'; // Used for the border of a danger (destructive) primary button in the hover state.
579
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = '#fdd4cd'; // Used for the border of a danger (destructive) primary button in the focus state.
580
- export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = '#fcf1ef'; // Used for the border of a danger (destructive) primary button in the active state.
581
- export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#ec5941'; // Used for the foreground of a danger (destructive) button in the default state.
582
- export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#fcb5aa'; // Used for the foreground of a danger (destructive) button in the hover state.
583
- export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#fcb5aa'; // Used for the foreground of a danger (destructive) button in the focus state.
569
+ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d'; // Used for the foreground of a danger (destructive) primary button in the default state.
570
+ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d'; // Used for the foreground of a danger (destructive) primary button in the hover state.
571
+ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d'; // Used for the foreground of a danger (destructive) primary button in the focus state.
572
+ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#18171d'; // Used for the foreground of a danger (destructive) primary button in the active state.
573
+ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#f57f6c'; // Used for the background of a danger (destructive) primary button in the default state.
574
+ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#fcb5aa'; // Used for the background of a danger (destructive) primary button in the hover state.
575
+ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#fcb5aa'; // Used for the background of a danger (destructive) primary button in the focus state.
576
+ export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#ec5941'; // Used for the background of a danger (destructive) primary button in the active state.
577
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger (destructive) primary button in the default state.
578
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of a danger (destructive) primary button in the hover state.
579
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger (destructive) primary button in the focus state.
580
+ export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger (destructive) primary button in the active state.
581
+ export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#fdd4cd'; // Used for the foreground of a danger (destructive) button in the default state.
582
+ export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#fcf1ef'; // Used for the foreground of a danger (destructive) button in the hover state.
583
+ export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#fcf1ef'; // Used for the foreground of a danger (destructive) button in the focus state.
584
584
  export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#fcf1ef'; // Used for the foreground of a danger (destructive) button in the active state.
585
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#28272d'; // Used for the background of an outlined danger (destructive) button in the default state.
586
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = '#660e00'; // Used for the background of an outlined danger (destructive) button in the hover state.
587
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = '#660e00'; // Used for the background of an outlined danger (destructive) button in the focus state.
588
- export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#8d1300'; // Used for the background of an outlined danger (destructive) button in the active state.
589
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '#ec5941'; // Used for the border of an outlined danger (destructive) button in the default state.
590
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '#fcb5aa'; // Used for the border of an outlined danger (destructive) button in the hover state.
591
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '#fcb5aa'; // Used for the border of an outlined danger (destructive) button in the focus state.
592
- export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '#fcf1ef'; // Used for the border of an outlined danger (destructive) button in the active state.
593
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ec5941'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.
594
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#fcb5aa'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.
595
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#fcb5aa'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.
596
- export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#fcf1ef'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.
585
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.40)'; // Used for the background of an outlined danger (destructive) button in the default state.
586
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.64)'; // Used for the background of an outlined danger (destructive) button in the hover state.
587
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.64)'; // Used for the background of an outlined danger (destructive) button in the focus state.
588
+ export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.32)'; // Used for the background of an outlined danger (destructive) button in the active state.
589
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an outlined danger (destructive) button in the default state.
590
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = 'transparent'; // Used for the border of an outlined danger (destructive) button in the hover state.
591
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an outlined danger (destructive) button in the focus state.
592
+ export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an outlined danger (destructive) button in the active state.
593
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#fcb5aa'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.
594
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#fdd4cd'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.
595
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#fdd4cd'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.
596
+ export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#fdd4cd'; // Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.
597
597
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.0)'; // Used for the background of a borderless, tertiary danger (destructive) button in the default state.
598
598
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)'; // Used for the background of a borderless, tertiary danger (destructive) button in the hover state.
599
599
  export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)'; // Used for the background of a borderless, tertiary danger (destructive) button in the focus state.
@@ -614,17 +614,17 @@ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#ececef'; // Used fo
614
614
  export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#ececef'; // Used for the foreground of a selected button in the hover state.
615
615
  export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#ececef'; // Used for the foreground of a selected button in the focus state.
616
616
  export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#ececef'; // Used for the foreground of a selected button in the active state.
617
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#28272d'; // Used for the background of a selected button in the default state.
618
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#28272d'; // Used for the background of a selected button in the hover state.
619
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#28272d'; // Used for the background of a selected button in the focus state.
620
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the background of a selected button in the active state.
617
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.4)'; // Used for the background of a selected button in the default state.
618
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.64)'; // Used for the background of a selected button in the hover state.
619
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.64)'; // Used for the background of a selected button in the focus state.
620
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = 'rgba(137, 136, 141, 0.32)'; // Used for the background of a selected button in the active state.
621
621
  export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = '#626168'; // Used for the border of a selected button in the default state.
622
622
  export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = '#737278'; // Used for the border of a selected button in the hover state.
623
623
  export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = '#737278'; // Used for the border of a selected button in the focus state.
624
624
  export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = '#a4a3a8'; // Used for the border of a selected button in the active state.
625
625
  export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#89888d'; // Used for the foreground of a disabled button.
626
- export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = '#18171d'; // Used for the background of a disabled button.
627
- export const GL_BUTTON_DISABLED_BORDER_COLOR = '#3a383f'; // Used for the border of a disabled button.
626
+ export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = 'rgba(137, 136, 141, 0.16)'; // Used for the background of a disabled button.
627
+ export const GL_BUTTON_DISABLED_BORDER_COLOR = 'transparent'; // Used for the border of a disabled button.
628
628
  export const GL_DATEPICKER_BACKGROUND_COLOR = '#28272d'; // Used for the background color of datepicker.
629
629
  export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#18171d'; // Used for the datepicker date text color state indicators.
630
630
  export const GL_DROPDOWN_BACKGROUND_COLOR = '#28272d'; // Used for the background of a dropdown.
@@ -686,10 +686,10 @@ export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#4c4b51'; // Used
686
686
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#626168'; // Used for the icon color of an unchecked toggle switch in the hover state.
687
687
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#626168'; // Used for the icon color of an unchecked toggle switch in the focus state.
688
688
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE = '#737278'; // Used for the icon color of an unchecked toggle switch in the active state.
689
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#428fdc'; // Used for the icon color of a checked toggle switch in the default state.
690
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#63a6e9'; // Used for the icon color of a checked toggle switch in the hover state.
691
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#63a6e9'; // Used for the icon color of a checked toggle switch in the focus state.
692
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#9dc7f1'; // Used for the icon color of a checked toggle switch in the active state.
689
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#63a6e9'; // Used for the icon color of a checked toggle switch in the default state.
690
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#9dc7f1'; // Used for the icon color of a checked toggle switch in the hover state.
691
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#9dc7f1'; // Used for the icon color of a checked toggle switch in the focus state.
692
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#428fdc'; // Used for the icon color of a checked toggle switch in the active state.
693
693
  export const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#28272d'; // Used for the icon color of a disabled toggle switch.
694
694
  export const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#626168'; // Used for the background color of a token in a token-selector when it's token-container is in the focus state.
695
695
  export const GL_TOKEN_FOREGROUND_COLOR = '#ececef'; // Used for the token foreground color.