@servicetitan/hammer-token 0.0.0-rc-1.48.0-20251104214834 → 0.0.0-rc-3.0.0-20260127161418
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.
- package/CHANGELOG.md +37 -1
- package/README.md +222 -0
- package/build/web/core/component-variables.scss +176 -130
- package/build/web/core/component.d.ts +96 -0
- package/build/web/core/component.js +574 -252
- package/build/web/core/component.scss +94 -69
- package/build/web/core/css-utils/a2-border.css +39 -41
- package/build/web/core/css-utils/a2-color.css +367 -227
- package/build/web/core/css-utils/a2-font.css +0 -2
- package/build/web/core/css-utils/a2-spacing.css +0 -2
- package/build/web/core/css-utils/a2-utils.css +434 -292
- package/build/web/core/css-utils/border.css +39 -41
- package/build/web/core/css-utils/color.css +367 -227
- package/build/web/core/css-utils/font.css +0 -2
- package/build/web/core/css-utils/spacing.css +0 -2
- package/build/web/core/css-utils/utils.css +434 -292
- package/build/web/core/index.d.ts +6 -0
- package/build/web/core/index.js +1 -1
- package/build/web/core/primitive-variables.scss +130 -71
- package/build/web/core/primitive.d.ts +185 -0
- package/build/web/core/primitive.js +328 -72
- package/build/web/core/primitive.scss +183 -124
- package/build/web/core/semantic-variables.scss +295 -220
- package/build/web/core/semantic.d.ts +198 -0
- package/build/web/core/semantic.js +913 -341
- package/build/web/core/semantic.scss +196 -140
- package/build/web/index.d.ts +3 -4
- package/build/web/index.js +0 -1
- package/build/web/types.d.ts +17 -0
- package/config.js +121 -496
- package/package.json +5 -4
- package/src/global/primitive/breakpoint.tokens.json +39 -0
- package/src/global/primitive/color.tokens.json +536 -0
- package/src/global/primitive/duration.tokens.json +32 -0
- package/src/global/primitive/font.tokens.json +103 -0
- package/src/global/primitive/radius.tokens.json +67 -0
- package/src/global/primitive/size.tokens.json +123 -0
- package/src/global/primitive/transition.tokens.json +20 -0
- package/src/theme/core/background.tokens.json +1058 -0
- package/src/theme/core/border.tokens.json +148 -0
- package/src/theme/core/charts.tokens.json +802 -0
- package/src/theme/core/component/alert.tokens.json +180 -0
- package/src/theme/core/component/announcement.tokens.json +186 -0
- package/src/theme/core/component/avatar.tokens.json +132 -0
- package/src/theme/core/component/badge.tokens.json +40 -0
- package/src/theme/core/component/button.tokens.json +752 -0
- package/src/theme/core/component/checkbox.tokens.json +292 -0
- package/src/theme/core/focus.tokens.json +48 -0
- package/src/theme/core/foreground.tokens.json +306 -0
- package/src/theme/core/shadow.tokens.json +43 -0
- package/src/theme/core/status.tokens.json +70 -0
- package/src/theme/core/typography.tokens.json +100 -0
- package/src/utils/copy-css-utils-cli.js +13 -0
- package/src/utils/css-utils-format-utils.js +98 -1
- package/src/utils/sd-build-configs.js +372 -0
- package/src/utils/sd-formats.js +752 -0
- package/src/utils/sd-transforms.js +126 -0
- package/src/utils/token-helpers.js +555 -0
- package/tsconfig.json +18 -0
- package/.turbo/turbo-build.log +0 -37
- package/build/web/core/raw.js +0 -234
- package/src/global/primitive/breakpoint.js +0 -19
- package/src/global/primitive/color.js +0 -231
- package/src/global/primitive/duration.js +0 -16
- package/src/global/primitive/font.js +0 -60
- package/src/global/primitive/radius.js +0 -31
- package/src/global/primitive/size.js +0 -55
- package/src/global/primitive/transition.js +0 -16
- package/src/theme/core/background.js +0 -170
- package/src/theme/core/border.js +0 -103
- package/src/theme/core/charts.js +0 -464
- package/src/theme/core/component/button.js +0 -708
- package/src/theme/core/component/checkbox.js +0 -405
- package/src/theme/core/focus.js +0 -35
- package/src/theme/core/foreground.js +0 -148
- package/src/theme/core/overlay.js +0 -137
- package/src/theme/core/shadow.js +0 -29
- package/src/theme/core/status.js +0 -49
- package/src/theme/core/typography.js +0 -82
- package/type/types.ts +0 -344
|
@@ -1,140 +1,196 @@
|
|
|
1
|
-
$
|
|
2
|
-
$
|
|
3
|
-
$
|
|
4
|
-
$
|
|
5
|
-
$background-color-
|
|
6
|
-
$background-color-
|
|
7
|
-
$background-color-
|
|
8
|
-
$background-color-
|
|
9
|
-
$background-color-
|
|
10
|
-
$background-color-
|
|
11
|
-
$background-color-
|
|
12
|
-
$background-color-
|
|
13
|
-
$background-color-
|
|
14
|
-
$background-color-
|
|
15
|
-
$
|
|
16
|
-
$
|
|
17
|
-
$
|
|
18
|
-
$
|
|
19
|
-
$
|
|
20
|
-
$
|
|
21
|
-
$
|
|
22
|
-
$
|
|
23
|
-
$
|
|
24
|
-
$
|
|
25
|
-
$
|
|
26
|
-
$
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
-
$
|
|
30
|
-
$
|
|
31
|
-
$
|
|
32
|
-
$
|
|
33
|
-
$
|
|
34
|
-
$
|
|
35
|
-
$
|
|
36
|
-
$
|
|
37
|
-
$
|
|
38
|
-
$
|
|
39
|
-
$
|
|
40
|
-
$
|
|
41
|
-
$
|
|
42
|
-
$
|
|
43
|
-
$
|
|
44
|
-
$
|
|
45
|
-
$
|
|
46
|
-
$
|
|
47
|
-
$
|
|
48
|
-
$
|
|
49
|
-
$
|
|
50
|
-
$
|
|
51
|
-
$
|
|
52
|
-
$
|
|
53
|
-
$
|
|
54
|
-
$
|
|
55
|
-
$
|
|
56
|
-
$
|
|
57
|
-
$
|
|
58
|
-
$
|
|
59
|
-
$
|
|
60
|
-
$
|
|
61
|
-
$
|
|
62
|
-
$
|
|
63
|
-
$
|
|
64
|
-
$
|
|
65
|
-
$
|
|
66
|
-
$
|
|
67
|
-
$
|
|
68
|
-
$
|
|
69
|
-
$
|
|
70
|
-
$
|
|
71
|
-
$
|
|
72
|
-
$
|
|
73
|
-
$
|
|
74
|
-
$
|
|
75
|
-
$
|
|
76
|
-
$
|
|
77
|
-
$
|
|
78
|
-
$charts-
|
|
79
|
-
$charts-
|
|
80
|
-
$charts-
|
|
81
|
-
$charts-
|
|
82
|
-
$charts-
|
|
83
|
-
$charts-
|
|
84
|
-
$
|
|
85
|
-
$
|
|
86
|
-
$
|
|
87
|
-
$
|
|
88
|
-
$
|
|
89
|
-
$
|
|
90
|
-
$
|
|
91
|
-
$
|
|
92
|
-
$
|
|
93
|
-
$
|
|
94
|
-
$
|
|
95
|
-
$
|
|
96
|
-
$
|
|
97
|
-
$
|
|
98
|
-
$
|
|
99
|
-
$
|
|
100
|
-
$
|
|
101
|
-
$
|
|
102
|
-
$
|
|
103
|
-
$
|
|
104
|
-
$
|
|
105
|
-
$
|
|
106
|
-
$
|
|
107
|
-
$
|
|
108
|
-
$
|
|
109
|
-
$
|
|
110
|
-
$
|
|
111
|
-
$
|
|
112
|
-
$
|
|
113
|
-
$
|
|
114
|
-
$
|
|
115
|
-
$
|
|
116
|
-
$
|
|
117
|
-
$
|
|
118
|
-
$
|
|
119
|
-
$
|
|
120
|
-
$
|
|
121
|
-
$
|
|
122
|
-
$
|
|
123
|
-
$
|
|
124
|
-
$
|
|
125
|
-
$
|
|
126
|
-
$
|
|
127
|
-
$
|
|
128
|
-
$
|
|
129
|
-
$
|
|
130
|
-
$
|
|
131
|
-
$
|
|
132
|
-
$
|
|
133
|
-
$
|
|
134
|
-
$
|
|
135
|
-
$
|
|
136
|
-
$
|
|
137
|
-
$
|
|
138
|
-
$
|
|
139
|
-
$
|
|
140
|
-
$
|
|
1
|
+
$status-color-info: var(--a2-status-color-info, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-100, #cce3ff)));
|
|
2
|
+
$status-color-danger: var(--a2-status-color-danger, light-dark(var(--a2-color-red-500, #ff3914), var(--a2-color-red-100, #ffd4cc)));
|
|
3
|
+
$status-color-success: var(--a2-status-color-success, light-dark(var(--a2-color-green-500, #09a569), var(--a2-color-green-100, #b8f5dd)));
|
|
4
|
+
$status-color-warning: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #d6a000), var(--a2-color-yellow-100, #fff0c2)));
|
|
5
|
+
$background-color-default: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-400, #8b8b8b)));
|
|
6
|
+
$background-color-default-hover: var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-10, #fcfcfc), var(--a2-color-neutral-30, #f6f6f6)));
|
|
7
|
+
$background-color-default-active: var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-30, #f6f6f6), var(--a2-color-neutral-10, #fcfcfc)));
|
|
8
|
+
$background-color-secondary: var(--a2-background-color-secondary, light-dark(#0404040F, #ffffff0F));
|
|
9
|
+
$background-color-secondary-hover: var(--a2-background-color-secondary-hover, light-dark(#04040414, #ffffff14));
|
|
10
|
+
$background-color-secondary-active: var(--a2-background-color-secondary-active, light-dark(#04040429, #ffffff29));
|
|
11
|
+
$background-color-secondary-strong: var(--a2-background-color-secondary-strong, light-dark(#1a1a1a0F, #ffffff0F));
|
|
12
|
+
$background-color-secondary-strong-hover: var(--a2-background-color-secondary-strong-hover, light-dark(#1a1a1a14, #ffffff14));
|
|
13
|
+
$background-color-secondary-strong-active: var(--a2-background-color-secondary-strong-active, light-dark(#1a1a1a29, #ffffff29));
|
|
14
|
+
$background-color-transparent-default: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0));
|
|
15
|
+
$background-color-transparent-default-hover: var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14));
|
|
16
|
+
$background-color-transparent-default-active: var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29));
|
|
17
|
+
$background-color-transparent-primary: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0));
|
|
18
|
+
$background-color-transparent-primary-hover: var(--a2-background-color-transparent-primary-hover, light-dark(#1a82ff1A, #70b1ff1A));
|
|
19
|
+
$background-color-transparent-primary-active: var(--a2-background-color-transparent-primary-active, light-dark(#1a82ff4D, #70b1ff40));
|
|
20
|
+
$background-color-transparent-danger: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0));
|
|
21
|
+
$background-color-transparent-danger-hover: var(--a2-background-color-transparent-danger-hover, light-dark(#ff39141A, #ff89741A));
|
|
22
|
+
$background-color-transparent-danger-active: var(--a2-background-color-transparent-danger-active, light-dark(#ff39144D, #ff897440));
|
|
23
|
+
$background-color-strong: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-30, #f6f6f6), var(--a2-color-neutral-300, #a8a8a8)));
|
|
24
|
+
$background-color-strong-hover: var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-900, #1a1a1a)));
|
|
25
|
+
$background-color-strong-active: var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-60, #ebebeb), var(--a2-color-neutral-800, #292929)));
|
|
26
|
+
$background-color-stronger: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-800, #292929)));
|
|
27
|
+
$background-color-stronger-hover: var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e2e2e2), var(--a2-color-neutral-700, #404040)));
|
|
28
|
+
$background-color-stronger-active: var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-600, #545454)));
|
|
29
|
+
$background-color-strongest: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-90, #e2e2e2)));
|
|
30
|
+
$background-color-strongest-hover: var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-90, #e2e2e2), var(--a2-color-neutral-10, #fcfcfc)));
|
|
31
|
+
$background-color-strongest-active: var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-900, #1a1a1a)));
|
|
32
|
+
$background-color-primary: var(--a2-background-color-primary, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-300, #70b1ff)));
|
|
33
|
+
$background-color-primary-hover: var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-600, #0065de), var(--a2-color-blue-200, #9ecaff)));
|
|
34
|
+
$background-color-primary-active: var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-700, #004da9), var(--a2-color-blue-100, #cce3ff)));
|
|
35
|
+
$background-color-primary-subdued: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-100, #cce3ff), #70b1ff33));
|
|
36
|
+
$background-color-primary-subdued-hover: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-200, #9ecaff), var(--a2-color-blue-800, #003472)));
|
|
37
|
+
$background-color-primary-subdued-active: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-300, #70b1ff), var(--a2-color-blue-700, #004da9)));
|
|
38
|
+
$background-color-success: var(--a2-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-500, #09a569), var(--a2-color-green-100, #b8f5dd))));
|
|
39
|
+
$background-color-success-hover: var(--a2-background-color-success-hover, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-100, #b8f5dd)));
|
|
40
|
+
$background-color-success-active: var(--a2-background-color-success-active, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-100, #b8f5dd)));
|
|
41
|
+
$background-color-success-subdued: var(--a2-background-color-success-subdued, light-dark(var(--a2-color-green-100, #b8f5dd), #3be3a233));
|
|
42
|
+
$background-color-success-subdued-hover: var(--a2-background-color-success-subdued-hover, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-100, #b8f5dd)));
|
|
43
|
+
$background-color-success-subdued-active: var(--a2-background-color-success-subdued-active, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-100, #b8f5dd)));
|
|
44
|
+
$background-color-danger: var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-500, #ff3914), var(--a2-color-red-100, #ffd4cc))));
|
|
45
|
+
$background-color-danger-hover: var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
|
|
46
|
+
$background-color-danger-active: var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-100, #ffd4cc)));
|
|
47
|
+
$background-color-danger-subdued: var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-100, #ffd4cc), #ff897433));
|
|
48
|
+
$background-color-danger-subdued-hover: var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-200, #ffac9e), var(--a2-color-red-600, #d62100)));
|
|
49
|
+
$background-color-danger-subdued-active: var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-300, #ff8974), var(--a2-color-red-800, #731100)));
|
|
50
|
+
$background-color-warning: var(--a2-background-color-warning, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #d6a000), var(--a2-color-yellow-100, #fff0c2))));
|
|
51
|
+
$background-color-warning-hover: var(--a2-background-color-warning-hover, light-dark(var(--a2-color-yellow-600, #a87d00), var(--a2-color-yellow-100, #fff0c2)));
|
|
52
|
+
$background-color-warning-active: var(--a2-background-color-warning-active, light-dark(var(--a2-color-yellow-600, #a87d00), var(--a2-color-yellow-100, #fff0c2)));
|
|
53
|
+
$background-color-warning-subdued: var(--a2-background-color-warning-subdued, light-dark(var(--a2-color-yellow-100, #fff0c2), #ffcf4233));
|
|
54
|
+
$background-color-warning-subdued-hover: var(--a2-background-color-warning-subdued-hover, light-dark(var(--a2-color-yellow-600, #a87d00), var(--a2-color-yellow-100, #fff0c2)));
|
|
55
|
+
$background-color-warning-subdued-active: var(--a2-background-color-warning-subdued-active, light-dark(var(--a2-color-yellow-600, #a87d00), var(--a2-color-yellow-100, #fff0c2)));
|
|
56
|
+
$background-color-disabled: var(--a2-background-color-disabled, var(--a2-color-neutral-100, #dfdfdf));
|
|
57
|
+
$background-color-inverted: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-20, #f9f9f9)));
|
|
58
|
+
$background-color-inverted-hover: var(--a2-background-color-inverted-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-20, #f9f9f9)));
|
|
59
|
+
$background-color-inverted-active: var(--a2-background-color-inverted-active, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-20, #f9f9f9)));
|
|
60
|
+
$background-color-inverted-strong: var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-0, #ffffff)));
|
|
61
|
+
$background-color-inverted-strong-hover: var(--a2-background-color-inverted-strong-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-20, #f9f9f9)));
|
|
62
|
+
$background-color-inverted-strong-active: var(--a2-background-color-inverted-strong-active, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-20, #f9f9f9)));
|
|
63
|
+
$border-radius-none: var(--a2-border-radius-none, 0rem);
|
|
64
|
+
$border-radius-small: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
|
|
65
|
+
$border-radius-medium: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
|
|
66
|
+
$border-radius-large: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem));
|
|
67
|
+
$border-radius-xlarge: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem));
|
|
68
|
+
$border-radius-circular: var(--a2-border-radius-circular, 100%);
|
|
69
|
+
$border-width-none: var(--a2-border-width-none, 0rem);
|
|
70
|
+
$border-width-default: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem));
|
|
71
|
+
$border-width-strong: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem));
|
|
72
|
+
$border-color-default: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-80, #e5e5e5), var(--a2-color-neutral-100, #dfdfdf)));
|
|
73
|
+
$border-color-subdued: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-60, #ebebeb), var(--a2-color-neutral-200, #c4c4c4)));
|
|
74
|
+
$border-color-strong: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-60, #ebebeb)));
|
|
75
|
+
$border-color-primary: var(--a2-border-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-100, #cce3ff))));
|
|
76
|
+
$border-color-success: var(--a2-border-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-500, #09a569), var(--a2-color-green-100, #b8f5dd))));
|
|
77
|
+
$border-color-danger: var(--a2-border-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-500, #ff3914), var(--a2-color-red-100, #ffd4cc))));
|
|
78
|
+
$charts-monochrome-01-color: var(--a2-charts-monochrome-01-color, light-dark(#3892f3, #8AC3FF));
|
|
79
|
+
$charts-monochrome-01-stroke-color: var(--a2-charts-monochrome-01-stroke-color, rgba(0, 0, 0, 0));
|
|
80
|
+
$charts-monochrome-01-stroke-style: var(--a2-charts-monochrome-01-stroke-style, solid);
|
|
81
|
+
$charts-monochrome-01-pattern: var(--a2-charts-monochrome-01-pattern, solid);
|
|
82
|
+
$charts-monochrome-02-color: var(--a2-charts-monochrome-02-color, light-dark(#08389c, #3476FF));
|
|
83
|
+
$charts-monochrome-02-stroke-color: var(--a2-charts-monochrome-02-stroke-color, rgba(0, 0, 0, 0));
|
|
84
|
+
$charts-monochrome-02-stroke-style: var(--a2-charts-monochrome-02-stroke-style, solid);
|
|
85
|
+
$charts-monochrome-02-pattern: var(--a2-charts-monochrome-02-pattern, solid);
|
|
86
|
+
$charts-monochrome-03-color: var(--a2-charts-monochrome-03-color, light-dark(#f2f9ff, #141414));
|
|
87
|
+
$charts-monochrome-03-stroke-color: var(--a2-charts-monochrome-03-stroke-color, light-dark(#3892f3, #8AC3FF));
|
|
88
|
+
$charts-monochrome-03-stroke-style: var(--a2-charts-monochrome-03-stroke-style, solid);
|
|
89
|
+
$charts-monochrome-03-pattern: var(--a2-charts-monochrome-03-pattern, striped);
|
|
90
|
+
$charts-monochrome-04-color: var(--a2-charts-monochrome-04-color, #f2f9ff);
|
|
91
|
+
$charts-monochrome-04-stroke-color: var(--a2-charts-monochrome-04-stroke-color, light-dark(#3892f3, #8AC3FF));
|
|
92
|
+
$charts-monochrome-04-stroke-style: var(--a2-charts-monochrome-04-stroke-style, solid);
|
|
93
|
+
$charts-monochrome-04-pattern: var(--a2-charts-monochrome-04-pattern, solid);
|
|
94
|
+
$charts-categorical-10-color: var(--a2-charts-categorical-10-color, light-dark(#d57a5c, #D99078));
|
|
95
|
+
$charts-categorical-10-stroke-color: var(--a2-charts-categorical-10-stroke-color, rgba(0, 0, 0, 0));
|
|
96
|
+
$charts-categorical-10-stroke-style: var(--a2-charts-categorical-10-stroke-style, solid);
|
|
97
|
+
$charts-categorical-10-pattern: var(--a2-charts-categorical-10-pattern, solid);
|
|
98
|
+
$charts-categorical-01-color: var(--a2-charts-categorical-01-color, #3892f3);
|
|
99
|
+
$charts-categorical-01-stroke-color: var(--a2-charts-categorical-01-stroke-color, rgba(0, 0, 0, 0));
|
|
100
|
+
$charts-categorical-01-stroke-style: var(--a2-charts-categorical-01-stroke-style, solid);
|
|
101
|
+
$charts-categorical-01-pattern: var(--a2-charts-categorical-01-pattern, solid);
|
|
102
|
+
$charts-categorical-02-color: var(--a2-charts-categorical-02-color, light-dark(#08389c, #3476FF));
|
|
103
|
+
$charts-categorical-02-stroke-color: var(--a2-charts-categorical-02-stroke-color, rgba(0, 0, 0, 0));
|
|
104
|
+
$charts-categorical-02-stroke-style: var(--a2-charts-categorical-02-stroke-style, solid);
|
|
105
|
+
$charts-categorical-02-pattern: var(--a2-charts-categorical-02-pattern, solid);
|
|
106
|
+
$charts-categorical-03-color: var(--a2-charts-categorical-03-color, light-dark(#0fa2b8, #C6F6FF));
|
|
107
|
+
$charts-categorical-03-stroke-color: var(--a2-charts-categorical-03-stroke-color, rgba(0, 0, 0, 0));
|
|
108
|
+
$charts-categorical-03-stroke-style: var(--a2-charts-categorical-03-stroke-style, solid);
|
|
109
|
+
$charts-categorical-03-pattern: var(--a2-charts-categorical-03-pattern, solid);
|
|
110
|
+
$charts-categorical-04-color: var(--a2-charts-categorical-04-color, light-dark(#907af5, #C6B8F4));
|
|
111
|
+
$charts-categorical-04-stroke-color: var(--a2-charts-categorical-04-stroke-color, rgba(0, 0, 0, 0));
|
|
112
|
+
$charts-categorical-04-stroke-style: var(--a2-charts-categorical-04-stroke-style, solid);
|
|
113
|
+
$charts-categorical-04-pattern: var(--a2-charts-categorical-04-pattern, solid);
|
|
114
|
+
$charts-categorical-05-color: var(--a2-charts-categorical-05-color, light-dark(#de52ce, #D949A9));
|
|
115
|
+
$charts-categorical-05-stroke-color: var(--a2-charts-categorical-05-stroke-color, rgba(0, 0, 0, 0));
|
|
116
|
+
$charts-categorical-05-stroke-style: var(--a2-charts-categorical-05-stroke-style, solid);
|
|
117
|
+
$charts-categorical-05-pattern: var(--a2-charts-categorical-05-pattern, solid);
|
|
118
|
+
$charts-categorical-06-color: var(--a2-charts-categorical-06-color, light-dark(#c2185b, #ED1369));
|
|
119
|
+
$charts-categorical-06-stroke-color: var(--a2-charts-categorical-06-stroke-color, rgba(0, 0, 0, 0));
|
|
120
|
+
$charts-categorical-06-stroke-style: var(--a2-charts-categorical-06-stroke-style, solid);
|
|
121
|
+
$charts-categorical-06-pattern: var(--a2-charts-categorical-06-pattern, solid);
|
|
122
|
+
$charts-categorical-07-color: var(--a2-charts-categorical-07-color, light-dark(#759e15, #8CC30B));
|
|
123
|
+
$charts-categorical-07-stroke-color: var(--a2-charts-categorical-07-stroke-color, rgba(0, 0, 0, 0));
|
|
124
|
+
$charts-categorical-07-stroke-style: var(--a2-charts-categorical-07-stroke-style, solid);
|
|
125
|
+
$charts-categorical-07-pattern: var(--a2-charts-categorical-07-pattern, solid);
|
|
126
|
+
$charts-categorical-08-color: var(--a2-charts-categorical-08-color, light-dark(#ac6400, #B36800));
|
|
127
|
+
$charts-categorical-08-stroke-color: var(--a2-charts-categorical-08-stroke-color, rgba(0, 0, 0, 0));
|
|
128
|
+
$charts-categorical-08-stroke-style: var(--a2-charts-categorical-08-stroke-style, solid);
|
|
129
|
+
$charts-categorical-08-pattern: var(--a2-charts-categorical-08-pattern, solid);
|
|
130
|
+
$charts-categorical-09-color: var(--a2-charts-categorical-09-color, light-dark(#eb7200, #FFA037));
|
|
131
|
+
$charts-categorical-09-stroke-color: var(--a2-charts-categorical-09-stroke-color, rgba(0, 0, 0, 0));
|
|
132
|
+
$charts-categorical-09-stroke-style: var(--a2-charts-categorical-09-stroke-style, solid);
|
|
133
|
+
$charts-categorical-09-pattern: var(--a2-charts-categorical-09-pattern, solid);
|
|
134
|
+
$charts-status-success-color: var(--a2-charts-status-success-color, light-dark(#007a4d, #49CC93));
|
|
135
|
+
$charts-status-success-stroke-color: var(--a2-charts-status-success-stroke-color, rgba(0, 0, 0, 0));
|
|
136
|
+
$charts-status-success-stroke-style: var(--a2-charts-status-success-stroke-style, solid);
|
|
137
|
+
$charts-status-success-pattern: var(--a2-charts-status-success-pattern, solid);
|
|
138
|
+
$charts-status-warning-color: var(--a2-charts-status-warning-color, light-dark(#ffbe00, #ffe278));
|
|
139
|
+
$charts-status-warning-stroke-color: var(--a2-charts-status-warning-stroke-color, rgba(0, 0, 0, 0));
|
|
140
|
+
$charts-status-warning-stroke-style: var(--a2-charts-status-warning-stroke-style, solid);
|
|
141
|
+
$charts-status-warning-pattern: var(--a2-charts-status-warning-pattern, solid);
|
|
142
|
+
$charts-status-danger-color: var(--a2-charts-status-danger-color, light-dark(#e13212, #ff745f));
|
|
143
|
+
$charts-status-danger-stroke-color: var(--a2-charts-status-danger-stroke-color, rgba(0, 0, 0, 0));
|
|
144
|
+
$charts-status-danger-stroke-style: var(--a2-charts-status-danger-stroke-style, solid);
|
|
145
|
+
$charts-status-danger-pattern: var(--a2-charts-status-danger-pattern, solid);
|
|
146
|
+
$charts-status-neutral-color: var(--a2-charts-status-neutral-color, light-dark(#ffffff, #141414));
|
|
147
|
+
$charts-status-neutral-stroke-color: var(--a2-charts-status-neutral-stroke-color, light-dark(#8c9ca5, #B4C1C8));
|
|
148
|
+
$charts-status-neutral-stroke-style: var(--a2-charts-status-neutral-stroke-style, solid);
|
|
149
|
+
$charts-status-neutral-pattern: var(--a2-charts-status-neutral-pattern, striped);
|
|
150
|
+
$focus-ring-color-default: var(--a2-focus-ring-color-default, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-300, #70b1ff)));
|
|
151
|
+
$focus-ring-color-danger: var(--a2-focus-ring-color-danger, light-dark(var(--a2-color-red-500, #ff3914), var(--a2-color-red-300, #ff8974)));
|
|
152
|
+
$focus-ring-width: var(--a2-focus-ring-width, var(--a2-size-1, 0.25rem));
|
|
153
|
+
$focus-ring-style: var(--a2-focus-ring-style, solid);
|
|
154
|
+
$foreground-color-default: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
|
|
155
|
+
$foreground-color-subdued: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-90, #e2e2e2), var(--a2-color-neutral-70, #e8e8e8)));
|
|
156
|
+
$foreground-color-primary: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-300, #70b1ff)));
|
|
157
|
+
$foreground-color-primary-hover: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-600, #0065de), var(--a2-color-blue-200, #9ecaff)));
|
|
158
|
+
$foreground-color-primary-active: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-600, #0065de), var(--a2-color-blue-200, #9ecaff)));
|
|
159
|
+
$foreground-color-danger: var(--a2-foreground-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-500, #ff3914), var(--a2-color-red-100, #ffd4cc))));
|
|
160
|
+
$foreground-color-danger-hover: var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-600, #d62100), var(--a2-status-color-danger, var(--a2-color-red-500, #ff3914))));
|
|
161
|
+
$foreground-color-danger-active: var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-600, #d62100), var(--a2-status-color-danger, var(--a2-color-red-500, #ff3914))));
|
|
162
|
+
$foreground-color-inverted: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-950, #040404)));
|
|
163
|
+
$foreground-color-on-primary: var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-950, #040404)));
|
|
164
|
+
$foreground-color-on-primary-hover: var(--a2-foreground-color-on-primary-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-950, #040404)));
|
|
165
|
+
$foreground-color-on-primary-active: var(--a2-foreground-color-on-primary-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-950, #040404)));
|
|
166
|
+
$foreground-color-on-success: var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-950, #040404)));
|
|
167
|
+
$foreground-color-on-danger: var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-950, #040404)));
|
|
168
|
+
$foreground-color-on-danger-subdued: var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-neutral-0, #ffffff)));
|
|
169
|
+
$foreground-color-on-danger-hover: var(--a2-foreground-color-on-danger-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-950, #040404)));
|
|
170
|
+
$foreground-color-on-danger-active: var(--a2-foreground-color-on-danger-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-950, #040404)));
|
|
171
|
+
$foreground-color-on-warning: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-950, #040404));
|
|
172
|
+
$shadow-color: var(--a2-shadow-color, light-dark(#8b8b8b14, #ffffff14));
|
|
173
|
+
$shadow-size-flat: var(--a2-shadow-size-flat, var(--a2-size-0, 0rem) var(--a2-size-0, 0rem) var(--a2-size-0, 0rem));
|
|
174
|
+
$shadow-size-float: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
|
|
175
|
+
$shadow-size-overlay: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem));
|
|
176
|
+
$typography-paragraph-size-xsmall: var(--a2-typography-paragraph-size-xsmall, var(--a2-font-size-200, 0.75rem));
|
|
177
|
+
$typography-paragraph-size-small: var(--a2-typography-paragraph-size-small, var(--a2-font-size-300, 0.875rem));
|
|
178
|
+
$typography-paragraph-size-default: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
|
|
179
|
+
$typography-paragraph-size-large: var(--a2-typography-paragraph-size-large, var(--a2-font-size-500, 1.25rem));
|
|
180
|
+
$typography-paragraph-size-xlarge: var(--a2-typography-paragraph-size-xlarge, var(--a2-font-size-600, 1.5rem));
|
|
181
|
+
$typography-paragraph-font-weight: var(--a2-typography-paragraph-font-weight, var(--a2-font-weight-normal, 400));
|
|
182
|
+
$typography-paragraph-font-family: var(--a2-typography-paragraph-font-family, var(--a2-font-family-base, 'Nunito Sans', sans-serif));
|
|
183
|
+
$typography-heading-size-xsmall: var(--a2-typography-heading-size-xsmall, var(--a2-font-size-300, 0.875rem));
|
|
184
|
+
$typography-heading-size-small: var(--a2-typography-heading-size-small, var(--a2-font-size-400, 1rem));
|
|
185
|
+
$typography-heading-size-default: var(--a2-typography-heading-size-default, var(--a2-font-size-500, 1.25rem));
|
|
186
|
+
$typography-heading-size-large: var(--a2-typography-heading-size-large, var(--a2-font-size-600, 1.5rem));
|
|
187
|
+
$typography-heading-size-xlarge: var(--a2-typography-heading-size-xlarge, var(--a2-font-size-800, 2rem));
|
|
188
|
+
$typography-heading-font-weight: var(--a2-typography-heading-font-weight, var(--a2-font-weight-bold, 700));
|
|
189
|
+
$typography-heading-font-family: var(--a2-typography-heading-font-family, var(--a2-font-family-display, 'Sofia Pro', SofiaPro, sans-serif));
|
|
190
|
+
$typography-label-size-xsmall: var(--a2-typography-label-size-xsmall, var(--a2-font-size-100, 0.625rem));
|
|
191
|
+
$typography-label-size-small: var(--a2-typography-label-size-small, var(--a2-font-size-200, 0.75rem));
|
|
192
|
+
$typography-label-size-default: var(--a2-typography-label-size-default, var(--a2-font-size-300, 0.875rem));
|
|
193
|
+
$typography-label-size-large: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
|
|
194
|
+
$typography-label-size-xlarge: var(--a2-typography-label-size-xlarge, var(--a2-font-size-500, 1.25rem));
|
|
195
|
+
$typography-label-font-weight: var(--a2-typography-label-font-weight, var(--a2-font-weight-semibold, 600));
|
|
196
|
+
$typography-label-font-family: var(--a2-typography-label-font-family, var(--a2-font-family-base, 'Nunito Sans', sans-serif));
|
package/build/web/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export {
|
|
4
|
-
export { core }
|
|
1
|
+
export * from './types';
|
|
2
|
+
import * as core from './core';
|
|
3
|
+
export { core };
|
package/build/web/index.js
CHANGED