@servicetitan/hammer-token 1.1.2 → 1.3.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 (7) 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/utils.css +2 -1
  5. package/config.js +8 -1
  6. package/package.json +2 -2
  7. package/type/types.ts +193 -192
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @servicetitan/hammer-token@1.1.1 build /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@1.2.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@1.1.1 lint /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@1.2.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.3.0 (Fri Oct 25 2024)
2
+
3
+ #### 🏠 Internal
4
+
5
+ - ANV-2021: Add sr-only class to css-utils [#773](https://github.com/servicetitan/hammer/pull/773) ([@tounsoo](https://github.com/tounsoo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Ben Ho ([@tounsoo](https://github.com/tounsoo))
10
+
11
+ ---
12
+
13
+ # v1.2.0 (Wed Aug 14 2024)
14
+
15
+ #### 🏠 Internal
16
+
17
+ - ANV-1692: Update Token requirements [#609](https://github.com/servicetitan/hammer/pull/609) ([@tounsoo](https://github.com/tounsoo))
18
+
19
+ #### Authors: 1
20
+
21
+ - Ben Ho ([@tounsoo](https://github.com/tounsoo))
22
+
23
+ ---
24
+
1
25
  # v1.1.2 (Mon Jul 15 2024)
2
26
 
3
27
  #### 🏠 Internal
package/build/web/core/css-utils/utils.css CHANGED
@@ -319,4 +319,5 @@
319
319
  .p-inline-start-8 {padding-inline-start: var(--size-8, 2rem)}
320
320
  .p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
321
321
  .p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
322
- .p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
322
+ .p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
323
+ .sr-only {border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding-block: 0; padding-inline: 0; position: absolute; white-space: nowrap; width: 1px;}
package/config.js CHANGED
@@ -85,7 +85,7 @@ StyleDictionary.registerFormat({
85
85
  StyleDictionary.registerFormat({
86
86
  name: `custom/CSSUtils/All`,
87
87
  formatter: function ({ dictionary }) {
88
- return dictionary.allTokens
88
+ const allTokens = dictionary.allTokens
89
89
  .map((token) => {
90
90
  let value = getVarValue(dictionary, token);
91
91
  let name = `${token.name.replace("Default", "")}`;
@@ -116,6 +116,13 @@ StyleDictionary.registerFormat({
116
116
  .map((t) => `${t}`)
117
117
  .sort((a, b) => a.localeCompare(b))
118
118
  .join(`\n`);
119
+
120
+ // Manually adding .sr-only
121
+ const withSr = allTokens.concat(
122
+ "\n",
123
+ ".sr-only {border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding-block: 0; padding-inline: 0; position: absolute; white-space: nowrap; width: 1px;}",
124
+ );
125
+ return withSr;
119
126
  },
120
127
  });
121
128
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servicetitan/hammer-token",
3
- "version": "1.1.2",
3
+ "version": "1.3.0",
4
4
  "description": "",
5
5
  "main": "build/web/index.js",
6
6
  "types": "build/web/index.d.ts",
@@ -21,5 +21,5 @@
21
21
  "fs-extra": "^11.2.0",
22
22
  "style-dictionary": "^3"
23
23
  },
24
- "gitHead": "b31c73df2a1f9fc0a5e0d8ee63f1a95ee115bbbb"
24
+ "gitHead": "a2044ec10f73bad2c40a42826a05be9d99cf77b4"
25
25
  }
package/type/types.ts CHANGED
@@ -10,204 +10,205 @@ export type TokenObj = {
10
10
  };
11
11
 
12
12
  export type Primitive = {
13
- ColorBlue100?: TokenObj;
14
- ColorBlue200?: TokenObj;
15
- ColorBlue300?: TokenObj;
16
- ColorBlue400?: TokenObj;
17
- ColorBlue500?: TokenObj;
18
- ColorBlue600?: TokenObj;
19
- ColorNeutral0?: TokenObj;
20
- ColorNeutral10?: TokenObj;
21
- ColorNeutral20?: TokenObj;
22
- ColorNeutral30?: TokenObj;
23
- ColorNeutral40?: TokenObj;
24
- ColorNeutral50?: TokenObj;
25
- ColorNeutral60?: TokenObj;
26
- ColorNeutral70?: TokenObj;
27
- ColorNeutral80?: TokenObj;
28
- ColorNeutral90?: TokenObj;
29
- ColorNeutral100?: TokenObj;
30
- ColorNeutral200?: TokenObj;
31
- ColorNeutral300?: TokenObj;
32
- ColorNeutral400?: TokenObj;
33
- ColorNeutral500?: TokenObj;
34
- ColorBlueGrey100?: TokenObj;
35
- ColorBlueGrey200?: TokenObj;
36
- ColorBlueGrey300?: TokenObj;
37
- ColorBlueGrey400?: TokenObj;
38
- ColorBlueGrey500?: TokenObj;
39
- ColorBlueGrey600?: TokenObj;
40
- ColorOrange100?: TokenObj;
41
- ColorOrange200?: TokenObj;
42
- ColorOrange300?: TokenObj;
43
- ColorOrange400?: TokenObj;
44
- ColorOrange500?: TokenObj;
45
- ColorOrange600?: TokenObj;
46
- ColorYellow100?: TokenObj;
47
- ColorYellow200?: TokenObj;
48
- ColorYellow300?: TokenObj;
49
- ColorYellow400?: TokenObj;
50
- ColorYellow500?: TokenObj;
51
- ColorYellow600?: TokenObj;
52
- ColorGreen100?: TokenObj;
53
- ColorGreen200?: TokenObj;
54
- ColorGreen300?: TokenObj;
55
- ColorGreen400?: TokenObj;
56
- ColorGreen500?: TokenObj;
57
- ColorGreen600?: TokenObj;
58
- ColorCyan100?: TokenObj;
59
- ColorCyan200?: TokenObj;
60
- ColorCyan300?: TokenObj;
61
- ColorCyan400?: TokenObj;
62
- ColorCyan500?: TokenObj;
63
- ColorCyan600?: TokenObj;
64
- ColorPurple100?: TokenObj;
65
- ColorPurple200?: TokenObj;
66
- ColorPurple300?: TokenObj;
67
- ColorPurple400?: TokenObj;
68
- ColorPurple500?: TokenObj;
69
- ColorPurple600?: TokenObj;
70
- ColorRed100?: TokenObj;
71
- ColorRed200?: TokenObj;
72
- ColorRed300?: TokenObj;
73
- ColorRed400?: TokenObj;
74
- ColorRed500?: TokenObj;
75
- ColorRed600?: TokenObj;
76
- ColorMagenta100?: TokenObj;
77
- ColorMagenta200?: TokenObj;
78
- ColorMagenta300?: TokenObj;
79
- ColorMagenta400?: TokenObj;
80
- ColorMagenta500?: TokenObj;
81
- ColorMagenta600?: TokenObj;
82
- Duration?: TokenObj;
83
- DurationInstant?: TokenObj;
84
- DurationFast?: TokenObj;
85
- DurationSlow?: TokenObj;
86
- FontFamilyBase?: TokenObj;
87
- FontFamilyDisplay?: TokenObj;
88
- FontLineHeightBase?: TokenObj;
89
- FontLineHeightDisplay?: TokenObj;
90
- FontWeightNormal?: TokenObj;
91
- FontWeightSemibold?: TokenObj;
92
- FontWeightBold?: TokenObj;
93
- FontSize100?: TokenObj;
94
- FontSize200?: TokenObj;
95
- FontSize300?: TokenObj;
96
- FontSize400?: TokenObj;
97
- FontSize500?: TokenObj;
98
- FontSize600?: TokenObj;
99
- FontSize700?: TokenObj;
100
- FontSize800?: TokenObj;
101
- FontSize900?: TokenObj;
102
- Size0?: TokenObj;
103
- Size1?: TokenObj;
104
- Size2?: TokenObj;
105
- Size3?: TokenObj;
106
- Size4?: TokenObj;
107
- Size5?: TokenObj;
108
- Size6?: TokenObj;
109
- Size7?: TokenObj;
110
- Size8?: TokenObj;
111
- Size9?: TokenObj;
112
- Size10?: TokenObj;
113
- Size11?: TokenObj;
114
- Size12?: TokenObj;
115
- Size13?: TokenObj;
116
- Size14?: TokenObj;
117
- SizeQuarter?: TokenObj;
118
- SizeHalf?: TokenObj;
119
- TransitionEase?: TokenObj;
120
- TransitionEaseIn?: TokenObj;
121
- TransitionEaseOut?: TokenObj;
122
- TransitionEaseInOut?: TokenObj;
123
- BreakpointSm?: TokenObj;
124
- BreakpointMd?: TokenObj;
125
- BreakpointLg?: TokenObj;
126
- BreakpointXl?: TokenObj;
127
- BreakpointXxl?: TokenObj;
13
+ ColorBlue100: TokenObj;
14
+ ColorBlue200: TokenObj;
15
+ ColorBlue300: TokenObj;
16
+ ColorBlue400: TokenObj;
17
+ ColorBlue500: TokenObj;
18
+ ColorBlue600: TokenObj;
19
+ ColorNeutral0: TokenObj;
20
+ ColorNeutral10: TokenObj;
21
+ ColorNeutral20: TokenObj;
22
+ ColorNeutral30: TokenObj;
23
+ ColorNeutral40: TokenObj;
24
+ ColorNeutral50: TokenObj;
25
+ ColorNeutral60: TokenObj;
26
+ ColorNeutral70: TokenObj;
27
+ ColorNeutral80: TokenObj;
28
+ ColorNeutral90: TokenObj;
29
+ ColorNeutral100: TokenObj;
30
+ ColorNeutral200: TokenObj;
31
+ ColorNeutral300: TokenObj;
32
+ ColorNeutral400: TokenObj;
33
+ ColorNeutral500: TokenObj;
34
+ ColorBlueGrey100: TokenObj;
35
+ ColorBlueGrey200: TokenObj;
36
+ ColorBlueGrey300: TokenObj;
37
+ ColorBlueGrey400: TokenObj;
38
+ ColorBlueGrey500: TokenObj;
39
+ ColorBlueGrey600: TokenObj;
40
+ ColorOrange100: TokenObj;
41
+ ColorOrange200: TokenObj;
42
+ ColorOrange300: TokenObj;
43
+ ColorOrange400: TokenObj;
44
+ ColorOrange500: TokenObj;
45
+ ColorOrange600: TokenObj;
46
+ ColorYellow100: TokenObj;
47
+ ColorYellow200: TokenObj;
48
+ ColorYellow300: TokenObj;
49
+ ColorYellow400: TokenObj;
50
+ ColorYellow500: TokenObj;
51
+ ColorYellow600: TokenObj;
52
+ ColorGreen100: TokenObj;
53
+ ColorGreen200: TokenObj;
54
+ ColorGreen300: TokenObj;
55
+ ColorGreen400: TokenObj;
56
+ ColorGreen500: TokenObj;
57
+ ColorGreen600: TokenObj;
58
+ ColorCyan100: TokenObj;
59
+ ColorCyan200: TokenObj;
60
+ ColorCyan300: TokenObj;
61
+ ColorCyan400: TokenObj;
62
+ ColorCyan500: TokenObj;
63
+ ColorCyan600: TokenObj;
64
+ ColorPurple100: TokenObj;
65
+ ColorPurple200: TokenObj;
66
+ ColorPurple300: TokenObj;
67
+ ColorPurple400: TokenObj;
68
+ ColorPurple500: TokenObj;
69
+ ColorPurple600: TokenObj;
70
+ ColorRed100: TokenObj;
71
+ ColorRed200: TokenObj;
72
+ ColorRed300: TokenObj;
73
+ ColorRed400: TokenObj;
74
+ ColorRed500: TokenObj;
75
+ ColorRed600: TokenObj;
76
+ ColorMagenta100: TokenObj;
77
+ ColorMagenta200: TokenObj;
78
+ ColorMagenta300: TokenObj;
79
+ ColorMagenta400: TokenObj;
80
+ ColorMagenta500: TokenObj;
81
+ ColorMagenta600: TokenObj;
82
+ Duration: TokenObj;
83
+ DurationInstant: TokenObj;
84
+ DurationFast: TokenObj;
85
+ DurationSlow: TokenObj;
86
+ FontFamilyBase: TokenObj;
87
+ FontFamilyDisplay: TokenObj;
88
+ FontLineHeightBase: TokenObj;
89
+ FontLineHeightDisplay: TokenObj;
90
+ FontWeightNormal: TokenObj;
91
+ FontWeightSemibold: TokenObj;
92
+ FontWeightBold: TokenObj;
93
+ FontSize100: TokenObj;
94
+ FontSize200: TokenObj;
95
+ FontSize300: TokenObj;
96
+ FontSize400: TokenObj;
97
+ FontSize500: TokenObj;
98
+ FontSize600: TokenObj;
99
+ FontSize700: TokenObj;
100
+ FontSize800: TokenObj;
101
+ FontSize900: TokenObj;
102
+ Size0: TokenObj;
103
+ Size1: TokenObj;
104
+ Size2: TokenObj;
105
+ Size3: TokenObj;
106
+ Size4: TokenObj;
107
+ Size5: TokenObj;
108
+ Size6: TokenObj;
109
+ Size7: TokenObj;
110
+ Size8: TokenObj;
111
+ Size9: TokenObj;
112
+ Size10: TokenObj;
113
+ Size11: TokenObj;
114
+ Size12: TokenObj;
115
+ Size13: TokenObj;
116
+ Size14: TokenObj;
117
+ SizeQuarter: TokenObj;
118
+ SizeHalf: TokenObj;
119
+ TransitionEase: TokenObj;
120
+ TransitionEaseIn: TokenObj;
121
+ TransitionEaseOut: TokenObj;
122
+ TransitionEaseInOut: TokenObj;
123
+ BreakpointSm: TokenObj;
124
+ BreakpointMd: TokenObj;
125
+ BreakpointLg: TokenObj;
126
+ BreakpointXl: TokenObj;
127
+ BreakpointXxl: TokenObj;
128
128
  };
129
129
 
130
130
  export type Semantic = {
131
- BackgroundColor?: TokenObj;
132
- BackgroundColorStrong?: TokenObj;
133
- BackgroundColorStronger?: TokenObj;
134
- BackgroundColorStrongest?: TokenObj;
135
- BackgroundColorPrimary?: TokenObj;
136
- BackgroundColorSubdued?: TokenObj;
137
- BackgroundColorDanger?: TokenObj;
138
- BackgroundColorWarning?: TokenObj;
139
- BackgroundColorInverted?: TokenObj;
140
- BackgroundColorInvertedStrong?: TokenObj;
141
- BorderRadiusNone?: TokenObj;
142
- BorderRadiusRounded?: TokenObj;
143
- BorderRadiusPill?: TokenObj;
144
- BorderRadiusCircular?: TokenObj;
145
- BorderWidthNone?: TokenObj;
146
- BorderWidth?: TokenObj;
147
- BorderWidthStrong?: TokenObj;
148
- BorderColor?: TokenObj;
149
- BorderColorStrong?: TokenObj;
150
- BorderColorSubdued?: TokenObj;
151
- BorderColorPrimary?: TokenObj;
152
- BorderColorDanger?: TokenObj;
153
- FocusRingColor?: TokenObj;
154
- FocusRingColorPrimary?: TokenObj;
155
- FocusRingColorDanger?: TokenObj;
156
- FocusRingWidth?: TokenObj;
157
- ForegroundColor?: TokenObj;
158
- ForegroundColorSubdued?: TokenObj;
159
- ForegroundColorPrimary?: TokenObj;
160
- ForegroundColorDanger?: TokenObj;
161
- ForegroundColorInverted?: TokenObj;
162
- ForegroundColorOnPrimary?: TokenObj;
163
- ForegroundColorOnDanger?: TokenObj;
164
- ForegroundColorOnWarning?: TokenObj;
165
- OverlayColorActive?: TokenObj;
166
- OverlayColorActivePrimary?: TokenObj;
167
- OverlayColorActiveDanger?: TokenObj;
168
- OverlayColorActiveOn?: TokenObj;
169
- OverlayColorActiveOnPrimary?: TokenObj;
170
- OverlayColorActiveOnDanger?: TokenObj;
171
- OverlayColorHover?: TokenObj;
172
- OverlayColorHoverPrimary?: TokenObj;
173
- OverlayColorHoverDanger?: TokenObj;
174
- OverlayColorHoverOn?: TokenObj;
175
- OverlayColorHoverOnPrimary?: TokenObj;
176
- OverlayColorHoverOnDanger?: TokenObj;
177
- ShadowColor?: TokenObj;
178
- ShadowSizeFlat?: TokenObj;
179
- ShadowSizeFloat?: TokenObj;
180
- ShadowSizeOverlay?: TokenObj;
181
- StatusColorInfo?: TokenObj;
182
- StatusColorDanger?: TokenObj;
183
- StatusColorSuccess?: TokenObj;
184
- StatusColorWarning?: TokenObj;
185
- TypographyParagraphSizeXsmall?: TokenObj;
186
- TypographyParagraphSizeSmall?: TokenObj;
187
- TypographyParagraphSize?: TokenObj;
188
- TypographyParagraphSizeLarge?: TokenObj;
189
- TypographyParagraphSizeXlarge?: TokenObj;
190
- TypographyParagraphFontWeight?: TokenObj;
191
- TypographyParagraphFontFamily?: TokenObj;
192
- TypographyHeadingSizeXsmall?: TokenObj;
193
- TypographyHeadingSizeSmall?: TokenObj;
194
- TypographyHeadingSize?: TokenObj;
195
- TypographyHeadingSizeLarge?: TokenObj;
196
- TypographyHeadingSizeXlarge?: TokenObj;
197
- TypographyHeadingFontWeight?: TokenObj;
198
- TypographyHeadingFontFamily?: TokenObj;
199
- TypographyLabelSizeXsmall?: TokenObj;
200
- TypographyLabelSizeSmall?: TokenObj;
201
- TypographyLabelSize?: TokenObj;
202
- TypographyLabelSizeLarge?: TokenObj;
203
- TypographyLabelSizeXlarge?: TokenObj;
204
- TypographyLabelFontWeight?: TokenObj;
205
- TypographyLabelFontFamily?: TokenObj;
131
+ BackgroundColor: TokenObj;
132
+ BackgroundColorStrong: TokenObj;
133
+ BackgroundColorStronger: TokenObj;
134
+ BackgroundColorStrongest: TokenObj;
135
+ BackgroundColorPrimary: TokenObj;
136
+ BackgroundColorPrimarySubdued: TokenObj;
137
+ BackgroundColorDanger: TokenObj;
138
+ BackgroundColorWarning: TokenObj;
139
+ BackgroundColorInverted: TokenObj;
140
+ BackgroundColorInvertedStrong: TokenObj;
141
+ BackgroundColorDisabled: TokenObj;
142
+ BorderRadiusNone: TokenObj;
143
+ BorderRadiusRounded: TokenObj;
144
+ BorderRadiusRoundedStrong: TokenObj;
145
+ BorderRadiusPill: TokenObj;
146
+ BorderRadiusCircular: TokenObj;
147
+ BorderWidthNone: TokenObj;
148
+ BorderWidth: TokenObj;
149
+ BorderWidthStrong: TokenObj;
150
+ BorderColor: TokenObj;
151
+ BorderColorStrong: TokenObj;
152
+ BorderColorSubdued: TokenObj;
153
+ BorderColorPrimary: TokenObj;
154
+ BorderColorDanger: TokenObj;
155
+ FocusRingColor: TokenObj;
156
+ FocusRingColorDanger: TokenObj;
157
+ FocusRingWidth: TokenObj;
158
+ ForegroundColor: TokenObj;
159
+ ForegroundColorSubdued: TokenObj;
160
+ ForegroundColorPrimary: TokenObj;
161
+ ForegroundColorDanger: TokenObj;
162
+ ForegroundColorInverted: TokenObj;
163
+ ForegroundColorOnPrimary: TokenObj;
164
+ ForegroundColorOnDanger: TokenObj;
165
+ ForegroundColorOnWarning: TokenObj;
166
+ OverlayColorActive: TokenObj;
167
+ OverlayColorActivePrimary: TokenObj;
168
+ OverlayColorActiveDanger: TokenObj;
169
+ OverlayColorActiveOn: TokenObj;
170
+ OverlayColorActiveOnPrimary: TokenObj;
171
+ OverlayColorActiveOnDanger: TokenObj;
172
+ OverlayColorHover: TokenObj;
173
+ OverlayColorHoverPrimary: TokenObj;
174
+ OverlayColorHoverDanger: TokenObj;
175
+ OverlayColorHoverOn: TokenObj;
176
+ OverlayColorHoverOnPrimary: TokenObj;
177
+ OverlayColorHoverOnDanger: TokenObj;
178
+ ShadowColor: TokenObj;
179
+ ShadowSizeFlat: TokenObj;
180
+ ShadowSizeFloat: TokenObj;
181
+ ShadowSizeOverlay: TokenObj;
182
+ StatusColorInfo: TokenObj;
183
+ StatusColorDanger: TokenObj;
184
+ StatusColorSuccess: TokenObj;
185
+ StatusColorWarning: TokenObj;
186
+ TypographyParagraphSizeXsmall: TokenObj;
187
+ TypographyParagraphSizeSmall: TokenObj;
188
+ TypographyParagraphSize: TokenObj;
189
+ TypographyParagraphSizeLarge: TokenObj;
190
+ TypographyParagraphSizeXlarge: TokenObj;
191
+ TypographyParagraphFontWeight: TokenObj;
192
+ TypographyParagraphFontFamily: TokenObj;
193
+ TypographyHeadingSizeXsmall: TokenObj;
194
+ TypographyHeadingSizeSmall: TokenObj;
195
+ TypographyHeadingSize: TokenObj;
196
+ TypographyHeadingSizeLarge: TokenObj;
197
+ TypographyHeadingSizeXlarge: TokenObj;
198
+ TypographyHeadingFontWeight: TokenObj;
199
+ TypographyHeadingFontFamily: TokenObj;
200
+ TypographyLabelSizeXsmall: TokenObj;
201
+ TypographyLabelSizeSmall: TokenObj;
202
+ TypographyLabelSize: TokenObj;
203
+ TypographyLabelSizeLarge: TokenObj;
204
+ TypographyLabelSizeXlarge: TokenObj;
205
+ TypographyLabelFontWeight: TokenObj;
206
+ TypographyLabelFontFamily: TokenObj;
206
207
  };
207
208
 
208
209
  type Token = {
209
- primitive?: Primitive;
210
- semantic?: Semantic;
210
+ primitive: Primitive;
211
+ semantic: Semantic;
211
212
  name: string;
212
213
  };
213
214