@servicetitan/hammer-token 2.5.1 → 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 +50 -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 -245
  24. package/build/web/core/semantic.d.ts +221 -0
  25. package/build/web/core/semantic.js +1592 -347
  26. package/build/web/core/semantic.scss +219 -140
  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 -234
  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 -464
  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 -344
package/build/web/core/semantic-variables.scss CHANGED
@@ -1,252 +1,370 @@
1
1
  $light: (
2
- background-color: #ffffff,
3
- background-color-strong: #f7f7f7,
4
- background-color-stronger: #eeeeee,
5
- background-color-strongest: #bcbcbd,
6
- background-color-primary: #0265DC,
7
- background-color-primary-subdued: #E0F2FF,
8
- background-color-success: #007A4D,
9
- background-color-success-subdued: #CEF8E0,
10
- background-color-danger: #e13212,
11
- background-color-danger-subdued: #ffece9,
12
- background-color-warning: #ffbe00,
13
- background-color-disabled: #606162,
14
- background-color-inverted: #2d2e31,
15
- background-color-inverted-strong: #141414,
16
- border-color: #949596,
17
- border-color-subdued: #dfe0e1,
18
- border-color-strong: #444445,
19
- border-color-primary: #0265DC,
20
- border-color-success: #007A4D,
21
- border-color-danger: #e13212,
22
- charts-monochrome-01-color: #3892F3,
23
- charts-monochrome-01-stroke: transparent,
24
- charts-monochrome-01-pattern: solid,
25
- charts-monochrome-02-color: #08389c,
26
- charts-monochrome-02-stroke: transparent,
27
- charts-monochrome-02-pattern: solid,
28
- charts-monochrome-03-color: #F2F9FF,
29
- charts-monochrome-03-stroke: #3892F3,
30
- charts-monochrome-03-pattern: striped,
31
- charts-monochrome-04-color: #F2F9FF,
32
- charts-monochrome-04-stroke: #3892F3,
33
- charts-monochrome-04-pattern: solid,
34
- charts-categorical-10-color: #D57A5C,
35
- charts-categorical-10-stroke: transparent,
36
- charts-categorical-10-pattern: solid,
37
- charts-categorical-01-color: #3892F3,
38
- charts-categorical-01-stroke: transparent,
39
- charts-categorical-01-pattern: solid,
40
- charts-categorical-02-color: #08389c,
41
- charts-categorical-02-stroke: transparent,
42
- charts-categorical-02-pattern: solid,
43
- charts-categorical-03-color: #0FA2B8,
44
- charts-categorical-03-stroke: transparent,
45
- charts-categorical-03-pattern: solid,
46
- charts-categorical-04-color: #907AF5,
47
- charts-categorical-04-stroke: transparent,
48
- charts-categorical-04-pattern: solid,
49
- charts-categorical-05-color: #DE52CE,
50
- charts-categorical-05-stroke: transparent,
51
- charts-categorical-05-pattern: solid,
52
- charts-categorical-06-color: #C2185B,
53
- charts-categorical-06-stroke: transparent,
54
- charts-categorical-06-pattern: solid,
55
- charts-categorical-07-color: #759E15,
56
- charts-categorical-07-stroke: transparent,
57
- charts-categorical-07-pattern: solid,
58
- charts-categorical-08-color: #AC6400,
59
- charts-categorical-08-stroke: transparent,
60
- charts-categorical-08-pattern: solid,
61
- charts-categorical-09-color: #EB7200,
62
- charts-categorical-09-stroke: transparent,
63
- charts-categorical-09-pattern: solid,
64
- charts-status-success-color: #007A4D,
65
- charts-status-success-stroke: transparent,
66
- charts-status-success-pattern: solid,
67
- charts-status-warning-color: #ffbe00,
68
- charts-status-warning-stroke: transparent,
69
- charts-status-warning-pattern: solid,
70
- charts-status-danger-color: #e13212,
71
- charts-status-danger-stroke: transparent,
72
- charts-status-danger-pattern: solid,
73
- charts-status-neutral-color: #ffffff,
74
- charts-status-neutral-stroke: #8C9CA5,
75
- charts-status-neutral-pattern: striped,
76
- focus-ring-color: #0265DC,
77
- focus-ring-color-danger: #e13212,
78
- foreground-color: #141414,
79
- foreground-color-subdued: #737475,
80
- foreground-color-primary: #0265DC,
81
- foreground-color-danger: #e13212,
82
- foreground-color-inverted: #ffffff,
83
- foreground-color-on-primary: #ffffff,
84
- foreground-color-on-danger: #ffffff,
85
- foreground-color-on-danger-subdued: #bf2a00,
86
- foreground-color-on-warning: #141414,
87
- foreground-color-active-primary: #004491,
88
- foreground-color-active-danger: #bf2a00,
89
- foreground-color-hover-primary: #004491,
90
- foreground-color-hover-danger: #bf2a00,
91
- overlay-color-active: #14141429,
92
- overlay-color-active-primary: #0265DC4D,
93
- overlay-color-active-danger: #e132124D,
94
- overlay-color-active-on: #14141429,
95
- overlay-color-active-on-primary: #14141466,
96
- overlay-color-active-on-danger: #14141466,
97
- overlay-color-hover: #14141414,
98
- overlay-color-hover-primary: #0265DC1A,
99
- overlay-color-hover-danger: #e132121A,
100
- overlay-color-hover-on: #14141414,
101
- overlay-color-hover-on-primary: #14141433,
102
- overlay-color-hover-on-danger: #14141433,
103
- shadow-color: #14141414,
104
- status-color-info: #0265DC,
105
- status-color-danger: #e13212,
106
- status-color-success: #007A4D,
107
- status-color-warning: #ffbe00,
2
+ status-color-info: var(--a2-color-blue-600, #0265dc),
3
+ status-color-danger: var(--a2-color-red-600, #d62100),
4
+ status-color-success: var(--a2-color-green-600, #077e50),
5
+ status-color-warning: var(--a2-color-yellow-500, #ffbe00),
6
+ background-color-default: var(--a2-color-neutral-0, #ffffff),
7
+ background-color-default-hover: var(--a2-color-neutral-20, #f9f9f9),
8
+ background-color-default-active: var(--a2-color-neutral-40, #f1f1f1),
9
+ background-color-secondary: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent),
10
+ background-color-secondary-hover: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent),
11
+ background-color-secondary-active: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent),
12
+ background-color-secondary-strong: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent),
13
+ background-color-secondary-strong-hover: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent),
14
+ background-color-secondary-strong-active: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent),
15
+ background-color-transparent-default: "rgba(0, 0, 0, 0)",
16
+ background-color-transparent-default-hover: color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent),
17
+ background-color-transparent-default-active: color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent),
18
+ background-color-transparent-primary: "rgba(0, 0, 0, 0)",
19
+ background-color-transparent-primary-hover: color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent),
20
+ background-color-transparent-primary-active: color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent),
21
+ background-color-transparent-danger: "rgba(0, 0, 0, 0)",
22
+ background-color-transparent-danger-hover: color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent),
23
+ background-color-transparent-danger-active: color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent),
24
+ background-color-strong: var(--a2-color-neutral-20, #f9f9f9),
25
+ background-color-strong-hover: var(--a2-color-neutral-50, #eeeeee),
26
+ background-color-strong-active: var(--a2-color-neutral-70, #e8e8e8),
27
+ background-color-stronger: var(--a2-color-neutral-50, #eeeeee),
28
+ background-color-stronger-hover: var(--a2-color-neutral-90, #e5e5e5),
29
+ background-color-stronger-active: var(--a2-color-neutral-100, #dfdfdf),
30
+ background-color-strongest: var(--a2-color-neutral-200, #c4c4c4),
31
+ background-color-strongest-hover: var(--a2-color-neutral-300, #a8a8a8),
32
+ background-color-strongest-active: var(--a2-color-neutral-400, #8b8b8b),
33
+ background-color-primary: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)),
34
+ background-color-primary-hover: var(--a2-color-blue-700, #1d4ca3),
35
+ background-color-primary-active: var(--a2-color-blue-800, #003472),
36
+ background-color-primary-subdued: var(--a2-color-blue-50, #e6f1ff),
37
+ background-color-primary-subdued-hover: var(--a2-color-blue-100, #cce3ff),
38
+ background-color-primary-subdued-active: var(--a2-color-blue-200, #9ecaff),
39
+ background-color-primary-faint: var(--a2-color-blue-10, #fafcff),
40
+ background-color-primary-faint-hover: var(--a2-color-blue-50, #e6f1ff),
41
+ background-color-primary-faint-active: var(--a2-color-blue-100, #cce3ff),
42
+ background-color-success: var(--a2-status-color-success, var(--a2-color-green-600, #077e50)),
43
+ background-color-success-hover: var(--a2-color-green-700, #05613e),
44
+ background-color-success-active: var(--a2-color-green-800, #04482e),
45
+ background-color-success-subdued: var(--a2-color-green-50, #d3fded),
46
+ background-color-success-subdued-hover: var(--a2-color-green-100, #b8f5dd),
47
+ background-color-success-subdued-active: var(--a2-color-green-200, #70ebbc),
48
+ background-color-success-faint: var(--a2-color-green-10, #f5fefb),
49
+ background-color-success-faint-hover: var(--a2-color-green-50, #d3fded),
50
+ background-color-success-faint-active: var(--a2-color-green-100, #b8f5dd),
51
+ background-color-danger: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)),
52
+ background-color-danger-hover: var(--a2-color-red-700, #a31900),
53
+ background-color-danger-active: var(--a2-color-red-800, #731100),
54
+ background-color-danger-subdued: var(--a2-color-red-50, #ffe9e5),
55
+ background-color-danger-subdued-hover: var(--a2-color-red-100, #ffd4cc),
56
+ background-color-danger-subdued-active: var(--a2-color-red-200, #ffac9e),
57
+ background-color-danger-faint: var(--a2-color-red-10, #fffbfa),
58
+ background-color-danger-faint-hover: var(--a2-color-red-50, #ffe9e5),
59
+ background-color-danger-faint-active: var(--a2-color-red-100, #ffd4cc),
60
+ background-color-warning: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)),
61
+ background-color-warning-hover: var(--a2-color-yellow-600, #de9500),
62
+ background-color-warning-active: var(--a2-color-yellow-600, #de9500),
63
+ background-color-warning-subdued: var(--a2-color-yellow-100, #fff9e2),
64
+ background-color-warning-subdued-hover: var(--a2-color-yellow-200, #fff0b1),
65
+ background-color-warning-subdued-active: var(--a2-color-yellow-300, #ffe278),
66
+ background-color-warning-faint: var(--a2-color-yellow-10, #fffef8),
67
+ background-color-warning-faint-hover: var(--a2-color-yellow-50, #fffcf0),
68
+ background-color-warning-faint-active: var(--a2-color-yellow-100, #fff9e2),
69
+ background-color-disabled: var(--a2-color-neutral-600, #545454),
70
+ background-color-inverted: var(--a2-color-neutral-800, #292929),
71
+ background-color-inverted-hover: var(--a2-color-neutral-800, #292929),
72
+ background-color-inverted-active: var(--a2-color-neutral-800, #292929),
73
+ background-color-inverted-strong: var(--a2-color-neutral-900, #1a1a1a),
74
+ background-color-inverted-strong-hover: var(--a2-color-neutral-900, #1a1a1a),
75
+ background-color-inverted-strong-active: var(--a2-color-neutral-900, #1a1a1a),
76
+ border-color-default: var(--a2-color-neutral-400, #8b8b8b),
77
+ border-color-subdued: var(--a2-color-neutral-80, #e6e6e6),
78
+ border-color-strong: var(--a2-color-neutral-700, #404040),
79
+ border-color-primary: var(--a2-color-blue-600, #0265dc),
80
+ border-color-success: var(--a2-color-green-600, #077e50),
81
+ border-color-warning: var(--a2-color-yellow-700, #c98600),
82
+ border-color-danger: var(--a2-color-red-600, #d62100),
83
+ chart-monochrome-01-fill-color: #3892f3,
84
+ chart-monochrome-01-stroke-color: "rgba(0, 0, 0, 0)",
85
+ chart-monochrome-02-fill-color: #08389c,
86
+ chart-monochrome-02-stroke-color: "rgba(0, 0, 0, 0)",
87
+ chart-monochrome-03-fill-color: #f2f9ff,
88
+ chart-monochrome-03-stroke-color: #3892f3,
89
+ chart-monochrome-04-fill-color: #f2f9ff,
90
+ chart-monochrome-04-stroke-color: #3892f3,
91
+ chart-categorical-10-fill-color: #d57a5c,
92
+ chart-categorical-10-stroke-color: "rgba(0, 0, 0, 0)",
93
+ chart-categorical-01-fill-color: #3892f3,
94
+ chart-categorical-01-stroke-color: "rgba(0, 0, 0, 0)",
95
+ chart-categorical-02-fill-color: #08389c,
96
+ chart-categorical-02-stroke-color: "rgba(0, 0, 0, 0)",
97
+ chart-categorical-03-fill-color: #0fa2b8,
98
+ chart-categorical-03-stroke-color: "rgba(0, 0, 0, 0)",
99
+ chart-categorical-04-fill-color: #907af5,
100
+ chart-categorical-04-stroke-color: "rgba(0, 0, 0, 0)",
101
+ chart-categorical-05-fill-color: #de52ce,
102
+ chart-categorical-05-stroke-color: "rgba(0, 0, 0, 0)",
103
+ chart-categorical-06-fill-color: #c2185b,
104
+ chart-categorical-06-stroke-color: "rgba(0, 0, 0, 0)",
105
+ chart-categorical-07-fill-color: #759e15,
106
+ chart-categorical-07-stroke-color: "rgba(0, 0, 0, 0)",
107
+ chart-categorical-08-fill-color: #ac6400,
108
+ chart-categorical-08-stroke-color: "rgba(0, 0, 0, 0)",
109
+ chart-categorical-09-fill-color: #eb7200,
110
+ chart-categorical-09-stroke-color: "rgba(0, 0, 0, 0)",
111
+ chart-status-success-fill-color: #007a4d,
112
+ chart-status-success-stroke-color: "rgba(0, 0, 0, 0)",
113
+ chart-status-warning-fill-color: #ffbe00,
114
+ chart-status-warning-stroke-color: "rgba(0, 0, 0, 0)",
115
+ chart-status-danger-fill-color: #e13212,
116
+ chart-status-danger-stroke-color: "rgba(0, 0, 0, 0)",
117
+ chart-status-neutral-fill-color: #ffffff,
118
+ chart-status-neutral-stroke-color: #8c9ca5,
119
+ focus-ring-color-default: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)),
120
+ focus-ring-color-danger: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)),
121
+ foreground-color-default: var(--a2-color-neutral-950, #040404),
122
+ foreground-color-default-hover: var(--a2-color-neutral-950, #040404),
123
+ foreground-color-default-active: var(--a2-color-neutral-950, #040404),
124
+ foreground-color-subdued: var(--a2-color-neutral-500, #707070),
125
+ foreground-color-subdued-hover: var(--a2-color-neutral-500, #707070),
126
+ foreground-color-subdued-active: var(--a2-color-neutral-600, #545454),
127
+ foreground-color-primary: var(--a2-color-blue-600, #0265dc),
128
+ foreground-color-primary-hover: var(--a2-color-blue-700, #1d4ca3),
129
+ foreground-color-primary-active: var(--a2-color-blue-800, #003472),
130
+ foreground-color-danger: var(--a2-color-red-600, #d62100),
131
+ foreground-color-danger-hover: var(--a2-color-red-700, #a31900),
132
+ foreground-color-danger-active: var(--a2-color-red-800, #731100),
133
+ foreground-color-inverted: var(--a2-color-neutral-0, #ffffff),
134
+ foreground-color-on-primary: var(--a2-color-neutral-0, #ffffff),
135
+ foreground-color-on-primary-hover: var(--a2-color-neutral-0, #ffffff),
136
+ foreground-color-on-primary-active: var(--a2-color-neutral-0, #ffffff),
137
+ foreground-color-on-success: var(--a2-color-neutral-0, #ffffff),
138
+ foreground-color-on-danger: var(--a2-color-neutral-0, #ffffff),
139
+ foreground-color-on-danger-subdued: var(--a2-color-red-700, #a31900),
140
+ foreground-color-on-danger-subdued-hover: var(--a2-color-red-800, #731100),
141
+ foreground-color-on-danger-subdued-active: var(--a2-color-red-900, #470b00),
142
+ foreground-color-on-danger-hover: var(--a2-color-neutral-0, #ffffff),
143
+ foreground-color-on-danger-active: var(--a2-color-neutral-0, #ffffff),
144
+ foreground-color-on-warning: var(--a2-color-neutral-900, #1a1a1a),
145
+ shadow-color-default: color-mix(in srgb, var(--a2-color-neutral-900, #1a1a1a) 8%, transparent),
146
+ shadow-color-strong: color-mix(in srgb, var(--a2-color-neutral-950, #040404) 24%, transparent),
108
147
  );
109
148
  $dark: (
110
- background-color: #141414,
111
- background-color-strong: #2d2e31,
112
- background-color-stronger: #444445,
113
- background-color-strongest: #737475,
114
- background-color-primary: #78BBFA,
115
- background-color-primary-subdued: #78BBFA33,
116
- background-color-success: #49CC93,
117
- background-color-success-subdued: #49CC9333,
118
- background-color-danger: #ff745f,
119
- background-color-danger-subdued: #ff745f33,
120
- background-color-warning: #ffe278,
121
- background-color-disabled: #606162,
122
- background-color-inverted: #fafafa,
123
- background-color-inverted-strong: #ffffff,
124
- border-color: #606162,
125
- border-color-subdued: #444445,
126
- border-color-strong: #dfe0e1,
127
- border-color-primary: #78BBFA,
128
- border-color-success: #49CC93,
129
- border-color-danger: #ff745f,
130
- charts-monochrome-01-color: #8AC3FF,
131
- charts-monochrome-01-stroke: transparent,
132
- charts-monochrome-01-pattern: solid,
133
- charts-monochrome-02-color: #3476FF,
134
- charts-monochrome-02-stroke: transparent,
135
- charts-monochrome-02-pattern: solid,
136
- charts-monochrome-03-color: #141414,
137
- charts-monochrome-03-stroke: #8AC3FF,
138
- charts-monochrome-03-pattern: striped,
139
- charts-monochrome-04-color: #F2F9FF,
140
- charts-monochrome-04-stroke: #8AC3FF,
141
- charts-monochrome-04-pattern: solid,
142
- charts-categorical-10-color: #D99078,
143
- charts-categorical-10-stroke: transparent,
144
- charts-categorical-10-pattern: solid,
145
- charts-categorical-01-color: #3892F3,
146
- charts-categorical-01-stroke: transparent,
147
- charts-categorical-01-pattern: solid,
148
- charts-categorical-02-color: #3476FF,
149
- charts-categorical-02-stroke: transparent,
150
- charts-categorical-02-pattern: solid,
151
- charts-categorical-03-color: #C6F6FF,
152
- charts-categorical-03-stroke: transparent,
153
- charts-categorical-03-pattern: solid,
154
- charts-categorical-04-color: #C6B8F4,
155
- charts-categorical-04-stroke: transparent,
156
- charts-categorical-04-pattern: solid,
157
- charts-categorical-05-color: #D949A9,
158
- charts-categorical-05-stroke: transparent,
159
- charts-categorical-05-pattern: solid,
160
- charts-categorical-06-color: #ED1369,
161
- charts-categorical-06-stroke: transparent,
162
- charts-categorical-06-pattern: solid,
163
- charts-categorical-07-color: #8CC30B,
164
- charts-categorical-07-stroke: transparent,
165
- charts-categorical-07-pattern: solid,
166
- charts-categorical-08-color: #B36800,
167
- charts-categorical-08-stroke: transparent,
168
- charts-categorical-08-pattern: solid,
169
- charts-categorical-09-color: #FFA037,
170
- charts-categorical-09-stroke: transparent,
171
- charts-categorical-09-pattern: solid,
172
- charts-status-success-color: #49CC93,
173
- charts-status-success-stroke: transparent,
174
- charts-status-success-pattern: solid,
175
- charts-status-warning-color: #ffe278,
176
- charts-status-warning-stroke: transparent,
177
- charts-status-warning-pattern: solid,
178
- charts-status-danger-color: #ff745f,
179
- charts-status-danger-stroke: transparent,
180
- charts-status-danger-pattern: solid,
181
- charts-status-neutral-color: #141414,
182
- charts-status-neutral-stroke: #B4C1C8,
183
- charts-status-neutral-pattern: striped,
184
- focus-ring-color: #78BBFA,
185
- focus-ring-color-danger: #ff745f,
186
- foreground-color: #ffffff,
187
- foreground-color-subdued: #bcbcbd,
188
- foreground-color-primary: #78BBFA,
189
- foreground-color-danger: #ff745f,
190
- foreground-color-inverted: #141414,
191
- foreground-color-on-primary: #141414,
192
- foreground-color-on-danger: #141414,
193
- foreground-color-on-danger-subdued: #ffffff,
194
- foreground-color-on-warning: #141414,
195
- foreground-color-active-primary: #B5DEFF,
196
- foreground-color-active-danger: #ff745f,
197
- foreground-color-hover-primary: #B5DEFF,
198
- foreground-color-hover-danger: #ff745f,
199
- overlay-color-active: #ffffff29,
200
- overlay-color-active-primary: #78BBFA40,
201
- overlay-color-active-danger: #f94d3240,
202
- overlay-color-active-on: #14141429,
203
- overlay-color-active-on-primary: #14141429,
204
- overlay-color-active-on-danger: #14141429,
205
- overlay-color-hover: #ffffff14,
206
- overlay-color-hover-primary: #78BBFA1A,
207
- overlay-color-hover-danger: #f94d3226,
208
- overlay-color-hover-on: #ffffff14,
209
- overlay-color-hover-on-primary: #ffffff29,
210
- overlay-color-hover-on-danger: #ffffff29,
211
- shadow-color: #ffffff14,
212
- status-color-info: #78BBFA,
213
- status-color-danger: #ff745f,
214
- status-color-success: #49CC93,
215
- status-color-warning: #ffe278,
149
+ status-color-info: var(--a2-color-blue-300, #70b1ff),
150
+ status-color-danger: var(--a2-color-red-400, #ff5b3d),
151
+ status-color-success: var(--a2-color-green-400, #0bd085),
152
+ status-color-warning: var(--a2-color-yellow-300, #ffe278),
153
+ background-color-default: var(--a2-color-neutral-900, #1a1a1a),
154
+ background-color-default-hover: var(--a2-color-neutral-800, #292929),
155
+ background-color-default-active: var(--a2-color-neutral-700, #404040),
156
+ background-color-secondary: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent),
157
+ background-color-secondary-hover: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 12%, transparent),
158
+ background-color-secondary-active: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent),
159
+ background-color-secondary-strong: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 55%, transparent),
160
+ background-color-secondary-strong-hover: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 65%, transparent),
161
+ background-color-secondary-strong-active: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 75%, transparent),
162
+ background-color-transparent-default: "rgba(0, 0, 0, 0)",
163
+ background-color-transparent-default-hover: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent),
164
+ background-color-transparent-default-active: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent),
165
+ background-color-transparent-primary: "rgba(0, 0, 0, 0)",
166
+ background-color-transparent-primary-hover: color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 10%, transparent),
167
+ background-color-transparent-primary-active: color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 25%, transparent),
168
+ background-color-transparent-danger: "rgba(0, 0, 0, 0)",
169
+ background-color-transparent-danger-hover: color-mix(in srgb, var(--a2-color-red-300, #ff8670) 10%, transparent),
170
+ background-color-transparent-danger-active: color-mix(in srgb, var(--a2-color-red-300, #ff8670) 25%, transparent),
171
+ background-color-strong: var(--a2-color-neutral-800, #292929),
172
+ background-color-strong-hover: var(--a2-color-neutral-700, #404040),
173
+ background-color-strong-active: var(--a2-color-neutral-600, #545454),
174
+ background-color-stronger: var(--a2-color-neutral-700, #404040),
175
+ background-color-stronger-hover: var(--a2-color-neutral-600, #545454),
176
+ background-color-stronger-active: var(--a2-color-neutral-500, #707070),
177
+ background-color-strongest: var(--a2-color-neutral-500, #707070),
178
+ background-color-strongest-hover: var(--a2-color-neutral-400, #8b8b8b),
179
+ background-color-strongest-active: var(--a2-color-neutral-300, #a8a8a8),
180
+ background-color-primary: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)),
181
+ background-color-primary-hover: var(--a2-color-blue-200, #9ecaff),
182
+ background-color-primary-active: var(--a2-color-blue-100, #cce3ff),
183
+ background-color-primary-subdued: color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent),
184
+ background-color-primary-subdued-hover: color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent),
185
+ background-color-primary-subdued-active: color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent),
186
+ background-color-primary-faint: var(--a2-color-blue-950, #000b19),
187
+ background-color-primary-faint-hover: var(--a2-color-blue-800, #003472),
188
+ background-color-primary-faint-active: var(--a2-color-blue-700, #1d4ca3),
189
+ background-color-success: var(--a2-status-color-success, var(--a2-color-green-600, #077e50)),
190
+ background-color-success-hover: var(--a2-color-green-300, #3be3a2),
191
+ background-color-success-active: var(--a2-color-green-50, #d3fded),
192
+ background-color-success-subdued: color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 20%, transparent),
193
+ background-color-success-subdued-hover: color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 30%, transparent),
194
+ background-color-success-subdued-active: color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 40%, transparent),
195
+ background-color-success-faint: var(--a2-color-green-950, #010f0a),
196
+ background-color-success-faint-hover: var(--a2-color-green-800, #04482e),
197
+ background-color-success-faint-active: var(--a2-color-green-700, #05613e),
198
+ background-color-danger: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)),
199
+ background-color-danger-hover: var(--a2-color-red-300, #ff8670),
200
+ background-color-danger-active: var(--a2-color-red-200, #ffac9e),
201
+ background-color-danger-subdued: color-mix(in srgb, var(--a2-color-red-300, #ff8670) 20%, transparent),
202
+ background-color-danger-subdued-hover: color-mix(in srgb, var(--a2-color-red-300, #ff8670) 30%, transparent),
203
+ background-color-danger-subdued-active: color-mix(in srgb, var(--a2-color-red-300, #ff8670) 40%, transparent),
204
+ background-color-danger-faint: var(--a2-color-red-950, #0a0200),
205
+ background-color-danger-faint-hover: var(--a2-color-red-800, #731100),
206
+ background-color-danger-faint-active: var(--a2-color-red-700, #a31900),
207
+ background-color-warning: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)),
208
+ background-color-warning-hover: var(--a2-color-yellow-100, #fff9e2),
209
+ background-color-warning-active: var(--a2-color-yellow-100, #fff9e2),
210
+ background-color-warning-subdued: color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 20%, transparent),
211
+ background-color-warning-subdued-hover: color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 30%, transparent),
212
+ background-color-warning-subdued-active: color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 40%, transparent),
213
+ background-color-warning-faint: var(--a2-color-yellow-950, #191100),
214
+ background-color-warning-faint-hover: var(--a2-color-yellow-800, #704b00),
215
+ background-color-warning-faint-active: var(--a2-color-yellow-700, #c98600),
216
+ background-color-disabled: var(--a2-color-neutral-500, #707070),
217
+ background-color-inverted: var(--a2-color-neutral-20, #f9f9f9),
218
+ background-color-inverted-hover: var(--a2-color-neutral-20, #f9f9f9),
219
+ background-color-inverted-active: var(--a2-color-neutral-20, #f9f9f9),
220
+ background-color-inverted-strong: var(--a2-color-neutral-0, #ffffff),
221
+ background-color-inverted-strong-hover: var(--a2-color-neutral-0, #ffffff),
222
+ background-color-inverted-strong-active: var(--a2-color-neutral-0, #ffffff),
223
+ border-color-default: var(--a2-color-neutral-600, #545454),
224
+ border-color-subdued: var(--a2-color-neutral-700, #404040),
225
+ border-color-strong: var(--a2-color-neutral-80, #e6e6e6),
226
+ border-color-primary: var(--a2-color-blue-200, #9ecaff),
227
+ border-color-success: var(--a2-color-green-200, #70ebbc),
228
+ border-color-warning: var(--a2-color-yellow-200, #fff0b1),
229
+ border-color-danger: var(--a2-color-red-200, #ffac9e),
230
+ chart-monochrome-01-fill-color: #8AC3FF,
231
+ chart-monochrome-01-stroke-color: rgba(0, 0, 0, 0),
232
+ chart-monochrome-02-fill-color: #3476FF,
233
+ chart-monochrome-02-stroke-color: rgba(0, 0, 0, 0),
234
+ chart-monochrome-03-fill-color: #141414,
235
+ chart-monochrome-03-stroke-color: #8AC3FF,
236
+ chart-monochrome-04-fill-color: #F2F9FF,
237
+ chart-monochrome-04-stroke-color: #8AC3FF,
238
+ chart-categorical-10-fill-color: #D99078,
239
+ chart-categorical-10-stroke-color: rgba(0, 0, 0, 0),
240
+ chart-categorical-01-fill-color: #3892F3,
241
+ chart-categorical-01-stroke-color: rgba(0, 0, 0, 0),
242
+ chart-categorical-02-fill-color: #3476FF,
243
+ chart-categorical-02-stroke-color: rgba(0, 0, 0, 0),
244
+ chart-categorical-03-fill-color: #C6F6FF,
245
+ chart-categorical-03-stroke-color: rgba(0, 0, 0, 0),
246
+ chart-categorical-04-fill-color: #C6B8F4,
247
+ chart-categorical-04-stroke-color: rgba(0, 0, 0, 0),
248
+ chart-categorical-05-fill-color: #D949A9,
249
+ chart-categorical-05-stroke-color: rgba(0, 0, 0, 0),
250
+ chart-categorical-06-fill-color: #ED1369,
251
+ chart-categorical-06-stroke-color: rgba(0, 0, 0, 0),
252
+ chart-categorical-07-fill-color: #8CC30B,
253
+ chart-categorical-07-stroke-color: rgba(0, 0, 0, 0),
254
+ chart-categorical-08-fill-color: #B36800,
255
+ chart-categorical-08-stroke-color: rgba(0, 0, 0, 0),
256
+ chart-categorical-09-fill-color: #FFA037,
257
+ chart-categorical-09-stroke-color: rgba(0, 0, 0, 0),
258
+ chart-status-success-fill-color: #49CC93,
259
+ chart-status-success-stroke-color: rgba(0, 0, 0, 0),
260
+ chart-status-warning-fill-color: #ffe278,
261
+ chart-status-warning-stroke-color: rgba(0, 0, 0, 0),
262
+ chart-status-danger-fill-color: #ff745f,
263
+ chart-status-danger-stroke-color: rgba(0, 0, 0, 0),
264
+ chart-status-neutral-fill-color: #141414,
265
+ chart-status-neutral-stroke-color: #B4C1C8,
266
+ focus-ring-color-default: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)),
267
+ focus-ring-color-danger: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)),
268
+ foreground-color-default: var(--a2-color-neutral-0, #ffffff),
269
+ foreground-color-default-hover: var(--a2-color-neutral-0, #ffffff),
270
+ foreground-color-default-active: var(--a2-color-neutral-0, #ffffff),
271
+ foreground-color-subdued: var(--a2-color-neutral-200, #c4c4c4),
272
+ foreground-color-subdued-hover: var(--a2-color-neutral-200, #c4c4c4),
273
+ foreground-color-subdued-active: var(--a2-color-neutral-100, #dfdfdf),
274
+ foreground-color-primary: var(--a2-color-blue-300, #70b1ff),
275
+ foreground-color-primary-hover: var(--a2-color-blue-200, #9ecaff),
276
+ foreground-color-primary-active: var(--a2-color-blue-200, #9ecaff),
277
+ foreground-color-danger: var(--a2-color-red-400, #ff5b3d),
278
+ foreground-color-danger-hover: var(--a2-color-red-300, #ff8670),
279
+ foreground-color-danger-active: var(--a2-color-red-200, #ffac9e),
280
+ foreground-color-inverted: var(--a2-color-neutral-900, #1a1a1a),
281
+ foreground-color-on-primary: var(--a2-color-neutral-900, #1a1a1a),
282
+ foreground-color-on-primary-hover: var(--a2-color-neutral-900, #1a1a1a),
283
+ foreground-color-on-primary-active: var(--a2-color-neutral-900, #1a1a1a),
284
+ foreground-color-on-success: var(--a2-color-neutral-900, #1a1a1a),
285
+ foreground-color-on-danger: var(--a2-color-neutral-900, #1a1a1a),
286
+ foreground-color-on-danger-subdued: var(--a2-color-neutral-0, #ffffff),
287
+ foreground-color-on-danger-subdued-hover: var(--a2-color-neutral-0, #ffffff),
288
+ foreground-color-on-danger-subdued-active: var(--a2-color-neutral-0, #ffffff),
289
+ foreground-color-on-danger-hover: var(--a2-color-neutral-900, #1a1a1a),
290
+ foreground-color-on-danger-active: var(--a2-color-neutral-900, #1a1a1a),
291
+ foreground-color-on-warning: var(--a2-color-neutral-900, #1a1a1a),
292
+ shadow-color-default: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent),
293
+ shadow-color-strong: color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 24%, transparent),
216
294
  );
217
295
  $nonColor: (
218
- border-radius-none: 0,
219
- border-radius-small: 0.1875rem,
220
- border-radius-medium: 0.375rem,
221
- border-radius-large: 0.75rem,
222
- border-radius-xlarge: 1.5rem,
296
+ border-radius-none: var(--a2-radius-0, 0rem),
297
+ border-radius-small: var(--a2-radius-1, 0.1875rem),
298
+ border-radius-medium: var(--a2-radius-2, 0.375rem),
299
+ border-radius-large: var(--a2-radius-4, 0.75rem),
300
+ border-radius-xlarge: var(--a2-radius-8, 1.5rem),
223
301
  border-radius-circular: 100%,
224
- border-width-none: 0rem,
225
- border-width: 0.0625rem,
226
- border-width-strong: 0.125rem,
227
- focus-ring-width: 0.25rem,
228
- shadow-size-flat: 0rem 0rem 0rem,
229
- shadow-size-float: 0rem 0.125rem 0.5rem,
230
- shadow-size-overlay: 0rem 0.5rem 1.5rem,
231
- typography-paragraph-size-xsmall: 0.75rem,
232
- typography-paragraph-size-small: 0.875rem,
233
- typography-paragraph-size: 1rem,
234
- typography-paragraph-size-large: 1.25rem,
235
- typography-paragraph-size-xlarge: 1.5rem,
236
- typography-paragraph-font-weight: 400,
237
- typography-paragraph-font-family: "'Nunito Sans', sans-serif",
238
- typography-heading-size-xsmall: 0.875rem,
239
- typography-heading-size-small: 1rem,
240
- typography-heading-size: 1.25rem,
241
- typography-heading-size-large: 1.5rem,
242
- typography-heading-size-xlarge: 2rem,
243
- typography-heading-font-weight: 700,
244
- typography-heading-font-family: "'Sofia Pro', SofiaPro, sans-serif",
245
- typography-label-size-xsmall: 0.625rem,
246
- typography-label-size-small: 0.75rem,
247
- typography-label-size: 0.875rem,
248
- typography-label-size-large: 1rem,
249
- typography-label-size-xlarge: 1.25rem,
250
- typography-label-font-weight: 600,
251
- typography-label-font-family: "'Nunito Sans', sans-serif",
302
+ border-width-none: var(--a2-size-0, 0rem),
303
+ border-width-default: var(--a2-size-quarter, 0.0625rem),
304
+ border-width-strong: var(--a2-size-half, 0.125rem),
305
+ chart-monochrome-01-fill-pattern: solid,
306
+ chart-monochrome-01-stroke-style: solid,
307
+ chart-monochrome-02-fill-pattern: solid,
308
+ chart-monochrome-02-stroke-style: solid,
309
+ chart-monochrome-03-fill-pattern: striped,
310
+ chart-monochrome-03-stroke-style: solid,
311
+ chart-monochrome-04-fill-pattern: solid,
312
+ chart-monochrome-04-stroke-style: solid,
313
+ chart-categorical-10-fill-pattern: solid,
314
+ chart-categorical-10-stroke-style: solid,
315
+ chart-categorical-01-fill-pattern: solid,
316
+ chart-categorical-01-stroke-style: solid,
317
+ chart-categorical-02-fill-pattern: solid,
318
+ chart-categorical-02-stroke-style: solid,
319
+ chart-categorical-03-fill-pattern: solid,
320
+ chart-categorical-03-stroke-style: solid,
321
+ chart-categorical-04-fill-pattern: solid,
322
+ chart-categorical-04-stroke-style: solid,
323
+ chart-categorical-05-fill-pattern: solid,
324
+ chart-categorical-05-stroke-style: solid,
325
+ chart-categorical-06-fill-pattern: solid,
326
+ chart-categorical-06-stroke-style: solid,
327
+ chart-categorical-07-fill-pattern: solid,
328
+ chart-categorical-07-stroke-style: solid,
329
+ chart-categorical-08-fill-pattern: solid,
330
+ chart-categorical-08-stroke-style: solid,
331
+ chart-categorical-09-fill-pattern: solid,
332
+ chart-categorical-09-stroke-style: solid,
333
+ chart-status-success-fill-pattern: solid,
334
+ chart-status-success-stroke-style: solid,
335
+ chart-status-warning-fill-pattern: solid,
336
+ chart-status-warning-stroke-style: solid,
337
+ chart-status-danger-fill-pattern: solid,
338
+ chart-status-danger-stroke-style: solid,
339
+ chart-status-neutral-stroke-style: solid,
340
+ focus-ring-width: var(--a2-size-1, 0.25rem),
341
+ focus-ring-style: solid,
342
+ gradient-primary: "linear-gradient(90deg, var(--a2-color-blue-600, #0265dc) 0%, var(--a2-color-cyan-300, #45d8f2) 100%)",
343
+ opacity-disabled: 0.6,
344
+ opacity-disabled-strong: 0.4,
345
+ opacity-disabled-stronger: 0.2,
346
+ shadow-size-flat: var(--a2-size-0, 0rem) var(--a2-size-0, 0rem) var(--a2-size-0, 0rem),
347
+ shadow-size-float: var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem),
348
+ shadow-size-overlay: var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem),
349
+ typography-paragraph-size-xsmall: var(--a2-font-size-200, 0.75rem),
350
+ typography-paragraph-size-small: var(--a2-font-size-300, 0.875rem),
351
+ typography-paragraph-size-default: var(--a2-font-size-400, 1rem),
352
+ typography-paragraph-size-large: var(--a2-font-size-500, 1.25rem),
353
+ typography-paragraph-size-xlarge: var(--a2-font-size-600, 1.5rem),
354
+ typography-paragraph-font-weight: var(--a2-font-weight-normal, 400),
355
+ typography-paragraph-font-family: var(--a2-font-family-base, "'Nunito Sans', sans-serif"),
356
+ typography-heading-size-xsmall: var(--a2-font-size-300, 0.875rem),
357
+ typography-heading-size-small: var(--a2-font-size-400, 1rem),
358
+ typography-heading-size-default: var(--a2-font-size-500, 1.25rem),
359
+ typography-heading-size-large: var(--a2-font-size-600, 1.5rem),
360
+ typography-heading-size-xlarge: var(--a2-font-size-800, 2rem),
361
+ typography-heading-font-weight: var(--a2-font-weight-bold, 700),
362
+ typography-heading-font-family: var(--a2-font-family-display, "'Sofia Pro', SofiaPro, sans-serif"),
363
+ typography-label-size-xsmall: var(--a2-font-size-100, 0.625rem),
364
+ typography-label-size-small: var(--a2-font-size-200, 0.75rem),
365
+ typography-label-size-default: var(--a2-font-size-300, 0.875rem),
366
+ typography-label-size-large: var(--a2-font-size-400, 1rem),
367
+ typography-label-size-xlarge: var(--a2-font-size-500, 1.25rem),
368
+ typography-label-font-weight: var(--a2-font-weight-semibold, 600),
369
+ typography-label-font-family: var(--a2-font-family-base, "'Nunito Sans', sans-serif"),
252
370
  );