@servicetitan/hammer-token 0.0.0-rc-1.48.0-20251104214834 → 0.0.0-rc-3.0.0-20260114215531

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 (76) hide show
  1. package/CHANGELOG.md +29 -1
  2. package/README.md +222 -0
  3. package/build/web/core/component-variables.scss +114 -130
  4. package/build/web/core/component.d.ts +65 -0
  5. package/build/web/core/component.js +248 -267
  6. package/build/web/core/component.scss +63 -69
  7. package/build/web/core/css-utils/a2-border.css +39 -41
  8. package/build/web/core/css-utils/a2-color.css +351 -227
  9. package/build/web/core/css-utils/a2-font.css +0 -2
  10. package/build/web/core/css-utils/a2-spacing.css +0 -2
  11. package/build/web/core/css-utils/a2-utils.css +418 -292
  12. package/build/web/core/css-utils/border.css +39 -41
  13. package/build/web/core/css-utils/color.css +351 -227
  14. package/build/web/core/css-utils/font.css +0 -2
  15. package/build/web/core/css-utils/spacing.css +0 -2
  16. package/build/web/core/css-utils/utils.css +418 -292
  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 +130 -71
  20. package/build/web/core/primitive.d.ts +185 -0
  21. package/build/web/core/primitive.js +328 -72
  22. package/build/web/core/primitive.scss +183 -124
  23. package/build/web/core/semantic-variables.scss +287 -220
  24. package/build/web/core/semantic.d.ts +194 -0
  25. package/build/web/core/semantic.js +875 -347
  26. package/build/web/core/semantic.scss +192 -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 -496
  31. package/package.json +5 -4
  32. package/src/global/primitive/breakpoint.tokens.json +39 -0
  33. package/src/global/primitive/color.tokens.json +536 -0
  34. package/src/global/primitive/duration.tokens.json +32 -0
  35. package/src/global/primitive/font.tokens.json +103 -0
  36. package/src/global/primitive/radius.tokens.json +67 -0
  37. package/src/global/primitive/size.tokens.json +123 -0
  38. package/src/global/primitive/transition.tokens.json +20 -0
  39. package/src/theme/core/background.tokens.json +981 -0
  40. package/src/theme/core/border.tokens.json +148 -0
  41. package/src/theme/core/charts.tokens.json +802 -0
  42. package/src/theme/core/component/button.tokens.json +752 -0
  43. package/src/theme/core/component/checkbox.tokens.json +292 -0
  44. package/src/theme/core/focus.tokens.json +48 -0
  45. package/src/theme/core/foreground.tokens.json +288 -0
  46. package/src/theme/core/shadow.tokens.json +43 -0
  47. package/src/theme/core/status.tokens.json +70 -0
  48. package/src/theme/core/typography.tokens.json +100 -0
  49. package/src/utils/copy-css-utils-cli.js +13 -0
  50. package/src/utils/css-utils-format-utils.js +98 -1
  51. package/src/utils/sd-build-configs.js +372 -0
  52. package/src/utils/sd-formats.js +752 -0
  53. package/src/utils/sd-transforms.js +126 -0
  54. package/src/utils/token-helpers.js +555 -0
  55. package/tsconfig.json +18 -0
  56. package/.turbo/turbo-build.log +0 -37
  57. package/build/web/core/raw.js +0 -234
  58. package/src/global/primitive/breakpoint.js +0 -19
  59. package/src/global/primitive/color.js +0 -231
  60. package/src/global/primitive/duration.js +0 -16
  61. package/src/global/primitive/font.js +0 -60
  62. package/src/global/primitive/radius.js +0 -31
  63. package/src/global/primitive/size.js +0 -55
  64. package/src/global/primitive/transition.js +0 -16
  65. package/src/theme/core/background.js +0 -170
  66. package/src/theme/core/border.js +0 -103
  67. package/src/theme/core/charts.js +0 -464
  68. package/src/theme/core/component/button.js +0 -708
  69. package/src/theme/core/component/checkbox.js +0 -405
  70. package/src/theme/core/focus.js +0 -35
  71. package/src/theme/core/foreground.js +0 -148
  72. package/src/theme/core/overlay.js +0 -137
  73. package/src/theme/core/shadow.js +0 -29
  74. package/src/theme/core/status.js +0 -49
  75. package/src/theme/core/typography.js +0 -82
  76. package/type/types.ts +0 -344
package/build/web/core/css-utils/border.css CHANGED
@@ -1,53 +1,51 @@
1
1
  @layer starter, reset, base, state, application;
2
2
 
3
- .border-color-danger {border-color: var(--border-color-danger, #e13212)}
4
- .border-color-default {border-color: var(--border-color, #949596)}
5
- .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
6
- .border-color-strong {border-color: var(--border-color-strong, #444445)}
7
- .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
8
- .border-color-success {border-color: var(--border-color-success, #007A4D)}
3
+ .border-color-danger {border-color: var(--border-color-danger, var(--a2-status-color-danger, var(--a2-color-red-500, #ff3914)))}
4
+ .border-color-default {border-color: var(--border-color, var(--a2-color-neutral-80, #e5e5e5))}
5
+ .border-color-primary {border-color: var(--border-color-primary, var(--a2-status-color-info, var(--a2-color-blue-500, #1a82ff)))}
6
+ .border-color-strong {border-color: var(--border-color-strong, var(--a2-color-neutral-200, #c4c4c4))}
7
+ .border-color-subdued {border-color: var(--border-color-subdued, var(--a2-color-neutral-60, #ebebeb))}
8
+ .border-color-success {border-color: var(--border-color-success, var(--a2-status-color-success, var(--a2-color-green-500, #09a569)))}
9
9
  .border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
10
- .border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
11
- .border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
12
- .border-radius-none {border-radius: var(--border-radius-none, 0)}
13
- .border-radius-small {border-radius: var(--border-radius-small, 0.1875rem)}
14
- .border-radius-xlarge {border-radius: var(--border-radius-xlarge, 1.5rem)}
15
- .border-width-default {border-width: var(--border-width, 0.0625rem)}
10
+ .border-radius-large {border-radius: var(--border-radius-large, var(--a2-radius-4, 0.75rem))}
11
+ .border-radius-medium {border-radius: var(--border-radius-medium, var(--a2-radius-2, 0.375rem))}
12
+ .border-radius-none {border-radius: var(--border-radius-none, 0rem)}
13
+ .border-radius-small {border-radius: var(--border-radius-small, var(--a2-radius-1, 0.1875rem))}
14
+ .border-radius-xlarge {border-radius: var(--border-radius-xlarge, var(--a2-radius-8, 1.5rem))}
15
+ .border-width-default {border-width: var(--border-width, var(--a2-size-quarter, 0.0625rem))}
16
16
  .border-width-none {border-width: var(--border-width-none, 0rem)}
17
- .border-width-strong {border-width: var(--border-width-strong, 0.125rem)}
18
-
17
+ .border-width-strong {border-width: var(--border-width-strong, var(--a2-size-half, 0.125rem))}
19
18
  @supports (color: light-dark(#fff, #000)) {
20
- .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
21
- .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
22
- .border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
23
- .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
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))}
19
+ .border-color-danger {border-color: var(--border-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-500, #ff3914), var(--a2-color-red-100, #ffd4cc))))}
20
+ .border-color-default {border-color: var(--border-color, light-dark(var(--a2-color-neutral-80, #e5e5e5), var(--a2-color-neutral-100, #dfdfdf)))}
21
+ .border-color-primary {border-color: var(--border-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-100, #cce3ff))))}
22
+ .border-color-strong {border-color: var(--border-color-strong, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-60, #ebebeb)))}
23
+ .border-color-subdued {border-color: var(--border-color-subdued, light-dark(var(--a2-color-neutral-60, #ebebeb), var(--a2-color-neutral-200, #c4c4c4)))}
24
+ .border-color-success {border-color: var(--border-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-500, #09a569), var(--a2-color-green-100, #b8f5dd))))}
26
25
  }
27
-
26
+
28
27
  @layer application {
29
- .border-color-danger {border-color: var(--border-color-danger, #e13212)}
30
- .border-color-default {border-color: var(--border-color, #949596)}
31
- .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
32
- .border-color-strong {border-color: var(--border-color-strong, #444445)}
33
- .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
34
- .border-color-success {border-color: var(--border-color-success, #007A4D)}
28
+ .border-color-danger {border-color: var(--border-color-danger, var(--a2-status-color-danger, var(--a2-color-red-500, #ff3914)))}
29
+ .border-color-default {border-color: var(--border-color, var(--a2-color-neutral-80, #e5e5e5))}
30
+ .border-color-primary {border-color: var(--border-color-primary, var(--a2-status-color-info, var(--a2-color-blue-500, #1a82ff)))}
31
+ .border-color-strong {border-color: var(--border-color-strong, var(--a2-color-neutral-200, #c4c4c4))}
32
+ .border-color-subdued {border-color: var(--border-color-subdued, var(--a2-color-neutral-60, #ebebeb))}
33
+ .border-color-success {border-color: var(--border-color-success, var(--a2-status-color-success, var(--a2-color-green-500, #09a569)))}
35
34
  .border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
36
- .border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
37
- .border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
38
- .border-radius-none {border-radius: var(--border-radius-none, 0)}
39
- .border-radius-small {border-radius: var(--border-radius-small, 0.1875rem)}
40
- .border-radius-xlarge {border-radius: var(--border-radius-xlarge, 1.5rem)}
41
- .border-width-default {border-width: var(--border-width, 0.0625rem)}
35
+ .border-radius-large {border-radius: var(--border-radius-large, var(--a2-radius-4, 0.75rem))}
36
+ .border-radius-medium {border-radius: var(--border-radius-medium, var(--a2-radius-2, 0.375rem))}
37
+ .border-radius-none {border-radius: var(--border-radius-none, 0rem)}
38
+ .border-radius-small {border-radius: var(--border-radius-small, var(--a2-radius-1, 0.1875rem))}
39
+ .border-radius-xlarge {border-radius: var(--border-radius-xlarge, var(--a2-radius-8, 1.5rem))}
40
+ .border-width-default {border-width: var(--border-width, var(--a2-size-quarter, 0.0625rem))}
42
41
  .border-width-none {border-width: var(--border-width-none, 0rem)}
43
- .border-width-strong {border-width: var(--border-width-strong, 0.125rem)}
44
-
42
+ .border-width-strong {border-width: var(--border-width-strong, var(--a2-size-half, 0.125rem))}
45
43
  @supports (color: light-dark(#fff, #000)) {
46
- .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
47
- .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
48
- .border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
49
- .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
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))}
44
+ .border-color-danger {border-color: var(--border-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-500, #ff3914), var(--a2-color-red-100, #ffd4cc))))}
45
+ .border-color-default {border-color: var(--border-color, light-dark(var(--a2-color-neutral-80, #e5e5e5), var(--a2-color-neutral-100, #dfdfdf)))}
46
+ .border-color-primary {border-color: var(--border-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-100, #cce3ff))))}
47
+ .border-color-strong {border-color: var(--border-color-strong, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-60, #ebebeb)))}
48
+ .border-color-subdued {border-color: var(--border-color-subdued, light-dark(var(--a2-color-neutral-60, #ebebeb), var(--a2-color-neutral-200, #c4c4c4)))}
49
+ .border-color-success {border-color: var(--border-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-500, #09a569), var(--a2-color-green-100, #b8f5dd))))}
52
50
  }
53
51
  }