@trackunit/css-tailwind 0.0.86 → 0.0.88
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.
- package/package.json +4 -4
- package/tailwind-base.generated.js +333 -303
|
@@ -9,67 +9,73 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
|
9
9
|
var __getProtoOf = Object.getPrototypeOf;
|
|
10
10
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
11
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
-
var __defNormalProp = (obj, key, value) =>
|
|
12
|
+
var __defNormalProp = (obj, key, value) =>
|
|
13
|
+
key in obj
|
|
14
|
+
? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value })
|
|
15
|
+
: (obj[key] = value);
|
|
13
16
|
var __spreadValues = (a, b) => {
|
|
14
|
-
for (var prop in b ||= {})
|
|
15
|
-
if (__hasOwnProp.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
for (var prop in (b ||= {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
17
18
|
if (__getOwnPropSymbols)
|
|
18
19
|
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
-
if (__propIsEnum.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
21
21
|
}
|
|
22
22
|
return a;
|
|
23
23
|
};
|
|
24
24
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
-
var __commonJS = (cb, mod) =>
|
|
26
|
-
|
|
27
|
-
};
|
|
25
|
+
var __commonJS = (cb, mod) =>
|
|
26
|
+
function __require() {
|
|
27
|
+
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
28
|
+
};
|
|
28
29
|
var __export = (target, all) => {
|
|
29
|
-
for (var name in all)
|
|
30
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
30
|
+
for (var name in all) __defProp(target, name, { get: all[name], enumerable: true });
|
|
31
31
|
};
|
|
32
32
|
var __copyProps = (to, from, except, desc) => {
|
|
33
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
33
|
+
if ((from && typeof from === "object") || typeof from === "function") {
|
|
34
34
|
for (let key of __getOwnPropNames(from))
|
|
35
35
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
36
|
-
__defProp(to, key, {
|
|
36
|
+
__defProp(to, key, {
|
|
37
|
+
get: () => from[key],
|
|
38
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
|
|
39
|
+
});
|
|
37
40
|
}
|
|
38
41
|
return to;
|
|
39
42
|
};
|
|
40
|
-
var __toESM = (mod, isNodeMode, target) => (
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
)
|
|
48
|
-
|
|
43
|
+
var __toESM = (mod, isNodeMode, target) => (
|
|
44
|
+
(target = mod != null ? __create(__getProtoOf(mod)) : {}),
|
|
45
|
+
__copyProps(
|
|
46
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
47
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
48
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
49
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
50
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
51
|
+
mod
|
|
52
|
+
)
|
|
53
|
+
);
|
|
54
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
49
55
|
|
|
50
56
|
// node_modules/tailwindcss/lib/util/createPlugin.js
|
|
51
57
|
var require_createPlugin = __commonJS({
|
|
52
58
|
"node_modules/tailwindcss/lib/util/createPlugin.js"(exports) {
|
|
53
59
|
"use strict";
|
|
54
60
|
Object.defineProperty(exports, "__esModule", {
|
|
55
|
-
value: true
|
|
61
|
+
value: true,
|
|
56
62
|
});
|
|
57
63
|
Object.defineProperty(exports, "default", {
|
|
58
64
|
enumerable: true,
|
|
59
|
-
get: () => _default
|
|
65
|
+
get: () => _default,
|
|
60
66
|
});
|
|
61
67
|
function createPlugin(plugin4, config) {
|
|
62
68
|
return {
|
|
63
69
|
handler: plugin4,
|
|
64
|
-
config
|
|
70
|
+
config,
|
|
65
71
|
};
|
|
66
72
|
}
|
|
67
|
-
createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
|
|
68
|
-
const optionsFunction = function(options) {
|
|
73
|
+
createPlugin.withOptions = function (pluginFunction, configFunction = () => ({})) {
|
|
74
|
+
const optionsFunction = function (options) {
|
|
69
75
|
return {
|
|
70
76
|
__options: options,
|
|
71
77
|
handler: pluginFunction(options),
|
|
72
|
-
config: configFunction(options)
|
|
78
|
+
config: configFunction(options),
|
|
73
79
|
};
|
|
74
80
|
};
|
|
75
81
|
optionsFunction.__isOptionsFunction = true;
|
|
@@ -78,7 +84,7 @@ var require_createPlugin = __commonJS({
|
|
|
78
84
|
return optionsFunction;
|
|
79
85
|
};
|
|
80
86
|
var _default = createPlugin;
|
|
81
|
-
}
|
|
87
|
+
},
|
|
82
88
|
});
|
|
83
89
|
|
|
84
90
|
// node_modules/tailwindcss/lib/public/create-plugin.js
|
|
@@ -86,20 +92,22 @@ var require_create_plugin = __commonJS({
|
|
|
86
92
|
"node_modules/tailwindcss/lib/public/create-plugin.js"(exports) {
|
|
87
93
|
"use strict";
|
|
88
94
|
Object.defineProperty(exports, "__esModule", {
|
|
89
|
-
value: true
|
|
95
|
+
value: true,
|
|
90
96
|
});
|
|
91
97
|
Object.defineProperty(exports, "default", {
|
|
92
98
|
enumerable: true,
|
|
93
|
-
get: () => _default
|
|
99
|
+
get: () => _default,
|
|
94
100
|
});
|
|
95
101
|
var _createPlugin = /* @__PURE__ */ _interopRequireDefault(require_createPlugin());
|
|
96
102
|
function _interopRequireDefault(obj) {
|
|
97
|
-
return obj && obj.__esModule
|
|
98
|
-
|
|
99
|
-
|
|
103
|
+
return obj && obj.__esModule
|
|
104
|
+
? obj
|
|
105
|
+
: {
|
|
106
|
+
default: obj,
|
|
107
|
+
};
|
|
100
108
|
}
|
|
101
109
|
var _default = _createPlugin.default;
|
|
102
|
-
}
|
|
110
|
+
},
|
|
103
111
|
});
|
|
104
112
|
|
|
105
113
|
// node_modules/tailwindcss/plugin.js
|
|
@@ -107,13 +115,13 @@ var require_plugin = __commonJS({
|
|
|
107
115
|
"node_modules/tailwindcss/plugin.js"(exports, module2) {
|
|
108
116
|
var createPlugin = require_create_plugin();
|
|
109
117
|
module2.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
|
|
110
|
-
}
|
|
118
|
+
},
|
|
111
119
|
});
|
|
112
120
|
|
|
113
121
|
// libs/css/tailwind/src/lib/tailwind-base.ts
|
|
114
122
|
var tailwind_base_exports = {};
|
|
115
123
|
__export(tailwind_base_exports, {
|
|
116
|
-
default: () => tailwind_base_default
|
|
124
|
+
default: () => tailwind_base_default,
|
|
117
125
|
});
|
|
118
126
|
module.exports = __toCommonJS(tailwind_base_exports);
|
|
119
127
|
|
|
@@ -121,7 +129,7 @@ module.exports = __toCommonJS(tailwind_base_exports);
|
|
|
121
129
|
var import_plugin = __toESM(require_plugin());
|
|
122
130
|
|
|
123
131
|
// libs/css/tailwind-custom-properties-plugin/src/variablesToCSSRules.ts
|
|
124
|
-
var keysToCssVariableName =
|
|
132
|
+
var keysToCssVariableName = keys => `--${keys.join("-")}`.replace(/[^a-zA-Z0-9]/g, "-");
|
|
125
133
|
var flattenVariablesDeclerationValues = (values, output = {}, keys = []) => {
|
|
126
134
|
for (const [key, value] of Object.entries(values)) {
|
|
127
135
|
let flattend = {};
|
|
@@ -134,12 +142,12 @@ var flattenVariablesDeclerationValues = (values, output = {}, keys = []) => {
|
|
|
134
142
|
}
|
|
135
143
|
return output;
|
|
136
144
|
};
|
|
137
|
-
var variablesToCSSRules =
|
|
145
|
+
var variablesToCSSRules = variablesDecleration => {
|
|
138
146
|
if (!variablesDecleration) {
|
|
139
147
|
return [];
|
|
140
148
|
}
|
|
141
149
|
const cssRules = Object.entries(variablesDecleration).map(([key, value]) => ({
|
|
142
|
-
[key === "DEFAULT" ? ":root" : `.${key}`]: flattenVariablesDeclerationValues(value)
|
|
150
|
+
[key === "DEFAULT" ? ":root" : `.${key}`]: flattenVariablesDeclerationValues(value),
|
|
143
151
|
}));
|
|
144
152
|
return cssRules;
|
|
145
153
|
};
|
|
@@ -154,8 +162,19 @@ var CssTailwindCustomPropertiesPlugin = (0, import_plugin.default)(({ addBase, t
|
|
|
154
162
|
// libs/css/component-tokens/src/plugin.ts
|
|
155
163
|
var import_plugin2 = __toESM(require_plugin());
|
|
156
164
|
|
|
165
|
+
// libs/css/component-tokens/src/component-tokens/ComponentTokenVariablesByThemeName.ts
|
|
166
|
+
var getComponentTokenVariablesByThemeName = (theme, componentTokenDefinitions2) => {
|
|
167
|
+
const themeTokenObject = Object.fromEntries(
|
|
168
|
+
Object.entries(componentTokenDefinitions2).map(([componentName, componentThemes]) => [
|
|
169
|
+
componentName,
|
|
170
|
+
componentThemes[theme],
|
|
171
|
+
])
|
|
172
|
+
);
|
|
173
|
+
return themeTokenObject;
|
|
174
|
+
};
|
|
175
|
+
|
|
157
176
|
// libs/css/component-tokens/src/component-tokens/ComponentTokenDefinition.ts
|
|
158
|
-
var AsComponentTokenDefinition =
|
|
177
|
+
var AsComponentTokenDefinition = designTokens => designTokens;
|
|
159
178
|
|
|
160
179
|
// libs/css/component-tokens/src/component-tokens/components/BaseInput.tokens.ts
|
|
161
180
|
var BaseInputTokenDefinition = AsComponentTokenDefinition({
|
|
@@ -163,14 +182,14 @@ var BaseInputTokenDefinition = AsComponentTokenDefinition({
|
|
|
163
182
|
border: { borderRadius: "var(--border-radius-lg)", borderWidth: "1px" },
|
|
164
183
|
shadow: { boxShadow: "var(--box-shadow-sm)" },
|
|
165
184
|
background: { backgroundColor: "white" },
|
|
166
|
-
prefix: { borderRightWidth: "1px" }
|
|
185
|
+
prefix: { borderRightWidth: "1px" },
|
|
167
186
|
},
|
|
168
187
|
"theme-marketing": {
|
|
169
188
|
border: { borderRadius: "70px", borderWidth: "0px" },
|
|
170
189
|
shadow: { boxShadow: "none" },
|
|
171
190
|
background: { backgroundColor: "rgb(var(--color-stone-50))" },
|
|
172
|
-
prefix: { borderRightWidth: "0px" }
|
|
173
|
-
}
|
|
191
|
+
prefix: { borderRightWidth: "0px" },
|
|
192
|
+
},
|
|
174
193
|
});
|
|
175
194
|
var BaseInput_tokens_default = BaseInputTokenDefinition;
|
|
176
195
|
|
|
@@ -180,14 +199,14 @@ var ButtonTokenDefinition = AsComponentTokenDefinition({
|
|
|
180
199
|
"secondary-color": { backgroundColor: "rgb(var(--color-secondary-200))", color: "rgb(var(--color-secondary-600))" },
|
|
181
200
|
border: { borderRadius: "var(--border-radius-lg)" },
|
|
182
201
|
height: { height: "auto" },
|
|
183
|
-
padding: { paddingLeft: "var(--spacing-2-5)", paddingRight: "var(--spacing-2-5)" }
|
|
202
|
+
padding: { paddingLeft: "var(--spacing-2-5)", paddingRight: "var(--spacing-2-5)" },
|
|
184
203
|
},
|
|
185
204
|
"theme-marketing": {
|
|
186
205
|
"secondary-color": { backgroundColor: "rgb(var(--color-secondary-600))", color: "rgb(var(--color-secondary-50))" },
|
|
187
206
|
border: { borderRadius: "50px" },
|
|
188
207
|
height: { height: "55px" },
|
|
189
|
-
padding: { paddingLeft: "var(--spacing-12)", paddingRight: "var(--spacing-12)" }
|
|
190
|
-
}
|
|
208
|
+
padding: { paddingLeft: "var(--spacing-12)", paddingRight: "var(--spacing-12)" },
|
|
209
|
+
},
|
|
191
210
|
});
|
|
192
211
|
|
|
193
212
|
// libs/css/component-tokens/src/component-tokens/components/Card.tokens.ts
|
|
@@ -198,50 +217,50 @@ var CardTokenDefinition = AsComponentTokenDefinition({
|
|
|
198
217
|
shadow: { boxShadow: "var(--box-shadow-DEFAULT)" },
|
|
199
218
|
spacing: { gap: "var(--spacing-3)", padding: "var(--spacing-3)" },
|
|
200
219
|
"spacing-sm": { gap: "var(--spacing-4)", padding: "var(--spacing-4)" },
|
|
201
|
-
"spacing-md": { gap: "var(--spacing-4)", padding: "var(--spacing-6)" }
|
|
220
|
+
"spacing-md": { gap: "var(--spacing-4)", padding: "var(--spacing-6)" },
|
|
202
221
|
},
|
|
203
222
|
"theme-marketing": {
|
|
204
223
|
border: { borderColor: "rgba(0, 0, 0, 0)", borderRadius: "2rem" },
|
|
205
224
|
"popover-border": { borderRadius: "1rem" },
|
|
206
225
|
shadow: { boxShadow: "0px 20px 48px rgba(73, 55, 54, 0.1)" },
|
|
207
|
-
spacing: { gap: "var(--spacing-
|
|
208
|
-
"spacing-sm": { gap: "var(--spacing-
|
|
209
|
-
"spacing-md": { gap: "var(--spacing-
|
|
210
|
-
}
|
|
226
|
+
spacing: { gap: "var(--spacing-3)", padding: "var(--spacing-3)" },
|
|
227
|
+
"spacing-sm": { gap: "var(--spacing-4)", padding: "var(--spacing-4)" },
|
|
228
|
+
"spacing-md": { gap: "var(--spacing-4)", padding: "var(--spacing-6)" },
|
|
229
|
+
},
|
|
211
230
|
});
|
|
212
231
|
|
|
213
232
|
// libs/css/component-tokens/src/component-tokens/components/FormGroup.tokens.ts
|
|
214
233
|
var FormGroupTokenDefinition = AsComponentTokenDefinition({
|
|
215
234
|
DEFAULT: {
|
|
216
235
|
gap: { display: "auto", gap: "auto" },
|
|
217
|
-
font: { fontWeight: "normal" }
|
|
236
|
+
font: { fontWeight: "normal" },
|
|
218
237
|
},
|
|
219
238
|
"theme-marketing": {
|
|
220
239
|
gap: { display: "grid", gap: "var(--spacing-4)" },
|
|
221
|
-
font: { fontWeight: "700" }
|
|
222
|
-
}
|
|
240
|
+
font: { fontWeight: "700" },
|
|
241
|
+
},
|
|
223
242
|
});
|
|
224
243
|
var FormGroup_tokens_default = FormGroupTokenDefinition;
|
|
225
244
|
|
|
226
245
|
// libs/css/component-tokens/src/component-tokens/components/Popover/Popover.tokens.ts
|
|
227
246
|
var PopoverTokenDefinition = AsComponentTokenDefinition({
|
|
228
247
|
DEFAULT: {
|
|
229
|
-
border: { borderRadius: "var(--border-radius-DEFAULT)" }
|
|
248
|
+
border: { borderRadius: "var(--border-radius-DEFAULT)" },
|
|
230
249
|
},
|
|
231
250
|
"theme-marketing": {
|
|
232
|
-
border: { borderRadius: "1rem" }
|
|
233
|
-
}
|
|
251
|
+
border: { borderRadius: "1rem" },
|
|
252
|
+
},
|
|
234
253
|
});
|
|
235
254
|
var Popover_tokens_default = PopoverTokenDefinition;
|
|
236
255
|
|
|
237
256
|
// libs/css/component-tokens/src/component-tokens/components/Popover/PopoverListItem.tokens.ts
|
|
238
257
|
var PopoverListItemTokenDefinition = AsComponentTokenDefinition({
|
|
239
258
|
DEFAULT: {
|
|
240
|
-
border: { borderRadius: "var(--border-radius-DEFAULT)" }
|
|
259
|
+
border: { borderRadius: "var(--border-radius-DEFAULT)" },
|
|
241
260
|
},
|
|
242
261
|
"theme-marketing": {
|
|
243
|
-
border: { borderRadius: "1rem" }
|
|
244
|
-
}
|
|
262
|
+
border: { borderRadius: "1rem" },
|
|
263
|
+
},
|
|
245
264
|
});
|
|
246
265
|
var PopoverListItem_tokens_default = PopoverListItemTokenDefinition;
|
|
247
266
|
|
|
@@ -256,7 +275,7 @@ var SearchTokenDefinition = AsComponentTokenDefinition({
|
|
|
256
275
|
borderBottomWidth: "1px",
|
|
257
276
|
borderColor: "rgb(var(--color-gray-400))",
|
|
258
277
|
borderBottomColor: "rgb(var(--color-gray-400))",
|
|
259
|
-
backgroundColor: "rgb(var(--color-slate-50))"
|
|
278
|
+
backgroundColor: "rgb(var(--color-slate-50))",
|
|
260
279
|
},
|
|
261
280
|
border: {
|
|
262
281
|
borderStyle: "solid",
|
|
@@ -264,31 +283,31 @@ var SearchTokenDefinition = AsComponentTokenDefinition({
|
|
|
264
283
|
borderBottomWidth: "1px",
|
|
265
284
|
borderColor: "rgb(var(--color-gray-200))",
|
|
266
285
|
borderBottomColor: "rgb(var(--color-gray-200))",
|
|
267
|
-
borderRadius: "0.5rem"
|
|
286
|
+
borderRadius: "0.5rem",
|
|
268
287
|
},
|
|
269
288
|
"focus-within": {
|
|
270
289
|
borderColor: "rgb(var(--color-slate-400))",
|
|
271
|
-
boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
|
|
290
|
+
boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
|
|
272
291
|
},
|
|
273
292
|
widen: { borderBottomColor: "rgb(var(--color-gray-400))" },
|
|
274
293
|
"widen-focus": { borderBottomColor: "rgb(var(--color-gray-400))" },
|
|
275
294
|
prefix: {
|
|
276
295
|
color: "rgb(var(--color-slate-400))",
|
|
277
|
-
cursor: "default"
|
|
278
|
-
}
|
|
296
|
+
cursor: "default",
|
|
297
|
+
},
|
|
279
298
|
},
|
|
280
299
|
"theme-marketing": {
|
|
281
300
|
width: { width: "0px" },
|
|
282
301
|
background: { backgroundColor: "transparent" },
|
|
283
302
|
borderless: {
|
|
284
|
-
borderStyle: "hidden"
|
|
303
|
+
borderStyle: "hidden",
|
|
285
304
|
},
|
|
286
305
|
"focus-hover": {
|
|
287
306
|
borderWidth: "0px",
|
|
288
307
|
borderBottomWidth: "2px",
|
|
289
308
|
borderColor: "rgb(var(--color-black-DEFAULT))",
|
|
290
309
|
borderBottomColor: "rgb(var(--color-black-DEFAULT))",
|
|
291
|
-
backgroundColor: "transparent"
|
|
310
|
+
backgroundColor: "transparent",
|
|
292
311
|
},
|
|
293
312
|
border: {
|
|
294
313
|
borderStyle: "solid",
|
|
@@ -296,23 +315,23 @@ var SearchTokenDefinition = AsComponentTokenDefinition({
|
|
|
296
315
|
borderBottomWidth: "2px",
|
|
297
316
|
borderColor: "rgb(var(--color-white-DEFAULT))",
|
|
298
317
|
borderBottomColor: "rgb(var(--color-black-DEFAULT))",
|
|
299
|
-
borderRadius: "0px"
|
|
318
|
+
borderRadius: "0px",
|
|
300
319
|
},
|
|
301
320
|
"focus-within": {
|
|
302
321
|
borderColor: "none",
|
|
303
|
-
boxShadow: "none"
|
|
322
|
+
boxShadow: "none",
|
|
304
323
|
},
|
|
305
324
|
widen: {
|
|
306
|
-
borderBottomColor: "rgb(var(--color-white-DEFAULT))"
|
|
325
|
+
borderBottomColor: "rgb(var(--color-white-DEFAULT))",
|
|
307
326
|
},
|
|
308
327
|
"widen-focus": {
|
|
309
|
-
borderBottomColor: "rgb(var(--color-black-DEFAULT))"
|
|
328
|
+
borderBottomColor: "rgb(var(--color-black-DEFAULT))",
|
|
310
329
|
},
|
|
311
330
|
prefix: {
|
|
312
331
|
color: "rgb(var(--color-slate-600))",
|
|
313
|
-
cursor: "pointer"
|
|
314
|
-
}
|
|
315
|
-
}
|
|
332
|
+
cursor: "pointer",
|
|
333
|
+
},
|
|
334
|
+
},
|
|
316
335
|
});
|
|
317
336
|
|
|
318
337
|
// libs/css/component-tokens/src/component-tokens/ComponentTokens.ts
|
|
@@ -323,35 +342,22 @@ var componentTokenDefinitions = {
|
|
|
323
342
|
popover: Popover_tokens_default,
|
|
324
343
|
popoverListItem: PopoverListItem_tokens_default,
|
|
325
344
|
baseInput: BaseInput_tokens_default,
|
|
326
|
-
formGroup: FormGroup_tokens_default
|
|
327
|
-
};
|
|
328
|
-
|
|
329
|
-
// libs/css/component-tokens/src/component-tokens/ComponentTokenVariablesByThemeName.ts
|
|
330
|
-
var getComponentTokenVariablesByThemeName = (theme, componentTokenDefinitions2) => {
|
|
331
|
-
const themeTokenObject = Object.fromEntries(
|
|
332
|
-
Object.entries(componentTokenDefinitions2).map(([componentName, componentThemes]) => [
|
|
333
|
-
componentName,
|
|
334
|
-
componentThemes[theme]
|
|
335
|
-
])
|
|
336
|
-
);
|
|
337
|
-
return themeTokenObject;
|
|
345
|
+
formGroup: FormGroup_tokens_default,
|
|
338
346
|
};
|
|
339
347
|
|
|
340
348
|
// libs/css/component-tokens/src/component-tokens/pluginUtilityFunctions.ts
|
|
341
349
|
var PREFIX = "component";
|
|
342
|
-
var componentTokenAsCssVariableString = (component, token, cssProperty) =>
|
|
350
|
+
var componentTokenAsCssVariableString = (component, token, cssProperty) =>
|
|
351
|
+
`var(--${PREFIX}-${component}-${token}-${cssProperty})`;
|
|
343
352
|
var componentTokenToCSSProperties = (component, token, tokenObject) => {
|
|
344
353
|
return Object.fromEntries(
|
|
345
|
-
Object.keys(tokenObject).map(
|
|
346
|
-
key,
|
|
347
|
-
componentTokenAsCssVariableString(component, token, key)
|
|
348
|
-
])
|
|
354
|
+
Object.keys(tokenObject).map(key => [key, componentTokenAsCssVariableString(component, token, key)])
|
|
349
355
|
);
|
|
350
356
|
};
|
|
351
|
-
var getAllComponentTokenRules =
|
|
357
|
+
var getAllComponentTokenRules = componentDefinitions => {
|
|
352
358
|
const components = {};
|
|
353
|
-
Object.entries(componentDefinitions).forEach(
|
|
354
|
-
|
|
359
|
+
Object.entries(componentDefinitions).forEach(([componentName, themes]) =>
|
|
360
|
+
Object.entries(themes.DEFAULT).forEach(([tokenName, value]) => {
|
|
355
361
|
const typedComponentName = componentName;
|
|
356
362
|
const typedTokenName = tokenName;
|
|
357
363
|
const selector = `.${PREFIX}-${typedComponentName}-${typedTokenName}`;
|
|
@@ -364,13 +370,13 @@ var getAllComponentTokenRules = (componentDefinitions) => {
|
|
|
364
370
|
// libs/css/component-tokens/src/plugin.ts
|
|
365
371
|
var cssVariablesDefinition = variablesToCSSRules({
|
|
366
372
|
DEFAULT: {
|
|
367
|
-
component: getComponentTokenVariablesByThemeName("DEFAULT", componentTokenDefinitions)
|
|
373
|
+
component: getComponentTokenVariablesByThemeName("DEFAULT", componentTokenDefinitions),
|
|
368
374
|
},
|
|
369
375
|
"theme-marketing": {
|
|
370
|
-
component: getComponentTokenVariablesByThemeName("theme-marketing", componentTokenDefinitions)
|
|
371
|
-
}
|
|
376
|
+
component: getComponentTokenVariablesByThemeName("theme-marketing", componentTokenDefinitions),
|
|
377
|
+
},
|
|
372
378
|
});
|
|
373
|
-
var ComponentTokensPlugin = (0, import_plugin2.default)(function({ addComponents }) {
|
|
379
|
+
var ComponentTokensPlugin = (0, import_plugin2.default)(function ({ addComponents }) {
|
|
374
380
|
addComponents(cssVariablesDefinition);
|
|
375
381
|
addComponents(getAllComponentTokenRules(componentTokenDefinitions));
|
|
376
382
|
});
|
|
@@ -388,7 +394,7 @@ var themeBorderRadius = {
|
|
|
388
394
|
xl: "0.75rem",
|
|
389
395
|
"2xl": "1rem",
|
|
390
396
|
"3xl": "1.5rem",
|
|
391
|
-
full: "9999px"
|
|
397
|
+
full: "9999px",
|
|
392
398
|
};
|
|
393
399
|
|
|
394
400
|
// libs/ui/design-tokens/src/tokens/colors/tailwindPalette.ts
|
|
@@ -403,7 +409,7 @@ var tailwindPalette = {
|
|
|
403
409
|
600: "71 85 105",
|
|
404
410
|
700: "51 65 85",
|
|
405
411
|
800: "30 41 59",
|
|
406
|
-
900: "15 23 42"
|
|
412
|
+
900: "15 23 42",
|
|
407
413
|
},
|
|
408
414
|
gray: {
|
|
409
415
|
50: "249 250 251",
|
|
@@ -415,7 +421,7 @@ var tailwindPalette = {
|
|
|
415
421
|
600: "75 85 99",
|
|
416
422
|
700: "55 65 81",
|
|
417
423
|
800: "31 41 55",
|
|
418
|
-
900: "17 24 39"
|
|
424
|
+
900: "17 24 39",
|
|
419
425
|
},
|
|
420
426
|
zinc: {
|
|
421
427
|
50: "250 250 250",
|
|
@@ -427,7 +433,7 @@ var tailwindPalette = {
|
|
|
427
433
|
600: "82 82 91",
|
|
428
434
|
700: "63 63 70",
|
|
429
435
|
800: "39 39 42",
|
|
430
|
-
900: "24 24 27"
|
|
436
|
+
900: "24 24 27",
|
|
431
437
|
},
|
|
432
438
|
neutral: {
|
|
433
439
|
50: "250 250 250",
|
|
@@ -439,7 +445,7 @@ var tailwindPalette = {
|
|
|
439
445
|
600: "82 82 82",
|
|
440
446
|
700: "64 64 64",
|
|
441
447
|
800: "38 38 38",
|
|
442
|
-
900: "23 23 23"
|
|
448
|
+
900: "23 23 23",
|
|
443
449
|
},
|
|
444
450
|
stone: {
|
|
445
451
|
50: "250 250 249",
|
|
@@ -451,7 +457,7 @@ var tailwindPalette = {
|
|
|
451
457
|
600: "87 83 78",
|
|
452
458
|
700: "68 64 60",
|
|
453
459
|
800: "41 37 36",
|
|
454
|
-
900: "28 25 23"
|
|
460
|
+
900: "28 25 23",
|
|
455
461
|
},
|
|
456
462
|
red: {
|
|
457
463
|
50: "254 242 242",
|
|
@@ -463,7 +469,7 @@ var tailwindPalette = {
|
|
|
463
469
|
600: "220 38 38",
|
|
464
470
|
700: "185 28 28",
|
|
465
471
|
800: "153 27 27",
|
|
466
|
-
900: "127 29 29"
|
|
472
|
+
900: "127 29 29",
|
|
467
473
|
},
|
|
468
474
|
orange: {
|
|
469
475
|
50: "255 247 237",
|
|
@@ -475,7 +481,7 @@ var tailwindPalette = {
|
|
|
475
481
|
600: "234 88 12",
|
|
476
482
|
700: "194 65 12",
|
|
477
483
|
800: "154 52 18",
|
|
478
|
-
900: "124 45 18"
|
|
484
|
+
900: "124 45 18",
|
|
479
485
|
},
|
|
480
486
|
amber: {
|
|
481
487
|
50: "255 251 235",
|
|
@@ -487,7 +493,7 @@ var tailwindPalette = {
|
|
|
487
493
|
600: "217 119 6",
|
|
488
494
|
700: "180 83 9",
|
|
489
495
|
800: "146 64 14",
|
|
490
|
-
900: "120 53 15"
|
|
496
|
+
900: "120 53 15",
|
|
491
497
|
},
|
|
492
498
|
yellow: {
|
|
493
499
|
50: "254 252 232",
|
|
@@ -499,7 +505,7 @@ var tailwindPalette = {
|
|
|
499
505
|
600: "202 138 4",
|
|
500
506
|
700: "161 98 7",
|
|
501
507
|
800: "133 77 14",
|
|
502
|
-
900: "113 63 18"
|
|
508
|
+
900: "113 63 18",
|
|
503
509
|
},
|
|
504
510
|
lime: {
|
|
505
511
|
50: "247 254 231",
|
|
@@ -511,7 +517,7 @@ var tailwindPalette = {
|
|
|
511
517
|
600: "101 163 13",
|
|
512
518
|
700: "77 124 15",
|
|
513
519
|
800: "63 98 18",
|
|
514
|
-
900: "54 83 20"
|
|
520
|
+
900: "54 83 20",
|
|
515
521
|
},
|
|
516
522
|
green: {
|
|
517
523
|
50: "240 253 244",
|
|
@@ -523,7 +529,7 @@ var tailwindPalette = {
|
|
|
523
529
|
600: "22 163 74",
|
|
524
530
|
700: "21 128 61",
|
|
525
531
|
800: "22 101 52",
|
|
526
|
-
900: "20 83 45"
|
|
532
|
+
900: "20 83 45",
|
|
527
533
|
},
|
|
528
534
|
emerald: {
|
|
529
535
|
50: "236 253 245",
|
|
@@ -535,7 +541,7 @@ var tailwindPalette = {
|
|
|
535
541
|
600: "5 150 105",
|
|
536
542
|
700: "4 120 87",
|
|
537
543
|
800: "6 95 70",
|
|
538
|
-
900: "6 78 59"
|
|
544
|
+
900: "6 78 59",
|
|
539
545
|
},
|
|
540
546
|
teal: {
|
|
541
547
|
50: "240 253 250",
|
|
@@ -547,7 +553,7 @@ var tailwindPalette = {
|
|
|
547
553
|
600: "13 148 136",
|
|
548
554
|
700: "15 118 110",
|
|
549
555
|
800: "17 94 89",
|
|
550
|
-
900: "19 78 74"
|
|
556
|
+
900: "19 78 74",
|
|
551
557
|
},
|
|
552
558
|
cyan: {
|
|
553
559
|
50: "236 254 255",
|
|
@@ -559,7 +565,7 @@ var tailwindPalette = {
|
|
|
559
565
|
600: "8 145 178",
|
|
560
566
|
700: "14 116 144",
|
|
561
567
|
800: "21 94 117",
|
|
562
|
-
900: "22 78 99"
|
|
568
|
+
900: "22 78 99",
|
|
563
569
|
},
|
|
564
570
|
sky: {
|
|
565
571
|
50: "240 249 255",
|
|
@@ -571,7 +577,7 @@ var tailwindPalette = {
|
|
|
571
577
|
600: "2 132 199",
|
|
572
578
|
700: "3 105 161",
|
|
573
579
|
800: "7 89 133",
|
|
574
|
-
900: "12 74 110"
|
|
580
|
+
900: "12 74 110",
|
|
575
581
|
},
|
|
576
582
|
blue: {
|
|
577
583
|
50: "239 246 255",
|
|
@@ -583,7 +589,7 @@ var tailwindPalette = {
|
|
|
583
589
|
600: "37 99 235",
|
|
584
590
|
700: "29 78 216",
|
|
585
591
|
800: "30 64 175",
|
|
586
|
-
900: "30 58 138"
|
|
592
|
+
900: "30 58 138",
|
|
587
593
|
},
|
|
588
594
|
indigo: {
|
|
589
595
|
50: "238 242 255",
|
|
@@ -595,7 +601,7 @@ var tailwindPalette = {
|
|
|
595
601
|
600: "79 70 229",
|
|
596
602
|
700: "67 56 202",
|
|
597
603
|
800: "55 48 163",
|
|
598
|
-
900: "49 46 129"
|
|
604
|
+
900: "49 46 129",
|
|
599
605
|
},
|
|
600
606
|
violet: {
|
|
601
607
|
50: "245 243 255",
|
|
@@ -607,7 +613,7 @@ var tailwindPalette = {
|
|
|
607
613
|
600: "124 58 237",
|
|
608
614
|
700: "109 40 217",
|
|
609
615
|
800: "91 33 182",
|
|
610
|
-
900: "76 29 149"
|
|
616
|
+
900: "76 29 149",
|
|
611
617
|
},
|
|
612
618
|
purple: {
|
|
613
619
|
50: "250 245 255",
|
|
@@ -619,7 +625,7 @@ var tailwindPalette = {
|
|
|
619
625
|
600: "147 51 234",
|
|
620
626
|
700: "126 34 206",
|
|
621
627
|
800: "107 33 168",
|
|
622
|
-
900: "88 28 135"
|
|
628
|
+
900: "88 28 135",
|
|
623
629
|
},
|
|
624
630
|
fuchsia: {
|
|
625
631
|
50: "253 244 255",
|
|
@@ -631,7 +637,7 @@ var tailwindPalette = {
|
|
|
631
637
|
600: "192 38 211",
|
|
632
638
|
700: "162 28 175",
|
|
633
639
|
800: "134 25 143",
|
|
634
|
-
900: "112 26 117"
|
|
640
|
+
900: "112 26 117",
|
|
635
641
|
},
|
|
636
642
|
pink: {
|
|
637
643
|
50: "253 242 248",
|
|
@@ -643,7 +649,7 @@ var tailwindPalette = {
|
|
|
643
649
|
600: "219 39 119",
|
|
644
650
|
700: "190 24 93",
|
|
645
651
|
800: "157 23 77",
|
|
646
|
-
900: "131 24 67"
|
|
652
|
+
900: "131 24 67",
|
|
647
653
|
},
|
|
648
654
|
rose: {
|
|
649
655
|
50: "255 241 242",
|
|
@@ -655,8 +661,8 @@ var tailwindPalette = {
|
|
|
655
661
|
600: "225 29 72",
|
|
656
662
|
700: "190 18 60",
|
|
657
663
|
800: "159 18 57",
|
|
658
|
-
900: "136 19 55"
|
|
659
|
-
}
|
|
664
|
+
900: "136 19 55",
|
|
665
|
+
},
|
|
660
666
|
};
|
|
661
667
|
|
|
662
668
|
// libs/ui/design-tokens/src/tokens/colors/trackunitPalette.ts
|
|
@@ -666,18 +672,18 @@ var generalPalette = {
|
|
|
666
672
|
ACCENT: tailwindPalette.cyan,
|
|
667
673
|
NEUTRAL: tailwindPalette.neutral,
|
|
668
674
|
BLACK: { DEFAULT: "26 27 28" },
|
|
669
|
-
WHITE: { DEFAULT: "255 255 255" }
|
|
675
|
+
WHITE: { DEFAULT: "255 255 255" },
|
|
670
676
|
};
|
|
671
677
|
var intentPalette = {
|
|
672
678
|
INFO: tailwindPalette.blue,
|
|
673
679
|
SUCCESS: tailwindPalette.green,
|
|
674
680
|
WARNING: tailwindPalette.amber,
|
|
675
|
-
DANGER: tailwindPalette.red
|
|
681
|
+
DANGER: tailwindPalette.red,
|
|
676
682
|
};
|
|
677
683
|
var criticalityPalette = {
|
|
678
684
|
GOOD: tailwindPalette.emerald,
|
|
679
685
|
LOW: tailwindPalette.amber,
|
|
680
|
-
CRITICAL: tailwindPalette.red
|
|
686
|
+
CRITICAL: tailwindPalette.red,
|
|
681
687
|
};
|
|
682
688
|
var activityPalette = {
|
|
683
689
|
WORKING: tailwindPalette.blue,
|
|
@@ -685,13 +691,13 @@ var activityPalette = {
|
|
|
685
691
|
STOPPED: tailwindPalette.violet,
|
|
686
692
|
UNKNOWN: tailwindPalette.neutral,
|
|
687
693
|
MOVING: { DEFAULT: "230 144 177" },
|
|
688
|
-
ACTIVE: { DEFAULT: "63 219 147" }
|
|
694
|
+
ACTIVE: { DEFAULT: "63 219 147" },
|
|
689
695
|
};
|
|
690
696
|
var utilizationPalette = {
|
|
691
697
|
UNUSED: { 300: tailwindPalette.red["300"], 400: tailwindPalette.red["400"] },
|
|
692
698
|
UTILIZED: { 400: tailwindPalette.blue["400"], 600: tailwindPalette.blue["600"] },
|
|
693
699
|
HEAVILY_UTILIZED: { 300: tailwindPalette.amber["300"], 500: tailwindPalette.amber["500"] },
|
|
694
|
-
UNKNOWN_UTILIZATION: { 300: tailwindPalette.neutral["300"], 600: tailwindPalette.neutral["600"] }
|
|
700
|
+
UNKNOWN_UTILIZATION: { 300: tailwindPalette.neutral["300"], 600: tailwindPalette.neutral["600"] },
|
|
695
701
|
};
|
|
696
702
|
var rentalStatusPalette = {
|
|
697
703
|
ON_RENT: { 100: "223 244 254", 600: "90 200 250" },
|
|
@@ -700,7 +706,7 @@ var rentalStatusPalette = {
|
|
|
700
706
|
PICKUP_READY: { 100: "255 236 209", 600: "255 149 0" },
|
|
701
707
|
TRANSFER: { 100: "255 248 217", 600: "253 208 8" },
|
|
702
708
|
IN_REPAIR: { 100: "255 233 233", 600: "255 90 90" },
|
|
703
|
-
OTHER_RENTAL_STATUS: { 100: "238 239 239", 600: "151 154 154" }
|
|
709
|
+
OTHER_RENTAL_STATUS: { 100: "238 239 239", 600: "151 154 154" },
|
|
704
710
|
};
|
|
705
711
|
var sitesPalette = {
|
|
706
712
|
SITE: {
|
|
@@ -710,10 +716,22 @@ var sitesPalette = {
|
|
|
710
716
|
DEPOT: tailwindPalette.emerald["500"],
|
|
711
717
|
WORK_PLACE: tailwindPalette.violet["600"],
|
|
712
718
|
CONSTRUCTION_SITE: tailwindPalette.amber["500"],
|
|
713
|
-
UNKNOWN: tailwindPalette.neutral["500"]
|
|
714
|
-
}
|
|
719
|
+
UNKNOWN: tailwindPalette.neutral["500"],
|
|
720
|
+
},
|
|
715
721
|
};
|
|
716
|
-
var trackunitPalette = __spreadValues(
|
|
722
|
+
var trackunitPalette = __spreadValues(
|
|
723
|
+
__spreadValues(
|
|
724
|
+
__spreadValues(
|
|
725
|
+
__spreadValues(
|
|
726
|
+
__spreadValues(__spreadValues(__spreadValues({}, generalPalette), intentPalette), criticalityPalette),
|
|
727
|
+
activityPalette
|
|
728
|
+
),
|
|
729
|
+
utilizationPalette
|
|
730
|
+
),
|
|
731
|
+
rentalStatusPalette
|
|
732
|
+
),
|
|
733
|
+
sitesPalette
|
|
734
|
+
);
|
|
717
735
|
|
|
718
736
|
// libs/ui/design-tokens/src/tokens/colors/colors.ts
|
|
719
737
|
var themeColors = {
|
|
@@ -747,7 +765,7 @@ var themeColors = {
|
|
|
747
765
|
PICKUP_READY: { name: "pickup_ready", variants: trackunitPalette.PICKUP_READY },
|
|
748
766
|
RETURNED: { name: "returned", variants: trackunitPalette.RETURNED },
|
|
749
767
|
TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER },
|
|
750
|
-
SITE: { name: "site", variants: trackunitPalette.SITE }
|
|
768
|
+
SITE: { name: "site", variants: trackunitPalette.SITE },
|
|
751
769
|
};
|
|
752
770
|
|
|
753
771
|
// libs/ui/design-tokens/src/tokens/elevation.ts
|
|
@@ -760,7 +778,7 @@ var themeBoxShadow = {
|
|
|
760
778
|
"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
|
|
761
779
|
inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
|
|
762
780
|
none: "none",
|
|
763
|
-
active: "0px 0px 1px 1px rgba(26, 27, 28, 0.13), 0px 1px 1px rgba(26, 27, 28, 0.15)"
|
|
781
|
+
active: "0px 0px 1px 1px rgba(26, 27, 28, 0.13), 0px 1px 1px rgba(26, 27, 28, 0.15)",
|
|
764
782
|
};
|
|
765
783
|
var elevation = {
|
|
766
784
|
E05: themeBoxShadow.sm,
|
|
@@ -768,7 +786,7 @@ var elevation = {
|
|
|
768
786
|
E10A: themeBoxShadow.md,
|
|
769
787
|
E20: themeBoxShadow.lg,
|
|
770
788
|
E30: themeBoxShadow.xl,
|
|
771
|
-
E40: themeBoxShadow["2xl"]
|
|
789
|
+
E40: themeBoxShadow["2xl"],
|
|
772
790
|
};
|
|
773
791
|
|
|
774
792
|
// libs/ui/design-tokens/src/tokens/screenSize.ts
|
|
@@ -779,46 +797,46 @@ var themeScreenSize = {
|
|
|
779
797
|
lg: "1024px",
|
|
780
798
|
xl: "1200px",
|
|
781
799
|
"2xl": "1600px",
|
|
782
|
-
"3xl": "1900px"
|
|
800
|
+
"3xl": "1900px",
|
|
783
801
|
};
|
|
784
802
|
|
|
785
803
|
// libs/ui/design-tokens/src/tokens/size.ts
|
|
786
804
|
var themeSpacing = {
|
|
787
805
|
px: "1px",
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
806
|
+
0: "0px",
|
|
807
|
+
0.5: "0.125rem",
|
|
808
|
+
1: "0.25rem",
|
|
809
|
+
1.5: "0.375rem",
|
|
810
|
+
2: "0.5rem",
|
|
811
|
+
2.5: "0.625rem",
|
|
812
|
+
3: "0.75rem",
|
|
813
|
+
3.5: "0.875rem",
|
|
814
|
+
4: "1rem",
|
|
815
|
+
5: "1.25rem",
|
|
816
|
+
6: "1.5rem",
|
|
817
|
+
7: "1.75rem",
|
|
818
|
+
8: "2rem",
|
|
819
|
+
9: "2.25rem",
|
|
820
|
+
10: "2.5rem",
|
|
821
|
+
11: "2.75rem",
|
|
822
|
+
12: "3rem",
|
|
823
|
+
14: "3.5rem",
|
|
824
|
+
16: "4rem",
|
|
825
|
+
20: "5rem",
|
|
826
|
+
24: "6rem",
|
|
827
|
+
28: "7rem",
|
|
828
|
+
32: "8rem",
|
|
829
|
+
36: "9rem",
|
|
830
|
+
40: "10rem",
|
|
831
|
+
44: "11rem",
|
|
832
|
+
48: "12rem",
|
|
833
|
+
52: "13rem",
|
|
834
|
+
56: "14rem",
|
|
835
|
+
60: "15rem",
|
|
836
|
+
64: "16rem",
|
|
837
|
+
72: "18rem",
|
|
838
|
+
80: "20rem",
|
|
839
|
+
96: "24rem",
|
|
822
840
|
};
|
|
823
841
|
var size = {
|
|
824
842
|
none: themeSpacing[0],
|
|
@@ -828,7 +846,7 @@ var size = {
|
|
|
828
846
|
medium: themeSpacing[4],
|
|
829
847
|
large: themeSpacing[6],
|
|
830
848
|
giant: themeSpacing[8],
|
|
831
|
-
enormous: themeSpacing[10]
|
|
849
|
+
enormous: themeSpacing[10],
|
|
832
850
|
};
|
|
833
851
|
|
|
834
852
|
// libs/ui/design-tokens/src/tokens/typography.ts
|
|
@@ -845,7 +863,7 @@ var themeFontSize = {
|
|
|
845
863
|
"6xl": "3.75rem",
|
|
846
864
|
"7xl": "4.5rem",
|
|
847
865
|
"8xl": "6rem",
|
|
848
|
-
"9xl": "8rem"
|
|
866
|
+
"9xl": "8rem",
|
|
849
867
|
};
|
|
850
868
|
var themeLineHeight = {
|
|
851
869
|
xs: "1rem",
|
|
@@ -860,7 +878,7 @@ var themeLineHeight = {
|
|
|
860
878
|
"6xl": "3rem",
|
|
861
879
|
"7xl": "3.25rem",
|
|
862
880
|
"8xl": "3.5rem",
|
|
863
|
-
"9xl": "3.75rem"
|
|
881
|
+
"9xl": "3.75rem",
|
|
864
882
|
};
|
|
865
883
|
var themeFontWeight = {
|
|
866
884
|
thin: 100,
|
|
@@ -870,7 +888,7 @@ var themeFontWeight = {
|
|
|
870
888
|
medium: 500,
|
|
871
889
|
bold: 600,
|
|
872
890
|
extrabold: 700,
|
|
873
|
-
black: 800
|
|
891
|
+
black: 800,
|
|
874
892
|
};
|
|
875
893
|
var fontSize = {
|
|
876
894
|
primary: themeFontSize["3xl"],
|
|
@@ -883,7 +901,7 @@ var fontSize = {
|
|
|
883
901
|
// 16px
|
|
884
902
|
body: themeFontSize.sm,
|
|
885
903
|
// 14px
|
|
886
|
-
small: themeFontSize.xs
|
|
904
|
+
small: themeFontSize.xs,
|
|
887
905
|
// 12px
|
|
888
906
|
};
|
|
889
907
|
var fontWeight = {
|
|
@@ -894,7 +912,7 @@ var fontWeight = {
|
|
|
894
912
|
medium: themeFontWeight.medium,
|
|
895
913
|
bold: themeFontWeight.bold,
|
|
896
914
|
extrabold: themeFontWeight.extrabold,
|
|
897
|
-
black: themeFontWeight.black
|
|
915
|
+
black: themeFontWeight.black,
|
|
898
916
|
};
|
|
899
917
|
|
|
900
918
|
// libs/ui/design-tokens/src/tokens/zIndex.ts
|
|
@@ -904,7 +922,7 @@ var themeZIndex = {
|
|
|
904
922
|
top: 5,
|
|
905
923
|
overlay: 10,
|
|
906
924
|
popover: 20,
|
|
907
|
-
toast: 100
|
|
925
|
+
toast: 100,
|
|
908
926
|
};
|
|
909
927
|
var zIndex = {
|
|
910
928
|
hidden: themeZIndex.hidden,
|
|
@@ -912,7 +930,7 @@ var zIndex = {
|
|
|
912
930
|
top: themeZIndex.top,
|
|
913
931
|
overlay: themeZIndex.overlay,
|
|
914
932
|
popover: themeZIndex.popover,
|
|
915
|
-
toast: themeZIndex.toast
|
|
933
|
+
toast: themeZIndex.toast,
|
|
916
934
|
};
|
|
917
935
|
|
|
918
936
|
// libs/css/tailwind/src/lib/animations.ts
|
|
@@ -929,69 +947,69 @@ var animations = {
|
|
|
929
947
|
"ping-sm": "pingSm 1s cubic-bezier(0, 0, 0.2, 1) infinite",
|
|
930
948
|
"bg-scroll-br": "bgScrollBR 10s ease infinite",
|
|
931
949
|
"modal-fade": "modalFade 0.3s ease-in-out 1 forwards",
|
|
932
|
-
"fade-in-rising": "fadeInRising 0.2s ease-in"
|
|
950
|
+
"fade-in-rising": "fadeInRising 0.2s ease-in",
|
|
933
951
|
},
|
|
934
952
|
keyframes: {
|
|
935
953
|
modalFade: {
|
|
936
954
|
from: {
|
|
937
955
|
opacity: "0",
|
|
938
|
-
visibility: "hidden"
|
|
956
|
+
visibility: "hidden",
|
|
939
957
|
},
|
|
940
|
-
to: { opacity: "1", visibility: "visible" }
|
|
958
|
+
to: { opacity: "1", visibility: "visible" },
|
|
941
959
|
},
|
|
942
960
|
copy: {
|
|
943
961
|
from: {
|
|
944
962
|
color: "green",
|
|
945
|
-
"border-color": "green"
|
|
963
|
+
"border-color": "green",
|
|
946
964
|
},
|
|
947
|
-
to: { color: "initial", "border-color": "initial" }
|
|
965
|
+
to: { color: "initial", "border-color": "initial" },
|
|
948
966
|
},
|
|
949
967
|
bgScrollBR: {
|
|
950
968
|
"0%": { "background-position": "7% 0%", "background-size": "200% 200%" },
|
|
951
969
|
"50%": { "background-position": "94% 100%", "background-size": "200% 200%" },
|
|
952
|
-
"100%": { "background-position": "7% 0%", "background-size": "200% 200%" }
|
|
970
|
+
"100%": { "background-position": "7% 0%", "background-size": "200% 200%" },
|
|
953
971
|
},
|
|
954
972
|
fadeOut: {
|
|
955
973
|
"0%": { opacity: "1" },
|
|
956
|
-
"100%": { opacity: "0" }
|
|
974
|
+
"100%": { opacity: "0" },
|
|
957
975
|
},
|
|
958
976
|
fadeIn: {
|
|
959
977
|
"0%": { opacity: "0" },
|
|
960
|
-
"100%": { opacity: "1" }
|
|
978
|
+
"100%": { opacity: "1" },
|
|
961
979
|
},
|
|
962
980
|
slideInLeft: {
|
|
963
981
|
"0%": { transform: "translate(-100%)" },
|
|
964
|
-
"100%": { transform: "translate(0%)" }
|
|
982
|
+
"100%": { transform: "translate(0%)" },
|
|
965
983
|
},
|
|
966
984
|
slideInRight: {
|
|
967
985
|
"0%": { transform: "translate(100%)" },
|
|
968
|
-
"100%": { transform: "translate(0%)" }
|
|
986
|
+
"100%": { transform: "translate(0%)" },
|
|
969
987
|
},
|
|
970
988
|
slideInBottom: {
|
|
971
989
|
"0%": { transform: "translate(0, 100%)" },
|
|
972
|
-
"100%": { transform: "translate(0, 0%)" }
|
|
990
|
+
"100%": { transform: "translate(0, 0%)" },
|
|
973
991
|
},
|
|
974
992
|
slideInTop: {
|
|
975
993
|
"0%": { transform: "translate(0, -100%)" },
|
|
976
|
-
"100%": { transform: "translate(0, 0%)" }
|
|
994
|
+
"100%": { transform: "translate(0, 0%)" },
|
|
977
995
|
},
|
|
978
996
|
pingSm: {
|
|
979
997
|
"75%, 100%": {
|
|
980
998
|
transform: "scale(1.5)",
|
|
981
|
-
opacity: "0"
|
|
982
|
-
}
|
|
999
|
+
opacity: "0",
|
|
1000
|
+
},
|
|
983
1001
|
},
|
|
984
1002
|
fadeInRising: {
|
|
985
1003
|
"0%": {
|
|
986
1004
|
opacity: "0",
|
|
987
|
-
transform: "translateY(50px)"
|
|
1005
|
+
transform: "translateY(50px)",
|
|
988
1006
|
},
|
|
989
1007
|
"100%": {
|
|
990
1008
|
opacity: "1",
|
|
991
|
-
transform: "translateY(0)"
|
|
992
|
-
}
|
|
993
|
-
}
|
|
994
|
-
}
|
|
1009
|
+
transform: "translateY(0)",
|
|
1010
|
+
},
|
|
1011
|
+
},
|
|
1012
|
+
},
|
|
995
1013
|
};
|
|
996
1014
|
|
|
997
1015
|
// libs/css/tailwind/src/lib/containers.ts
|
|
@@ -999,8 +1017,8 @@ var containers = {
|
|
|
999
1017
|
containers: {
|
|
1000
1018
|
"2xs": "16rem",
|
|
1001
1019
|
"3xs": "12rem",
|
|
1002
|
-
"4xs": "8rem"
|
|
1003
|
-
}
|
|
1020
|
+
"4xs": "8rem",
|
|
1021
|
+
},
|
|
1004
1022
|
};
|
|
1005
1023
|
|
|
1006
1024
|
// libs/css/tailwind/src/lib/grids.ts
|
|
@@ -1008,13 +1026,13 @@ var grids = {
|
|
|
1008
1026
|
gridTemplateColumns: {
|
|
1009
1027
|
"min-fr-min": "min-content minmax(0, 1fr) min-content",
|
|
1010
1028
|
"fr-min": "minmax(0, 1fr) min-content",
|
|
1011
|
-
"min-fr": "min-content minmax(0, 1fr)"
|
|
1029
|
+
"min-fr": "min-content minmax(0, 1fr)",
|
|
1012
1030
|
},
|
|
1013
1031
|
gridTemplateRows: {
|
|
1014
1032
|
"min-fr-min": "min-content minmax(0, 1fr) min-content",
|
|
1015
1033
|
"fr-min": "minmax(0, 1fr) min-content",
|
|
1016
|
-
"min-fr": "min-content minmax(0, 1fr)"
|
|
1017
|
-
}
|
|
1034
|
+
"min-fr": "min-content minmax(0, 1fr)",
|
|
1035
|
+
},
|
|
1018
1036
|
};
|
|
1019
1037
|
|
|
1020
1038
|
// libs/css/tailwind/src/lib/plugin/layouts.ts
|
|
@@ -1032,53 +1050,53 @@ var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents,
|
|
|
1032
1050
|
".layout-min-col-lg": { "--min-column-width": "420px" },
|
|
1033
1051
|
".layout-min-col-xl": { "--min-column-width": "540px" },
|
|
1034
1052
|
":root": { "--table-spacing": "0.75rem" },
|
|
1035
|
-
".table-compact": { "--table-spacing": "0.25rem" }
|
|
1053
|
+
".table-compact": { "--table-spacing": "0.25rem" },
|
|
1036
1054
|
});
|
|
1037
1055
|
addComponents({
|
|
1038
1056
|
".layout-area-topbar": {
|
|
1039
|
-
"grid-area": "topbar"
|
|
1057
|
+
"grid-area": "topbar",
|
|
1040
1058
|
},
|
|
1041
1059
|
".layout-area-sidebar": {
|
|
1042
|
-
"grid-area": "sidebar"
|
|
1060
|
+
"grid-area": "sidebar",
|
|
1043
1061
|
},
|
|
1044
1062
|
".layout-area-content": {
|
|
1045
|
-
"grid-area": "content"
|
|
1063
|
+
"grid-area": "content",
|
|
1046
1064
|
},
|
|
1047
1065
|
".layout-page": {
|
|
1048
1066
|
display: "grid",
|
|
1049
1067
|
height: "100%",
|
|
1050
|
-
"align-content": "flex-start"
|
|
1068
|
+
"align-content": "flex-start",
|
|
1051
1069
|
},
|
|
1052
1070
|
".layout-page-header-content": {
|
|
1053
|
-
"grid-template-rows": "min-content minmax(0, 1fr)"
|
|
1071
|
+
"grid-template-rows": "min-content minmax(0, 1fr)",
|
|
1054
1072
|
},
|
|
1055
1073
|
".layout-page-content": {
|
|
1056
|
-
"grid-template-rows": "repeat(1, minmax(0, 1fr))"
|
|
1074
|
+
"grid-template-rows": "repeat(1, minmax(0, 1fr))",
|
|
1057
1075
|
},
|
|
1058
1076
|
".page-content": {
|
|
1059
1077
|
overflow: "auto",
|
|
1060
1078
|
padding: "var(--spacing-4)",
|
|
1061
1079
|
"@media (min-width: 768px)": {
|
|
1062
|
-
padding: "var(--spacing-6)"
|
|
1080
|
+
padding: "var(--spacing-6)",
|
|
1063
1081
|
},
|
|
1064
1082
|
"@media (min-width: 1024px)": {
|
|
1065
|
-
padding: "var(--spacing-8)"
|
|
1066
|
-
}
|
|
1083
|
+
padding: "var(--spacing-8)",
|
|
1084
|
+
},
|
|
1067
1085
|
},
|
|
1068
1086
|
".page-content-with-gap": {
|
|
1069
1087
|
display: "flex",
|
|
1070
1088
|
"flex-direction": "column",
|
|
1071
1089
|
gap: "var(--spacing-4)",
|
|
1072
1090
|
"@media (min-width: 768px)": {
|
|
1073
|
-
gap: "var(--spacing-6)"
|
|
1091
|
+
gap: "var(--spacing-6)",
|
|
1074
1092
|
},
|
|
1075
1093
|
"@media (min-width: 1024px)": {
|
|
1076
|
-
gap: "var(--spacing-8)"
|
|
1077
|
-
}
|
|
1094
|
+
gap: "var(--spacing-8)",
|
|
1095
|
+
},
|
|
1078
1096
|
},
|
|
1079
1097
|
".layout-page-sidebar-content": {
|
|
1080
1098
|
"grid-template-rows": "repeat(1, minmax(0, 1fr))",
|
|
1081
|
-
"grid-template-columns": "360px minmax(0,1fr)"
|
|
1099
|
+
"grid-template-columns": "360px minmax(0,1fr)",
|
|
1082
1100
|
},
|
|
1083
1101
|
".layout-left-sidebar-grid": {
|
|
1084
1102
|
display: "grid",
|
|
@@ -1088,8 +1106,8 @@ var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents,
|
|
|
1088
1106
|
"@media (min-width: 1600px)": {
|
|
1089
1107
|
"grid-template-rows": "min-content auto",
|
|
1090
1108
|
"grid-template-columns": "min-content auto",
|
|
1091
|
-
"grid-template-areas": "'topbar topbar' 'sidebar content'"
|
|
1092
|
-
}
|
|
1109
|
+
"grid-template-areas": "'topbar topbar' 'sidebar content'",
|
|
1110
|
+
},
|
|
1093
1111
|
},
|
|
1094
1112
|
".layout-left-sidebar-page": {
|
|
1095
1113
|
display: "grid",
|
|
@@ -1101,11 +1119,11 @@ var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents,
|
|
|
1101
1119
|
"grid-template-areas": "'topbar' 'sidebar' 'content'",
|
|
1102
1120
|
".layout-area-sidebar": {
|
|
1103
1121
|
"padding-left": "var(--spacing-4)",
|
|
1104
|
-
"padding-right": "var(--spacing-4)"
|
|
1122
|
+
"padding-right": "var(--spacing-4)",
|
|
1105
1123
|
},
|
|
1106
1124
|
".layout-area-content": {
|
|
1107
1125
|
"padding-left": "var(--spacing-4)",
|
|
1108
|
-
"padding-right": "var(--spacing-4)"
|
|
1126
|
+
"padding-right": "var(--spacing-4)",
|
|
1109
1127
|
},
|
|
1110
1128
|
"@media (min-width: 1024px)": {
|
|
1111
1129
|
"grid-template-rows": "min-content 1fr",
|
|
@@ -1114,13 +1132,13 @@ var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents,
|
|
|
1114
1132
|
gap: "var(--spacing-6)",
|
|
1115
1133
|
".layout-area-sidebar": {
|
|
1116
1134
|
"padding-left": "var(--spacing-6)",
|
|
1117
|
-
"padding-right": "var(--spacing-0)"
|
|
1135
|
+
"padding-right": "var(--spacing-0)",
|
|
1118
1136
|
},
|
|
1119
1137
|
".layout-area-content": {
|
|
1120
1138
|
"padding-left": "var(--spacing-0)",
|
|
1121
|
-
"padding-right": "var(--spacing-6)"
|
|
1122
|
-
}
|
|
1123
|
-
}
|
|
1139
|
+
"padding-right": "var(--spacing-6)",
|
|
1140
|
+
},
|
|
1141
|
+
},
|
|
1124
1142
|
},
|
|
1125
1143
|
".layout-responsive-grid": {
|
|
1126
1144
|
"--occupation": "auto-fit",
|
|
@@ -1128,20 +1146,20 @@ var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents,
|
|
|
1128
1146
|
"--row-height": "1fr",
|
|
1129
1147
|
display: "grid",
|
|
1130
1148
|
"grid-template-columns": "repeat(var(--occupation), minmax(min(var(--min-column-width), 100%), 1fr))",
|
|
1131
|
-
gap: "var(--spacing-responsive-space)"
|
|
1149
|
+
gap: "var(--spacing-responsive-space)",
|
|
1132
1150
|
},
|
|
1133
1151
|
// MapControlsGrid
|
|
1134
1152
|
".layout-area-map-controls-content": {
|
|
1135
|
-
"grid-area": "map-controls-content"
|
|
1153
|
+
"grid-area": "map-controls-content",
|
|
1136
1154
|
},
|
|
1137
1155
|
".layout-area-map-controls-map": {
|
|
1138
|
-
"grid-area": "map-controls-map"
|
|
1156
|
+
"grid-area": "map-controls-map",
|
|
1139
1157
|
},
|
|
1140
1158
|
".layout-area-map-controls-overview": {
|
|
1141
|
-
"grid-area": "map-controls-overview"
|
|
1159
|
+
"grid-area": "map-controls-overview",
|
|
1142
1160
|
},
|
|
1143
1161
|
".layout-area-map-controls-action": {
|
|
1144
|
-
"grid-area": "map-controls-action"
|
|
1162
|
+
"grid-area": "map-controls-action",
|
|
1145
1163
|
},
|
|
1146
1164
|
".layout-map-controls-grid": {
|
|
1147
1165
|
display: "grid",
|
|
@@ -1150,8 +1168,8 @@ var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents,
|
|
|
1150
1168
|
"grid-template-areas": `
|
|
1151
1169
|
"map-controls-content map-controls-action"
|
|
1152
1170
|
"map-controls-overview map-controls-map"
|
|
1153
|
-
|
|
1154
|
-
}
|
|
1171
|
+
`,
|
|
1172
|
+
},
|
|
1155
1173
|
});
|
|
1156
1174
|
});
|
|
1157
1175
|
|
|
@@ -1159,11 +1177,11 @@ var LayoutsPlugin = (0, import_plugin4.default)(({ addUtilities, addComponents,
|
|
|
1159
1177
|
var designTokensToTailwindConfig = (name, designTokens) => {
|
|
1160
1178
|
const entries = Object.entries(designTokens).map(([key, value]) => [
|
|
1161
1179
|
key,
|
|
1162
|
-
`/* ${remToPx(value)} */ ${valueInVar(keysToCssVariableName([name, key]))}
|
|
1180
|
+
`/* ${remToPx(value)} */ ${valueInVar(keysToCssVariableName([name, key]))}`,
|
|
1163
1181
|
]);
|
|
1164
1182
|
return Object.fromEntries(entries);
|
|
1165
1183
|
};
|
|
1166
|
-
var valueInVar =
|
|
1184
|
+
var valueInVar = value => `var(${value})`;
|
|
1167
1185
|
var remToPx = (value, fontSize2 = 16) => {
|
|
1168
1186
|
try {
|
|
1169
1187
|
if (value && typeof value === "string" && value.includes("rem")) {
|
|
@@ -1175,10 +1193,10 @@ var remToPx = (value, fontSize2 = 16) => {
|
|
|
1175
1193
|
return value;
|
|
1176
1194
|
}
|
|
1177
1195
|
};
|
|
1178
|
-
var designTokensToFontSizeTailwindConfig =
|
|
1179
|
-
const entries = Object.keys(fontSizes).map(
|
|
1196
|
+
var designTokensToFontSizeTailwindConfig = fontSizes => {
|
|
1197
|
+
const entries = Object.keys(fontSizes).map(key => [
|
|
1180
1198
|
key,
|
|
1181
|
-
[valueInVar(`--font-size-${key}`), { lineHeight: valueInVar(`--line-height-${key}`) }]
|
|
1199
|
+
[valueInVar(`--font-size-${key}`), { lineHeight: valueInVar(`--line-height-${key}`) }],
|
|
1182
1200
|
]);
|
|
1183
1201
|
return Object.fromEntries(entries);
|
|
1184
1202
|
};
|
|
@@ -1220,9 +1238,12 @@ function withOpacityValue(variable) {
|
|
|
1220
1238
|
return `rgb(var(${variable}) / ${opacityValue}) /* rgb(${getColorValueFromCSSVariable(variable)}) */`;
|
|
1221
1239
|
};
|
|
1222
1240
|
}
|
|
1223
|
-
function fullColorSchemeFromColorName(
|
|
1241
|
+
function fullColorSchemeFromColorName(
|
|
1242
|
+
colorName,
|
|
1243
|
+
keys = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"]
|
|
1244
|
+
) {
|
|
1224
1245
|
const colors = {};
|
|
1225
|
-
keys.forEach(
|
|
1246
|
+
keys.forEach(key => {
|
|
1226
1247
|
colors[key] = withOpacityValue(keysToCssVariableName(["color", colorName, key]));
|
|
1227
1248
|
});
|
|
1228
1249
|
return colors;
|
|
@@ -1242,7 +1263,7 @@ function withCustomPropertyValueAsComment(customProperty, append = "", file) {
|
|
|
1242
1263
|
// libs/css/tailwind/src/lib/tailwind-base.ts
|
|
1243
1264
|
var tailwindBaseConfig = {
|
|
1244
1265
|
content: {
|
|
1245
|
-
files: []
|
|
1266
|
+
files: [],
|
|
1246
1267
|
},
|
|
1247
1268
|
theme: {
|
|
1248
1269
|
screens: themeScreenSize,
|
|
@@ -1255,80 +1276,89 @@ var tailwindBaseConfig = {
|
|
|
1255
1276
|
const tailwindDefaults = Object.fromEntries(
|
|
1256
1277
|
Object.entries(tailwindPalette).map(([key, value]) => [
|
|
1257
1278
|
key,
|
|
1258
|
-
fullColorSchemeFromColorName(key, Object.keys(value))
|
|
1279
|
+
fullColorSchemeFromColorName(key, Object.keys(value)),
|
|
1259
1280
|
])
|
|
1260
1281
|
);
|
|
1261
|
-
return __spreadValues(
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1282
|
+
return __spreadValues(
|
|
1283
|
+
__spreadValues(
|
|
1284
|
+
{
|
|
1285
|
+
e2e: {
|
|
1286
|
+
DEFAULT: "rgb(255, 20, 147)",
|
|
1287
|
+
},
|
|
1288
|
+
inherit: colors.inherit,
|
|
1289
|
+
current: colors.current,
|
|
1290
|
+
transparent: colors.transparent,
|
|
1291
|
+
},
|
|
1292
|
+
tailwindDefaults
|
|
1293
|
+
),
|
|
1294
|
+
customColors
|
|
1295
|
+
);
|
|
1269
1296
|
},
|
|
1270
1297
|
spacing: __spreadProps(__spreadValues({}, designTokensToTailwindConfig("spacing", themeSpacing)), {
|
|
1271
1298
|
"responsive-space": withCustomPropertyValueAsComment("--spacing-responsive-space"),
|
|
1272
|
-
"table-spacing": withCustomPropertyValueAsComment("--table-spacing")
|
|
1299
|
+
"table-spacing": withCustomPropertyValueAsComment("--table-spacing"),
|
|
1273
1300
|
}),
|
|
1274
1301
|
borderRadius: designTokensToTailwindConfig("border-radius", themeBorderRadius),
|
|
1275
1302
|
boxShadow: designTokensToTailwindConfig("box-shadow", themeBoxShadow),
|
|
1276
1303
|
fontSize: designTokensToFontSizeTailwindConfig(themeFontSize),
|
|
1277
1304
|
extend: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, animations), grids), containers), {
|
|
1278
|
-
zIndex: designTokensToTailwindConfig("z", themeZIndex)
|
|
1305
|
+
zIndex: designTokensToTailwindConfig("z", themeZIndex),
|
|
1279
1306
|
}),
|
|
1280
1307
|
variables: {
|
|
1281
1308
|
"theme-marketing": {
|
|
1282
|
-
color: __spreadProps(
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1309
|
+
color: __spreadProps(
|
|
1310
|
+
__spreadValues(__spreadValues({}, tailwindPalette), themeColorsToVariableObjectDefinition(themeColors)),
|
|
1311
|
+
{
|
|
1312
|
+
stone: {
|
|
1313
|
+
50: "251 249 249",
|
|
1314
|
+
100: "243 237 237",
|
|
1315
|
+
200: "234 222 222",
|
|
1316
|
+
300: "219 198 198",
|
|
1317
|
+
400: "196 165 165",
|
|
1318
|
+
500: "173 134 134",
|
|
1319
|
+
600: "150 108 108",
|
|
1320
|
+
700: "125 88 88",
|
|
1321
|
+
800: "105 75 75",
|
|
1322
|
+
900: "89 67 67",
|
|
1323
|
+
},
|
|
1324
|
+
primary: {
|
|
1325
|
+
50: "254 236 235",
|
|
1326
|
+
100: "254 236 235",
|
|
1327
|
+
200: "254 217 215",
|
|
1328
|
+
300: "253 180 176",
|
|
1329
|
+
400: "251 142 136",
|
|
1330
|
+
500: "250 104 97",
|
|
1331
|
+
600: "249 66 58",
|
|
1332
|
+
700: "238 19 7",
|
|
1333
|
+
800: "178 14 5",
|
|
1334
|
+
900: "119 9 4",
|
|
1335
|
+
},
|
|
1336
|
+
secondary: {
|
|
1337
|
+
50: "238 243 246",
|
|
1338
|
+
100: "238 243 246",
|
|
1339
|
+
200: "222 231 237",
|
|
1340
|
+
300: "189 208 219",
|
|
1341
|
+
400: "155 184 202",
|
|
1342
|
+
500: "122 160 184",
|
|
1343
|
+
600: "89 137 166",
|
|
1344
|
+
700: "71 109 133",
|
|
1345
|
+
800: "53 82 100",
|
|
1346
|
+
900: "36 55 66",
|
|
1347
|
+
},
|
|
1348
|
+
accent: {
|
|
1349
|
+
50: "255 246 240",
|
|
1350
|
+
100: "255 246 240",
|
|
1351
|
+
200: "255 238 224",
|
|
1352
|
+
300: "255 223 199",
|
|
1353
|
+
400: "255 206 168",
|
|
1354
|
+
500: "255 191 143",
|
|
1355
|
+
600: "255 173 112",
|
|
1356
|
+
700: "255 134 41",
|
|
1357
|
+
800: "219 95 0",
|
|
1358
|
+
900: "148 64 0",
|
|
1359
|
+
},
|
|
1330
1360
|
}
|
|
1331
|
-
|
|
1361
|
+
),
|
|
1332
1362
|
},
|
|
1333
1363
|
DEFAULT: {
|
|
1334
1364
|
"border-radius": themeBorderRadius,
|
|
@@ -1337,10 +1367,10 @@ var tailwindBaseConfig = {
|
|
|
1337
1367
|
"font-size": themeFontSize,
|
|
1338
1368
|
"line-height": themeLineHeight,
|
|
1339
1369
|
spacing: themeSpacing,
|
|
1340
|
-
z: themeZIndex
|
|
1341
|
-
}
|
|
1342
|
-
}
|
|
1370
|
+
z: themeZIndex,
|
|
1371
|
+
},
|
|
1372
|
+
},
|
|
1343
1373
|
},
|
|
1344
|
-
plugins: [CssTailwindCustomPropertiesPlugin, src_default, LayoutsPlugin]
|
|
1374
|
+
plugins: [CssTailwindCustomPropertiesPlugin, src_default, LayoutsPlugin],
|
|
1345
1375
|
};
|
|
1346
1376
|
var tailwind_base_default = tailwindBaseConfig;
|