@servicetitan/hammer-token 1.0.0 → 1.1.1

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 (8) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/.turbo/turbo-lint.log +1 -1
  3. package/CHANGELOG.md +25 -0
  4. package/build/web/core/css-utils/color.css +43 -43
  5. package/build/web/core/css-utils/utils.css +42 -42
  6. package/package.json +8 -2
  7. package/src/utils/copy-css-utils-cli.js +49 -0
  8. package/src/utils/css-utils-format-utils.js +1 -1
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @servicetitan/hammer-token@0.7.0 build /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@1.1.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.7.0 lint /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@1.1.0 lint /home/runner/work/hammer/hammer/packages/hammer-token
3
3
  > eslint
4
4
 
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # v1.1.1 (Thu Jul 11 2024)
2
+
3
+ #### 📝 Dependencies
4
+
5
+ - ANV-1529: Add `commander` to `optionalDependencies` in `hammer-token` [#556](https://github.com/servicetitan/hammer/pull/556) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n) [@rgdelato](https://github.com/rgdelato))
6
+
7
+ #### Authors: 2
8
+
9
+ - Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
10
+ - Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
11
+
12
+ ---
13
+
14
+ # v1.1.0 (Wed Jul 10 2024)
15
+
16
+ #### 🚀 Enhancement
17
+
18
+ - ANV-1529: Fix CSS Utils dark class prefix and add CLI to override [#554](https://github.com/servicetitan/hammer/pull/554) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
19
+
20
+ #### Authors: 1
21
+
22
+ - Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
23
+
24
+ ---
25
+
1
26
  # v1.0.0 (Mon Jun 03 2024)
2
27
 
3
28
  #### 🏠 Internal
package/build/web/core/css-utils/color.css CHANGED
@@ -1,45 +1,3 @@
1
- .anv-themeprovider-core-dark .bg-danger-default {background-color: #ff745f}
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
- .anv-themeprovider-core-dark .bg-overlay-active-danger {background-color: #ff745f40}
7
- .anv-themeprovider-core-dark .bg-overlay-active-default {background-color: #ffffff29}
8
- .anv-themeprovider-core-dark .bg-overlay-active-on-danger {background-color: #14141429}
9
- .anv-themeprovider-core-dark .bg-overlay-active-on-default {background-color: #14141429}
10
- .anv-themeprovider-core-dark .bg-overlay-active-on-primary {background-color: #14141429}
11
- .anv-themeprovider-core-dark .bg-overlay-active-primary {background-color: #78bbfa40}
12
- .anv-themeprovider-core-dark .bg-overlay-hover-danger {background-color: #ff745f1A}
13
- .anv-themeprovider-core-dark .bg-overlay-hover-default {background-color: #ffffff14}
14
- .anv-themeprovider-core-dark .bg-overlay-hover-on-danger {background-color: #ffffff29}
15
- .anv-themeprovider-core-dark .bg-overlay-hover-on-default {background-color: #ffffff14}
16
- .anv-themeprovider-core-dark .bg-overlay-hover-on-primary {background-color: #ffffff29}
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, #78bbfa)}
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, #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
- .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, #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
- .anv-themeprovider-core-dark .c-danger {color: #ff745f}
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
1
  .bg-danger-default {background-color: var(--status-color-danger, #e13212)}
44
2
  .bg-default {background-color: var(--color-neutral-0, #ffffff)}
45
3
  .bg-disabled {background-color: var(--color-neutral-100, #606162)}
@@ -86,4 +44,46 @@
86
44
  .c-status-info {color: var(--color-blue-500, #0265dc)}
87
45
  .c-status-success {color: var(--color-green-500, #007a4d)}
88
46
  .c-status-warning {color: var(--color-yellow-500, #ffbe00)}
89
- .c-subdued {color: var(--color-neutral-90, #737475)}
47
+ .c-subdued {color: var(--color-neutral-90, #737475)}
48
+ .hammer-themeprovider-core-dark .bg-danger-default {background-color: #ff745f}
49
+ .hammer-themeprovider-core-dark .bg-default {background-color: var(--color-neutral-400, #141414)}
50
+ .hammer-themeprovider-core-dark .bg-disabled {background-color: var(--color-neutral-100, #606162)}
51
+ .hammer-themeprovider-core-dark .bg-inverted-default {background-color: var(--color-neutral-20, #fafafa)}
52
+ .hammer-themeprovider-core-dark .bg-inverted-strong {background-color: var(--color-neutral-0, #ffffff)}
53
+ .hammer-themeprovider-core-dark .bg-overlay-active-danger {background-color: #ff745f40}
54
+ .hammer-themeprovider-core-dark .bg-overlay-active-default {background-color: #ffffff29}
55
+ .hammer-themeprovider-core-dark .bg-overlay-active-on-danger {background-color: #14141429}
56
+ .hammer-themeprovider-core-dark .bg-overlay-active-on-default {background-color: #14141429}
57
+ .hammer-themeprovider-core-dark .bg-overlay-active-on-primary {background-color: #14141429}
58
+ .hammer-themeprovider-core-dark .bg-overlay-active-primary {background-color: #78bbfa40}
59
+ .hammer-themeprovider-core-dark .bg-overlay-hover-danger {background-color: #ff745f1A}
60
+ .hammer-themeprovider-core-dark .bg-overlay-hover-default {background-color: #ffffff14}
61
+ .hammer-themeprovider-core-dark .bg-overlay-hover-on-danger {background-color: #ffffff29}
62
+ .hammer-themeprovider-core-dark .bg-overlay-hover-on-default {background-color: #ffffff14}
63
+ .hammer-themeprovider-core-dark .bg-overlay-hover-on-primary {background-color: #ffffff29}
64
+ .hammer-themeprovider-core-dark .bg-overlay-hover-primary {background-color: #78bbfa1A}
65
+ .hammer-themeprovider-core-dark .bg-primary-default {background-color: var(--color-blue-300, #78bbfa)}
66
+ .hammer-themeprovider-core-dark .bg-primary-subdued {background-color: #78bbfa33}
67
+ .hammer-themeprovider-core-dark .bg-status-danger {background-color: var(--color-red-300, #ff745f)}
68
+ .hammer-themeprovider-core-dark .bg-status-info {background-color: var(--color-blue-300, #78bbfa)}
69
+ .hammer-themeprovider-core-dark .bg-status-success {background-color: var(--color-green-300, #49cc93)}
70
+ .hammer-themeprovider-core-dark .bg-status-warning {background-color: var(--color-yellow-300, #ffe278)}
71
+ .hammer-themeprovider-core-dark .bg-strong {background-color: var(--color-neutral-300, #2d2e31)}
72
+ .hammer-themeprovider-core-dark .bg-stronger {background-color: var(--color-neutral-200, #444445)}
73
+ .hammer-themeprovider-core-dark .bg-strongest {background-color: var(--color-neutral-90, #737475)}
74
+ .hammer-themeprovider-core-dark .bg-warning-default {background-color: #ffe278}
75
+ .hammer-themeprovider-core-dark .border-color-status-info {border-color: var(--color-blue-300, #78bbfa)}
76
+ .hammer-themeprovider-core-dark .border-color-status-success {border-color: var(--color-green-300, #49cc93)}
77
+ .hammer-themeprovider-core-dark .border-color-status-warning {border-color: var(--color-yellow-300, #ffe278)}
78
+ .hammer-themeprovider-core-dark .c-danger {color: #ff745f}
79
+ .hammer-themeprovider-core-dark .c-default {color: var(--color-neutral-0, #ffffff)}
80
+ .hammer-themeprovider-core-dark .c-inverted {color: var(--color-neutral-400, #141414)}
81
+ .hammer-themeprovider-core-dark .c-on-danger {color: var(--color-neutral-400, #141414)}
82
+ .hammer-themeprovider-core-dark .c-on-primary {color: var(--color-neutral-400, #141414)}
83
+ .hammer-themeprovider-core-dark .c-on-warning {color: var(--color-neutral-400, #141414)}
84
+ .hammer-themeprovider-core-dark .c-primary {color: var(--color-blue-300, #78bbfa)}
85
+ .hammer-themeprovider-core-dark .c-status-danger {color: var(--color-red-300, #ff745f)}
86
+ .hammer-themeprovider-core-dark .c-status-info {color: var(--color-blue-300, #78bbfa)}
87
+ .hammer-themeprovider-core-dark .c-status-success {color: var(--color-green-300, #49cc93)}
88
+ .hammer-themeprovider-core-dark .c-status-warning {color: var(--color-yellow-300, #ffe278)}
89
+ .hammer-themeprovider-core-dark .c-subdued {color: var(--color-neutral-70, #bcbcbd)}
package/build/web/core/css-utils/utils.css CHANGED
@@ -1,45 +1,3 @@
1
- .anv-themeprovider-core-dark .bg-danger-default {background-color: #ff745f}
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
- .anv-themeprovider-core-dark .bg-overlay-active-danger {background-color: #ff745f40}
7
- .anv-themeprovider-core-dark .bg-overlay-active-default {background-color: #ffffff29}
8
- .anv-themeprovider-core-dark .bg-overlay-active-on-danger {background-color: #14141429}
9
- .anv-themeprovider-core-dark .bg-overlay-active-on-default {background-color: #14141429}
10
- .anv-themeprovider-core-dark .bg-overlay-active-on-primary {background-color: #14141429}
11
- .anv-themeprovider-core-dark .bg-overlay-active-primary {background-color: #78bbfa40}
12
- .anv-themeprovider-core-dark .bg-overlay-hover-danger {background-color: #ff745f1A}
13
- .anv-themeprovider-core-dark .bg-overlay-hover-default {background-color: #ffffff14}
14
- .anv-themeprovider-core-dark .bg-overlay-hover-on-danger {background-color: #ffffff29}
15
- .anv-themeprovider-core-dark .bg-overlay-hover-on-default {background-color: #ffffff14}
16
- .anv-themeprovider-core-dark .bg-overlay-hover-on-primary {background-color: #ffffff29}
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, #78bbfa)}
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, #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
- .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, #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
- .anv-themeprovider-core-dark .c-danger {color: #ff745f}
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
1
  .bg-danger-default {background-color: var(--status-color-danger, #e13212)}
44
2
  .bg-default {background-color: var(--color-neutral-0, #ffffff)}
45
3
  .bg-disabled {background-color: var(--color-neutral-100, #606162)}
@@ -116,6 +74,48 @@
116
74
  .fw-heading {font-weight: var(--font-weight-bold, 700)}
117
75
  .fw-label {font-weight: var(--font-weight-semibold, 600)}
118
76
  .fw-paragraph {font-weight: var(--font-weight-normal, 400)}
77
+ .hammer-themeprovider-core-dark .bg-danger-default {background-color: #ff745f}
78
+ .hammer-themeprovider-core-dark .bg-default {background-color: var(--color-neutral-400, #141414)}
79
+ .hammer-themeprovider-core-dark .bg-disabled {background-color: var(--color-neutral-100, #606162)}
80
+ .hammer-themeprovider-core-dark .bg-inverted-default {background-color: var(--color-neutral-20, #fafafa)}
81
+ .hammer-themeprovider-core-dark .bg-inverted-strong {background-color: var(--color-neutral-0, #ffffff)}
82
+ .hammer-themeprovider-core-dark .bg-overlay-active-danger {background-color: #ff745f40}
83
+ .hammer-themeprovider-core-dark .bg-overlay-active-default {background-color: #ffffff29}
84
+ .hammer-themeprovider-core-dark .bg-overlay-active-on-danger {background-color: #14141429}
85
+ .hammer-themeprovider-core-dark .bg-overlay-active-on-default {background-color: #14141429}
86
+ .hammer-themeprovider-core-dark .bg-overlay-active-on-primary {background-color: #14141429}
87
+ .hammer-themeprovider-core-dark .bg-overlay-active-primary {background-color: #78bbfa40}
88
+ .hammer-themeprovider-core-dark .bg-overlay-hover-danger {background-color: #ff745f1A}
89
+ .hammer-themeprovider-core-dark .bg-overlay-hover-default {background-color: #ffffff14}
90
+ .hammer-themeprovider-core-dark .bg-overlay-hover-on-danger {background-color: #ffffff29}
91
+ .hammer-themeprovider-core-dark .bg-overlay-hover-on-default {background-color: #ffffff14}
92
+ .hammer-themeprovider-core-dark .bg-overlay-hover-on-primary {background-color: #ffffff29}
93
+ .hammer-themeprovider-core-dark .bg-overlay-hover-primary {background-color: #78bbfa1A}
94
+ .hammer-themeprovider-core-dark .bg-primary-default {background-color: var(--color-blue-300, #78bbfa)}
95
+ .hammer-themeprovider-core-dark .bg-primary-subdued {background-color: #78bbfa33}
96
+ .hammer-themeprovider-core-dark .bg-status-danger {background-color: var(--color-red-300, #ff745f)}
97
+ .hammer-themeprovider-core-dark .bg-status-info {background-color: var(--color-blue-300, #78bbfa)}
98
+ .hammer-themeprovider-core-dark .bg-status-success {background-color: var(--color-green-300, #49cc93)}
99
+ .hammer-themeprovider-core-dark .bg-status-warning {background-color: var(--color-yellow-300, #ffe278)}
100
+ .hammer-themeprovider-core-dark .bg-strong {background-color: var(--color-neutral-300, #2d2e31)}
101
+ .hammer-themeprovider-core-dark .bg-stronger {background-color: var(--color-neutral-200, #444445)}
102
+ .hammer-themeprovider-core-dark .bg-strongest {background-color: var(--color-neutral-90, #737475)}
103
+ .hammer-themeprovider-core-dark .bg-warning-default {background-color: #ffe278}
104
+ .hammer-themeprovider-core-dark .border-color-status-info {border-color: var(--color-blue-300, #78bbfa)}
105
+ .hammer-themeprovider-core-dark .border-color-status-success {border-color: var(--color-green-300, #49cc93)}
106
+ .hammer-themeprovider-core-dark .border-color-status-warning {border-color: var(--color-yellow-300, #ffe278)}
107
+ .hammer-themeprovider-core-dark .c-danger {color: #ff745f}
108
+ .hammer-themeprovider-core-dark .c-default {color: var(--color-neutral-0, #ffffff)}
109
+ .hammer-themeprovider-core-dark .c-inverted {color: var(--color-neutral-400, #141414)}
110
+ .hammer-themeprovider-core-dark .c-on-danger {color: var(--color-neutral-400, #141414)}
111
+ .hammer-themeprovider-core-dark .c-on-primary {color: var(--color-neutral-400, #141414)}
112
+ .hammer-themeprovider-core-dark .c-on-warning {color: var(--color-neutral-400, #141414)}
113
+ .hammer-themeprovider-core-dark .c-primary {color: var(--color-blue-300, #78bbfa)}
114
+ .hammer-themeprovider-core-dark .c-status-danger {color: var(--color-red-300, #ff745f)}
115
+ .hammer-themeprovider-core-dark .c-status-info {color: var(--color-blue-300, #78bbfa)}
116
+ .hammer-themeprovider-core-dark .c-status-success {color: var(--color-green-300, #49cc93)}
117
+ .hammer-themeprovider-core-dark .c-status-warning {color: var(--color-yellow-300, #ffe278)}
118
+ .hammer-themeprovider-core-dark .c-subdued {color: var(--color-neutral-70, #bcbcbd)}
119
119
  .m-block-0 {margin-block: var(--size-0, 0rem)}
120
120
  .m-block-1 {margin-block: var(--size-1, 0.25rem)}
121
121
  .m-block-10 {margin-block: var(--size-10, 2.5rem)}
package/package.json CHANGED
@@ -1,9 +1,12 @@
1
1
  {
2
2
  "name": "@servicetitan/hammer-token",
3
- "version": "1.0.0",
3
+ "version": "1.1.1",
4
4
  "description": "",
5
5
  "main": "build/web/index.js",
6
6
  "types": "build/web/index.d.ts",
7
+ "bin": {
8
+ "hammer-token": "./src/utils/copy-css-utils-cli.js"
9
+ },
7
10
  "scripts": {
8
11
  "build": "node ./config.js",
9
12
  "dev": "pnpm build && chokidar \"./src\" -c \"pnpm build\"",
@@ -11,9 +14,12 @@
11
14
  "lint": "eslint",
12
15
  "nuke": "pnpm clean && rimraf node_modules"
13
16
  },
17
+ "optionalDependencies": {
18
+ "commander": "^12.1.0"
19
+ },
14
20
  "devDependencies": {
15
21
  "fs-extra": "^11.2.0",
16
22
  "style-dictionary": "latest"
17
23
  },
18
- "gitHead": "937533e0797c06ac989753f81d264710816db70c"
24
+ "gitHead": "f66479cfe50b7e2205905613d289694c7f52cf26"
19
25
  }
package/src/utils/copy-css-utils-cli.js ADDED
@@ -0,0 +1,49 @@
1
+ #!/usr/bin/env node
2
+ /* eslint-disable @typescript-eslint/no-var-requires */
3
+ const { program } = require("commander");
4
+ const path = require("path");
5
+ const fs = require("fs");
6
+
7
+ function run() {
8
+ program
9
+ .command("copy-css-utils")
10
+ .description("Copy the CSS Utils files from hammer-token into your project")
11
+ .argument("<string>", "directory to copy CSS utils files to")
12
+ .option(
13
+ "-p, --prefix <char>",
14
+ "optionally override prefix from 'hammer-' to a custom one",
15
+ )
16
+ .action((dir, options) => {
17
+ console.log(`Copying CSS Utils files to: ${dir}`);
18
+ const cssUtilsFilesPathString = path.resolve(
19
+ __dirname,
20
+ "../../build/web/core/css-utils",
21
+ );
22
+ fs.cpSync(cssUtilsFilesPathString, dir, { recursive: true });
23
+ if (options.prefix) {
24
+ console.log(`Replacing ".hammer-" with ".${options.prefix}-"`);
25
+ const copiedFiles = fs.readdirSync(dir, { encoding: "utf-8" });
26
+ copiedFiles.forEach((file) => {
27
+ const fileWithDir = `${dir}/${file}`;
28
+ fs.readFile(fileWithDir, "utf-8", (err, contents) => {
29
+ if (err) {
30
+ return console.error(err);
31
+ }
32
+
33
+ const contentsWithNewPrefix = contents.replace(
34
+ /hammer/gi,
35
+ options.prefix,
36
+ );
37
+
38
+ fs.writeFile(fileWithDir, contentsWithNewPrefix, "utf-8", (e) => {
39
+ if (e) console.log(e);
40
+ });
41
+ });
42
+ });
43
+ }
44
+ });
45
+
46
+ program.parse();
47
+ }
48
+
49
+ run();
package/src/utils/css-utils-format-utils.js CHANGED
@@ -1,4 +1,4 @@
1
- const DARK_MODE_CLASS = ".anv-themeprovider-core-dark";
1
+ const DARK_MODE_CLASS = ".hammer-themeprovider-core-dark";
2
2
 
3
3
  const cssUtilsFormatter = (dictionary, generateFn, hasDarkValues) => {
4
4
  return dictionary.allTokens