@servicetitan/hammer-token 2.5.0 → 3.0.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 (147) hide show
  1. package/CHANGELOG.md +56 -0
  2. package/README.md +332 -0
  3. package/build/web/core/component-variables.scss +1088 -131
  4. package/build/web/core/component.d.ts +558 -0
  5. package/build/web/core/component.js +6685 -249
  6. package/build/web/core/component.scss +557 -69
  7. package/build/web/core/css-utils/a2-border.css +47 -45
  8. package/build/web/core/css-utils/a2-color.css +443 -227
  9. package/build/web/core/css-utils/a2-font.css +0 -2
  10. package/build/web/core/css-utils/a2-spacing.css +476 -478
  11. package/build/web/core/css-utils/a2-utils.css +992 -772
  12. package/build/web/core/css-utils/border.css +47 -45
  13. package/build/web/core/css-utils/color.css +443 -227
  14. package/build/web/core/css-utils/font.css +0 -2
  15. package/build/web/core/css-utils/spacing.css +476 -478
  16. package/build/web/core/css-utils/utils.css +992 -772
  17. package/build/web/core/index.d.ts +6 -0
  18. package/build/web/core/index.js +1 -1
  19. package/build/web/core/primitive-variables.scss +148 -65
  20. package/build/web/core/primitive.d.ts +209 -0
  21. package/build/web/core/primitive.js +779 -61
  22. package/build/web/core/primitive.scss +207 -124
  23. package/build/web/core/semantic-variables.scss +363 -239
  24. package/build/web/core/semantic.d.ts +221 -0
  25. package/build/web/core/semantic.js +1613 -347
  26. package/build/web/core/semantic.scss +219 -137
  27. package/build/web/index.d.ts +3 -4
  28. package/build/web/index.js +0 -1
  29. package/build/web/types.d.ts +17 -0
  30. package/config.js +121 -497
  31. package/eslint.config.mjs +11 -1
  32. package/package.json +15 -5
  33. package/src/global/primitive/breakpoint.tokens.json +54 -0
  34. package/src/global/primitive/color.tokens.json +1092 -0
  35. package/src/global/primitive/duration.tokens.json +44 -0
  36. package/src/global/primitive/font.tokens.json +151 -0
  37. package/src/global/primitive/radius.tokens.json +94 -0
  38. package/src/global/primitive/size.tokens.json +174 -0
  39. package/src/global/primitive/transition.tokens.json +32 -0
  40. package/src/theme/core/background.tokens.json +1312 -0
  41. package/src/theme/core/border.tokens.json +192 -0
  42. package/src/theme/core/chart.tokens.json +982 -0
  43. package/src/theme/core/component/ai-mark.tokens.json +20 -0
  44. package/src/theme/core/component/alert.tokens.json +261 -0
  45. package/src/theme/core/component/announcement.tokens.json +460 -0
  46. package/src/theme/core/component/avatar.tokens.json +137 -0
  47. package/src/theme/core/component/badge.tokens.json +42 -0
  48. package/src/theme/core/component/breadcrumb.tokens.json +42 -0
  49. package/src/theme/core/component/button-toggle.tokens.json +428 -0
  50. package/src/theme/core/component/button.tokens.json +941 -0
  51. package/src/theme/core/component/calendar.tokens.json +391 -0
  52. package/src/theme/core/component/card.tokens.json +107 -0
  53. package/src/theme/core/component/checkbox.tokens.json +631 -0
  54. package/src/theme/core/component/chip.tokens.json +169 -0
  55. package/src/theme/core/component/combobox.tokens.json +269 -0
  56. package/src/theme/core/component/details.tokens.json +152 -0
  57. package/src/theme/core/component/dialog.tokens.json +87 -0
  58. package/src/theme/core/component/divider.tokens.json +23 -0
  59. package/src/theme/core/component/dnd.tokens.json +208 -0
  60. package/src/theme/core/component/drawer.tokens.json +61 -0
  61. package/src/theme/core/component/drilldown.tokens.json +61 -0
  62. package/src/theme/core/component/edit-card.tokens.json +381 -0
  63. package/src/theme/core/component/field-label.tokens.json +42 -0
  64. package/src/theme/core/component/field-message.tokens.json +74 -0
  65. package/src/theme/core/component/icon.tokens.json +42 -0
  66. package/src/theme/core/component/link.tokens.json +108 -0
  67. package/src/theme/core/component/list-view.tokens.json +82 -0
  68. package/src/theme/core/component/listbox.tokens.json +283 -0
  69. package/src/theme/core/component/menu.tokens.json +230 -0
  70. package/src/theme/core/component/overflow.tokens.json +84 -0
  71. package/src/theme/core/component/page.tokens.json +377 -0
  72. package/src/theme/core/component/pagination.tokens.json +63 -0
  73. package/src/theme/core/component/popover.tokens.json +122 -0
  74. package/src/theme/core/component/progress-bar.tokens.json +133 -0
  75. package/src/theme/core/component/radio.tokens.json +631 -0
  76. package/src/theme/core/component/segmented-control.tokens.json +175 -0
  77. package/src/theme/core/component/select-card.tokens.json +943 -0
  78. package/src/theme/core/component/side-nav.tokens.json +349 -0
  79. package/src/theme/core/component/skeleton.tokens.json +42 -0
  80. package/src/theme/core/component/spinner.tokens.json +96 -0
  81. package/src/theme/core/component/status-icon.tokens.json +164 -0
  82. package/src/theme/core/component/stepper.tokens.json +484 -0
  83. package/src/theme/core/component/switch.tokens.json +285 -0
  84. package/src/theme/core/component/tab.tokens.json +192 -0
  85. package/src/theme/core/component/text-field.tokens.json +160 -0
  86. package/src/theme/core/component/text.tokens.json +59 -0
  87. package/src/theme/core/component/toast.tokens.json +343 -0
  88. package/src/theme/core/component/toolbar.tokens.json +114 -0
  89. package/src/theme/core/component/tooltip.tokens.json +61 -0
  90. package/src/theme/core/focus.tokens.json +56 -0
  91. package/src/theme/core/foreground.tokens.json +416 -0
  92. package/src/theme/core/gradient.tokens.json +41 -0
  93. package/src/theme/core/opacity.tokens.json +25 -0
  94. package/src/theme/core/shadow.tokens.json +81 -0
  95. package/src/theme/core/status.tokens.json +74 -0
  96. package/src/theme/core/typography.tokens.json +163 -0
  97. package/src/utils/__tests__/css-utils-format-utils.test.js +312 -0
  98. package/src/utils/__tests__/sd-build-configs.test.js +306 -0
  99. package/src/utils/__tests__/sd-formats.test.js +950 -0
  100. package/src/utils/__tests__/sd-transforms.test.js +336 -0
  101. package/src/utils/__tests__/token-helpers.test.js +1160 -0
  102. package/src/utils/copy-css-utils-cli.js +13 -1
  103. package/src/utils/css-utils-format-utils.js +105 -176
  104. package/src/utils/figma/__tests__/sync-gradient.test.js +561 -0
  105. package/src/utils/figma/__tests__/token-conversion.test.js +117 -0
  106. package/src/utils/figma/__tests__/token-resolution.test.js +231 -0
  107. package/src/utils/figma/auth.js +355 -0
  108. package/src/utils/figma/constants.js +22 -0
  109. package/src/utils/figma/errors.js +80 -0
  110. package/src/utils/figma/figma-api.js +1069 -0
  111. package/src/utils/figma/get-token.js +348 -0
  112. package/src/utils/figma/sync-components.js +909 -0
  113. package/src/utils/figma/sync-main.js +692 -0
  114. package/src/utils/figma/sync-orchestration.js +683 -0
  115. package/src/utils/figma/sync-primitives.js +230 -0
  116. package/src/utils/figma/sync-semantic.js +1056 -0
  117. package/src/utils/figma/token-conversion.js +340 -0
  118. package/src/utils/figma/token-parsing.js +186 -0
  119. package/src/utils/figma/token-resolution.js +569 -0
  120. package/src/utils/figma/utils.js +199 -0
  121. package/src/utils/sd-build-configs.js +305 -0
  122. package/src/utils/sd-formats.js +965 -0
  123. package/src/utils/sd-transforms.js +165 -0
  124. package/src/utils/token-helpers.js +848 -0
  125. package/tsconfig.json +18 -0
  126. package/vitest.config.js +17 -0
  127. package/.turbo/turbo-build.log +0 -37
  128. package/build/web/core/raw.js +0 -229
  129. package/src/global/primitive/breakpoint.js +0 -19
  130. package/src/global/primitive/color.js +0 -231
  131. package/src/global/primitive/duration.js +0 -16
  132. package/src/global/primitive/font.js +0 -60
  133. package/src/global/primitive/radius.js +0 -31
  134. package/src/global/primitive/size.js +0 -55
  135. package/src/global/primitive/transition.js +0 -16
  136. package/src/theme/core/background.js +0 -170
  137. package/src/theme/core/border.js +0 -103
  138. package/src/theme/core/charts.js +0 -439
  139. package/src/theme/core/component/button.js +0 -708
  140. package/src/theme/core/component/checkbox.js +0 -405
  141. package/src/theme/core/focus.js +0 -35
  142. package/src/theme/core/foreground.js +0 -148
  143. package/src/theme/core/overlay.js +0 -137
  144. package/src/theme/core/shadow.js +0 -29
  145. package/src/theme/core/status.js +0 -49
  146. package/src/theme/core/typography.js +0 -82
  147. package/type/types.ts +0 -341
package/build/web/core/component-variables.scss CHANGED
@@ -1,139 +1,1096 @@
1
1
  $light: (
2
- button-primary-foreground-color: #ffffff,
3
- button-primary-foreground-color-hover: #ffffff,
4
- button-primary-foreground-color-active: #ffffff,
5
- button-primary-background-color: #0265DC,
6
- button-primary-background-color-hover: #0655b4ff,
7
- button-primary-background-color-active: #09458cff,
8
- button-primary-border-color: transparent,
9
- button-primary-focus-ring-color: #0265DC,
10
- button-secondary-foreground-color: #141414,
11
- button-secondary-foreground-color-hover: #141414,
12
- button-secondary-foreground-color-active: #141414,
13
- button-secondary-background-color: #0404040f,
14
- button-secondary-background-color-hover: #05050522,
15
- button-secondary-background-color-active: #07070735,
16
- button-secondary-border-color: transparent,
17
- button-secondary-focus-ring-color: #0265DC,
18
- button-ghost-foreground-color: #141414,
19
- button-ghost-foreground-color-hover: #141414,
20
- button-ghost-foreground-color-active: #141414,
21
- button-ghost-background-color: transparent,
22
- button-ghost-background-color-hover: #14141414,
23
- button-ghost-background-color-active: #14141429,
24
- button-ghost-border-color: transparent,
25
- button-ghost-focus-ring-color: #0265DC,
26
- button-danger-primary-foreground-color: #ffffff,
27
- button-danger-primary-foreground-color-hover: #ffffff,
28
- button-danger-primary-foreground-color-active: #ffffff,
29
- button-danger-primary-background-color: #e13212,
30
- button-danger-primary-background-color-hover: #b82c12ff,
31
- button-danger-primary-background-color-active: #8f2613ff,
32
- button-danger-primary-border-color: transparent,
33
- button-danger-primary-focus-ring-color: #e13212,
34
- button-danger-secondary-foreground-color: #bf2a00,
35
- button-danger-secondary-foreground-color-hover: #bf2a00,
36
- button-danger-secondary-foreground-color-active: #bf2a00,
37
- button-danger-secondary-background-color: #ffece9,
38
- button-danger-secondary-background-color-hover: #fcd9d4ff,
39
- button-danger-secondary-background-color-active: #f6b4a9ff,
40
- button-danger-secondary-border-color: transparent,
41
- button-danger-secondary-focus-ring-color: #e13212,
42
- checkbox-unchecked-fill-color-default: #141414,
43
- checkbox-unchecked-fill-color-hover: #141414,
44
- checkbox-unchecked-fill-color-active: #141414,
45
- checkbox-unchecked-background-color-default: transparent,
46
- checkbox-unchecked-background-color-hover: #14141414,
47
- checkbox-unchecked-background-color-active: #14141429,
48
- checkbox-checked-fill-color-default: #0265DC,
49
- checkbox-checked-fill-color-hover: #004ba0d1,
50
- checkbox-checked-fill-color-active: #0151afb8,
51
- checkbox-checked-background-color-default: transparent,
52
- checkbox-checked-background-color-hover: #0265dc14,
53
- checkbox-checked-background-color-active: #0265dc29,
54
- checkbox-unchecked-error-fill-color-default: #e13212,
55
- checkbox-unchecked-error-fill-color-hover: #bf2a00,
56
- checkbox-unchecked-error-fill-color-active: #bf2a00,
57
- checkbox-unchecked-error-background-color-default: transparent,
58
- checkbox-unchecked-error-background-color-hover: #e132120f,
59
- checkbox-unchecked-error-background-color-active: #e132122e,
60
- checkbox-checked-error-fill-color-default: #e13212,
61
- checkbox-checked-error-fill-color-hover: #bf2a00,
62
- checkbox-checked-error-fill-color-active: #bf2a00,
63
- checkbox-checked-error-background-color-default: transparent,
64
- checkbox-checked-error-background-color-hover: #e132120f,
65
- checkbox-checked-error-background-color-active: #e132122e,
2
+ alert-info-foreground-color: var(--a2-color-neutral-950, #040404),
3
+ alert-info-background-color: var(--a2-color-blue-10, #fafcff),
4
+ alert-info-border-color: var(--a2-color-blue-600, #0265dc),
5
+ alert-success-foreground-color: var(--a2-color-neutral-950, #040404),
6
+ alert-success-background-color: var(--a2-color-green-10, #f5fefb),
7
+ alert-success-border-color: var(--a2-color-green-600, #077e50),
8
+ alert-warning-foreground-color: var(--a2-color-neutral-950, #040404),
9
+ alert-warning-background-color: var(--a2-color-yellow-10, #fffef8),
10
+ alert-warning-border-color: var(--a2-color-yellow-700, #c98600),
11
+ alert-danger-foreground-color: var(--a2-color-neutral-950, #040404),
12
+ alert-danger-background-color: var(--a2-color-red-10, #fffbfa),
13
+ alert-danger-border-color: var(--a2-color-red-600, #d62100),
14
+ alert-close-button-foreground-color: var(--a2-color-neutral-950, #040404),
15
+ announcement-info-background-color: var(--a2-color-blue-600, #0265dc),
16
+ announcement-info-foreground-color: var(--a2-color-neutral-0, #ffffff),
17
+ announcement-info-action-button-background-color: #04040426,
18
+ announcement-info-action-button-background-color-hover: #04040440,
19
+ announcement-info-action-button-background-color-active: #0404044D,
20
+ announcement-info-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
21
+ announcement-success-background-color: var(--a2-color-green-600, #077e50),
22
+ announcement-success-foreground-color: var(--a2-color-neutral-0, #ffffff),
23
+ announcement-success-action-button-background-color: #04040426,
24
+ announcement-success-action-button-background-color-hover: #04040440,
25
+ announcement-success-action-button-background-color-active: #0404044D,
26
+ announcement-success-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
27
+ announcement-warning-background-color: var(--a2-color-yellow-500, #ffbe00),
28
+ announcement-warning-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
29
+ announcement-warning-action-button-background-color: #04040426,
30
+ announcement-warning-action-button-background-color-hover: #04040440,
31
+ announcement-warning-action-button-background-color-active: #0404044D,
32
+ announcement-warning-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
33
+ announcement-danger-background-color: var(--a2-color-red-600, #d62100),
34
+ announcement-danger-foreground-color: var(--a2-color-neutral-0, #ffffff),
35
+ announcement-danger-action-button-background-color: #04040426,
36
+ announcement-danger-action-button-background-color-hover: #04040440,
37
+ announcement-danger-action-button-background-color-active: #0404044D,
38
+ announcement-danger-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
39
+ avatar-background-color: var(--a2-color-neutral-50, #eeeeee),
40
+ avatar-foreground-color: var(--a2-color-neutral-950, #040404),
41
+ avatar-border-color: var(--a2-color-neutral-0, #ffffff),
42
+ avatar-indicator-background-color-default: var(--a2-color-neutral-0, #ffffff),
43
+ avatar-indicator-background-color-online: var(--a2-color-green-600, #077e50),
44
+ avatar-indicator-background-color-offline: var(--a2-color-neutral-600, #545454),
45
+ avatar-indicator-border-color: var(--a2-color-neutral-400, #8b8b8b),
46
+ badge-background-color: var(--a2-color-red-600, #d62100),
47
+ badge-foreground-color: var(--a2-color-neutral-0, #ffffff),
48
+ breadcrumb-link-foreground-color: var(--a2-color-neutral-500, #707070),
49
+ breadcrumb-link-foreground-color-hover: var(--a2-color-neutral-950, #040404),
50
+ button-toggle-unpressed-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
51
+ button-toggle-unpressed-background-color-hover: #8b8b8b14,
52
+ button-toggle-unpressed-background-color-active: #8b8b8b29,
53
+ button-toggle-unpressed-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
54
+ button-toggle-unpressed-foreground-color: var(--a2-color-neutral-950, #040404),
55
+ button-toggle-unpressed-foreground-color-hover: var(--a2-color-neutral-950, #040404),
56
+ button-toggle-unpressed-foreground-color-active: var(--a2-color-neutral-950, #040404),
57
+ button-toggle-unpressed-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
58
+ button-toggle-unpressed-border-color: var(--a2-color-neutral-400, #8b8b8b),
59
+ button-toggle-unpressed-border-color-hover: var(--a2-color-neutral-400, #8b8b8b),
60
+ button-toggle-unpressed-border-color-active: var(--a2-color-neutral-400, #8b8b8b),
61
+ button-toggle-unpressed-border-color-disabled: "rgba(0, 0, 0, 0)",
62
+ button-toggle-pressed-background-color: var(--a2-color-blue-50, #e6f1ff),
63
+ button-toggle-pressed-background-color-hover: var(--a2-color-blue-100, #cce3ff),
64
+ button-toggle-pressed-background-color-active: var(--a2-color-blue-200, #9ecaff),
65
+ button-toggle-pressed-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
66
+ button-toggle-pressed-foreground-color: var(--a2-color-blue-600, #0265dc),
67
+ button-toggle-pressed-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
68
+ button-toggle-pressed-foreground-color-active: var(--a2-color-blue-800, #003472),
69
+ button-toggle-pressed-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
70
+ button-toggle-pressed-border-color: var(--a2-color-blue-600, #0265dc),
71
+ button-toggle-pressed-border-color-hover: var(--a2-color-blue-700, #1d4ca3),
72
+ button-toggle-pressed-border-color-active: var(--a2-color-blue-800, #003472),
73
+ button-toggle-pressed-border-color-disabled: "rgba(0, 0, 0, 0)",
74
+ button-primary-foreground-color: var(--a2-color-neutral-0, #ffffff),
75
+ button-primary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
76
+ button-primary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
77
+ button-primary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
78
+ button-primary-background-color: var(--a2-color-blue-600, #0265dc),
79
+ button-primary-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
80
+ button-primary-background-color-active: var(--a2-color-blue-800, #003472),
81
+ button-primary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
82
+ button-primary-border-color: "rgba(0, 0, 0, 0)",
83
+ button-primary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
84
+ button-secondary-foreground-color: var(--a2-color-neutral-950, #040404),
85
+ button-secondary-foreground-color-hover: var(--a2-color-neutral-950, #040404),
86
+ button-secondary-foreground-color-active: var(--a2-color-neutral-950, #040404),
87
+ button-secondary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
88
+ button-secondary-background-color: #0404040F,
89
+ button-secondary-background-color-hover: #04040414,
90
+ button-secondary-background-color-active: #04040429,
91
+ button-secondary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
92
+ button-secondary-border-color: "rgba(0, 0, 0, 0)",
93
+ button-secondary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
94
+ button-ghost-foreground-color: var(--a2-color-neutral-950, #040404),
95
+ button-ghost-foreground-color-hover: var(--a2-color-neutral-950, #040404),
96
+ button-ghost-foreground-color-active: var(--a2-color-neutral-950, #040404),
97
+ button-ghost-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
98
+ button-ghost-background-color: "rgba(0, 0, 0, 0)",
99
+ button-ghost-background-color-hover: #8b8b8b14,
100
+ button-ghost-background-color-active: #8b8b8b29,
101
+ button-ghost-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
102
+ button-ghost-border-color: "rgba(0, 0, 0, 0)",
103
+ button-ghost-focus-ring-color: var(--a2-color-blue-600, #0265dc),
104
+ button-danger-primary-foreground-color: var(--a2-color-neutral-0, #ffffff),
105
+ button-danger-primary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
106
+ button-danger-primary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
107
+ button-danger-primary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
108
+ button-danger-primary-background-color: var(--a2-color-red-600, #d62100),
109
+ button-danger-primary-background-color-hover: var(--a2-color-red-700, #a31900),
110
+ button-danger-primary-background-color-active: var(--a2-color-red-800, #731100),
111
+ button-danger-primary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
112
+ button-danger-primary-border-color: "rgba(0, 0, 0, 0)",
113
+ button-danger-primary-focus-ring-color: var(--a2-color-red-600, #d62100),
114
+ button-danger-secondary-foreground-color: var(--a2-color-red-700, #a31900),
115
+ button-danger-secondary-foreground-color-hover: var(--a2-color-red-800, #731100),
116
+ button-danger-secondary-foreground-color-active: var(--a2-color-red-900, #470b00),
117
+ button-danger-secondary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
118
+ button-danger-secondary-background-color: var(--a2-color-red-50, #ffe9e5),
119
+ button-danger-secondary-background-color-hover: var(--a2-color-red-100, #ffd4cc),
120
+ button-danger-secondary-background-color-active: var(--a2-color-red-200, #ffac9e),
121
+ button-danger-secondary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
122
+ button-danger-secondary-border-color: "rgba(0, 0, 0, 0)",
123
+ button-danger-secondary-focus-ring-color: var(--a2-color-red-600, #d62100),
124
+ calendar-cell-default-background-color: "rgba(0, 0, 0, 0)",
125
+ calendar-cell-default-background-color-hover: #8b8b8b14,
126
+ calendar-cell-default-background-color-active: #8b8b8b29,
127
+ calendar-cell-default-foreground-color: var(--a2-color-neutral-950, #040404),
128
+ calendar-cell-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
129
+ calendar-cell-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
130
+ calendar-cell-selected-background-color: var(--a2-color-blue-600, #0265dc),
131
+ calendar-cell-selected-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
132
+ calendar-cell-selected-background-color-active: var(--a2-color-blue-800, #003472),
133
+ calendar-cell-selected-foreground-color: var(--a2-color-neutral-0, #ffffff),
134
+ calendar-cell-selected-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
135
+ calendar-cell-selected-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
136
+ calendar-cell-weekday-foreground-color: var(--a2-color-neutral-500, #707070),
137
+ calendar-cell-range-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
138
+ calendar-cell-range-background-color-hover: #1a82ff1A,
139
+ calendar-cell-range-background-color-active: #1a82ff4D,
140
+ calendar-cell-range-foreground-color: var(--a2-color-blue-600, #0265dc),
141
+ calendar-cell-range-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
142
+ calendar-cell-range-foreground-color-active: var(--a2-color-blue-800, #003472),
143
+ calendar-cell-focus-ring-color: var(--a2-color-blue-600, #0265dc),
144
+ calendar-range-fill-background-color: var(--a2-color-blue-50, #e6f1ff),
145
+ card-border-color: var(--a2-color-neutral-80, #e6e6e6),
146
+ card-default-background-color: var(--a2-color-neutral-0, #ffffff),
147
+ card-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
148
+ card-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
149
+ card-strongest-background-color: var(--a2-color-neutral-200, #c4c4c4),
150
+ checkbox-default-checked-foreground-color: var(--a2-color-neutral-950, #040404),
151
+ checkbox-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
152
+ checkbox-default-checked-icon-background-color-hover: #1a82ff1A,
153
+ checkbox-default-checked-icon-background-color-active: #1a82ff4D,
154
+ checkbox-default-checked-icon-color: var(--a2-color-blue-600, #0265dc),
155
+ checkbox-default-checked-icon-color-hover: var(--a2-color-blue-700, #1d4ca3),
156
+ checkbox-default-checked-icon-color-active: var(--a2-color-blue-800, #003472),
157
+ checkbox-default-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
158
+ checkbox-default-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
159
+ checkbox-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
160
+ checkbox-default-unchecked-icon-background-color-hover: #8b8b8b14,
161
+ checkbox-default-unchecked-icon-background-color-active: #8b8b8b29,
162
+ checkbox-default-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
163
+ checkbox-default-unchecked-icon-color-hover: var(--a2-color-neutral-950, #040404),
164
+ checkbox-default-unchecked-icon-color-active: var(--a2-color-neutral-950, #040404),
165
+ checkbox-default-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
166
+ checkbox-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
167
+ checkbox-error-checked-foreground-color: var(--a2-color-neutral-950, #040404),
168
+ checkbox-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
169
+ checkbox-error-checked-icon-background-color-hover: #ff39141A,
170
+ checkbox-error-checked-icon-background-color-active: #ff39144D,
171
+ checkbox-error-checked-icon-color: var(--a2-color-red-600, #d62100),
172
+ checkbox-error-checked-icon-color-hover: var(--a2-color-red-700, #a31900),
173
+ checkbox-error-checked-icon-color-active: var(--a2-color-red-800, #731100),
174
+ checkbox-error-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
175
+ checkbox-error-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
176
+ checkbox-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
177
+ checkbox-error-unchecked-icon-background-color-hover: #ff39141A,
178
+ checkbox-error-unchecked-icon-background-color-active: #ff39144D,
179
+ checkbox-error-unchecked-icon-color: var(--a2-color-red-600, #d62100),
180
+ checkbox-error-unchecked-icon-color-hover: var(--a2-color-red-700, #a31900),
181
+ checkbox-error-unchecked-icon-color-active: var(--a2-color-red-800, #731100),
182
+ checkbox-error-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
183
+ checkbox-error-focus-ring-color: var(--a2-color-red-600, #d62100),
184
+ chip-background-color: var(--a2-color-neutral-50, #eeeeee),
185
+ chip-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
186
+ chip-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
187
+ chip-border-color: var(--a2-color-neutral-80, #e6e6e6),
188
+ chip-foreground-color: var(--a2-color-neutral-950, #040404),
189
+ chip-focus-ring-color: var(--a2-color-blue-600, #0265dc),
190
+ chip-close-background-color: "rgba(0, 0, 0, 0)",
191
+ chip-close-background-color-hover: var(--a2-color-neutral-300, #a8a8a8),
192
+ chip-close-background-color-active: var(--a2-color-neutral-400, #8b8b8b),
193
+ combobox-item-default-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
194
+ combobox-item-default-background-color-hover: #8b8b8b14,
195
+ combobox-item-default-background-color-active: #8b8b8b29,
196
+ combobox-item-default-foreground-color: var(--a2-color-neutral-950, #040404),
197
+ combobox-item-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
198
+ combobox-item-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
199
+ combobox-item-selected-background-color: var(--a2-color-blue-50, #e6f1ff),
200
+ combobox-item-selected-background-color-hover: var(--a2-color-blue-100, #cce3ff),
201
+ combobox-item-selected-background-color-active: var(--a2-color-blue-200, #9ecaff),
202
+ combobox-item-selected-foreground-color: var(--a2-color-blue-600, #0265dc),
203
+ combobox-item-selected-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
204
+ combobox-item-selected-foreground-color-active: var(--a2-color-blue-800, #003472),
205
+ combobox-item-disabled-foreground-color: var(--a2-color-neutral-500, #707070),
206
+ combobox-item-disabled-icon-color: var(--a2-color-neutral-500, #707070),
207
+ details-summary-foreground-color: var(--a2-color-neutral-950, #040404),
208
+ details-summary-foreground-color-hover: var(--a2-color-neutral-950, #040404),
209
+ details-summary-foreground-color-active: var(--a2-color-neutral-950, #040404),
210
+ details-summary-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
211
+ details-summary-background-color-hover: #8b8b8b14,
212
+ details-summary-background-color-active: #8b8b8b29,
213
+ details-summary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
214
+ details-content-foreground-color: var(--a2-color-neutral-950, #040404),
215
+ dialog-background-color: var(--a2-color-neutral-0, #ffffff),
216
+ dialog-border-color: var(--a2-color-neutral-80, #e6e6e6),
217
+ dialog-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
218
+ dialog-backdrop-fullscreen-color: var(--a2-color-neutral-0, #ffffff),
219
+ divider-border-color: var(--a2-color-neutral-80, #e6e6e6),
220
+ dnd-drop-line-background-color: var(--a2-color-green-600, #077e50),
221
+ dnd-drop-line-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
222
+ dnd-drop-line-indicator-border-color: var(--a2-color-green-600, #077e50),
223
+ dnd-drop-zone-active-not-over-background-color: var(--a2-color-blue-50, #e6f1ff),
224
+ dnd-drop-zone-active-not-over-border-color: var(--a2-color-blue-600, #0265dc),
225
+ dnd-drop-zone-over-valid-background-color: var(--a2-color-green-50, #d3fded),
226
+ dnd-drop-zone-over-valid-border-color: var(--a2-color-green-600, #077e50),
227
+ dnd-drop-zone-over-invalid-background-color: var(--a2-color-red-50, #ffe9e5),
228
+ dnd-drop-zone-over-invalid-border-color: var(--a2-color-red-600, #d62100),
229
+ dnd-drag-preview-shadow-color: #1a1a1a14,
230
+ drawer-background-color: var(--a2-color-neutral-0, #ffffff),
231
+ drawer-border-color: var(--a2-color-neutral-80, #e6e6e6),
232
+ drawer-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
233
+ drilldown-background-color: var(--a2-color-neutral-0, #ffffff),
234
+ drilldown-border-color: var(--a2-color-neutral-80, #e6e6e6),
235
+ drilldown-backdrop-color: var(--a2-color-neutral-500, #707070),
236
+ edit-card-default-border-inline-start-color: var(--a2-color-neutral-80, #e6e6e6),
237
+ edit-card-default-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
238
+ edit-card-default-indicator-border-color: var(--a2-color-neutral-200, #c4c4c4),
239
+ edit-card-default-indicator-icon-color: "rgba(0, 0, 0, 0)",
240
+ edit-card-in-progress-border-inline-start-color: var(--a2-color-blue-600, #0265dc),
241
+ edit-card-in-progress-indicator-border-color: var(--a2-color-blue-600, #0265dc),
242
+ edit-card-in-progress-indicator-icon-color: var(--a2-color-blue-600, #0265dc),
243
+ edit-card-complete-border-inline-start-color: var(--a2-color-blue-600, #0265dc),
244
+ edit-card-complete-indicator-background-color: var(--a2-color-blue-600, #0265dc),
245
+ edit-card-complete-indicator-border-color: var(--a2-color-blue-600, #0265dc),
246
+ edit-card-complete-indicator-icon-color: var(--a2-color-neutral-0, #ffffff),
247
+ edit-card-error-border-inline-start-color: var(--a2-color-red-600, #d62100),
248
+ edit-card-error-indicator-background-color: var(--a2-color-red-600, #d62100),
249
+ edit-card-error-indicator-border-color: var(--a2-color-red-600, #d62100),
250
+ edit-card-error-indicator-icon-color: var(--a2-color-neutral-0, #ffffff),
251
+ field-label-foreground-color: var(--a2-color-neutral-950, #040404),
252
+ field-label-required-color: var(--a2-color-red-600, #d62100),
253
+ field-message-foreground-color: var(--a2-color-neutral-500, #707070),
254
+ field-message-error-foreground-color: var(--a2-color-red-600, #d62100),
255
+ field-message-warning-foreground-color: var(--a2-color-neutral-500, #707070),
256
+ icon-foreground-color: var(--a2-color-neutral-950, #040404),
257
+ icon-focus-ring-color: var(--a2-color-blue-600, #0265dc),
258
+ link-primary-foreground-color: var(--a2-color-blue-600, #0265dc),
259
+ link-primary-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
260
+ link-secondary-foreground-color: var(--a2-color-neutral-950, #040404),
261
+ link-secondary-foreground-color-hover: #040404CC,
262
+ link-focus-ring-color: var(--a2-color-blue-600, #0265dc),
263
+ list-view-foreground-color: var(--a2-color-neutral-950, #040404),
264
+ list-view-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
265
+ list-view-background-color-hover: #8b8b8b14,
266
+ list-view-group-label-foreground-color: var(--a2-color-neutral-500, #707070),
267
+ listbox-option-default-foreground-color: var(--a2-color-neutral-950, #040404),
268
+ listbox-option-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
269
+ listbox-option-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
270
+ listbox-option-default-background-color: "rgba(0, 0, 0, 0)",
271
+ listbox-option-default-background-color-hover: #8b8b8b14,
272
+ listbox-option-default-background-color-active: #8b8b8b29,
273
+ listbox-option-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
274
+ listbox-option-selected-foreground-color: var(--a2-color-blue-600, #0265dc),
275
+ listbox-option-selected-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
276
+ listbox-option-selected-foreground-color-active: var(--a2-color-blue-800, #003472),
277
+ listbox-option-selected-background-color: var(--a2-color-blue-50, #e6f1ff),
278
+ listbox-option-selected-background-color-hover: var(--a2-color-blue-100, #cce3ff),
279
+ listbox-option-selected-background-color-active: var(--a2-color-blue-200, #9ecaff),
280
+ listbox-group-label-foreground-color: var(--a2-color-neutral-500, #707070),
281
+ listbox-group-border-color: var(--a2-color-neutral-80, #e6e6e6),
282
+ menu-content-foreground-color: var(--a2-color-neutral-950, #040404),
283
+ menu-content-background-color: var(--a2-color-neutral-20, #f9f9f9),
284
+ menu-content-border-color: var(--a2-color-neutral-80, #e6e6e6),
285
+ menu-content-shadow-color: #1a1a1a14,
286
+ menu-item-foreground-color: var(--a2-color-neutral-950, #040404),
287
+ menu-item-foreground-color-hover: var(--a2-color-neutral-950, #040404),
288
+ menu-item-foreground-color-active: var(--a2-color-neutral-950, #040404),
289
+ menu-item-background-color: "rgba(0, 0, 0, 0)",
290
+ menu-item-background-color-hover: #8b8b8b14,
291
+ menu-item-background-color-active: #8b8b8b29,
292
+ menu-arrow-foreground-color: var(--a2-color-neutral-950, #040404),
293
+ menu-arrow-background-color: var(--a2-color-neutral-20, #f9f9f9),
294
+ overflow-content-focus-ring-color: var(--a2-color-blue-600, #0265dc),
295
+ overflow-shadow-color: #1a1a1a14,
296
+ overflow-expand-button-foreground-color: var(--a2-color-blue-600, #0265dc),
297
+ overflow-expand-button-focus-ring-color: var(--a2-color-blue-600, #0265dc),
298
+ page-container-foreground-color: var(--a2-color-neutral-950, #040404),
299
+ page-container-background-color: var(--a2-color-neutral-0, #ffffff),
300
+ page-content-footer-background-color: var(--a2-color-neutral-0, #ffffff),
301
+ page-content-footer-border-color: var(--a2-color-neutral-80, #e6e6e6),
302
+ page-content-footer-shadow-color: #1a1a1a14,
303
+ page-sidebar-background-color: var(--a2-color-neutral-0, #ffffff),
304
+ page-sidebar-border-color: var(--a2-color-neutral-80, #e6e6e6),
305
+ page-sidebar-shadow-color: #1a1a1a14,
306
+ page-sidebar-header-background-color: var(--a2-color-neutral-0, #ffffff),
307
+ page-sidebar-adaptive-trigger-container-background-color: var(--a2-color-neutral-0, #ffffff),
308
+ page-sidebar-adaptive-trigger-container-shadow-color: #1a1a1a14,
309
+ page-sidebar-adaptive-trigger-foreground-color: var(--a2-color-neutral-950, #040404),
310
+ page-sidebar-adaptive-trigger-background-color: var(--a2-color-neutral-50, #eeeeee),
311
+ page-toggle-button-background-color: var(--a2-color-neutral-0, #ffffff),
312
+ page-toggle-button-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
313
+ page-toggle-button-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
314
+ page-toggle-button-border-color: var(--a2-color-neutral-80, #e6e6e6),
315
+ page-panel-background-color: var(--a2-color-neutral-0, #ffffff),
316
+ page-panel-border-color: var(--a2-color-neutral-80, #e6e6e6),
317
+ pagination-foreground-color: var(--a2-color-neutral-950, #040404),
318
+ pagination-items-per-page-button-background-color: var(--a2-color-neutral-0, #ffffff),
319
+ pagination-items-per-page-button-border-color: var(--a2-color-neutral-400, #8b8b8b),
320
+ popover-content-foreground-color: var(--a2-color-neutral-950, #040404),
321
+ popover-content-background-color: var(--a2-color-neutral-20, #f9f9f9),
322
+ popover-content-border-color: var(--a2-color-neutral-80, #e6e6e6),
323
+ popover-content-shadow-color: #1a1a1a14,
324
+ popover-arrow-fill-color: var(--a2-color-neutral-20, #f9f9f9),
325
+ popover-arrow-stroke-color: var(--a2-color-neutral-80, #e6e6e6),
326
+ progress-bar-track-background-color: var(--a2-color-neutral-50, #eeeeee),
327
+ progress-bar-fill-background-color-info: var(--a2-color-blue-600, #0265dc),
328
+ progress-bar-fill-background-color-success: var(--a2-color-green-600, #077e50),
329
+ progress-bar-fill-background-color-error: var(--a2-color-red-600, #d62100),
330
+ progress-bar-check-icon-foreground-color: var(--a2-color-green-600, #077e50),
331
+ progress-bar-error-icon-foreground-color: var(--a2-color-red-600, #d62100),
332
+ radio-default-checked-foreground-color: var(--a2-color-neutral-950, #040404),
333
+ radio-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
334
+ radio-default-checked-icon-background-color-hover: #1a82ff1A,
335
+ radio-default-checked-icon-background-color-active: #1a82ff4D,
336
+ radio-default-checked-icon-color: var(--a2-color-blue-600, #0265dc),
337
+ radio-default-checked-icon-color-hover: var(--a2-color-blue-700, #1d4ca3),
338
+ radio-default-checked-icon-color-active: var(--a2-color-blue-800, #003472),
339
+ radio-default-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
340
+ radio-default-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
341
+ radio-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
342
+ radio-default-unchecked-icon-background-color-hover: #8b8b8b14,
343
+ radio-default-unchecked-icon-background-color-active: #8b8b8b29,
344
+ radio-default-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
345
+ radio-default-unchecked-icon-color-hover: var(--a2-color-neutral-950, #040404),
346
+ radio-default-unchecked-icon-color-active: var(--a2-color-neutral-950, #040404),
347
+ radio-default-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
348
+ radio-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
349
+ radio-error-checked-foreground-color: var(--a2-color-neutral-950, #040404),
350
+ radio-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
351
+ radio-error-checked-icon-background-color-hover: #ff39141A,
352
+ radio-error-checked-icon-background-color-active: #ff39144D,
353
+ radio-error-checked-icon-color: var(--a2-color-red-600, #d62100),
354
+ radio-error-checked-icon-color-hover: var(--a2-color-red-700, #a31900),
355
+ radio-error-checked-icon-color-active: var(--a2-color-red-800, #731100),
356
+ radio-error-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
357
+ radio-error-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
358
+ radio-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
359
+ radio-error-unchecked-icon-background-color-hover: #ff39141A,
360
+ radio-error-unchecked-icon-background-color-active: #ff39144D,
361
+ radio-error-unchecked-icon-color: var(--a2-color-red-600, #d62100),
362
+ radio-error-unchecked-icon-color-hover: var(--a2-color-red-700, #a31900),
363
+ radio-error-unchecked-icon-color-active: var(--a2-color-red-800, #731100),
364
+ radio-error-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
365
+ radio-error-focus-ring-color: var(--a2-color-red-600, #d62100),
366
+ segmented-control-background-color: var(--a2-color-neutral-50, #eeeeee),
367
+ segmented-control-segment-background-color: "rgba(0, 0, 0, 0)",
368
+ segmented-control-segment-background-color-hover: #8b8b8b14,
369
+ segmented-control-segment-background-color-active: #8b8b8b29,
370
+ segmented-control-button-foreground-color: var(--a2-color-neutral-950, #040404),
371
+ segmented-control-button-background-color: var(--a2-color-neutral-0, #ffffff),
372
+ segmented-control-border-color: var(--a2-color-neutral-80, #e6e6e6),
373
+ segmented-control-shadow-color: #1a1a1a14,
374
+ segmented-control-focus-ring-color: var(--a2-color-blue-600, #0265dc),
375
+ select-card-unchecked-foreground-color: var(--a2-color-blue-600, #0265dc),
376
+ select-card-unchecked-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
377
+ select-card-unchecked-foreground-color-active: var(--a2-color-blue-800, #003472),
378
+ select-card-unchecked-default-background-color: var(--a2-color-neutral-0, #ffffff),
379
+ select-card-unchecked-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
380
+ select-card-unchecked-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
381
+ select-card-unchecked-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
382
+ select-card-unchecked-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
383
+ select-card-unchecked-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
384
+ select-card-unchecked-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
385
+ select-card-unchecked-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
386
+ select-card-unchecked-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
387
+ select-card-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
388
+ select-card-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
389
+ select-card-unchecked-border-color: var(--a2-color-neutral-80, #e6e6e6),
390
+ select-card-unchecked-focus-ring-color: var(--a2-color-blue-600, #0265dc),
391
+ select-card-unchecked-shadow-color: #1a1a1a14,
392
+ select-card-checked-foreground-color: var(--a2-color-blue-600, #0265dc),
393
+ select-card-checked-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
394
+ select-card-checked-foreground-color-active: var(--a2-color-blue-800, #003472),
395
+ select-card-checked-default-background-color: var(--a2-color-neutral-0, #ffffff),
396
+ select-card-checked-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
397
+ select-card-checked-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
398
+ select-card-checked-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
399
+ select-card-checked-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
400
+ select-card-checked-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
401
+ select-card-checked-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
402
+ select-card-checked-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
403
+ select-card-checked-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
404
+ select-card-checked-icon-color: var(--a2-color-blue-600, #0265dc),
405
+ select-card-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
406
+ select-card-checked-border-color: var(--a2-color-neutral-700, #404040),
407
+ select-card-checked-focus-ring-color: var(--a2-color-blue-600, #0265dc),
408
+ select-card-checked-shadow-color: #1a1a1a14,
409
+ select-card-checked-error-foreground-color: var(--a2-color-blue-600, #0265dc),
410
+ select-card-checked-error-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
411
+ select-card-checked-error-foreground-color-active: var(--a2-color-blue-800, #003472),
412
+ select-card-checked-error-default-background-color: var(--a2-color-neutral-0, #ffffff),
413
+ select-card-checked-error-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
414
+ select-card-checked-error-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
415
+ select-card-checked-error-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
416
+ select-card-checked-error-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
417
+ select-card-checked-error-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
418
+ select-card-checked-error-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
419
+ select-card-checked-error-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
420
+ select-card-checked-error-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
421
+ select-card-checked-error-icon-color: var(--a2-color-red-600, #d62100),
422
+ select-card-checked-error-icon-color-disabled: var(--a2-color-neutral-500, #707070),
423
+ select-card-checked-error-border-color: var(--a2-color-red-600, #d62100),
424
+ select-card-checked-error-focus-ring-color: var(--a2-color-red-600, #d62100),
425
+ select-card-checked-error-shadow-color: #1a1a1a14,
426
+ side-nav-link-default-foreground-color: var(--a2-color-neutral-950, #040404),
427
+ side-nav-link-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
428
+ side-nav-link-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
429
+ side-nav-link-default-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
430
+ side-nav-link-default-background-color: "rgba(0, 0, 0, 0)",
431
+ side-nav-link-default-background-color-hover: #8b8b8b14,
432
+ side-nav-link-default-background-color-active: #8b8b8b29,
433
+ side-nav-link-default-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
434
+ side-nav-link-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
435
+ side-nav-link-active-foreground-color: var(--a2-color-blue-600, #0265dc),
436
+ side-nav-link-active-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
437
+ side-nav-link-active-foreground-color-active: var(--a2-color-blue-800, #003472),
438
+ side-nav-link-active-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
439
+ side-nav-link-active-background-color: var(--a2-color-blue-50, #e6f1ff),
440
+ side-nav-link-active-background-color-hover: var(--a2-color-blue-100, #cce3ff),
441
+ side-nav-link-active-background-color-active: var(--a2-color-blue-200, #9ecaff),
442
+ side-nav-link-active-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
443
+ side-nav-link-active-focus-ring-color: var(--a2-color-blue-600, #0265dc),
444
+ side-nav-group-foreground-color: var(--a2-color-neutral-500, #707070),
445
+ skeleton-background-color: var(--a2-color-neutral-50, #eeeeee),
446
+ skeleton-pulse-color: #8b8b8b14,
447
+ spinner-foreground-color-primary: var(--a2-color-blue-600, #0265dc),
448
+ spinner-foreground-color-current: currentColor,
449
+ spinner-track-foreground-color: #0404040F,
450
+ spinner-arc-foreground-color: currentColor,
451
+ status-icon-info-fill-color: var(--a2-color-blue-500, #1a82ff),
452
+ status-icon-info-stroke-color: var(--a2-color-blue-700, #1d4ca3),
453
+ status-icon-success-fill-color: var(--a2-color-green-600, #077e50),
454
+ status-icon-success-stroke-color: var(--a2-color-green-800, #04482e),
455
+ status-icon-warning-fill-color: var(--a2-color-orange-400, #e37700),
456
+ status-icon-warning-stroke-color: var(--a2-color-orange-600, #964f00),
457
+ status-icon-danger-fill-color: var(--a2-color-red-600, #d62100),
458
+ status-icon-danger-stroke-color: var(--a2-color-red-700, #a31900),
459
+ stepper-focus-ring-color: var(--a2-color-blue-600, #0265dc),
460
+ stepper-step-default-label-foreground-color: var(--a2-color-neutral-950, #040404),
461
+ stepper-step-default-link-foreground-color: var(--a2-color-blue-600, #0265dc),
462
+ stepper-step-default-background-color: var(--a2-color-blue-600, #0265dc),
463
+ stepper-step-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
464
+ stepper-step-default-track-color: var(--a2-color-neutral-50, #eeeeee),
465
+ stepper-step-default-circle-background-color: var(--a2-color-neutral-0, #ffffff),
466
+ stepper-step-default-circle-border-color: var(--a2-color-neutral-400, #8b8b8b),
467
+ stepper-step-default-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
468
+ stepper-step-current-label-foreground-color: var(--a2-color-neutral-950, #040404),
469
+ stepper-step-current-background-color: var(--a2-color-blue-600, #0265dc),
470
+ stepper-step-current-foreground-color: var(--a2-color-neutral-0, #ffffff),
471
+ stepper-step-current-track-color: var(--a2-color-neutral-50, #eeeeee),
472
+ stepper-step-current-circle-background-color: var(--a2-color-neutral-0, #ffffff),
473
+ stepper-step-current-circle-border-color: var(--a2-color-blue-600, #0265dc),
474
+ stepper-step-current-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
475
+ stepper-step-complete-label-foreground-color: var(--a2-color-neutral-950, #040404),
476
+ stepper-step-complete-link-foreground-color: var(--a2-color-blue-600, #0265dc),
477
+ stepper-step-complete-background-color: var(--a2-color-blue-600, #0265dc),
478
+ stepper-step-complete-foreground-color: var(--a2-color-neutral-0, #ffffff),
479
+ stepper-step-complete-track-color: var(--a2-color-neutral-50, #eeeeee),
480
+ stepper-step-complete-circle-background-color: var(--a2-color-blue-600, #0265dc),
481
+ stepper-step-complete-circle-border-color: var(--a2-color-blue-600, #0265dc),
482
+ stepper-step-complete-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
483
+ switch-unchecked-background-color: var(--a2-color-neutral-200, #c4c4c4),
484
+ switch-unchecked-background-color-hover: var(--a2-color-neutral-300, #a8a8a8),
485
+ switch-unchecked-background-color-active: var(--a2-color-neutral-400, #8b8b8b),
486
+ switch-unchecked-background-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
487
+ switch-unchecked-thumb-background-color: var(--a2-color-neutral-0, #ffffff),
488
+ switch-unchecked-thumb-shadow-color: #0404043D,
489
+ switch-checked-background-color: var(--a2-color-blue-600, #0265dc),
490
+ switch-checked-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
491
+ switch-checked-background-color-active: var(--a2-color-blue-800, #003472),
492
+ switch-checked-background-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
493
+ switch-checked-thumb-check-color: var(--a2-color-blue-600, #0265dc),
494
+ switch-checked-thumb-check-color-hover: var(--a2-color-blue-700, #1d4ca3),
495
+ switch-checked-thumb-check-color-active: var(--a2-color-blue-800, #003472),
496
+ switch-checked-thumb-check-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
497
+ switch-checked-thumb-background-color: var(--a2-color-neutral-0, #ffffff),
498
+ switch-checked-thumb-shadow-color: #0404043D,
499
+ switch-focus-ring-color: var(--a2-color-blue-600, #0265dc),
500
+ tab-border-color: var(--a2-color-neutral-80, #e6e6e6),
501
+ tab-overflow-button-background-color: var(--a2-color-neutral-20, #f9f9f9),
502
+ tab-button-foreground-color: var(--a2-color-neutral-950, #040404),
503
+ tab-button-foreground-color-hover: var(--a2-color-neutral-950, #040404),
504
+ tab-button-foreground-color-active: var(--a2-color-neutral-950, #040404),
505
+ tab-button-background-color: "rgba(0, 0, 0, 0)",
506
+ tab-button-background-color-hover: #8b8b8b14,
507
+ tab-button-background-color-active: #8b8b8b29,
508
+ tab-button-selected-indicator-background-color: var(--a2-color-neutral-950, #040404),
509
+ tab-button-focus-ring-color: var(--a2-color-blue-600, #0265dc),
510
+ text-field-input-foreground-color: var(--a2-color-neutral-950, #040404),
511
+ text-field-input-placeholder-foreground-color: var(--a2-color-neutral-500, #707070),
512
+ text-field-input-wrapper-background-color: var(--a2-color-neutral-0, #ffffff),
513
+ text-field-input-wrapper-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
514
+ text-field-input-wrapper-border-color-default: var(--a2-color-neutral-400, #8b8b8b),
515
+ text-field-input-wrapper-border-color-danger: var(--a2-color-red-600, #d62100),
516
+ text-field-focus-ring-color-default: var(--a2-color-blue-600, #0265dc),
517
+ text-field-focus-ring-color-danger: var(--a2-color-red-600, #d62100),
518
+ text-foreground-color: var(--a2-color-neutral-950, #040404),
519
+ text-foreground-color-subdued: var(--a2-color-neutral-500, #707070),
520
+ text-focus-ring-color: var(--a2-color-blue-600, #0265dc),
521
+ toast-collapse-button-background-color: var(--a2-color-neutral-800, #292929),
522
+ toast-collapse-button-background-color-hover: var(--a2-color-neutral-900, #1a1a1a),
523
+ toast-collapse-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
524
+ toast-collapse-button-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
525
+ toast-shadow-color: #1a1a1a14,
526
+ toast-focus-ring-color: var(--a2-color-blue-600, #0265dc),
527
+ toolbar-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
528
+ toolbar-background-color-hover: #8b8b8b14,
529
+ toolbar-toggle-border-color-primary: var(--a2-color-neutral-0, #ffffff),
530
+ toolbar-toggle-border-color-subdued: var(--a2-color-blue-50, #e6f1ff),
531
+ toolbar-toggle-border-color-subdued-active: var(--a2-color-blue-200, #9ecaff),
532
+ toolbar-toggle-border-color-subdued-hover: var(--a2-color-blue-100, #cce3ff),
533
+ tooltip-foreground-color: var(--a2-color-neutral-0, #ffffff),
534
+ tooltip-background-color: var(--a2-color-neutral-900, #1a1a1a),
535
+ tooltip-shadow-color: #1a1a1a14,
66
536
  );
67
537
  $dark: (
68
- button-primary-foreground-color: #141414,
69
- button-primary-foreground-color-hover: #141414,
70
- button-primary-foreground-color-active: #141414,
71
- button-primary-background-color: #78BBFA,
72
- button-primary-background-color-hover: #8ec6fbff,
73
- button-primary-background-color-active: #68a0d5ff,
74
- button-primary-border-color: transparent,
75
- button-primary-focus-ring-color: #78BBFA,
76
- button-secondary-foreground-color: #ffffff,
77
- button-secondary-foreground-color-hover: #ffffff,
78
- button-secondary-foreground-color-active: #ffffff,
79
- button-secondary-background-color: #ffffff0f,
80
- button-secondary-background-color-hover: #ffffff22,
81
- button-secondary-background-color-active: #ffffff35,
82
- button-secondary-border-color: transparent,
83
- button-secondary-focus-ring-color: #78BBFA,
84
- button-ghost-foreground-color: #ffffff,
85
- button-ghost-foreground-color-hover: #ffffff,
86
- button-ghost-foreground-color-active: #ffffff,
87
- button-ghost-background-color: transparent,
538
+ alert-info-foreground-color: var(--a2-color-neutral-0, #ffffff),
539
+ alert-info-background-color: var(--a2-color-blue-950, #000b19),
540
+ alert-info-border-color: var(--a2-color-blue-200, #9ecaff),
541
+ alert-success-foreground-color: var(--a2-color-neutral-0, #ffffff),
542
+ alert-success-background-color: var(--a2-color-green-950, #010f0a),
543
+ alert-success-border-color: var(--a2-color-green-200, #70ebbc),
544
+ alert-warning-foreground-color: var(--a2-color-neutral-0, #ffffff),
545
+ alert-warning-background-color: var(--a2-color-yellow-950, #191100),
546
+ alert-warning-border-color: var(--a2-color-yellow-200, #fff0b1),
547
+ alert-danger-foreground-color: var(--a2-color-neutral-0, #ffffff),
548
+ alert-danger-background-color: var(--a2-color-red-950, #0a0200),
549
+ alert-danger-border-color: var(--a2-color-red-200, #ffac9e),
550
+ alert-close-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
551
+ announcement-info-background-color: var(--a2-color-blue-300, #70b1ff),
552
+ announcement-info-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
553
+ announcement-info-action-button-background-color: #ffffff8C,
554
+ announcement-info-action-button-background-color-hover: #ffffffA6,
555
+ announcement-info-action-button-background-color-active: #ffffffBF,
556
+ announcement-info-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
557
+ announcement-success-background-color: var(--a2-color-green-400, #0bd085),
558
+ announcement-success-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
559
+ announcement-success-action-button-background-color: #ffffff8C,
560
+ announcement-success-action-button-background-color-hover: #ffffffA6,
561
+ announcement-success-action-button-background-color-active: #ffffffBF,
562
+ announcement-success-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
563
+ announcement-warning-background-color: var(--a2-color-yellow-300, #ffe278),
564
+ announcement-warning-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
565
+ announcement-warning-action-button-background-color: #ffffff8C,
566
+ announcement-warning-action-button-background-color-hover: #ffffffA6,
567
+ announcement-warning-action-button-background-color-active: #ffffffBF,
568
+ announcement-warning-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
569
+ announcement-danger-background-color: var(--a2-color-red-400, #ff5b3d),
570
+ announcement-danger-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
571
+ announcement-danger-action-button-background-color: #ffffff8C,
572
+ announcement-danger-action-button-background-color-hover: #ffffffA6,
573
+ announcement-danger-action-button-background-color-active: #ffffffBF,
574
+ announcement-danger-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
575
+ avatar-background-color: var(--a2-color-neutral-700, #404040),
576
+ avatar-foreground-color: var(--a2-color-neutral-0, #ffffff),
577
+ avatar-border-color: var(--a2-color-neutral-900, #1a1a1a),
578
+ avatar-indicator-background-color-default: var(--a2-color-neutral-900, #1a1a1a),
579
+ avatar-indicator-background-color-online: var(--a2-color-green-400, #0bd085),
580
+ avatar-indicator-background-color-offline: var(--a2-color-neutral-500, #707070),
581
+ avatar-indicator-border-color: var(--a2-color-neutral-600, #545454),
582
+ badge-background-color: var(--a2-color-red-400, #ff5b3d),
583
+ badge-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
584
+ breadcrumb-link-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
585
+ breadcrumb-link-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
586
+ button-toggle-unpressed-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
587
+ button-toggle-unpressed-background-color-hover: #ffffff14,
588
+ button-toggle-unpressed-background-color-active: #ffffff29,
589
+ button-toggle-unpressed-background-color-disabled: var(--a2-color-neutral-800, #292929),
590
+ button-toggle-unpressed-foreground-color: var(--a2-color-neutral-0, #ffffff),
591
+ button-toggle-unpressed-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
592
+ button-toggle-unpressed-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
593
+ button-toggle-unpressed-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
594
+ button-toggle-unpressed-border-color: var(--a2-color-neutral-600, #545454),
595
+ button-toggle-unpressed-border-color-hover: var(--a2-color-neutral-600, #545454),
596
+ button-toggle-unpressed-border-color-active: var(--a2-color-neutral-600, #545454),
597
+ button-toggle-unpressed-border-color-disabled: rgba(0, 0, 0, 0),
598
+ button-toggle-pressed-background-color: #70b1ff33,
599
+ button-toggle-pressed-background-color-hover: #70b1ff4D,
600
+ button-toggle-pressed-background-color-active: #70b1ff66,
601
+ button-toggle-pressed-background-color-disabled: var(--a2-color-neutral-800, #292929),
602
+ button-toggle-pressed-foreground-color: var(--a2-color-blue-300, #70b1ff),
603
+ button-toggle-pressed-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
604
+ button-toggle-pressed-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
605
+ button-toggle-pressed-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
606
+ button-toggle-pressed-border-color: var(--a2-color-blue-300, #70b1ff),
607
+ button-toggle-pressed-border-color-hover: var(--a2-color-blue-200, #9ecaff),
608
+ button-toggle-pressed-border-color-active: var(--a2-color-blue-200, #9ecaff),
609
+ button-toggle-pressed-border-color-disabled: rgba(0, 0, 0, 0),
610
+ button-primary-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
611
+ button-primary-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
612
+ button-primary-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
613
+ button-primary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
614
+ button-primary-background-color: var(--a2-color-blue-300, #70b1ff),
615
+ button-primary-background-color-hover: var(--a2-color-blue-200, #9ecaff),
616
+ button-primary-background-color-active: var(--a2-color-blue-100, #cce3ff),
617
+ button-primary-background-color-disabled: var(--a2-color-neutral-800, #292929),
618
+ button-primary-border-color: rgba(0, 0, 0, 0),
619
+ button-primary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
620
+ button-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
621
+ button-secondary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
622
+ button-secondary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
623
+ button-secondary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
624
+ button-secondary-background-color: #ffffff14,
625
+ button-secondary-background-color-hover: #ffffff1F,
626
+ button-secondary-background-color-active: #ffffff29,
627
+ button-secondary-background-color-disabled: var(--a2-color-neutral-800, #292929),
628
+ button-secondary-border-color: rgba(0, 0, 0, 0),
629
+ button-secondary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
630
+ button-ghost-foreground-color: var(--a2-color-neutral-0, #ffffff),
631
+ button-ghost-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
632
+ button-ghost-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
633
+ button-ghost-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
634
+ button-ghost-background-color: rgba(0, 0, 0, 0),
88
635
  button-ghost-background-color-hover: #ffffff14,
89
636
  button-ghost-background-color-active: #ffffff29,
90
- button-ghost-border-color: transparent,
91
- button-ghost-focus-ring-color: #78BBFA,
92
- button-danger-primary-foreground-color: #141414,
93
- button-danger-primary-foreground-color-hover: #141414,
94
- button-danger-primary-foreground-color-active: #141414,
95
- button-danger-primary-background-color: #ff745f,
96
- button-danger-primary-background-color-hover: #ff8a79ff,
97
- button-danger-primary-background-color-active: #d96553ff,
98
- button-danger-primary-border-color: transparent,
99
- button-danger-primary-focus-ring-color: #ff745f,
100
- button-danger-secondary-foreground-color: #ffffff,
101
- button-danger-secondary-foreground-color-hover: #ff745f,
102
- button-danger-secondary-foreground-color-active: #ff745f,
103
- button-danger-secondary-background-color: #ff745f33,
104
- button-danger-secondary-background-color-hover: #fe6e5852,
105
- button-danger-secondary-background-color-active: #fe6a5466,
106
- button-danger-secondary-border-color: transparent,
107
- button-danger-secondary-focus-ring-color: #ff745f,
108
- checkbox-unchecked-fill-color-default: #ffffff,
109
- checkbox-unchecked-fill-color-hover: #ffffff,
110
- checkbox-unchecked-fill-color-active: #ffffff,
111
- checkbox-unchecked-background-color-default: transparent,
112
- checkbox-unchecked-background-color-hover: #ffffff14,
113
- checkbox-unchecked-background-color-active: #ffffff29,
114
- checkbox-checked-fill-color-default: #78BBFA,
115
- checkbox-checked-fill-color-hover: #abd8feda,
116
- checkbox-checked-fill-color-active: #abd8fee0,
117
- checkbox-checked-background-color-default: transparent,
118
- checkbox-checked-background-color-hover: #78bbfa14,
119
- checkbox-checked-background-color-active: #78bbfa29,
120
- checkbox-unchecked-error-fill-color-default: #ff745f,
121
- checkbox-unchecked-error-fill-color-hover: #ff745f,
122
- checkbox-unchecked-error-fill-color-active: #ff745f,
123
- checkbox-unchecked-error-background-color-default: transparent,
124
- checkbox-unchecked-error-background-color-hover: #f94d321a,
125
- checkbox-unchecked-error-background-color-active: #f94d3240,
126
- checkbox-checked-error-fill-color-default: #ff745f,
127
- checkbox-checked-error-fill-color-hover: #ff745f,
128
- checkbox-checked-error-fill-color-active: #ff745f,
129
- checkbox-checked-error-background-color-default: transparent,
130
- checkbox-checked-error-background-color-hover: #f94d321a,
131
- checkbox-checked-error-background-color-active: #f94d3240,
637
+ button-ghost-background-color-disabled: var(--a2-color-neutral-800, #292929),
638
+ button-ghost-border-color: rgba(0, 0, 0, 0),
639
+ button-ghost-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
640
+ button-danger-primary-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
641
+ button-danger-primary-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
642
+ button-danger-primary-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
643
+ button-danger-primary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
644
+ button-danger-primary-background-color: var(--a2-color-red-400, #ff5b3d),
645
+ button-danger-primary-background-color-hover: var(--a2-color-red-300, #ff8670),
646
+ button-danger-primary-background-color-active: var(--a2-color-red-200, #ffac9e),
647
+ button-danger-primary-background-color-disabled: var(--a2-color-neutral-800, #292929),
648
+ button-danger-primary-border-color: rgba(0, 0, 0, 0),
649
+ button-danger-primary-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
650
+ button-danger-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
651
+ button-danger-secondary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
652
+ button-danger-secondary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
653
+ button-danger-secondary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
654
+ button-danger-secondary-background-color: #ff867033,
655
+ button-danger-secondary-background-color-hover: #ff86704D,
656
+ button-danger-secondary-background-color-active: #ff867066,
657
+ button-danger-secondary-background-color-disabled: var(--a2-color-neutral-800, #292929),
658
+ button-danger-secondary-border-color: rgba(0, 0, 0, 0),
659
+ button-danger-secondary-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
660
+ calendar-cell-default-background-color: rgba(0, 0, 0, 0),
661
+ calendar-cell-default-background-color-hover: #ffffff14,
662
+ calendar-cell-default-background-color-active: #ffffff29,
663
+ calendar-cell-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
664
+ calendar-cell-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
665
+ calendar-cell-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
666
+ calendar-cell-selected-background-color: var(--a2-color-blue-300, #70b1ff),
667
+ calendar-cell-selected-background-color-hover: var(--a2-color-blue-200, #9ecaff),
668
+ calendar-cell-selected-background-color-active: var(--a2-color-blue-100, #cce3ff),
669
+ calendar-cell-selected-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
670
+ calendar-cell-selected-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
671
+ calendar-cell-selected-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
672
+ calendar-cell-weekday-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
673
+ calendar-cell-range-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
674
+ calendar-cell-range-background-color-hover: #70b1ff1A,
675
+ calendar-cell-range-background-color-active: #70b1ff40,
676
+ calendar-cell-range-foreground-color: var(--a2-color-blue-300, #70b1ff),
677
+ calendar-cell-range-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
678
+ calendar-cell-range-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
679
+ calendar-cell-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
680
+ calendar-range-fill-background-color: #70b1ff33,
681
+ card-border-color: var(--a2-color-neutral-700, #404040),
682
+ card-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
683
+ card-strong-background-color: var(--a2-color-neutral-800, #292929),
684
+ card-stronger-background-color: var(--a2-color-neutral-700, #404040),
685
+ card-strongest-background-color: var(--a2-color-neutral-500, #707070),
686
+ checkbox-default-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
687
+ checkbox-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
688
+ checkbox-default-checked-icon-background-color-hover: #70b1ff1A,
689
+ checkbox-default-checked-icon-background-color-active: #70b1ff40,
690
+ checkbox-default-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
691
+ checkbox-default-checked-icon-color-hover: var(--a2-color-blue-200, #9ecaff),
692
+ checkbox-default-checked-icon-color-active: var(--a2-color-blue-200, #9ecaff),
693
+ checkbox-default-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
694
+ checkbox-default-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
695
+ checkbox-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
696
+ checkbox-default-unchecked-icon-background-color-hover: #ffffff14,
697
+ checkbox-default-unchecked-icon-background-color-active: #ffffff29,
698
+ checkbox-default-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
699
+ checkbox-default-unchecked-icon-color-hover: var(--a2-color-neutral-0, #ffffff),
700
+ checkbox-default-unchecked-icon-color-active: var(--a2-color-neutral-0, #ffffff),
701
+ checkbox-default-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
702
+ checkbox-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
703
+ checkbox-error-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
704
+ checkbox-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
705
+ checkbox-error-checked-icon-background-color-hover: #ff86701A,
706
+ checkbox-error-checked-icon-background-color-active: #ff867040,
707
+ checkbox-error-checked-icon-color: var(--a2-color-red-400, #ff5b3d),
708
+ checkbox-error-checked-icon-color-hover: var(--a2-color-red-300, #ff8670),
709
+ checkbox-error-checked-icon-color-active: var(--a2-color-red-200, #ffac9e),
710
+ checkbox-error-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
711
+ checkbox-error-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
712
+ checkbox-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
713
+ checkbox-error-unchecked-icon-background-color-hover: #ff86701A,
714
+ checkbox-error-unchecked-icon-background-color-active: #ff867040,
715
+ checkbox-error-unchecked-icon-color: var(--a2-color-red-400, #ff5b3d),
716
+ checkbox-error-unchecked-icon-color-hover: var(--a2-color-red-300, #ff8670),
717
+ checkbox-error-unchecked-icon-color-active: var(--a2-color-red-200, #ffac9e),
718
+ checkbox-error-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
719
+ checkbox-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
720
+ chip-background-color: var(--a2-color-neutral-700, #404040),
721
+ chip-background-color-hover: var(--a2-color-neutral-600, #545454),
722
+ chip-background-color-active: var(--a2-color-neutral-500, #707070),
723
+ chip-border-color: var(--a2-color-neutral-700, #404040),
724
+ chip-foreground-color: var(--a2-color-neutral-0, #ffffff),
725
+ chip-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
726
+ chip-close-background-color: rgba(0, 0, 0, 0),
727
+ chip-close-background-color-hover: var(--a2-color-neutral-400, #8b8b8b),
728
+ chip-close-background-color-active: var(--a2-color-neutral-300, #a8a8a8),
729
+ combobox-item-default-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
730
+ combobox-item-default-background-color-hover: #ffffff14,
731
+ combobox-item-default-background-color-active: #ffffff29,
732
+ combobox-item-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
733
+ combobox-item-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
734
+ combobox-item-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
735
+ combobox-item-selected-background-color: #70b1ff33,
736
+ combobox-item-selected-background-color-hover: #70b1ff4D,
737
+ combobox-item-selected-background-color-active: #70b1ff66,
738
+ combobox-item-selected-foreground-color: var(--a2-color-blue-300, #70b1ff),
739
+ combobox-item-selected-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
740
+ combobox-item-selected-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
741
+ combobox-item-disabled-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
742
+ combobox-item-disabled-icon-color: var(--a2-color-neutral-200, #c4c4c4),
743
+ details-summary-foreground-color: var(--a2-color-neutral-0, #ffffff),
744
+ details-summary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
745
+ details-summary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
746
+ details-summary-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
747
+ details-summary-background-color-hover: #ffffff14,
748
+ details-summary-background-color-active: #ffffff29,
749
+ details-summary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
750
+ details-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
751
+ dialog-background-color: var(--a2-color-neutral-900, #1a1a1a),
752
+ dialog-border-color: var(--a2-color-neutral-700, #404040),
753
+ dialog-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
754
+ dialog-backdrop-fullscreen-color: var(--a2-color-neutral-0, #ffffff),
755
+ divider-border-color: var(--a2-color-neutral-700, #404040),
756
+ dnd-drop-line-background-color: var(--a2-color-green-400, #0bd085),
757
+ dnd-drop-line-indicator-background-color: var(--a2-color-neutral-900, #1a1a1a),
758
+ dnd-drop-line-indicator-border-color: var(--a2-color-green-200, #70ebbc),
759
+ dnd-drop-zone-active-not-over-background-color: #70b1ff33,
760
+ dnd-drop-zone-active-not-over-border-color: var(--a2-color-blue-200, #9ecaff),
761
+ dnd-drop-zone-over-valid-background-color: #3be3a233,
762
+ dnd-drop-zone-over-valid-border-color: var(--a2-color-green-200, #70ebbc),
763
+ dnd-drop-zone-over-invalid-background-color: #ff867033,
764
+ dnd-drop-zone-over-invalid-border-color: var(--a2-color-red-200, #ffac9e),
765
+ dnd-drag-preview-shadow-color: #ffffff14,
766
+ drawer-background-color: var(--a2-color-neutral-900, #1a1a1a),
767
+ drawer-border-color: var(--a2-color-neutral-700, #404040),
768
+ drawer-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
769
+ drilldown-background-color: var(--a2-color-neutral-900, #1a1a1a),
770
+ drilldown-border-color: var(--a2-color-neutral-700, #404040),
771
+ drilldown-backdrop-color: var(--a2-color-neutral-500, #707070),
772
+ edit-card-default-border-inline-start-color: var(--a2-color-neutral-700, #404040),
773
+ edit-card-default-indicator-background-color: var(--a2-color-neutral-900, #1a1a1a),
774
+ edit-card-default-indicator-border-color: var(--a2-color-neutral-500, #707070),
775
+ edit-card-default-indicator-icon-color: rgba(0, 0, 0, 0),
776
+ edit-card-in-progress-border-inline-start-color: var(--a2-color-blue-300, #70b1ff),
777
+ edit-card-in-progress-indicator-border-color: var(--a2-color-blue-300, #70b1ff),
778
+ edit-card-in-progress-indicator-icon-color: var(--a2-color-blue-300, #70b1ff),
779
+ edit-card-complete-border-inline-start-color: var(--a2-color-blue-300, #70b1ff),
780
+ edit-card-complete-indicator-background-color: var(--a2-color-blue-300, #70b1ff),
781
+ edit-card-complete-indicator-border-color: var(--a2-color-blue-300, #70b1ff),
782
+ edit-card-complete-indicator-icon-color: var(--a2-color-neutral-900, #1a1a1a),
783
+ edit-card-error-border-inline-start-color: var(--a2-color-red-400, #ff5b3d),
784
+ edit-card-error-indicator-background-color: var(--a2-color-red-400, #ff5b3d),
785
+ edit-card-error-indicator-border-color: var(--a2-color-red-400, #ff5b3d),
786
+ edit-card-error-indicator-icon-color: var(--a2-color-neutral-900, #1a1a1a),
787
+ field-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
788
+ field-label-required-color: var(--a2-color-red-400, #ff5b3d),
789
+ field-message-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
790
+ field-message-error-foreground-color: var(--a2-color-red-400, #ff5b3d),
791
+ field-message-warning-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
792
+ icon-foreground-color: var(--a2-color-neutral-0, #ffffff),
793
+ icon-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
794
+ link-primary-foreground-color: var(--a2-color-blue-300, #70b1ff),
795
+ link-primary-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
796
+ link-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
797
+ link-secondary-foreground-color-hover: #ffffffCC,
798
+ link-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
799
+ list-view-foreground-color: var(--a2-color-neutral-0, #ffffff),
800
+ list-view-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
801
+ list-view-background-color-hover: #ffffff14,
802
+ list-view-group-label-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
803
+ listbox-option-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
804
+ listbox-option-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
805
+ listbox-option-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
806
+ listbox-option-default-background-color: rgba(0, 0, 0, 0),
807
+ listbox-option-default-background-color-hover: #ffffff14,
808
+ listbox-option-default-background-color-active: #ffffff29,
809
+ listbox-option-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
810
+ listbox-option-selected-foreground-color: var(--a2-color-blue-300, #70b1ff),
811
+ listbox-option-selected-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
812
+ listbox-option-selected-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
813
+ listbox-option-selected-background-color: #70b1ff33,
814
+ listbox-option-selected-background-color-hover: #70b1ff4D,
815
+ listbox-option-selected-background-color-active: #70b1ff66,
816
+ listbox-group-label-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
817
+ listbox-group-border-color: var(--a2-color-neutral-700, #404040),
818
+ menu-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
819
+ menu-content-background-color: var(--a2-color-neutral-800, #292929),
820
+ menu-content-border-color: var(--a2-color-neutral-700, #404040),
821
+ menu-content-shadow-color: #ffffff14,
822
+ menu-item-foreground-color: var(--a2-color-neutral-0, #ffffff),
823
+ menu-item-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
824
+ menu-item-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
825
+ menu-item-background-color: rgba(0, 0, 0, 0),
826
+ menu-item-background-color-hover: #ffffff14,
827
+ menu-item-background-color-active: #ffffff29,
828
+ menu-arrow-foreground-color: var(--a2-color-neutral-0, #ffffff),
829
+ menu-arrow-background-color: var(--a2-color-neutral-800, #292929),
830
+ overflow-content-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
831
+ overflow-shadow-color: #ffffff14,
832
+ overflow-expand-button-foreground-color: var(--a2-color-blue-300, #70b1ff),
833
+ overflow-expand-button-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
834
+ page-container-foreground-color: var(--a2-color-neutral-0, #ffffff),
835
+ page-container-background-color: var(--a2-color-neutral-900, #1a1a1a),
836
+ page-content-footer-background-color: var(--a2-color-neutral-900, #1a1a1a),
837
+ page-content-footer-border-color: var(--a2-color-neutral-700, #404040),
838
+ page-content-footer-shadow-color: #ffffff14,
839
+ page-sidebar-background-color: var(--a2-color-neutral-900, #1a1a1a),
840
+ page-sidebar-border-color: var(--a2-color-neutral-700, #404040),
841
+ page-sidebar-shadow-color: #ffffff14,
842
+ page-sidebar-header-background-color: var(--a2-color-neutral-900, #1a1a1a),
843
+ page-sidebar-adaptive-trigger-container-background-color: var(--a2-color-neutral-900, #1a1a1a),
844
+ page-sidebar-adaptive-trigger-container-shadow-color: #ffffff14,
845
+ page-sidebar-adaptive-trigger-foreground-color: var(--a2-color-neutral-0, #ffffff),
846
+ page-sidebar-adaptive-trigger-background-color: var(--a2-color-neutral-700, #404040),
847
+ page-toggle-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
848
+ page-toggle-button-background-color-hover: var(--a2-color-neutral-800, #292929),
849
+ page-toggle-button-background-color-active: var(--a2-color-neutral-700, #404040),
850
+ page-toggle-button-border-color: var(--a2-color-neutral-700, #404040),
851
+ page-panel-background-color: var(--a2-color-neutral-900, #1a1a1a),
852
+ page-panel-border-color: var(--a2-color-neutral-700, #404040),
853
+ pagination-foreground-color: var(--a2-color-neutral-0, #ffffff),
854
+ pagination-items-per-page-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
855
+ pagination-items-per-page-button-border-color: var(--a2-color-neutral-600, #545454),
856
+ popover-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
857
+ popover-content-background-color: var(--a2-color-neutral-800, #292929),
858
+ popover-content-border-color: var(--a2-color-neutral-700, #404040),
859
+ popover-content-shadow-color: #ffffff14,
860
+ popover-arrow-fill-color: var(--a2-color-neutral-800, #292929),
861
+ popover-arrow-stroke-color: var(--a2-color-neutral-700, #404040),
862
+ progress-bar-track-background-color: var(--a2-color-neutral-700, #404040),
863
+ progress-bar-fill-background-color-info: var(--a2-color-blue-300, #70b1ff),
864
+ progress-bar-fill-background-color-success: var(--a2-color-green-400, #0bd085),
865
+ progress-bar-fill-background-color-error: var(--a2-color-red-400, #ff5b3d),
866
+ progress-bar-check-icon-foreground-color: var(--a2-color-green-400, #0bd085),
867
+ progress-bar-error-icon-foreground-color: var(--a2-color-red-400, #ff5b3d),
868
+ radio-default-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
869
+ radio-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
870
+ radio-default-checked-icon-background-color-hover: #70b1ff1A,
871
+ radio-default-checked-icon-background-color-active: #70b1ff40,
872
+ radio-default-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
873
+ radio-default-checked-icon-color-hover: var(--a2-color-blue-200, #9ecaff),
874
+ radio-default-checked-icon-color-active: var(--a2-color-blue-200, #9ecaff),
875
+ radio-default-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
876
+ radio-default-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
877
+ radio-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
878
+ radio-default-unchecked-icon-background-color-hover: #ffffff14,
879
+ radio-default-unchecked-icon-background-color-active: #ffffff29,
880
+ radio-default-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
881
+ radio-default-unchecked-icon-color-hover: var(--a2-color-neutral-0, #ffffff),
882
+ radio-default-unchecked-icon-color-active: var(--a2-color-neutral-0, #ffffff),
883
+ radio-default-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
884
+ radio-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
885
+ radio-error-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
886
+ radio-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
887
+ radio-error-checked-icon-background-color-hover: #ff86701A,
888
+ radio-error-checked-icon-background-color-active: #ff867040,
889
+ radio-error-checked-icon-color: var(--a2-color-red-400, #ff5b3d),
890
+ radio-error-checked-icon-color-hover: var(--a2-color-red-300, #ff8670),
891
+ radio-error-checked-icon-color-active: var(--a2-color-red-200, #ffac9e),
892
+ radio-error-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
893
+ radio-error-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
894
+ radio-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
895
+ radio-error-unchecked-icon-background-color-hover: #ff86701A,
896
+ radio-error-unchecked-icon-background-color-active: #ff867040,
897
+ radio-error-unchecked-icon-color: var(--a2-color-red-400, #ff5b3d),
898
+ radio-error-unchecked-icon-color-hover: var(--a2-color-red-300, #ff8670),
899
+ radio-error-unchecked-icon-color-active: var(--a2-color-red-200, #ffac9e),
900
+ radio-error-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
901
+ radio-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
902
+ segmented-control-background-color: var(--a2-color-neutral-700, #404040),
903
+ segmented-control-segment-background-color: rgba(0, 0, 0, 0),
904
+ segmented-control-segment-background-color-hover: #ffffff14,
905
+ segmented-control-segment-background-color-active: #ffffff29,
906
+ segmented-control-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
907
+ segmented-control-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
908
+ segmented-control-border-color: var(--a2-color-neutral-700, #404040),
909
+ segmented-control-shadow-color: #ffffff14,
910
+ segmented-control-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
911
+ select-card-unchecked-foreground-color: var(--a2-color-blue-300, #70b1ff),
912
+ select-card-unchecked-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
913
+ select-card-unchecked-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
914
+ select-card-unchecked-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
915
+ select-card-unchecked-default-background-color-hover: var(--a2-color-neutral-800, #292929),
916
+ select-card-unchecked-default-background-color-active: var(--a2-color-neutral-700, #404040),
917
+ select-card-unchecked-strong-background-color: var(--a2-color-neutral-800, #292929),
918
+ select-card-unchecked-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
919
+ select-card-unchecked-strong-background-color-active: var(--a2-color-neutral-600, #545454),
920
+ select-card-unchecked-stronger-background-color: var(--a2-color-neutral-700, #404040),
921
+ select-card-unchecked-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
922
+ select-card-unchecked-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
923
+ select-card-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
924
+ select-card-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
925
+ select-card-unchecked-border-color: var(--a2-color-neutral-700, #404040),
926
+ select-card-unchecked-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
927
+ select-card-unchecked-shadow-color: #ffffff14,
928
+ select-card-checked-foreground-color: var(--a2-color-blue-300, #70b1ff),
929
+ select-card-checked-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
930
+ select-card-checked-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
931
+ select-card-checked-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
932
+ select-card-checked-default-background-color-hover: var(--a2-color-neutral-800, #292929),
933
+ select-card-checked-default-background-color-active: var(--a2-color-neutral-700, #404040),
934
+ select-card-checked-strong-background-color: var(--a2-color-neutral-800, #292929),
935
+ select-card-checked-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
936
+ select-card-checked-strong-background-color-active: var(--a2-color-neutral-600, #545454),
937
+ select-card-checked-stronger-background-color: var(--a2-color-neutral-700, #404040),
938
+ select-card-checked-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
939
+ select-card-checked-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
940
+ select-card-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
941
+ select-card-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
942
+ select-card-checked-border-color: var(--a2-color-neutral-80, #e6e6e6),
943
+ select-card-checked-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
944
+ select-card-checked-shadow-color: #ffffff14,
945
+ select-card-checked-error-foreground-color: var(--a2-color-blue-300, #70b1ff),
946
+ select-card-checked-error-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
947
+ select-card-checked-error-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
948
+ select-card-checked-error-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
949
+ select-card-checked-error-default-background-color-hover: var(--a2-color-neutral-800, #292929),
950
+ select-card-checked-error-default-background-color-active: var(--a2-color-neutral-700, #404040),
951
+ select-card-checked-error-strong-background-color: var(--a2-color-neutral-800, #292929),
952
+ select-card-checked-error-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
953
+ select-card-checked-error-strong-background-color-active: var(--a2-color-neutral-600, #545454),
954
+ select-card-checked-error-stronger-background-color: var(--a2-color-neutral-700, #404040),
955
+ select-card-checked-error-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
956
+ select-card-checked-error-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
957
+ select-card-checked-error-icon-color: var(--a2-color-red-400, #ff5b3d),
958
+ select-card-checked-error-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
959
+ select-card-checked-error-border-color: var(--a2-color-red-200, #ffac9e),
960
+ select-card-checked-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
961
+ select-card-checked-error-shadow-color: #ffffff14,
962
+ side-nav-link-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
963
+ side-nav-link-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
964
+ side-nav-link-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
965
+ side-nav-link-default-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
966
+ side-nav-link-default-background-color: rgba(0, 0, 0, 0),
967
+ side-nav-link-default-background-color-hover: #ffffff14,
968
+ side-nav-link-default-background-color-active: #ffffff29,
969
+ side-nav-link-default-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
970
+ side-nav-link-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
971
+ side-nav-link-active-foreground-color: var(--a2-color-blue-300, #70b1ff),
972
+ side-nav-link-active-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
973
+ side-nav-link-active-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
974
+ side-nav-link-active-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
975
+ side-nav-link-active-background-color: #70b1ff33,
976
+ side-nav-link-active-background-color-hover: #70b1ff4D,
977
+ side-nav-link-active-background-color-active: #70b1ff66,
978
+ side-nav-link-active-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
979
+ side-nav-link-active-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
980
+ side-nav-group-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
981
+ skeleton-background-color: var(--a2-color-neutral-700, #404040),
982
+ skeleton-pulse-color: #ffffff14,
983
+ spinner-foreground-color-primary: var(--a2-color-blue-300, #70b1ff),
984
+ spinner-foreground-color-current: currentColor,
985
+ spinner-track-foreground-color: #ffffff14,
986
+ spinner-arc-foreground-color: currentColor,
987
+ status-icon-info-fill-color: var(--a2-color-blue-400, #3d95ff),
988
+ status-icon-info-stroke-color: var(--a2-color-blue-400, #3d95ff),
989
+ status-icon-success-fill-color: var(--a2-color-green-400, #0bd085),
990
+ status-icon-success-stroke-color: var(--a2-color-green-400, #0bd085),
991
+ status-icon-warning-fill-color: var(--a2-color-yellow-400, #ffc902),
992
+ status-icon-warning-stroke-color: var(--a2-color-yellow-400, #ffc902),
993
+ status-icon-danger-fill-color: var(--a2-color-red-400, #ff5b3d),
994
+ status-icon-danger-stroke-color: var(--a2-color-red-400, #ff5b3d),
995
+ stepper-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
996
+ stepper-step-default-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
997
+ stepper-step-default-link-foreground-color: var(--a2-color-blue-300, #70b1ff),
998
+ stepper-step-default-background-color: var(--a2-color-blue-300, #70b1ff),
999
+ stepper-step-default-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1000
+ stepper-step-default-track-color: var(--a2-color-neutral-700, #404040),
1001
+ stepper-step-default-circle-background-color: var(--a2-color-neutral-900, #1a1a1a),
1002
+ stepper-step-default-circle-border-color: var(--a2-color-neutral-600, #545454),
1003
+ stepper-step-default-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
1004
+ stepper-step-current-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
1005
+ stepper-step-current-background-color: var(--a2-color-blue-300, #70b1ff),
1006
+ stepper-step-current-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1007
+ stepper-step-current-track-color: var(--a2-color-neutral-700, #404040),
1008
+ stepper-step-current-circle-background-color: var(--a2-color-neutral-900, #1a1a1a),
1009
+ stepper-step-current-circle-border-color: var(--a2-color-blue-300, #70b1ff),
1010
+ stepper-step-current-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
1011
+ stepper-step-complete-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
1012
+ stepper-step-complete-link-foreground-color: var(--a2-color-blue-300, #70b1ff),
1013
+ stepper-step-complete-background-color: var(--a2-color-blue-300, #70b1ff),
1014
+ stepper-step-complete-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1015
+ stepper-step-complete-track-color: var(--a2-color-neutral-700, #404040),
1016
+ stepper-step-complete-circle-background-color: var(--a2-color-blue-300, #70b1ff),
1017
+ stepper-step-complete-circle-border-color: var(--a2-color-blue-300, #70b1ff),
1018
+ stepper-step-complete-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
1019
+ switch-unchecked-background-color: var(--a2-color-neutral-500, #707070),
1020
+ switch-unchecked-background-color-hover: var(--a2-color-neutral-400, #8b8b8b),
1021
+ switch-unchecked-background-color-active: var(--a2-color-neutral-300, #a8a8a8),
1022
+ switch-unchecked-background-color-disabled: var(--a2-color-neutral-500, #707070),
1023
+ switch-unchecked-thumb-background-color: var(--a2-color-neutral-900, #1a1a1a),
1024
+ switch-unchecked-thumb-shadow-color: #ffffff3D,
1025
+ switch-checked-background-color: var(--a2-color-blue-300, #70b1ff),
1026
+ switch-checked-background-color-hover: var(--a2-color-blue-200, #9ecaff),
1027
+ switch-checked-background-color-active: var(--a2-color-blue-100, #cce3ff),
1028
+ switch-checked-background-color-disabled: var(--a2-color-neutral-500, #707070),
1029
+ switch-checked-thumb-check-color: var(--a2-color-blue-300, #70b1ff),
1030
+ switch-checked-thumb-check-color-hover: var(--a2-color-blue-200, #9ecaff),
1031
+ switch-checked-thumb-check-color-active: var(--a2-color-blue-200, #9ecaff),
1032
+ switch-checked-thumb-check-color-disabled: var(--a2-color-neutral-500, #707070),
1033
+ switch-checked-thumb-background-color: var(--a2-color-neutral-900, #1a1a1a),
1034
+ switch-checked-thumb-shadow-color: #ffffff3D,
1035
+ switch-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
1036
+ tab-border-color: var(--a2-color-neutral-700, #404040),
1037
+ tab-overflow-button-background-color: var(--a2-color-neutral-800, #292929),
1038
+ tab-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
1039
+ tab-button-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
1040
+ tab-button-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
1041
+ tab-button-background-color: rgba(0, 0, 0, 0),
1042
+ tab-button-background-color-hover: #ffffff14,
1043
+ tab-button-background-color-active: #ffffff29,
1044
+ tab-button-selected-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
1045
+ tab-button-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
1046
+ text-field-input-foreground-color: var(--a2-color-neutral-0, #ffffff),
1047
+ text-field-input-placeholder-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
1048
+ text-field-input-wrapper-background-color: var(--a2-color-neutral-900, #1a1a1a),
1049
+ text-field-input-wrapper-background-color-disabled: var(--a2-color-neutral-800, #292929),
1050
+ text-field-input-wrapper-border-color-default: var(--a2-color-neutral-600, #545454),
1051
+ text-field-input-wrapper-border-color-danger: var(--a2-color-red-200, #ffac9e),
1052
+ text-field-focus-ring-color-default: var(--a2-color-blue-300, #70b1ff),
1053
+ text-field-focus-ring-color-danger: var(--a2-color-red-400, #ff5b3d),
1054
+ text-foreground-color: var(--a2-color-neutral-0, #ffffff),
1055
+ text-foreground-color-subdued: var(--a2-color-neutral-200, #c4c4c4),
1056
+ text-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
1057
+ toast-collapse-button-background-color: var(--a2-color-neutral-20, #f9f9f9),
1058
+ toast-collapse-button-background-color-hover: var(--a2-color-neutral-0, #ffffff),
1059
+ toast-collapse-button-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1060
+ toast-collapse-button-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
1061
+ toast-shadow-color: #ffffff14,
1062
+ toast-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
1063
+ toolbar-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
1064
+ toolbar-background-color-hover: #ffffff14,
1065
+ toolbar-toggle-border-color-primary: var(--a2-color-neutral-900, #1a1a1a),
1066
+ toolbar-toggle-border-color-subdued: #70b1ff33,
1067
+ toolbar-toggle-border-color-subdued-active: #70b1ff66,
1068
+ toolbar-toggle-border-color-subdued-hover: #70b1ff4D,
1069
+ tooltip-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1070
+ tooltip-background-color: var(--a2-color-neutral-0, #ffffff),
1071
+ tooltip-shadow-color: #ffffff14,
132
1072
  );
133
1073
  $nonColor: (
134
- button-primary-border-radius: 0.375rem,
135
- button-secondary-border-radius: 0.375rem,
136
- button-ghost-border-radius: 0.375rem,
137
- button-danger-primary-border-radius: 0.375rem,
138
- button-danger-secondary-border-radius: 0.375rem,
1074
+ ai-mark-primary-background-gradient: "linear-gradient(90deg, var(--a2-color-blue-600, #0265dc) 0%, var(--a2-color-cyan-300, #45d8f2) 100%)",
1075
+ button-primary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1076
+ button-secondary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1077
+ button-ghost-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1078
+ button-danger-primary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1079
+ button-danger-secondary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1080
+ checkbox-border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)),
1081
+ combobox-item-disabled-opacity: var(--a2-opacity-disabled, 0.6),
1082
+ dialog-backdrop-opacity: 0.6,
1083
+ edit-card-indicator-border-style: solid,
1084
+ edit-card-indicator-border-width: var(--a2-size-quarter, 0.0625rem),
1085
+ edit-card-indicator-size: var(--a2-size-4, 1rem),
1086
+ edit-card-default-border-inline-start-width: var(--a2-size-quarter, 0.0625rem),
1087
+ edit-card-default-indicator-border-style: dashed,
1088
+ edit-card-in-progress-border-inline-start-width: 0.375rem,
1089
+ edit-card-complete-border-inline-start-width: 0.375rem,
1090
+ edit-card-error-border-inline-start-width: 0.375rem,
1091
+ progress-bar-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1092
+ radio-border-radius: var(--a2-border-radius-circular, 100%),
1093
+ toast-stack-gradient-top-background: "linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)",
1094
+ toast-stack-gradient-bottom-background: "linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%)",
1095
+ toast-stack-gradient-bottom-mask: "linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)",
139
1096
  );