@servicetitan/hammer-token 2.2.0 → 2.4.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 (29) hide show
  1. package/.turbo/turbo-build.log +6 -1
  2. package/CHANGELOG.md +12 -0
  3. package/build/web/core/css-utils/a2-border.css +53 -0
  4. package/build/web/core/css-utils/a2-color.css +235 -0
  5. package/build/web/core/css-utils/a2-font.css +49 -0
  6. package/build/web/core/css-utils/a2-spacing.css +483 -0
  7. package/build/web/core/css-utils/a2-utils.css +785 -0
  8. package/build/web/core/css-utils/border.css +4 -0
  9. package/build/web/core/css-utils/color.css +12 -0
  10. package/build/web/core/css-utils/utils.css +14 -0
  11. package/build/web/core/raw.js +6 -0
  12. package/build/web/core/semantic-variables.scss +6 -0
  13. package/build/web/core/semantic.js +30 -0
  14. package/build/web/core/semantic.scss +3 -0
  15. package/config.js +151 -141
  16. package/eslint.config.mjs +4 -0
  17. package/package.json +2 -2
  18. package/src/theme/core/background.js +23 -1
  19. package/src/theme/core/border.js +11 -1
  20. package/src/theme/core/component/button.js +1 -1
  21. package/src/theme/core/component/checkbox.js +1 -1
  22. package/src/theme/core/focus.js +1 -1
  23. package/src/theme/core/foreground.js +1 -1
  24. package/src/theme/core/overlay.js +1 -1
  25. package/src/theme/core/shadow.js +1 -1
  26. package/src/theme/core/status.js +1 -1
  27. package/src/theme/core/typography.js +1 -1
  28. package/src/utils/copy-css-utils-cli.js +1 -1
  29. package/src/utils/css-utils-format-utils.js +51 -39
package/build/web/core/css-utils/border.css CHANGED
@@ -5,6 +5,7 @@
5
5
  .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
6
6
  .border-color-strong {border-color: var(--border-color-strong, #444445)}
7
7
  .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
8
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
8
9
  .border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
9
10
  .border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
10
11
  .border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
@@ -21,6 +22,7 @@
21
22
  .border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
22
23
  .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
23
24
  .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
25
+ .border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
24
26
  }
25
27
 
26
28
  @layer application {
@@ -29,6 +31,7 @@
29
31
  .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
30
32
  .border-color-strong {border-color: var(--border-color-strong, #444445)}
31
33
  .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
34
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
32
35
  .border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
33
36
  .border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
34
37
  .border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
@@ -45,5 +48,6 @@
45
48
  .border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
46
49
  .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
47
50
  .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
51
+ .border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
48
52
  }
49
53
  }
package/build/web/core/css-utils/color.css CHANGED
@@ -27,6 +27,8 @@
27
27
  .bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
28
28
  .bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
29
29
  .bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
30
+ .bg-success-default {background-color: var(--background-color-success, #007A4D)}
31
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
30
32
  .bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
31
33
  .border-color-danger {border-color: var(--border-color-danger, #e13212)}
32
34
  .border-color-default {border-color: var(--border-color, #949596)}
@@ -36,6 +38,7 @@
36
38
  .border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
37
39
  .border-color-strong {border-color: var(--border-color-strong, #444445)}
38
40
  .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
41
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
39
42
  .c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
40
43
  .c-active-primary {color: var(--foreground-color-active-primary, #004491)}
41
44
  .c-danger {color: var(--foreground-color-danger, #e13212)}
@@ -82,6 +85,8 @@
82
85
  .bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
83
86
  .bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
84
87
  .bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
88
+ .bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
89
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
85
90
  .bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
86
91
  .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
87
92
  .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
@@ -91,6 +96,7 @@
91
96
  .border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
92
97
  .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
93
98
  .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
99
+ .border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
94
100
  .c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
95
101
  .c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
96
102
  .c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
@@ -138,6 +144,8 @@
138
144
  .bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
139
145
  .bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
140
146
  .bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
147
+ .bg-success-default {background-color: var(--background-color-success, #007A4D)}
148
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
141
149
  .bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
142
150
  .border-color-danger {border-color: var(--border-color-danger, #e13212)}
143
151
  .border-color-default {border-color: var(--border-color, #949596)}
@@ -147,6 +155,7 @@
147
155
  .border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
148
156
  .border-color-strong {border-color: var(--border-color-strong, #444445)}
149
157
  .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
158
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
150
159
  .c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
151
160
  .c-active-primary {color: var(--foreground-color-active-primary, #004491)}
152
161
  .c-danger {color: var(--foreground-color-danger, #e13212)}
@@ -193,6 +202,8 @@
193
202
  .bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
194
203
  .bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
195
204
  .bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
205
+ .bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
206
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
196
207
  .bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
197
208
  .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
198
209
  .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
@@ -202,6 +213,7 @@
202
213
  .border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
203
214
  .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
204
215
  .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
216
+ .border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
205
217
  .c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
206
218
  .c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
207
219
  .c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
package/build/web/core/css-utils/utils.css CHANGED
@@ -5,6 +5,7 @@
5
5
  .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
6
6
  .border-color-strong {border-color: var(--border-color-strong, #444445)}
7
7
  .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
8
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
8
9
  .border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
9
10
  .border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
10
11
  .border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
@@ -301,6 +302,8 @@
301
302
  .bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
302
303
  .bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
303
304
  .bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
305
+ .bg-success-default {background-color: var(--background-color-success, #007A4D)}
306
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
304
307
  .bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
305
308
  .border-color-danger {border-color: var(--border-color-danger, #e13212)}
306
309
  .border-color-default {border-color: var(--border-color, #949596)}
@@ -310,6 +313,7 @@
310
313
  .border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
311
314
  .border-color-strong {border-color: var(--border-color-strong, #444445)}
312
315
  .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
316
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
313
317
  .c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
314
318
  .c-active-primary {color: var(--foreground-color-active-primary, #004491)}
315
319
  .c-danger {color: var(--foreground-color-danger, #e13212)}
@@ -356,6 +360,8 @@
356
360
  .bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
357
361
  .bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
358
362
  .bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
363
+ .bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
364
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
359
365
  .bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
360
366
  .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
361
367
  .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
@@ -365,6 +371,7 @@
365
371
  .border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
366
372
  .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
367
373
  .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
374
+ .border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
368
375
  .c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
369
376
  .c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
370
377
  .c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
@@ -390,6 +397,7 @@
390
397
  .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
391
398
  .border-color-strong {border-color: var(--border-color-strong, #444445)}
392
399
  .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
400
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
393
401
  .border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
394
402
  .border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
395
403
  .border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
@@ -686,6 +694,8 @@
686
694
  .bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
687
695
  .bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
688
696
  .bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
697
+ .bg-success-default {background-color: var(--background-color-success, #007A4D)}
698
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
689
699
  .bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
690
700
  .border-color-danger {border-color: var(--border-color-danger, #e13212)}
691
701
  .border-color-default {border-color: var(--border-color, #949596)}
@@ -695,6 +705,7 @@
695
705
  .border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
696
706
  .border-color-strong {border-color: var(--border-color-strong, #444445)}
697
707
  .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
708
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
698
709
  .c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
699
710
  .c-active-primary {color: var(--foreground-color-active-primary, #004491)}
700
711
  .c-danger {color: var(--foreground-color-danger, #e13212)}
@@ -741,6 +752,8 @@
741
752
  .bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
742
753
  .bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
743
754
  .bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
755
+ .bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
756
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
744
757
  .bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
745
758
  .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
746
759
  .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
@@ -750,6 +763,7 @@
750
763
  .border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
751
764
  .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
752
765
  .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
766
+ .border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
753
767
  .c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
754
768
  .c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
755
769
  .c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
package/build/web/core/raw.js CHANGED
@@ -41,6 +41,8 @@ export const light = {
41
41
  BackgroundColorStrongest: "#bcbcbd",
42
42
  BackgroundColorPrimary: "#0265DC",
43
43
  BackgroundColorPrimarySubdued: "#E0F2FF",
44
+ BackgroundColorSuccess: "#007A4D",
45
+ BackgroundColorSuccessSubdued: "#CEF8E0",
44
46
  BackgroundColorDanger: "#e13212",
45
47
  BackgroundColorDangerSubdued: "#ffece9",
46
48
  BackgroundColorWarning: "#ffbe00",
@@ -51,6 +53,7 @@ export const light = {
51
53
  BorderColorSubdued: "#dfe0e1",
52
54
  BorderColorStrong: "#444445",
53
55
  BorderColorPrimary: "#0265DC",
56
+ BorderColorSuccess: "#007A4D",
54
57
  BorderColorDanger: "#e13212",
55
58
  FocusRingColor: "#0265DC",
56
59
  FocusRingColorDanger: "#e13212",
@@ -92,6 +95,8 @@ export const dark = {
92
95
  BackgroundColorStrongest: "#737475",
93
96
  BackgroundColorPrimary: "#78BBFA",
94
97
  BackgroundColorPrimarySubdued: "#78BBFA33",
98
+ BackgroundColorSuccess: "#49CC93",
99
+ BackgroundColorSuccessSubdued: "#49CC9333",
95
100
  BackgroundColorDanger: "#ff745f",
96
101
  BackgroundColorDangerSubdued: "#ff745f33",
97
102
  BackgroundColorWarning: "#ffe278",
@@ -102,6 +107,7 @@ export const dark = {
102
107
  BorderColorSubdued: "#444445",
103
108
  BorderColorStrong: "#dfe0e1",
104
109
  BorderColorPrimary: "#78BBFA",
110
+ BorderColorSuccess: "#49CC93",
105
111
  BorderColorDanger: "#ff745f",
106
112
  FocusRingColor: "#78BBFA",
107
113
  FocusRingColorDanger: "#ff745f",
package/build/web/core/semantic-variables.scss CHANGED
@@ -5,6 +5,8 @@ $light: (
5
5
  background-color-strongest: #bcbcbd,
6
6
  background-color-primary: #0265DC,
7
7
  background-color-primary-subdued: #E0F2FF,
8
+ background-color-success: #007A4D,
9
+ background-color-success-subdued: #CEF8E0,
8
10
  background-color-danger: #e13212,
9
11
  background-color-danger-subdued: #ffece9,
10
12
  background-color-warning: #ffbe00,
@@ -15,6 +17,7 @@ $light: (
15
17
  border-color-subdued: #dfe0e1,
16
18
  border-color-strong: #444445,
17
19
  border-color-primary: #0265DC,
20
+ border-color-success: #007A4D,
18
21
  border-color-danger: #e13212,
19
22
  focus-ring-color: #0265DC,
20
23
  focus-ring-color-danger: #e13212,
@@ -56,6 +59,8 @@ $dark: (
56
59
  background-color-strongest: #737475,
57
60
  background-color-primary: #78BBFA,
58
61
  background-color-primary-subdued: #78BBFA33,
62
+ background-color-success: #49CC93,
63
+ background-color-success-subdued: #49CC9333,
59
64
  background-color-danger: #ff745f,
60
65
  background-color-danger-subdued: #ff745f33,
61
66
  background-color-warning: #ffe278,
@@ -66,6 +71,7 @@ $dark: (
66
71
  border-color-subdued: #444445,
67
72
  border-color-strong: #dfe0e1,
68
73
  border-color-primary: #78BBFA,
74
+ border-color-success: #49CC93,
69
75
  border-color-danger: #ff745f,
70
76
  focus-ring-color: #78BBFA,
71
77
  focus-ring-color-danger: #ff745f,
package/build/web/core/semantic.js CHANGED
@@ -58,6 +58,26 @@ export const BackgroundColorPrimarySubdued = {
58
58
  }
59
59
  }
60
60
  };
61
+ export const BackgroundColorSuccess = {
62
+ value: "#007A4D",
63
+ attributes: {
64
+ appearance: {
65
+ dark: {
66
+ value: "#49CC93"
67
+ }
68
+ }
69
+ }
70
+ };
71
+ export const BackgroundColorSuccessSubdued = {
72
+ value: "#CEF8E0",
73
+ attributes: {
74
+ appearance: {
75
+ dark: {
76
+ value: "#49CC9333"
77
+ }
78
+ }
79
+ }
80
+ };
61
81
  export const BackgroundColorDanger = {
62
82
  value: "#e13212",
63
83
  attributes: {
@@ -167,6 +187,16 @@ export const BorderColorPrimary = {
167
187
  }
168
188
  }
169
189
  };
190
+ export const BorderColorSuccess = {
191
+ value: "#007A4D",
192
+ attributes: {
193
+ appearance: {
194
+ dark: {
195
+ value: "#49CC93"
196
+ }
197
+ }
198
+ }
199
+ };
170
200
  export const BorderColorDanger = {
171
201
  value: "#e13212",
172
202
  attributes: {
package/build/web/core/semantic.scss CHANGED
@@ -4,6 +4,8 @@ $background-color-stronger: var(--background-color-stronger, #eeeeee);
4
4
  $background-color-strongest: var(--background-color-strongest, #bcbcbd);
5
5
  $background-color-primary: var(--background-color-primary, #0265DC);
6
6
  $background-color-primary-subdued: var(--background-color-primary-subdued, #E0F2FF);
7
+ $background-color-success: var(--background-color-success, #007A4D);
8
+ $background-color-success-subdued: var(--background-color-success-subdued, #CEF8E0);
7
9
  $background-color-danger: var(--background-color-danger, #e13212);
8
10
  $background-color-danger-subdued: var(--background-color-danger-subdued, #ffece9);
9
11
  $background-color-warning: var(--background-color-warning, #ffbe00);
@@ -23,6 +25,7 @@ $border-color: var(--border-color, #949596);
23
25
  $border-color-subdued: var(--border-color-subdued, #dfe0e1);
24
26
  $border-color-strong: var(--border-color-strong, #444445);
25
27
  $border-color-primary: var(--border-color-primary, #0265DC);
28
+ $border-color-success: var(--border-color-success, #007A4D);
26
29
  $border-color-danger: var(--border-color-danger, #e13212);
27
30
  $focus-ring-color: var(--focus-ring-color, #0265DC);
28
31
  $focus-ring-color-danger: var(--focus-ring-color-danger, #e13212);