@esri/calcite-design-tokens 1.1.1-next.1 → 2.0.0-rc.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 (148) hide show
  1. package/README.md +7 -9
  2. package/dist/css/breakpoint.css +29 -0
  3. package/dist/css/classes.css +327 -0
  4. package/dist/css/core.css +344 -0
  5. package/dist/css/dark.css +45 -0
  6. package/dist/css/global.css +103 -0
  7. package/dist/css/index.css +176 -0
  8. package/dist/css/light.css +45 -0
  9. package/dist/es6/core.d.ts +342 -0
  10. package/dist/es6/core.js +342 -0
  11. package/dist/es6/global.d.ts +207 -0
  12. package/dist/es6/global.js +207 -0
  13. package/dist/js/core.d.ts +466 -0
  14. package/dist/js/core.js +8795 -0
  15. package/dist/js/global.d.ts +331 -0
  16. package/dist/js/global.js +6597 -0
  17. package/dist/scss/breakpoints.scss +37 -0
  18. package/dist/scss/core.scss +342 -0
  19. package/dist/scss/dark.scss +43 -0
  20. package/dist/scss/index.scss +92 -0
  21. package/dist/scss/light.scss +43 -0
  22. package/dist/scss/mixins.scss +342 -0
  23. package/package.json +28 -21
  24. package/.eslintrc.cjs +0 -85
  25. package/.turbo/turbo-build.log +0 -7034
  26. package/.turbo/turbo-test.log +0 -14
  27. package/CHANGELOG.md +0 -29
  28. package/CONTRIBUTING.md +0 -41
  29. package/dist/css/brand-light.css +0 -9
  30. package/dist/css/calcite-dark.css +0 -504
  31. package/dist/css/calcite-headless.css +0 -2615
  32. package/dist/css/calcite-light.css +0 -507
  33. package/dist/es6/brand-light.d.ts +0 -7
  34. package/dist/es6/brand-light.js +0 -7
  35. package/dist/es6/calcite-dark.d.ts +0 -502
  36. package/dist/es6/calcite-dark.js +0 -502
  37. package/dist/es6/calcite-headless.d.ts +0 -2613
  38. package/dist/es6/calcite-headless.js +0 -2613
  39. package/dist/es6/calcite-light.d.ts +0 -505
  40. package/dist/es6/calcite-light.js +0 -505
  41. package/dist/js/brand-light.d.ts +0 -72
  42. package/dist/js/brand-light.js +0 -95
  43. package/dist/js/calcite-dark.d.ts +0 -563
  44. package/dist/js/calcite-dark.js +0 -10024
  45. package/dist/js/calcite-headless.d.ts +0 -1730
  46. package/dist/js/calcite-headless.js +0 -50082
  47. package/dist/js/calcite-light.d.ts +0 -544
  48. package/dist/js/calcite-light.js +0 -10090
  49. package/dist/scss/calcite-dark.scss +0 -535
  50. package/dist/scss/calcite-headless.scss +0 -3012
  51. package/dist/scss/calcite-light.scss +0 -538
  52. package/jest.config.json +0 -16
  53. package/src/$metadata.json +0 -76
  54. package/src/$themes.json +0 -2363
  55. package/src/brand/dark.json +0 -1
  56. package/src/brand/global.json +0 -1
  57. package/src/brand/light.json +0 -20
  58. package/src/calcite/dark.json +0 -2488
  59. package/src/calcite/light.json +0 -2508
  60. package/src/component/accordion-item.json +0 -172
  61. package/src/component/accordion.json +0 -192
  62. package/src/component/action-bar-grid.json +0 -66
  63. package/src/component/action-bar.json +0 -66
  64. package/src/component/action-pad-grid.json +0 -80
  65. package/src/component/action-pad.json +0 -80
  66. package/src/component/action.json +0 -156
  67. package/src/component/alert.json +0 -258
  68. package/src/component/avatar.json +0 -140
  69. package/src/component/block-section.json +0 -124
  70. package/src/component/block.json +0 -198
  71. package/src/component/button.json +0 -650
  72. package/src/component/card.json +0 -116
  73. package/src/component/checkbox.json +0 -110
  74. package/src/component/chip.json +0 -382
  75. package/src/component/color-picker.json +0 -148
  76. package/src/component/combobox.json +0 -152
  77. package/src/component/date-picker.json +0 -354
  78. package/src/component/dropdown-item.json +0 -384
  79. package/src/component/dropdown.json +0 -58
  80. package/src/component/fab.json +0 -490
  81. package/src/component/filter.json +0 -174
  82. package/src/component/icon.json +0 -18
  83. package/src/component/input-date-picker.json +0 -224
  84. package/src/component/input-datetime-local.json +0 -230
  85. package/src/component/input-email.json +0 -244
  86. package/src/component/input-file.json +0 -244
  87. package/src/component/input-message.json +0 -72
  88. package/src/component/input-month.json +0 -244
  89. package/src/component/input-number.json +0 -244
  90. package/src/component/input-password.json +0 -244
  91. package/src/component/input-search.json +0 -244
  92. package/src/component/input-telephone.json +0 -244
  93. package/src/component/input-text.json +0 -244
  94. package/src/component/input-time.json +0 -1
  95. package/src/component/input-week.json +0 -244
  96. package/src/component/label.json +0 -26
  97. package/src/component/link.json +0 -44
  98. package/src/component/loader.json +0 -130
  99. package/src/component/modal.json +0 -278
  100. package/src/component/notice.json +0 -280
  101. package/src/component/pagination.json +0 -152
  102. package/src/component/panel-header.json +0 -88
  103. package/src/component/popover.json +0 -170
  104. package/src/component/radio.json +0 -124
  105. package/src/component/rating.json +0 -243
  106. package/src/component/scrim.json +0 -18
  107. package/src/component/segmented-control.json +0 -154
  108. package/src/component/slider-histogram-range.json +0 -284
  109. package/src/component/slider-histogram.json +0 -280
  110. package/src/component/slider-range.json +0 -226
  111. package/src/component/slider.json +0 -226
  112. package/src/component/split-button.json +0 -830
  113. package/src/component/stepper-item.json +0 -372
  114. package/src/component/stepper.json +0 -152
  115. package/src/component/switch.json +0 -178
  116. package/src/component/tab-title.json +0 -228
  117. package/src/component/tabs.json +0 -242
  118. package/src/component/textarea.json +0 -200
  119. package/src/component/time-picker.json +0 -138
  120. package/src/component/tip-manager.json +0 -118
  121. package/src/component/tip.json +0 -114
  122. package/src/component/tooltip.json +0 -66
  123. package/src/component/tree-item.json +0 -176
  124. package/src/core.json +0 -1833
  125. package/src/semantic.json +0 -1709
  126. package/support/run.ts +0 -16
  127. package/support/token-transformer/format/javascript.ts +0 -22
  128. package/support/token-transformer/format/scss.ts +0 -81
  129. package/support/token-transformer/getThemes.ts +0 -41
  130. package/support/token-transformer/parse/expandComposites.test.ts +0 -144
  131. package/support/token-transformer/parse/expandComposites.ts +0 -72
  132. package/support/token-transformer/sd-run.ts +0 -191
  133. package/support/token-transformer/transform/nameCamelCase.test.ts +0 -36
  134. package/support/token-transformer/transform/nameCamelCase.ts +0 -15
  135. package/support/token-transformer/transform/nameKebabCase.test.ts +0 -36
  136. package/support/token-transformer/transform/nameKebabCase.ts +0 -26
  137. package/support/token-transformer/utils/compositeTokens.test.ts +0 -133
  138. package/support/token-transformer/utils/compositeTokens.ts +0 -103
  139. package/support/token-transformer/utils/convertTokenToStyleDictionaryFormat.ts +0 -20
  140. package/support/token-transformer/utils/matchList.ts +0 -11
  141. package/support/token-transformer/utils/parseName.ts +0 -18
  142. package/support/token-transformer/utils/parseTokenPath.ts +0 -19
  143. package/support/token-transformer/utils/regex.ts +0 -9
  144. package/support/token-transformer/utils/sortAllTokens.ts +0 -12
  145. package/support/token-transformer/utils/transformOptions.ts +0 -31
  146. package/tsconfig-base.json +0 -17
  147. package/tsconfig-eslint.json +0 -4
  148. package/tsconfig.json +0 -4
package/.turbo/turbo-test.log DELETED
@@ -1,14 +0,0 @@
1
-
2
- > @esri/calcite-design-tokens@1.1.1-next.0 test
3
- > jest
4
-
5
- PASS support/token-transformer/transform/nameKebabCase.test.ts (16.621 s)
6
- PASS support/token-transformer/utils/compositeTokens.test.ts (17.311 s)
7
- PASS support/token-transformer/transform/nameCamelCase.test.ts
8
- PASS support/token-transformer/parse/expandComposites.test.ts (18.939 s)
9
-
10
- Test Suites: 4 passed, 4 total
11
- Tests: 12 passed, 12 total
12
- Snapshots: 0 total
13
- Time: 19.965 s
14
- Ran all test suites.
package/CHANGELOG.md DELETED
@@ -1,29 +0,0 @@
1
- # Change Log
2
-
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- ## [1.1.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@1.1.1-next.0...@esri/calcite-design-tokens@1.1.1-next.1) (2023-11-18)
7
-
8
- **Note:** Version bump only for package @esri/calcite-design-tokens
9
-
10
- ## [1.1.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@1.1.0...@esri/calcite-design-tokens@1.1.1-next.0) (2023-10-31)
11
-
12
- **Note:** Version bump only for package @esri/calcite-design-tokens
13
-
14
- ## [1.1.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@1.0.0...@esri/calcite-design-tokens@1.1.0) (2023-10-30)
15
-
16
- ### Features
17
-
18
- - Add icon tokens ([#8008](https://github.com/Esri/calcite-design-system/issues/8008)) ([3623df1](https://github.com/Esri/calcite-design-system/commit/3623df1bbd5413bf5198fb343b342030ee1d40b8))
19
- - Add js platform formats to calcite-design-tokens ([#8044](https://github.com/Esri/calcite-design-system/issues/8044)) ([0e1fefb](https://github.com/Esri/calcite-design-system/commit/0e1fefbd93bc37bad7006b1c15d1ed633bfb454e))
20
- - Add xxs breakpoint to tokens ([#7992](https://github.com/Esri/calcite-design-system/issues/7992)) ([05512b6](https://github.com/Esri/calcite-design-system/commit/05512b6e5b58d4391972dfc9bbf559503301a025))
21
- - Reorganize breakpoints ([#7994](https://github.com/Esri/calcite-design-system/issues/7994)) ([c64a059](https://github.com/Esri/calcite-design-system/commit/c64a059f9b4f9865bc7234ad6892570ed419d779))
22
-
23
- ## [1.0.0](2023-05-11)
24
-
25
- ### Features
26
-
27
- - Uses @token-studio tokens format
28
- - Add css platform
29
- - Add scss platform
package/CONTRIBUTING.md DELETED
@@ -1,41 +0,0 @@
1
- # Contributing to `calcite-design-tokens`
2
-
3
- This document contains information about contributing to the `calcite-design-tokens` package. Please read the general [CONTRIBUTING](../../CONTRIBUTING.md) document first, which includes initial setup, commit message conventions, and more.
4
-
5
- ## Project scripts
6
-
7
- ### Build
8
-
9
- Build the tokens to platform asset formats like CSS, SCSS, and JavaScript.
10
-
11
- `npm --workspace=packages/calcite-design-tokens run build`
12
-
13
- ## Test
14
-
15
- Be sure your code passes our integration and unit tests
16
-
17
- ```bash
18
- # Test current code
19
- npm --workspace=packages/calcite-design-tokens run test
20
- ```
21
-
22
- ## Understanding token files
23
-
24
- All token files may be updated by the Figma Token Studio plugin. These can also be updated in the code directly. Any changes to token files must be reviewed by the Calcite Design Team.
25
-
26
- | Name | Description |
27
- | -------------------- | ----------------------------------------------------------------------------------------------------------------- |
28
- | `src/$metadata.json` | This file is used by Figma Token Studio but is not used to determine final token asset output. |
29
- | `src/$themes.json` | Each theme defined in this file will output a token asset in each format defined in the token transformer config. |
30
- | `src/core.json` | The core design tokens upon which the rest of the tokens are built. |
31
- | `src/semantic.json` | The semantic design tokens used by theme files and components. |
32
- | `src/component/` | The component design tokens. These are used by themes. |
33
- | `src/calcite/` | The Calcite themes. This currently consists of a light and dark theme. |
34
-
35
- ### Open a PR
36
-
37
- Designers working in Figma will need to manually open a PR through GitHub after updating their branch via the Figma plugin. PRs should be opened against main.
38
-
39
- ### Wait for reviewers
40
-
41
- All Token PRs require sign-off from a Calcite Designer and Engineer before merging into main.
package/dist/css/brand-light.css DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Sat, 18 Nov 2023 06:38:03 GMT
4
- */
5
-
6
- :root {
7
- --calcite-app-font-size-6: 26px;
8
- --calcite-breakpoint-width-lg: [object Object];
9
- }
package/dist/css/calcite-dark.css DELETED
@@ -1,504 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Sat, 18 Nov 2023 06:38:05 GMT
4
- */
5
-
6
- :root {
7
- --calcite-ui-brand: #009af2;
8
- --calcite-ui-brand-hover: #007ac2;
9
- --calcite-ui-brand-press: #00619b;
10
- --calcite-ui-background-1: #353535;
11
- --calcite-ui-foreground-1: #2b2b2b;
12
- --calcite-ui-foreground-2: #202020;
13
- --calcite-ui-foreground-3: #151515;
14
- --calcite-ui-text-1: #ffffff;
15
- --calcite-ui-text-2: #bfbfbf;
16
- --calcite-ui-text-3: #9f9f9f;
17
- --calcite-ui-text-inverse: #151515;
18
- --calcite-ui-text-link: #00A0FF;
19
- --calcite-ui-border-1: #555555;
20
- --calcite-ui-border-2: #4a4a4a;
21
- --calcite-ui-border-3: #404040;
22
- --calcite-ui-border-input: #757575;
23
- --calcite-ui-info: #00A0FF;
24
- --calcite-ui-info-hover: #3db8ff;
25
- --calcite-ui-info-press: #009af2;
26
- --calcite-ui-success: #36DA43;
27
- --calcite-ui-success-hover: #3bed52;
28
- --calcite-ui-success-press: #00b81b;
29
- --calcite-ui-warning: #FFC900;
30
- --calcite-ui-warning-hover: #ffee33;
31
- --calcite-ui-warning-press: #f5d000;
32
- --calcite-ui-danger: #FE583E;
33
- --calcite-ui-danger-hover: #ff0015;
34
- --calcite-ui-danger-press: #d90012;
35
- --calcite-ui-inverse: #f8f8f8;
36
- --calcite-ui-component-avatar-font: #9f9f9f;
37
- --calcite-ui-component-avatar-icon: #9f9f9f;
38
- --calcite-ui-component-avatar-background: #202020;
39
- --calcite-ui-component-avatar-background-red: #4f0e08;
40
- --calcite-ui-component-avatar-background-teal: #004d4c;
41
- --calcite-ui-component-avatar-background-blue: #00304d;
42
- --calcite-ui-component-avatar-background-green: #384813;
43
- --calcite-ui-component-avatar-background-yellow: #5c4e00;
44
- --calcite-ui-component-checkbox-font: #ffffff;
45
- --calcite-ui-component-checkbox-background: #2b2b2b;
46
- --calcite-ui-component-checkbox-background-selected: #009af2;
47
- --calcite-ui-component-checkbox-icon: #151515;
48
- --calcite-ui-component-checkbox-border: #757575;
49
- --calcite-ui-component-radio-font: #ffffff;
50
- --calcite-ui-component-radio-background: #2b2b2b;
51
- --calcite-ui-component-radio-border-unchecked: #9f9f9f;
52
- --calcite-ui-component-radio-border-checked: #009af2;
53
- --calcite-ui-component-chip-font-clear: #ffffff;
54
- --calcite-ui-component-chip-font-solid-grey: #ffffff;
55
- --calcite-ui-component-chip-font-solid-blue: #151515;
56
- --calcite-ui-component-chip-font-solid-red: #151515;
57
- --calcite-ui-component-chip-font-solid-yellow: #151515;
58
- --calcite-ui-component-chip-font-solid-green: #151515;
59
- --calcite-ui-component-chip-icon-clear: #ffffff;
60
- --calcite-ui-component-chip-icon-solid-grey: #ffffff;
61
- --calcite-ui-component-chip-icon-solid-blue: #151515;
62
- --calcite-ui-component-chip-icon-solid-red: #151515;
63
- --calcite-ui-component-chip-icon-solid-yellow: #151515;
64
- --calcite-ui-component-chip-icon-solid-green: #151515;
65
- --calcite-ui-component-chip-closable-icon: #9f9f9f;
66
- --calcite-ui-component-chip-background-solid-grey: #202020;
67
- --calcite-ui-component-chip-background-solid-blue: #00A0FF;
68
- --calcite-ui-component-chip-background-solid-red: #FE583E;
69
- --calcite-ui-component-chip-background-solid-yellow: #FFC900;
70
- --calcite-ui-component-chip-background-solid-green: #36DA43;
71
- --calcite-ui-component-chip-border-clear-grey: #555555;
72
- --calcite-ui-component-chip-border-clear-blue: #00A0FF;
73
- --calcite-ui-component-chip-border-clear-red: #FE583E;
74
- --calcite-ui-component-chip-border-clear-yellow: #FFC900;
75
- --calcite-ui-component-chip-border-clear-green: #36DA43;
76
- --calcite-ui-component-label-font: #ffffff;
77
- --calcite-ui-component-loader-font: #ffffff;
78
- --calcite-ui-component-loader-foreground: #009af2;
79
- --calcite-ui-component-loader-inline-foreground-indeterminate: #ffffff;
80
- --calcite-ui-component-loader-inline-foreground-determinate: #009af2;
81
- --calcite-ui-component-rating-star-background: #757575;
82
- --calcite-ui-component-rating-star-background-active: #009af2;
83
- --calcite-ui-component-rating-star-background-average: #FFC900;
84
- --calcite-ui-component-rating-chip-count-font: #bfbfbf;
85
- --calcite-ui-component-rating-chip-foreground: #202020;
86
- --calcite-ui-component-tooltip-foreground: #2b2b2b;
87
- --calcite-ui-component-tooltip-border: #404040;
88
- --calcite-ui-component-tooltip-font: #ffffff;
89
- --calcite-ui-component-accordion-item-font-heading: #ffffff;
90
- --calcite-ui-component-accordion-item-font-description: #9f9f9f;
91
- --calcite-ui-component-accordion-item-icon: #9f9f9f;
92
- --calcite-ui-component-accordion-item-icon-expanded: #ffffff;
93
- --calcite-ui-component-accordion-item-background: #2b2b2b;
94
- --calcite-ui-component-accordion-item-border: #4a4a4a;
95
- --calcite-ui-component-input-message-font: #ffffff;
96
- --calcite-ui-component-input-message-icon-idle: #009af2;
97
- --calcite-ui-component-input-message-icon-invalid: #FE583E;
98
- --calcite-ui-component-input-message-icon-valid: #36DA43;
99
- --calcite-ui-component-alert-font-title: #ffffff;
100
- --calcite-ui-component-alert-font-message: #9f9f9f;
101
- --calcite-ui-component-alert-background: #202020;
102
- --calcite-ui-component-alert-border: #404040;
103
- --calcite-ui-component-alert-icon-blue: #00A0FF;
104
- --calcite-ui-component-alert-icon-green: #36DA43;
105
- --calcite-ui-component-alert-icon-yellow: #FFC900;
106
- --calcite-ui-component-alert-icon-red: #FE583E;
107
- --calcite-ui-component-alert-highlight-blue: #00A0FF;
108
- --calcite-ui-component-alert-highlight-green: #36DA43;
109
- --calcite-ui-component-alert-highlight-yellow: #FFC900;
110
- --calcite-ui-component-alert-highlight-red: #FE583E;
111
- --calcite-ui-component-color-picker-font-label: #ffffff;
112
- --calcite-ui-component-color-picker-icon: #ffffff;
113
- --calcite-ui-component-color-picker-border: #555555;
114
- --calcite-ui-component-color-picker-background: #2b2b2b;
115
- --calcite-ui-component-date-picker-font-date: #9f9f9f;
116
- --calcite-ui-component-date-picker-font-day: #9f9f9f;
117
- --calcite-ui-component-date-picker-font-month: #ffffff;
118
- --calcite-ui-component-date-picker-font-range-date: #ffffff;
119
- --calcite-ui-component-date-picker-font-selected-date: #151515;
120
- --calcite-ui-component-date-picker-font-active-date: #ffffff;
121
- --calcite-ui-component-date-picker-icon: #9f9f9f;
122
- --calcite-ui-component-date-picker-border: #555555;
123
- --calcite-ui-component-date-picker-date-active-border: #2b2b2b;
124
- --calcite-ui-component-date-picker-background: #2b2b2b;
125
- --calcite-ui-component-date-picker-background-date-range: #214155;
126
- --calcite-ui-component-date-picker-background-date-active: #009af2;
127
- --calcite-ui-component-input-date-picker-font-placeholder-value: #ffffff;
128
- --calcite-ui-component-input-date-picker-font-label: #ffffff;
129
- --calcite-ui-component-input-date-picker-icon: #9f9f9f;
130
- --calcite-ui-component-input-date-picker-border: #757575;
131
- --calcite-ui-component-input-date-picker-background: #2b2b2b;
132
- --calcite-ui-component-input-date-picker-background-arrow: #353535;
133
- --calcite-ui-component-input-date-picker-background-read-only: #353535;
134
- --calcite-ui-component-input-datetime-local-font-placeholder-value: #ffffff;
135
- --calcite-ui-component-input-datetime-local-font-label: #ffffff;
136
- --calcite-ui-component-input-datetime-local-font-prefix-suffix: #bfbfbf;
137
- --calcite-ui-component-input-datetime-local-icon: #9f9f9f;
138
- --calcite-ui-component-input-datetime-local-background: #2b2b2b;
139
- --calcite-ui-component-input-datetime-local-background-prefix-sufix: #353535;
140
- --calcite-ui-component-input-datetime-local-background-read-only: #353535;
141
- --calcite-ui-component-input-datetime-local-border: #757575;
142
- --calcite-ui-component-input-datetime-local-border-invalid: #FE583E;
143
- --calcite-ui-component-input-email-font-placeholder-value: #ffffff;
144
- --calcite-ui-component-input-email-font-label: #ffffff;
145
- --calcite-ui-component-input-email-font-prefix-suffix: #bfbfbf;
146
- --calcite-ui-component-input-email-icon: #9f9f9f;
147
- --calcite-ui-component-input-email-background: #2b2b2b;
148
- --calcite-ui-component-input-email-background-prefix-sufix: #353535;
149
- --calcite-ui-component-input-email-background-read-only: #353535;
150
- --calcite-ui-component-input-email-border: #757575;
151
- --calcite-ui-component-input-email-border-invalid: #FE583E;
152
- --calcite-ui-component-input-file-font-placeholder-value: #ffffff;
153
- --calcite-ui-component-input-file-font-label: #ffffff;
154
- --calcite-ui-component-input-file-font-prefix-suffix: #bfbfbf;
155
- --calcite-ui-component-input-file-icon: #9f9f9f;
156
- --calcite-ui-component-input-file-background: #2b2b2b;
157
- --calcite-ui-component-input-file-background-prefix-sufix: #353535;
158
- --calcite-ui-component-input-file-background-read-only: #353535;
159
- --calcite-ui-component-input-file-border: #757575;
160
- --calcite-ui-component-input-file-border-invalid: #FE583E;
161
- --calcite-ui-component-input-month-font-placeholder-value: #ffffff;
162
- --calcite-ui-component-input-month-font-label: #ffffff;
163
- --calcite-ui-component-input-month-font-prefix-suffix: #bfbfbf;
164
- --calcite-ui-component-input-month-icon: #9f9f9f;
165
- --calcite-ui-component-input-month-background: #2b2b2b;
166
- --calcite-ui-component-input-month-background-prefix-sufix: #353535;
167
- --calcite-ui-component-input-month-background-read-only: #353535;
168
- --calcite-ui-component-input-month-border: #757575;
169
- --calcite-ui-component-input-month-border-invalid: #FE583E;
170
- --calcite-ui-component-input-number-font-placeholder-value: #ffffff;
171
- --calcite-ui-component-input-number-font-label: #ffffff;
172
- --calcite-ui-component-input-number-icon: #9f9f9f;
173
- --calcite-ui-component-input-number-background: #2b2b2b;
174
- --calcite-ui-component-input-number-background-prefix-sufix: #353535;
175
- --calcite-ui-component-input-number-background-read-only: #353535;
176
- --calcite-ui-component-input-number-border: #757575;
177
- --calcite-ui-component-input-number-border-invalid: #FE583E;
178
- --calcite-ui-component-input-password-font-placeholder-value: #ffffff;
179
- --calcite-ui-component-input-password-font-label: #ffffff;
180
- --calcite-ui-component-input-password-font-prefix-suffix: #bfbfbf;
181
- --calcite-ui-component-input-password-icon: #9f9f9f;
182
- --calcite-ui-component-input-password-background: #2b2b2b;
183
- --calcite-ui-component-input-password-background-prefix-sufix: #353535;
184
- --calcite-ui-component-input-password-background-read-only: #353535;
185
- --calcite-ui-component-input-password-border: #757575;
186
- --calcite-ui-component-input-password-border-invalid: #FE583E;
187
- --calcite-ui-component-input-search-font-placeholder-value: #ffffff;
188
- --calcite-ui-component-input-search-font-label: #ffffff;
189
- --calcite-ui-component-input-search-font-prefix-suffix: #bfbfbf;
190
- --calcite-ui-component-input-search-icon: #9f9f9f;
191
- --calcite-ui-component-input-search-background: #2b2b2b;
192
- --calcite-ui-component-input-search-background-prefix-sufix: #353535;
193
- --calcite-ui-component-input-search-background-read-only: #353535;
194
- --calcite-ui-component-input-search-border: #757575;
195
- --calcite-ui-component-input-search-border-invalid: #FE583E;
196
- --calcite-ui-component-input-telephone-font-placeholder-value: #ffffff;
197
- --calcite-ui-component-input-telephone-font-label: #ffffff;
198
- --calcite-ui-component-input-telephone-font-prefix-suffix: #bfbfbf;
199
- --calcite-ui-component-input-telephone-icon: #9f9f9f;
200
- --calcite-ui-component-input-telephone-background: #2b2b2b;
201
- --calcite-ui-component-input-telephone-background-prefix-sufix: #353535;
202
- --calcite-ui-component-input-telephone-background-read-only: #353535;
203
- --calcite-ui-component-input-telephone-border: #757575;
204
- --calcite-ui-component-input-telephone-border-invalid: #FE583E;
205
- --calcite-ui-component-input-text-font-placeholder-value: #ffffff;
206
- --calcite-ui-component-input-text-font-label: #ffffff;
207
- --calcite-ui-component-input-text-font-prefix-suffix: #bfbfbf;
208
- --calcite-ui-component-input-text-icon: #9f9f9f;
209
- --calcite-ui-component-input-text-background: #2b2b2b;
210
- --calcite-ui-component-input-text-background-prefix-sufix: #353535;
211
- --calcite-ui-component-input-text-background-read-only: #353535;
212
- --calcite-ui-component-input-text-border: #757575;
213
- --calcite-ui-component-input-text-border-invalid: #FE583E;
214
- --calcite-ui-component-input-week-font-placeholder-value: #ffffff;
215
- --calcite-ui-component-input-week-font-label: #ffffff;
216
- --calcite-ui-component-input-week-font-prefix-suffix: #bfbfbf;
217
- --calcite-ui-component-input-week-icon: #9f9f9f;
218
- --calcite-ui-component-input-week-background: #2b2b2b;
219
- --calcite-ui-component-input-week-background-prefix-sufix: #353535;
220
- --calcite-ui-component-input-week-background-read-only: #353535;
221
- --calcite-ui-component-input-week-border: #757575;
222
- --calcite-ui-component-input-week-border-invalid: #FE583E;
223
- --calcite-ui-component-textarea-font-placeholder-value: #ffffff;
224
- --calcite-ui-component-textarea-font-label: #ffffff;
225
- --calcite-ui-component-textarea-font-chat-limit: #bfbfbf;
226
- --calcite-ui-component-textarea-icon: #9f9f9f;
227
- --calcite-ui-component-textarea-background: #2b2b2b;
228
- --calcite-ui-component-textarea-background-read-only: #353535;
229
- --calcite-ui-component-textarea-border: #757575;
230
- --calcite-ui-component-tab-title-font: #9f9f9f;
231
- --calcite-ui-component-tab-title-font-active: #ffffff;
232
- --calcite-ui-component-tab-title-icon: #9f9f9f;
233
- --calcite-ui-component-tab-title-icon-active: #ffffff;
234
- --calcite-ui-component-tab-title-bordered-border: #404040;
235
- --calcite-ui-component-tab-title-bordered-background: #353535;
236
- --calcite-ui-component-tab-title-border-active: #009af2;
237
- --calcite-ui-component-tabs-bordered-border: #404040;
238
- --calcite-ui-component-tabs-bordered-background: #2b2b2b;
239
- --calcite-ui-component-card-font-title: #ffffff;
240
- --calcite-ui-component-card-font-subtitle: #bfbfbf;
241
- --calcite-ui-component-card-font-description: #9f9f9f;
242
- --calcite-ui-component-card-border: #4a4a4a;
243
- --calcite-ui-component-card-border-active: #009af2;
244
- --calcite-ui-component-card-background: #2b2b2b;
245
- --calcite-ui-component-action-indicator: #009af2;
246
- --calcite-ui-component-action-font: #9f9f9f;
247
- --calcite-ui-component-action-icon: #9f9f9f;
248
- --calcite-ui-component-action-background: #2b2b2b;
249
- --calcite-ui-component-action-background-active: #151515;
250
- --calcite-ui-component-action-bar-border: #555555;
251
- --calcite-ui-component-action-bar-background: #2b2b2b;
252
- --calcite-ui-component-action-pad-border: #555555;
253
- --calcite-ui-component-action-pad-background: #2b2b2b;
254
- --calcite-ui-component-action-bar-grid-border: #555555;
255
- --calcite-ui-component-action-bar-grid-background: #2b2b2b;
256
- --calcite-ui-component-action-pad-grid-border: #555555;
257
- --calcite-ui-component-action-pad-grid-background: #2b2b2b;
258
- --calcite-ui-component-block-font-heading: #bfbfbf;
259
- --calcite-ui-component-block-font-description: #9f9f9f;
260
- --calcite-ui-component-block-font-content: #bfbfbf;
261
- --calcite-ui-component-block-icon: #9f9f9f;
262
- --calcite-ui-component-block-icon-active: #ffffff;
263
- --calcite-ui-component-block-icon-idle: #bfbfbf;
264
- --calcite-ui-component-block-icon-valid: #36DA43;
265
- --calcite-ui-component-block-icon-invalid: #FE583E;
266
- --calcite-ui-component-block-icon-drag-handle: #757575;
267
- --calcite-ui-component-block-icon-chevron: #9f9f9f;
268
- --calcite-ui-component-block-loader: #9f9f9f;
269
- --calcite-ui-component-block-border: #dfdfdf;
270
- --calcite-ui-component-block-background: #353535;
271
- --calcite-ui-component-block-section-font: #bfbfbf;
272
- --calcite-ui-component-block-section-icon-valid: #36DA43;
273
- --calcite-ui-component-block-section-icon-invalid: #FE583E;
274
- --calcite-ui-component-block-section-icon-chevron: #9f9f9f;
275
- --calcite-ui-component-block-section-background: #353535;
276
- --calcite-ui-component-notice-font-title: #ffffff;
277
- --calcite-ui-component-notice-font-message: #9f9f9f;
278
- --calcite-ui-component-notice-background: #202020;
279
- --calcite-ui-component-notice-icon-info: #00A0FF;
280
- --calcite-ui-component-notice-icon-success: #36DA43;
281
- --calcite-ui-component-notice-icon-warning: #FFC900;
282
- --calcite-ui-component-notice-icon-danger: #FE583E;
283
- --calcite-ui-component-notice-icon-brand: #009af2;
284
- --calcite-ui-component-notice-highlight-info: #00A0FF;
285
- --calcite-ui-component-notice-highlight-success: #36DA43;
286
- --calcite-ui-component-notice-highlight-warning: #FFC900;
287
- --calcite-ui-component-notice-highlight-danger: #FE583E;
288
- --calcite-ui-component-notice-highlight-brand: #009af2;
289
- --calcite-ui-component-modal-font-header: #ffffff;
290
- --calcite-ui-component-modal-font-content: #bfbfbf;
291
- --calcite-ui-component-modal-icon: #9f9f9f;
292
- --calcite-ui-component-modal-border: #555555;
293
- --calcite-ui-component-modal-border-top-brand: #009af2;
294
- --calcite-ui-component-modal-border-top-info: #00A0FF;
295
- --calcite-ui-component-modal-border-top-success: #36DA43;
296
- --calcite-ui-component-modal-border-top-danger: #FE583E;
297
- --calcite-ui-component-modal-border-top-warning: #FFC900;
298
- --calcite-ui-component-modal-background: #2b2b2b;
299
- --calcite-ui-component-panel-header-font: #bfbfbf;
300
- --calcite-ui-component-panel-header-icon: #9f9f9f;
301
- --calcite-ui-component-panel-header-border: #404040;
302
- --calcite-ui-component-panel-header-background: #2b2b2b;
303
- --calcite-ui-component-popover-font: #ffffff;
304
- --calcite-ui-component-popover-icon: #9f9f9f;
305
- --calcite-ui-component-popover-border: #404040;
306
- --calcite-ui-component-popover-background: #2b2b2b;
307
- --calcite-ui-component-slider-font-label: #ffffff;
308
- --calcite-ui-component-slider-font-tick-label: #bfbfbf;
309
- --calcite-ui-component-slider-handle-background: #2b2b2b;
310
- --calcite-ui-component-slider-handle-border: #757575;
311
- --calcite-ui-component-slider-border: #4a4a4a;
312
- --calcite-ui-component-slider-border-active: #009af2;
313
- --calcite-ui-component-slider-tick-background: #757575;
314
- --calcite-ui-component-slider-tick-border: #2b2b2b;
315
- --calcite-ui-component-slider-tick-active-background: #009af2;
316
- --calcite-ui-component-slider-tick-active-border: #2b2b2b;
317
- --calcite-ui-component-slider-range-font-label: #ffffff;
318
- --calcite-ui-component-slider-range-font-tick-label: #bfbfbf;
319
- --calcite-ui-component-slider-range-handle-background: #2b2b2b;
320
- --calcite-ui-component-slider-range-handle-border: #757575;
321
- --calcite-ui-component-slider-range-border: #4a4a4a;
322
- --calcite-ui-component-slider-range-border-active: #009af2;
323
- --calcite-ui-component-slider-range-tick-background: #757575;
324
- --calcite-ui-component-slider-range-tick-border: #2b2b2b;
325
- --calcite-ui-component-slider-range-tick-active-background: #009af2;
326
- --calcite-ui-component-slider-range-tick-active-border: #2b2b2b;
327
- --calcite-ui-component-slider-histogram-font-label: #ffffff;
328
- --calcite-ui-component-slider-histogram-font-tick-label: #bfbfbf;
329
- --calcite-ui-component-slider-histogram-handle-background: #2b2b2b;
330
- --calcite-ui-component-slider-histogram-handle-border: #757575;
331
- --calcite-ui-component-slider-histogram-border: #4a4a4a;
332
- --calcite-ui-component-slider-histogram-border-active: #009af2;
333
- --calcite-ui-component-slider-histogram-tick-background: #757575;
334
- --calcite-ui-component-slider-histogram-tick-border: #2b2b2b;
335
- --calcite-ui-component-slider-histogram-tick-active-background: #009af2;
336
- --calcite-ui-component-slider-histogram-tick-active-border: #2b2b2b;
337
- --calcite-ui-component-slider-histogram-area-active-background: #8DCEF7;
338
- --calcite-ui-component-slider-histogram-active-end-background-dark: #2b2b2b;
339
- --calcite-ui-component-slider-histogram-range-font-label: #ffffff;
340
- --calcite-ui-component-slider-histogram-range-font-tick-label: #bfbfbf;
341
- --calcite-ui-component-slider-histogram-range-handle-background: #2b2b2b;
342
- --calcite-ui-component-slider-histogram-range-handle-border: #757575;
343
- --calcite-ui-component-slider-histogram-range-border: #4a4a4a;
344
- --calcite-ui-component-slider-histogram-range-border-active: #009af2;
345
- --calcite-ui-component-slider-histogram-range-tick-background: #757575;
346
- --calcite-ui-component-slider-histogram-range-tick-border: #2b2b2b;
347
- --calcite-ui-component-slider-histogram-range-tick-active-background: #009af2;
348
- --calcite-ui-component-slider-histogram-range-tick-active-border: #2b2b2b;
349
- --calcite-ui-component-slider-histogram-range-area-active-background: #8DCEF7;
350
- --calcite-ui-component-slider-histogram-range-active-end-background: #2b2b2b;
351
- --calcite-ui-component-filter-font: #ffffff;
352
- --calcite-ui-component-filter-icon: #9f9f9f;
353
- --calcite-ui-component-filter-border: #757575;
354
- --calcite-ui-component-filter-background: #2b2b2b;
355
- --calcite-ui-component-scrim-background: #2b2b2b;
356
- --calcite-ui-component-tip-manager-font-heading: #ffffff;
357
- --calcite-ui-component-tip-manager-icon: #9f9f9f;
358
- --calcite-ui-component-tip-manager-background-light: #2b2b2b;
359
- --calcite-ui-component-tip-manager-border: #4a4a4a;
360
- --calcite-ui-component-button-font-brand-solid: #151515;
361
- --calcite-ui-component-button-font-brand-outline-fill: #009af2;
362
- --calcite-ui-component-button-font-brand-outline: #009af2;
363
- --calcite-ui-component-button-font-brand-transparent: #009af2;
364
- --calcite-ui-component-button-font-inverse-solid: #151515;
365
- --calcite-ui-component-button-font-inverse-outline-fill: #ffffff;
366
- --calcite-ui-component-button-font-inverse-outline: #ffffff;
367
- --calcite-ui-component-button-font-inverse-transparent: #ffffff;
368
- --calcite-ui-component-button-font-neutral-solid: #151515;
369
- --calcite-ui-component-button-font-neutral-outline-fill: #ffffff;
370
- --calcite-ui-component-button-font-neutral-outline: #ffffff;
371
- --calcite-ui-component-button-font-neutral-transparent: #ffffff;
372
- --calcite-ui-component-button-font-danger-solid: #151515;
373
- --calcite-ui-component-button-font-danger-outline-fill: #FE583E;
374
- --calcite-ui-component-button-font-danger-outline: #FE583E;
375
- --calcite-ui-component-button-font-danger-transparent: #FE583E;
376
- --calcite-ui-component-button-icon-brand-solid: #2b2b2b;
377
- --calcite-ui-component-button-icon-brand-outline-fill: #009af2;
378
- --calcite-ui-component-button-icon-brand-outline: #009af2;
379
- --calcite-ui-component-button-icon-brand-transparent: #009af2;
380
- --calcite-ui-component-button-icon-inverse-solid: #151515;
381
- --calcite-ui-component-button-icon-inverse-outline-fill: #ffffff;
382
- --calcite-ui-component-button-icon-inverse-outline: #ffffff;
383
- --calcite-ui-component-button-icon-inverse-transparent: #ffffff;
384
- --calcite-ui-component-button-icon-neutral-solid: #151515;
385
- --calcite-ui-component-button-icon-neutral-outline-fill: #ffffff;
386
- --calcite-ui-component-button-icon-neutral-outline: #ffffff;
387
- --calcite-ui-component-button-icon-neutral-transparent: #ffffff;
388
- --calcite-ui-component-button-icon-danger-solid: #2b2b2b;
389
- --calcite-ui-component-button-icon-danger-outline-fill: #FE583E;
390
- --calcite-ui-component-button-icon-danger-outline: #FE583E;
391
- --calcite-ui-component-button-icon-danger-transparent: #FE583E;
392
- --calcite-ui-component-button-background-brand-solid: #009af2;
393
- --calcite-ui-component-button-background-brand-outline-fill: #2b2b2b;
394
- --calcite-ui-component-button-background-inverse-solid: #f8f8f8;
395
- --calcite-ui-component-button-background-inverse-outline-fill: #f8f8f8;
396
- --calcite-ui-component-button-background-neutral-solid: #f8f8f8;
397
- --calcite-ui-component-button-background-neutral-outline-fill: #f8f8f8;
398
- --calcite-ui-component-button-background-danger-solid: #FE583E;
399
- --calcite-ui-component-button-background-danger-outline-fill: #FE583E;
400
- --calcite-ui-component-button-border-brand-outline-fill: #009af2;
401
- --calcite-ui-component-button-border-brand-outline: #009af2;
402
- --calcite-ui-component-button-border-inverse-outline-fill: #f8f8f8;
403
- --calcite-ui-component-button-border-inverse-outline: #f8f8f8;
404
- --calcite-ui-component-button-border-neutral-outline-fill: #f8f8f8;
405
- --calcite-ui-component-button-border-neutral-outline: #f8f8f8;
406
- --calcite-ui-component-button-border-danger-outline-fill: #FE583E;
407
- --calcite-ui-component-button-border-danger-outline: #FE583E;
408
- --calcite-ui-component-split-button-font-brand-solid: #151515;
409
- --calcite-ui-component-split-button-font-brand-outline-fill: #009af2;
410
- --calcite-ui-component-split-button-font-brand-outline: #009af2;
411
- --calcite-ui-component-split-button-font-brand-transparent: #009af2;
412
- --calcite-ui-component-split-button-font-inverse-solid: #151515;
413
- --calcite-ui-component-split-button-font-inverse-outline-fill: #ffffff;
414
- --calcite-ui-component-split-button-font-inverse-outline: #ffffff;
415
- --calcite-ui-component-split-button-font-inverse-transparent: #ffffff;
416
- --calcite-ui-component-split-button-font-neutral-solid: #ffffff;
417
- --calcite-ui-component-split-button-font-neutral-outline-fill: #ffffff;
418
- --calcite-ui-component-split-button-font-neutral-outline: #ffffff;
419
- --calcite-ui-component-split-button-font-neutral-transparent: #ffffff;
420
- --calcite-ui-component-split-button-font-danger-solid: #151515;
421
- --calcite-ui-component-split-button-font-danger-outline-fill: #FE583E;
422
- --calcite-ui-component-split-button-font-danger-outline: #FE583E;
423
- --calcite-ui-component-split-button-font-danger-transparent: #FE583E;
424
- --calcite-ui-component-split-button-icon-brand-solid: #2b2b2b;
425
- --calcite-ui-component-split-button-icon-brand-outline-fill: #009af2;
426
- --calcite-ui-component-split-button-icon-brand-outline: #009af2;
427
- --calcite-ui-component-split-button-icon-brand-transparent: #009af2;
428
- --calcite-ui-component-split-button-icon-inverse-solid: #151515;
429
- --calcite-ui-component-split-button-icon-inverse-outline-fill: #ffffff;
430
- --calcite-ui-component-split-button-icon-inverse-outline: #ffffff;
431
- --calcite-ui-component-split-button-icon-inverse-transparent: #ffffff;
432
- --calcite-ui-component-split-button-icon-neutral-solid: #151515;
433
- --calcite-ui-component-split-button-icon-neutral-outline-fill: #ffffff;
434
- --calcite-ui-component-split-button-icon-neutral-outline: #ffffff;
435
- --calcite-ui-component-split-button-icon-neutral-transparent: #ffffff;
436
- --calcite-ui-component-split-button-icon-danger-solid: #2b2b2b;
437
- --calcite-ui-component-split-button-icon-danger-outline-fill: #FE583E;
438
- --calcite-ui-component-split-button-icon-danger-outline: #FE583E;
439
- --calcite-ui-component-split-button-icon-danger-transparent: #FE583E;
440
- --calcite-ui-component-split-button-background-brand-solid: #009af2;
441
- --calcite-ui-component-split-button-background-brand-outline-fill: #2b2b2b;
442
- --calcite-ui-component-split-button-background-inverse-solid: #f8f8f8;
443
- --calcite-ui-component-split-button-background-inverse-outline-fill: #2b2b2b;
444
- --calcite-ui-component-split-button-background-neutral-solid: #f8f8f8;
445
- --calcite-ui-component-split-button-background-neutral-outline-fill: #2b2b2b;
446
- --calcite-ui-component-split-button-background-danger-solid: #FE583E;
447
- --calcite-ui-component-split-button-background-danger-outline-fill: #2b2b2b;
448
- --calcite-ui-component-split-button-border-brand-outline-fill: #009af2;
449
- --calcite-ui-component-split-button-border-brand-outline: #009af2;
450
- --calcite-ui-component-split-button-border-inverse-outline-fill: #f8f8f8;
451
- --calcite-ui-component-split-button-border-inverse-outline: #f8f8f8;
452
- --calcite-ui-component-split-button-border-neutral-outline-fill: #f8f8f8;
453
- --calcite-ui-component-split-button-border-neutral-outline: #f8f8f8;
454
- --calcite-ui-component-split-button-border-danger-outline-fill: #FE583E;
455
- --calcite-ui-component-split-button-border-danger-outline: #FE583E;
456
- --calcite-ui-component-split-button-divider-brand-solid: #2b2b2b;
457
- --calcite-ui-component-split-button-divider-brand-outline-fill: #009af2;
458
- --calcite-ui-component-split-button-divider-brand-outline: #009af2;
459
- --calcite-ui-component-split-button-divider-brand-transparent: #009af2;
460
- --calcite-ui-component-split-button-divider-inverse-solid: #2b2b2b;
461
- --calcite-ui-component-split-button-divider-inverse-outline-fill: #f8f8f8;
462
- --calcite-ui-component-split-button-divider-inverse-outline: #f8f8f8;
463
- --calcite-ui-component-split-button-divider-inverse-transparent: #f8f8f8;
464
- --calcite-ui-component-split-button-divider-neutral-solid: #2b2b2b;
465
- --calcite-ui-component-split-button-divider-neutral-outline-fill: #f8f8f8;
466
- --calcite-ui-component-split-button-divider-neutral-outline: #f8f8f8;
467
- --calcite-ui-component-split-button-divider-neutral-transparent: #f8f8f8;
468
- --calcite-ui-component-split-button-divider-danger-solid: #FE583E;
469
- --calcite-ui-component-split-button-divider-danger-outline-fill: #FE583E;
470
- --calcite-ui-component-split-button-divider-danger-outline: #FE583E;
471
- --calcite-ui-component-split-button-divider-danger-transparent: #FE583E;
472
- --calcite-ui-component-fab-font-brand-solid: #151515;
473
- --calcite-ui-component-fab-font-brand-outline-fill: #009af2;
474
- --calcite-ui-component-fab-font-inverse-solid: #151515;
475
- --calcite-ui-component-fab-font-inverse-outline-fill: #ffffff;
476
- --calcite-ui-component-fab-font-neutral-solid: #151515;
477
- --calcite-ui-component-fab-font-neutral-outline-fill: #ffffff;
478
- --calcite-ui-component-fab-font-danger-solid: #151515;
479
- --calcite-ui-component-fab-font-danger-outline-fill: #FE583E;
480
- --calcite-ui-component-fab-icon-brand-solid: #2b2b2b;
481
- --calcite-ui-component-fab-icon-brand-outline-fill: #009af2;
482
- --calcite-ui-component-fab-icon-inverse-solid: #151515;
483
- --calcite-ui-component-fab-icon-inverse-outline-fill: #ffffff;
484
- --calcite-ui-component-fab-icon-neutral-solid: #151515;
485
- --calcite-ui-component-fab-icon-neutral-outline-fill: #ffffff;
486
- --calcite-ui-component-fab-icon-danger-solid: #2b2b2b;
487
- --calcite-ui-component-fab-icon-danger-outline-fill: #FE583E;
488
- --calcite-ui-component-fab-background-brand-solid: #009af2;
489
- --calcite-ui-component-fab-background-brand-outline-fill: #2b2b2b;
490
- --calcite-ui-component-fab-background-inverse-solid: #f8f8f8;
491
- --calcite-ui-component-fab-background-inverse-outline-fill: #2b2b2b;
492
- --calcite-ui-component-fab-background-neutral-solid: #f8f8f8;
493
- --calcite-ui-component-fab-background-neutral-outline-fill: #2b2b2b;
494
- --calcite-ui-component-fab-background-danger-solid: #FE583E;
495
- --calcite-ui-component-fab-background-danger-outline-fill: #2b2b2b;
496
- --calcite-ui-component-fab-border-brand-outline-fill: #009af2;
497
- --calcite-ui-component-fab-border-brand-solid: #009af2;
498
- --calcite-ui-component-fab-border-inverse-outline-fill: #f8f8f8;
499
- --calcite-ui-component-fab-border-inverse-solid: #f8f8f8;
500
- --calcite-ui-component-fab-border-neutral-outline-fill: #f8f8f8;
501
- --calcite-ui-component-fab-border-neutral-solid: #f8f8f8;
502
- --calcite-ui-component-fab-border-danger-outline-fill: #FE583E;
503
- --calcite-ui-component-fab-border-danger-solid: #FE583E;
504
- }