@servicetitan/hammer-token 0.6.0 → 1.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 (12) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/.turbo/turbo-lint.log +1 -1
  3. package/CHANGELOG.md +24 -0
  4. package/build/web/core/css-utils/border.css +9 -9
  5. package/build/web/core/css-utils/color.css +61 -61
  6. package/build/web/core/css-utils/font.css +21 -0
  7. package/build/web/core/css-utils/spacing.css +204 -204
  8. package/build/web/core/css-utils/utils.css +290 -290
  9. package/config.js +3 -3
  10. package/package.json +2 -2
  11. package/src/utils/css-utils-format-utils.js +4 -4
  12. package/test.txt +1 -0
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @servicetitan/hammer-token@0.5.2 build /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@0.7.0 build /home/runner/work/hammer/hammer/packages/hammer-token
3
3
  > node ./config.js
4
4
 
5
5
 
package/.turbo/turbo-lint.log CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- > @servicetitan/hammer-token@0.5.2 lint /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@0.7.0 lint /home/runner/work/hammer/hammer/packages/hammer-token
3
3
  > eslint
4
4
 
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.0.0 (Mon Jun 03 2024)
2
+
3
+ #### 🏠 Internal
4
+
5
+ - ANV-1341: Adding empty change to icon/token repos to include them in v1.0.0 release [#497](https://github.com/servicetitan/hammer/pull/497) ([@rgdelato](https://github.com/rgdelato))
6
+
7
+ #### Authors: 1
8
+
9
+ - Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
10
+
11
+ ---
12
+
13
+ # v0.7.0 (Mon Jun 03 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - ANV-1392: Fix CSS Utils / Font file and add fallback values [#486](https://github.com/servicetitan/hammer/pull/486) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
18
+
19
+ #### Authors: 1
20
+
21
+ - Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
22
+
23
+ ---
24
+
1
25
  # v0.6.0 (Fri May 31 2024)
2
26
 
3
27
  #### ✨ New Feature
package/build/web/core/css-utils/border.css CHANGED
@@ -1,13 +1,13 @@
1
- .border-color-danger {border-color: var(--status-color-danger)}
2
- .border-color-default {border-color: var(--color-neutral-80)}
3
- .border-color-primary {border-color: var(--status-color-info)}
4
- .border-color-strong {border-color: var(--color-neutral-200)}
5
- .border-color-subdued {border-color: var(--color-neutral-60)}
1
+ .border-color-danger {border-color: var(--status-color-danger, #e13212)}
2
+ .border-color-default {border-color: var(--color-neutral-80, #949596)}
3
+ .border-color-primary {border-color: var(--status-color-info, #0265dc)}
4
+ .border-color-strong {border-color: var(--color-neutral-200, #444445)}
5
+ .border-color-subdued {border-color: var(--color-neutral-60, #dfe0e1)}
6
6
  .border-radius-circular {border-radius: 100%}
7
- .border-radius-none {border-radius: var(--size-0)}
7
+ .border-radius-none {border-radius: var(--size-0, 0rem)}
8
8
  .border-radius-pill {border-radius: 500px}
9
9
  .border-radius-rounded {border-radius: 0.375rem}
10
10
  .border-radius-rounded-strong {border-radius: 1rem}
11
- .border-width-default {border-width: var(--size-quarter)}
12
- .border-width-none {border-width: var(--size-0)}
13
- .border-width-strong {border-width: var(--size-half)}
11
+ .border-width-default {border-width: var(--size-quarter, 0.0625rem)}
12
+ .border-width-none {border-width: var(--size-0, 0rem)}
13
+ .border-width-strong {border-width: var(--size-half, 0.125rem)}
package/build/web/core/css-utils/color.css CHANGED
@@ -1,8 +1,8 @@
1
1
  .anv-themeprovider-core-dark .bg-danger-default {background-color: #ff745f}
2
- .anv-themeprovider-core-dark .bg-default {background-color: var(--color-neutral-400)}
3
- .anv-themeprovider-core-dark .bg-disabled {background-color: var(--color-neutral-100)}
4
- .anv-themeprovider-core-dark .bg-inverted-default {background-color: var(--color-neutral-20)}
5
- .anv-themeprovider-core-dark .bg-inverted-strong {background-color: var(--color-neutral-0)}
2
+ .anv-themeprovider-core-dark .bg-default {background-color: var(--color-neutral-400, #141414)}
3
+ .anv-themeprovider-core-dark .bg-disabled {background-color: var(--color-neutral-100, #606162)}
4
+ .anv-themeprovider-core-dark .bg-inverted-default {background-color: var(--color-neutral-20, #fafafa)}
5
+ .anv-themeprovider-core-dark .bg-inverted-strong {background-color: var(--color-neutral-0, #ffffff)}
6
6
  .anv-themeprovider-core-dark .bg-overlay-active-danger {background-color: #ff745f40}
7
7
  .anv-themeprovider-core-dark .bg-overlay-active-default {background-color: #ffffff29}
8
8
  .anv-themeprovider-core-dark .bg-overlay-active-on-danger {background-color: #14141429}
@@ -15,36 +15,36 @@
15
15
  .anv-themeprovider-core-dark .bg-overlay-hover-on-default {background-color: #ffffff14}
16
16
  .anv-themeprovider-core-dark .bg-overlay-hover-on-primary {background-color: #ffffff29}
17
17
  .anv-themeprovider-core-dark .bg-overlay-hover-primary {background-color: #78bbfa1A}
18
- .anv-themeprovider-core-dark .bg-primary-default {background-color: var(--color-blue-300)}
18
+ .anv-themeprovider-core-dark .bg-primary-default {background-color: var(--color-blue-300, #78bbfa)}
19
19
  .anv-themeprovider-core-dark .bg-primary-subdued {background-color: #78bbfa33}
20
- .anv-themeprovider-core-dark .bg-status-danger {background-color: var(--color-red-300)}
21
- .anv-themeprovider-core-dark .bg-status-info {background-color: var(--color-blue-300)}
22
- .anv-themeprovider-core-dark .bg-status-success {background-color: var(--color-green-300)}
23
- .anv-themeprovider-core-dark .bg-status-warning {background-color: var(--color-yellow-300)}
24
- .anv-themeprovider-core-dark .bg-strong {background-color: var(--color-neutral-300)}
25
- .anv-themeprovider-core-dark .bg-stronger {background-color: var(--color-neutral-200)}
26
- .anv-themeprovider-core-dark .bg-strongest {background-color: var(--color-neutral-90)}
20
+ .anv-themeprovider-core-dark .bg-status-danger {background-color: var(--color-red-300, #ff745f)}
21
+ .anv-themeprovider-core-dark .bg-status-info {background-color: var(--color-blue-300, #78bbfa)}
22
+ .anv-themeprovider-core-dark .bg-status-success {background-color: var(--color-green-300, #49cc93)}
23
+ .anv-themeprovider-core-dark .bg-status-warning {background-color: var(--color-yellow-300, #ffe278)}
24
+ .anv-themeprovider-core-dark .bg-strong {background-color: var(--color-neutral-300, #2d2e31)}
25
+ .anv-themeprovider-core-dark .bg-stronger {background-color: var(--color-neutral-200, #444445)}
26
+ .anv-themeprovider-core-dark .bg-strongest {background-color: var(--color-neutral-90, #737475)}
27
27
  .anv-themeprovider-core-dark .bg-warning-default {background-color: #ffe278}
28
- .anv-themeprovider-core-dark .border-color-status-info {border-color: var(--color-blue-300)}
29
- .anv-themeprovider-core-dark .border-color-status-success {border-color: var(--color-green-300)}
30
- .anv-themeprovider-core-dark .border-color-status-warning {border-color: var(--color-yellow-300)}
28
+ .anv-themeprovider-core-dark .border-color-status-info {border-color: var(--color-blue-300, #78bbfa)}
29
+ .anv-themeprovider-core-dark .border-color-status-success {border-color: var(--color-green-300, #49cc93)}
30
+ .anv-themeprovider-core-dark .border-color-status-warning {border-color: var(--color-yellow-300, #ffe278)}
31
31
  .anv-themeprovider-core-dark .c-danger {color: #ff745f}
32
- .anv-themeprovider-core-dark .c-default {color: var(--color-neutral-0)}
33
- .anv-themeprovider-core-dark .c-inverted {color: var(--color-neutral-400)}
34
- .anv-themeprovider-core-dark .c-on-danger {color: var(--color-neutral-400)}
35
- .anv-themeprovider-core-dark .c-on-primary {color: var(--color-neutral-400)}
36
- .anv-themeprovider-core-dark .c-on-warning {color: var(--color-neutral-400)}
37
- .anv-themeprovider-core-dark .c-primary {color: var(--color-blue-300)}
38
- .anv-themeprovider-core-dark .c-status-danger {color: var(--color-red-300)}
39
- .anv-themeprovider-core-dark .c-status-info {color: var(--color-blue-300)}
40
- .anv-themeprovider-core-dark .c-status-success {color: var(--color-green-300)}
41
- .anv-themeprovider-core-dark .c-status-warning {color: var(--color-yellow-300)}
42
- .anv-themeprovider-core-dark .c-subdued {color: var(--color-neutral-70)}
43
- .bg-danger-default {background-color: var(--status-color-danger)}
44
- .bg-default {background-color: var(--color-neutral-0)}
45
- .bg-disabled {background-color: var(--color-neutral-100)}
46
- .bg-inverted-default {background-color: var(--color-neutral-300)}
47
- .bg-inverted-strong {background-color: var(--color-neutral-400)}
32
+ .anv-themeprovider-core-dark .c-default {color: var(--color-neutral-0, #ffffff)}
33
+ .anv-themeprovider-core-dark .c-inverted {color: var(--color-neutral-400, #141414)}
34
+ .anv-themeprovider-core-dark .c-on-danger {color: var(--color-neutral-400, #141414)}
35
+ .anv-themeprovider-core-dark .c-on-primary {color: var(--color-neutral-400, #141414)}
36
+ .anv-themeprovider-core-dark .c-on-warning {color: var(--color-neutral-400, #141414)}
37
+ .anv-themeprovider-core-dark .c-primary {color: var(--color-blue-300, #78bbfa)}
38
+ .anv-themeprovider-core-dark .c-status-danger {color: var(--color-red-300, #ff745f)}
39
+ .anv-themeprovider-core-dark .c-status-info {color: var(--color-blue-300, #78bbfa)}
40
+ .anv-themeprovider-core-dark .c-status-success {color: var(--color-green-300, #49cc93)}
41
+ .anv-themeprovider-core-dark .c-status-warning {color: var(--color-yellow-300, #ffe278)}
42
+ .anv-themeprovider-core-dark .c-subdued {color: var(--color-neutral-70, #bcbcbd)}
43
+ .bg-danger-default {background-color: var(--status-color-danger, #e13212)}
44
+ .bg-default {background-color: var(--color-neutral-0, #ffffff)}
45
+ .bg-disabled {background-color: var(--color-neutral-100, #606162)}
46
+ .bg-inverted-default {background-color: var(--color-neutral-300, #2d2e31)}
47
+ .bg-inverted-strong {background-color: var(--color-neutral-400, #141414)}
48
48
  .bg-overlay-active-danger {background-color: #e132124D}
49
49
  .bg-overlay-active-default {background-color: #14141429}
50
50
  .bg-overlay-active-on-danger {background-color: #14141429}
@@ -57,33 +57,33 @@
57
57
  .bg-overlay-hover-on-default {background-color: #14141414}
58
58
  .bg-overlay-hover-on-primary {background-color: #ffffff29}
59
59
  .bg-overlay-hover-primary {background-color: #0265dc1A}
60
- .bg-primary-default {background-color: var(--color-blue-500)}
61
- .bg-primary-subdued {background-color: var(--color-blue-100)}
62
- .bg-status-danger {background-color: var(--color-red-500)}
63
- .bg-status-info {background-color: var(--color-blue-500)}
64
- .bg-status-success {background-color: var(--color-green-500)}
65
- .bg-status-warning {background-color: var(--color-yellow-500)}
66
- .bg-strong {background-color: var(--color-neutral-30)}
67
- .bg-stronger {background-color: var(--color-neutral-50)}
68
- .bg-strongest {background-color: var(--color-neutral-70)}
69
- .bg-warning-default {background-color: var(--status-color-warning)}
70
- .border-color-danger {border-color: var(--status-color-danger)}
71
- .border-color-default {border-color: var(--color-neutral-80)}
72
- .border-color-primary {border-color: var(--status-color-info)}
73
- .border-color-status-info {border-color: var(--color-blue-500)}
74
- .border-color-status-success {border-color: var(--color-green-500)}
75
- .border-color-status-warning {border-color: var(--color-yellow-500)}
76
- .border-color-strong {border-color: var(--color-neutral-200)}
77
- .border-color-subdued {border-color: var(--color-neutral-60)}
78
- .c-danger {color: var(--status-color-danger)}
79
- .c-default {color: var(--color-neutral-400)}
80
- .c-inverted {color: var(--color-neutral-0)}
81
- .c-on-danger {color: var(--color-neutral-0)}
82
- .c-on-primary {color: var(--color-neutral-0)}
83
- .c-on-warning {color: var(--color-neutral-400)}
84
- .c-primary {color: var(--color-blue-500)}
85
- .c-status-danger {color: var(--color-red-500)}
86
- .c-status-info {color: var(--color-blue-500)}
87
- .c-status-success {color: var(--color-green-500)}
88
- .c-status-warning {color: var(--color-yellow-500)}
89
- .c-subdued {color: var(--color-neutral-90)}
60
+ .bg-primary-default {background-color: var(--color-blue-500, #0265dc)}
61
+ .bg-primary-subdued {background-color: var(--color-blue-100, #e0f2ff)}
62
+ .bg-status-danger {background-color: var(--color-red-500, #e13212)}
63
+ .bg-status-info {background-color: var(--color-blue-500, #0265dc)}
64
+ .bg-status-success {background-color: var(--color-green-500, #007a4d)}
65
+ .bg-status-warning {background-color: var(--color-yellow-500, #ffbe00)}
66
+ .bg-strong {background-color: var(--color-neutral-30, #f7f7f7)}
67
+ .bg-stronger {background-color: var(--color-neutral-50, #eeeeee)}
68
+ .bg-strongest {background-color: var(--color-neutral-70, #bcbcbd)}
69
+ .bg-warning-default {background-color: var(--status-color-warning, #ffbe00)}
70
+ .border-color-danger {border-color: var(--status-color-danger, #e13212)}
71
+ .border-color-default {border-color: var(--color-neutral-80, #949596)}
72
+ .border-color-primary {border-color: var(--status-color-info, #0265dc)}
73
+ .border-color-status-info {border-color: var(--color-blue-500, #0265dc)}
74
+ .border-color-status-success {border-color: var(--color-green-500, #007a4d)}
75
+ .border-color-status-warning {border-color: var(--color-yellow-500, #ffbe00)}
76
+ .border-color-strong {border-color: var(--color-neutral-200, #444445)}
77
+ .border-color-subdued {border-color: var(--color-neutral-60, #dfe0e1)}
78
+ .c-danger {color: var(--status-color-danger, #e13212)}
79
+ .c-default {color: var(--color-neutral-400, #141414)}
80
+ .c-inverted {color: var(--color-neutral-0, #ffffff)}
81
+ .c-on-danger {color: var(--color-neutral-0, #ffffff)}
82
+ .c-on-primary {color: var(--color-neutral-0, #ffffff)}
83
+ .c-on-warning {color: var(--color-neutral-400, #141414)}
84
+ .c-primary {color: var(--color-blue-500, #0265dc)}
85
+ .c-status-danger {color: var(--color-red-500, #e13212)}
86
+ .c-status-info {color: var(--color-blue-500, #0265dc)}
87
+ .c-status-success {color: var(--color-green-500, #007a4d)}
88
+ .c-status-warning {color: var(--color-yellow-500, #ffbe00)}
89
+ .c-subdued {color: var(--color-neutral-90, #737475)}
package/build/web/core/css-utils/font.css CHANGED
@@ -0,0 +1,21 @@
1
+ .ff-heading {font-family: var(--font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
2
+ .ff-label {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
3
+ .ff-paragraph {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
4
+ .fs-heading-default {font-size: var(--font-size-500, 1.25rem)}
5
+ .fs-heading-large {font-size: var(--font-size-600, 1.5rem)}
6
+ .fs-heading-small {font-size: var(--font-size-400, 1rem)}
7
+ .fs-heading-xlarge {font-size: var(--font-size-800, 2rem)}
8
+ .fs-heading-xsmall {font-size: var(--font-size-300, 0.875rem)}
9
+ .fs-label-default {font-size: var(--font-size-300, 0.875rem)}
10
+ .fs-label-large {font-size: var(--font-size-400, 1rem)}
11
+ .fs-label-small {font-size: var(--font-size-200, 0.75rem)}
12
+ .fs-label-xlarge {font-size: var(--font-size-500, 1.25rem)}
13
+ .fs-label-xsmall {font-size: var(--font-size-100, 0.625rem)}
14
+ .fs-paragraph-default {font-size: var(--font-size-400, 1rem)}
15
+ .fs-paragraph-large {font-size: var(--font-size-500, 1.25rem)}
16
+ .fs-paragraph-small {font-size: var(--font-size-300, 0.875rem)}
17
+ .fs-paragraph-xlarge {font-size: var(--font-size-600, 1.5rem)}
18
+ .fs-paragraph-xsmall {font-size: var(--font-size-200, 0.75rem)}
19
+ .fw-heading {font-weight: var(--font-weight-bold, 700)}
20
+ .fw-label {font-weight: var(--font-weight-semibold, 600)}
21
+ .fw-paragraph {font-weight: var(--font-weight-normal, 400)}