@servicetitan/anvil2 1.15.1 → 1.15.2

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 (5) hide show
  1. package/dist/index3.css +117 -5
  2. package/dist/index32.js +3 -3
  3. package/dist/index32.js.map +1 -1
  4. package/dist/token/core/primitive-variables.scss +115 -0
  5. package/package.json +2 -2
package/dist/index3.css CHANGED
@@ -1,7 +1,6 @@
1
1
  @layer starter, reset, base, state, application;
2
2
  @layer base {
3
- ._theme-core_1akkw_3 {
4
- color-scheme: light dark;
3
+ ._theme-core_plyj6_3 {
5
4
  --background-color: #ffffff;
6
5
  --background-color-strong: #f7f7f7;
7
6
  --background-color-stronger: #eeeeee;
@@ -75,9 +74,122 @@
75
74
  --typography-label-size-large: 1rem;
76
75
  --typography-label-size-xlarge: 1.25rem;
77
76
  --typography-label-font-weight: 600;
77
+ --breakpoint-sm: 640px;
78
+ --breakpoint-md: 768px;
79
+ --breakpoint-lg: 1024px;
80
+ --breakpoint-xl: 1280px;
81
+ --breakpoint-xxl: 1536px;
82
+ --color-blue-100: #e0f2ff;
83
+ --color-blue-200: #b5deff;
84
+ --color-blue-300: #78bbfa;
85
+ --color-blue-400: #3892f3;
86
+ --color-blue-500: #0265dc;
87
+ --color-blue-600: #004491;
88
+ --color-neutral-0: #ffffff;
89
+ --color-neutral-10: #fcfcfc;
90
+ --color-neutral-20: #fafafa;
91
+ --color-neutral-30: #f7f7f7;
92
+ --color-neutral-40: #f5f5f5;
93
+ --color-neutral-50: #eeeeee;
94
+ --color-neutral-60: #dfe0e1;
95
+ --color-neutral-70: #bcbcbd;
96
+ --color-neutral-80: #949596;
97
+ --color-neutral-90: #737475;
98
+ --color-neutral-100: #606162;
99
+ --color-neutral-200: #444445;
100
+ --color-neutral-300: #2d2e31;
101
+ --color-neutral-400: #141414;
102
+ --color-neutral-500: #040404;
103
+ --color-blue-grey-100: #eaeff2;
104
+ --color-blue-grey-200: #d0d8dd;
105
+ --color-blue-grey-300: #b4c1c8;
106
+ --color-blue-grey-400: #8c9ca5;
107
+ --color-blue-grey-500: #6a7a85;
108
+ --color-blue-grey-600: #576671;
109
+ --color-orange-100: #ffeccc;
110
+ --color-orange-200: #fdd291;
111
+ --color-orange-300: #ffa037;
112
+ --color-orange-400: #e46f00;
113
+ --color-orange-500: #b14c00;
114
+ --color-orange-600: #7a2f00;
115
+ --color-yellow-100: #fff9e2;
116
+ --color-yellow-200: #fff0b1;
117
+ --color-yellow-300: #ffe278;
118
+ --color-yellow-400: #ffc902;
119
+ --color-yellow-500: #ffbe00;
120
+ --color-yellow-600: #de9500;
121
+ --color-green-100: #cef8e0;
122
+ --color-green-200: #89ecbc;
123
+ --color-green-300: #49cc93;
124
+ --color-green-400: #15a46e;
125
+ --color-green-500: #007a4d;
126
+ --color-green-600: #005132;
127
+ --color-cyan-100: #e3fcff;
128
+ --color-cyan-200: #b1f3fa;
129
+ --color-cyan-300: #13ceea;
130
+ --color-cyan-400: #08bfdf;
131
+ --color-cyan-500: #0ca5c0;
132
+ --color-cyan-600: #038299;
133
+ --color-purple-100: #f1edff;
134
+ --color-purple-200: #c1b6f2;
135
+ --color-purple-300: #8772e5;
136
+ --color-purple-400: #6954c0;
137
+ --color-purple-500: #4f3a9e;
138
+ --color-purple-600: #422799;
139
+ --color-red-100: #ffece9;
140
+ --color-red-200: #ffb2a0;
141
+ --color-red-300: #ff745f;
142
+ --color-red-400: #f94d32;
143
+ --color-red-500: #e13212;
144
+ --color-red-600: #bf2a00;
145
+ --color-magenta-100: #fbeaf5;
146
+ --color-magenta-200: #faafe2;
147
+ --color-magenta-300: #d949a9;
148
+ --color-magenta-400: #b52d88;
149
+ --color-magenta-500: #982071;
150
+ --color-magenta-600: #7d165b;
151
+ --duration: 200ms;
152
+ --duration-instant: 0ms;
153
+ --duration-fast: 100ms;
154
+ --duration-slow: 300ms;
155
+ --font-line-height-base: 1.5;
156
+ --font-line-height-display: 1.25;
157
+ --font-weight-normal: 400;
158
+ --font-weight-semibold: 600;
159
+ --font-weight-bold: 700;
160
+ --font-size-100: 0.625rem;
161
+ --font-size-200: 0.75rem;
162
+ --font-size-300: 0.875rem;
163
+ --font-size-400: 1rem;
164
+ --font-size-500: 1.25rem;
165
+ --font-size-600: 1.5rem;
166
+ --font-size-700: 1.75rem;
167
+ --font-size-800: 2rem;
168
+ --font-size-900: 2.25rem;
169
+ --size-0: 0rem;
170
+ --size-1: 0.25rem;
171
+ --size-2: 0.5rem;
172
+ --size-3: 0.75rem;
173
+ --size-4: 1rem;
174
+ --size-5: 1.25rem;
175
+ --size-6: 1.5rem;
176
+ --size-7: 1.75rem;
177
+ --size-8: 2rem;
178
+ --size-9: 2.25rem;
179
+ --size-10: 2.5rem;
180
+ --size-11: 2.75rem;
181
+ --size-12: 3rem;
182
+ --size-13: 3.25rem;
183
+ --size-14: 3.5rem;
184
+ --size-quarter: 0.0625rem;
185
+ --size-half: 0.125rem;
186
+ --transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
187
+ --transition-ease-in: cubic-bezier(0.4, 0, 1, 1);
188
+ --transition-ease-out: cubic-bezier(0, 0, 0.4, 1);
189
+ --transition-ease-in-out: cubic-bezier(0.4, 0, 0.6, 1);
78
190
  }
79
191
  @supports (color: light-dark(#fff, #000)) {
80
- ._theme-core_1akkw_3 {
192
+ ._theme-core_plyj6_3 {
81
193
  --background-color: light-dark(#ffffff, #141414);
82
194
  --background-color-strong: light-dark(#f7f7f7, #2d2e31);
83
195
  --background-color-stronger: light-dark(#eeeeee, #444445);
@@ -155,10 +267,10 @@
155
267
  }
156
268
  }
157
269
  @layer state {
158
- ._mode-light_1akkw_158 {
270
+ ._mode-light_plyj6_270 {
159
271
  color-scheme: light;
160
272
  }
161
- ._mode-dark_1akkw_161 {
273
+ ._mode-dark_plyj6_273 {
162
274
  color-scheme: dark;
163
275
  }
164
276
  }
package/dist/index32.js CHANGED
@@ -17,9 +17,9 @@ import './index3.css';function kebabize(str) {
17
17
  }
18
18
 
19
19
  const themeStyles = {
20
- "theme-core": "_theme-core_1akkw_3",
21
- "mode-light": "_mode-light_1akkw_158",
22
- "mode-dark": "_mode-dark_1akkw_161"
20
+ "theme-core": "_theme-core_plyj6_3",
21
+ "mode-light": "_mode-light_plyj6_270",
22
+ "mode-dark": "_mode-dark_plyj6_273"
23
23
  };
24
24
 
25
25
  const ThemeProviderContext = createContext(
package/dist/index32.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index32.js","sources":["../node_modules/@servicetitan/hammer-react/dist/kebabize.js","../node_modules/@servicetitan/hammer-react/dist/index3.js"],"sourcesContent":["function kebabize(str) {\n return str.split(\"\").map((letter, idx) => {\n const prevChar = str[idx - 1];\n if (!isNaN(parseFloat(letter))) {\n if (!isNaN(parseFloat(prevChar))) {\n return letter;\n }\n return `${idx !== 0 ? \"-\" : \"\"}${letter.toLowerCase()}`;\n }\n return letter.toUpperCase() === letter ? `${idx !== 0 ? \"-\" : \"\"}${letter.toLowerCase()}` : letter;\n }).join(\"\");\n}\n\nexport { kebabize };\n//# sourceMappingURL=kebabize.js.map\n","import { jsx } from 'react/jsx-runtime';\nimport { createContext, useContext, useMemo } from 'react';\nimport cx from 'classnames';\nimport { kebabize } from './kebabize.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './index38.css';const themeStyles = {\n\t\"theme-core\": \"_theme-core_1akkw_3\",\n\t\"mode-light\": \"_mode-light_1akkw_158\",\n\t\"mode-dark\": \"_mode-dark_1akkw_161\"\n};\n\nconst ThemeProviderContext = createContext(\n {}\n);\nconst ThemeProvider = (props) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n theme,\n mode: modeProp,\n children,\n className: classNameProp,\n style,\n ...rest\n } = componentProps;\n const { mode: modeContext } = useContext(ThemeProviderContext);\n const mode = modeProp ?? modeContext;\n const classNameCombined = cx(themeStyles[\"theme-provider\"], classNameProp, {\n [themeStyles[\"mode-dark\"]]: mode === \"dark\",\n [themeStyles[\"mode-light\"]]: mode === \"light\"\n });\n const createCustomThemeStyle = useMemo(() => {\n if (!theme)\n return;\n const styleObj = {};\n const themeTokens = { ...theme.primitive, ...theme.semantic };\n Object.keys(themeTokens).forEach((token) => {\n const light = themeTokens[token].value;\n const dark = themeTokens[token].attributes?.appearance?.dark.value;\n if (!dark) {\n styleObj[`--${kebabize(token)}`] = light;\n return;\n }\n styleObj[`--${kebabize(token)}`] = `light-dark(${light}, ${dark})`;\n });\n return styleObj;\n }, [theme]);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n ...createCustomThemeStyle\n };\n const value = useMemo(() => ({ theme, mode }), [theme, mode]);\n return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { value, children: /* @__PURE__ */ jsx(\"div\", { className: classNameCombined, style: styleCombined, ...rest, children }) });\n};\nThemeProvider.displayName = \"ThemeProvider\";\n\nexport { ThemeProvider, ThemeProviderContext, themeStyles };\n//# sourceMappingURL=index3.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1]}
1
+ {"version":3,"file":"index32.js","sources":["../node_modules/@servicetitan/hammer-react/dist/kebabize.js","../node_modules/@servicetitan/hammer-react/dist/index3.js"],"sourcesContent":["function kebabize(str) {\n return str.split(\"\").map((letter, idx) => {\n const prevChar = str[idx - 1];\n if (!isNaN(parseFloat(letter))) {\n if (!isNaN(parseFloat(prevChar))) {\n return letter;\n }\n return `${idx !== 0 ? \"-\" : \"\"}${letter.toLowerCase()}`;\n }\n return letter.toUpperCase() === letter ? `${idx !== 0 ? \"-\" : \"\"}${letter.toLowerCase()}` : letter;\n }).join(\"\");\n}\n\nexport { kebabize };\n//# sourceMappingURL=kebabize.js.map\n","import { jsx } from 'react/jsx-runtime';\nimport { createContext, useContext, useMemo } from 'react';\nimport cx from 'classnames';\nimport { kebabize } from './kebabize.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './index38.css';const themeStyles = {\n\t\"theme-core\": \"_theme-core_plyj6_3\",\n\t\"mode-light\": \"_mode-light_plyj6_270\",\n\t\"mode-dark\": \"_mode-dark_plyj6_273\"\n};\n\nconst ThemeProviderContext = createContext(\n {}\n);\nconst ThemeProvider = (props) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n theme,\n mode: modeProp,\n children,\n className: classNameProp,\n style,\n ...rest\n } = componentProps;\n const { mode: modeContext } = useContext(ThemeProviderContext);\n const mode = modeProp ?? modeContext;\n const classNameCombined = cx(themeStyles[\"theme-provider\"], classNameProp, {\n [themeStyles[\"mode-dark\"]]: mode === \"dark\",\n [themeStyles[\"mode-light\"]]: mode === \"light\"\n });\n const createCustomThemeStyle = useMemo(() => {\n if (!theme)\n return;\n const styleObj = {};\n const themeTokens = { ...theme.primitive, ...theme.semantic };\n Object.keys(themeTokens).forEach((token) => {\n const light = themeTokens[token].value;\n const dark = themeTokens[token].attributes?.appearance?.dark.value;\n if (!dark) {\n styleObj[`--${kebabize(token)}`] = light;\n return;\n }\n styleObj[`--${kebabize(token)}`] = `light-dark(${light}, ${dark})`;\n });\n return styleObj;\n }, [theme]);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n ...createCustomThemeStyle\n };\n const value = useMemo(() => ({ theme, mode }), [theme, mode]);\n return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { value, children: /* @__PURE__ */ jsx(\"div\", { className: classNameCombined, style: styleCombined, ...rest, children }) });\n};\nThemeProvider.displayName = \"ThemeProvider\";\n\nexport { ThemeProvider, ThemeProviderContext, themeStyles };\n//# sourceMappingURL=index3.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1]}
package/dist/token/core/primitive-variables.scss ADDED
@@ -0,0 +1,115 @@
1
+ $token: (
2
+ breakpoint-sm: 640px,
3
+ breakpoint-md: 768px,
4
+ breakpoint-lg: 1024px,
5
+ breakpoint-xl: 1280px,
6
+ breakpoint-xxl: 1536px,
7
+ color-blue-100: #e0f2ff,
8
+ color-blue-200: #b5deff,
9
+ color-blue-300: #78bbfa,
10
+ color-blue-400: #3892f3,
11
+ color-blue-500: #0265dc,
12
+ color-blue-600: #004491,
13
+ color-neutral-0: #ffffff,
14
+ color-neutral-10: #fcfcfc,
15
+ color-neutral-20: #fafafa,
16
+ color-neutral-30: #f7f7f7,
17
+ color-neutral-40: #f5f5f5,
18
+ color-neutral-50: #eeeeee,
19
+ color-neutral-60: #dfe0e1,
20
+ color-neutral-70: #bcbcbd,
21
+ color-neutral-80: #949596,
22
+ color-neutral-90: #737475,
23
+ color-neutral-100: #606162,
24
+ color-neutral-200: #444445,
25
+ color-neutral-300: #2d2e31,
26
+ color-neutral-400: #141414,
27
+ color-neutral-500: #040404,
28
+ color-blue-grey-100: #eaeff2,
29
+ color-blue-grey-200: #d0d8dd,
30
+ color-blue-grey-300: #b4c1c8,
31
+ color-blue-grey-400: #8c9ca5,
32
+ color-blue-grey-500: #6a7a85,
33
+ color-blue-grey-600: #576671,
34
+ color-orange-100: #ffeccc,
35
+ color-orange-200: #fdd291,
36
+ color-orange-300: #ffa037,
37
+ color-orange-400: #e46f00,
38
+ color-orange-500: #b14c00,
39
+ color-orange-600: #7a2f00,
40
+ color-yellow-100: #fff9e2,
41
+ color-yellow-200: #fff0b1,
42
+ color-yellow-300: #ffe278,
43
+ color-yellow-400: #ffc902,
44
+ color-yellow-500: #ffbe00,
45
+ color-yellow-600: #de9500,
46
+ color-green-100: #cef8e0,
47
+ color-green-200: #89ecbc,
48
+ color-green-300: #49cc93,
49
+ color-green-400: #15a46e,
50
+ color-green-500: #007a4d,
51
+ color-green-600: #005132,
52
+ color-cyan-100: #e3fcff,
53
+ color-cyan-200: #b1f3fa,
54
+ color-cyan-300: #13ceea,
55
+ color-cyan-400: #08bfdf,
56
+ color-cyan-500: #0ca5c0,
57
+ color-cyan-600: #038299,
58
+ color-purple-100: #f1edff,
59
+ color-purple-200: #c1b6f2,
60
+ color-purple-300: #8772e5,
61
+ color-purple-400: #6954c0,
62
+ color-purple-500: #4f3a9e,
63
+ color-purple-600: #422799,
64
+ color-red-100: #ffece9,
65
+ color-red-200: #ffb2a0,
66
+ color-red-300: #ff745f,
67
+ color-red-400: #f94d32,
68
+ color-red-500: #e13212,
69
+ color-red-600: #bf2a00,
70
+ color-magenta-100: #fbeaf5,
71
+ color-magenta-200: #faafe2,
72
+ color-magenta-300: #d949a9,
73
+ color-magenta-400: #b52d88,
74
+ color-magenta-500: #982071,
75
+ color-magenta-600: #7d165b,
76
+ duration: 200ms,
77
+ duration-instant: 0ms,
78
+ duration-fast: 100ms,
79
+ duration-slow: 300ms,
80
+ font-line-height-base: 1.5,
81
+ font-line-height-display: 1.25,
82
+ font-weight-normal: 400,
83
+ font-weight-semibold: 600,
84
+ font-weight-bold: 700,
85
+ font-size-100: 0.625rem,
86
+ font-size-200: 0.75rem,
87
+ font-size-300: 0.875rem,
88
+ font-size-400: 1rem,
89
+ font-size-500: 1.25rem,
90
+ font-size-600: 1.5rem,
91
+ font-size-700: 1.75rem,
92
+ font-size-800: 2rem,
93
+ font-size-900: 2.25rem,
94
+ size-0: 0rem,
95
+ size-1: 0.25rem,
96
+ size-2: 0.5rem,
97
+ size-3: 0.75rem,
98
+ size-4: 1rem,
99
+ size-5: 1.25rem,
100
+ size-6: 1.5rem,
101
+ size-7: 1.75rem,
102
+ size-8: 2rem,
103
+ size-9: 2.25rem,
104
+ size-10: 2.5rem,
105
+ size-11: 2.75rem,
106
+ size-12: 3rem,
107
+ size-13: 3.25rem,
108
+ size-14: 3.5rem,
109
+ size-quarter: 0.0625rem,
110
+ size-half: 0.125rem,
111
+ transition-ease: cubic-bezier(.4, 0, .2, 1),
112
+ transition-ease-in: cubic-bezier(.4, 0, 1, 1),
113
+ transition-ease-out: cubic-bezier(0, 0, .4, 1),
114
+ transition-ease-in-out: cubic-bezier(.4, 0, .6, 1),
115
+ );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servicetitan/anvil2",
3
- "version": "1.15.1",
3
+ "version": "1.15.2",
4
4
  "scripts": {
5
5
  "dev": "storybook dev -p 6006",
6
6
  "build": "npm run check-types && npm run build:css-utils && npm run build:vite && npm run build:icon-indexes",
@@ -36,7 +36,7 @@
36
36
  "@react-hook/merged-ref": "^1.3.2",
37
37
  "@react-hook/resize-observer": "^2.0.1",
38
38
  "@servicetitan/hammer-icon": "^1.0.1",
39
- "@servicetitan/hammer-react": "^1.18.3",
39
+ "@servicetitan/hammer-react": "^1.18.4",
40
40
  "@servicetitan/hammer-token": "^1.3.2",
41
41
  "classnames": "^2.5.1"
42
42
  },