@speckle/tailwind-theme 2.12.666
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/.eslintrc.cjs +54 -0
- package/README.md +21 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -0
- package/dist/package.json +38 -0
- package/dist/plugin.d.ts +72 -0
- package/dist/plugin.d.ts.map +1 -0
- package/dist/plugin.js +209 -0
- package/dist/plugin.js.map +1 -0
- package/dist/preset.d.ts +4 -0
- package/dist/preset.d.ts.map +1 -0
- package/dist/preset.js +78 -0
- package/dist/preset.js.map +1 -0
- package/dist-cjs/index.d.ts +4 -0
- package/dist-cjs/index.d.ts.map +1 -0
- package/dist-cjs/index.js +31 -0
- package/dist-cjs/index.js.map +1 -0
- package/dist-cjs/package.json +38 -0
- package/dist-cjs/plugin.d.ts +72 -0
- package/dist-cjs/plugin.d.ts.map +1 -0
- package/dist-cjs/plugin.js +215 -0
- package/dist-cjs/plugin.js.map +1 -0
- package/dist-cjs/preset.d.ts +4 -0
- package/dist-cjs/preset.d.ts.map +1 -0
- package/dist-cjs/preset.js +83 -0
- package/dist-cjs/preset.js.map +1 -0
- package/package.json +58 -0
- package/src/index.ts +4 -0
- package/src/plugin.ts +226 -0
- package/src/preset.ts +80 -0
- package/tailwind.test.config.cjs +28 -0
- package/tsconfig.cjs.json +8 -0
- package/tsconfig.json +109 -0
- package/utils/tailwind-configure.cjs +15 -0
- package/utils/tailwind-configure.d.ts +1 -0
- package/utils/tailwind-configure.js +13 -0
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
export declare const lightThemeVariables: {
|
|
2
|
+
'--foundation-page': string;
|
|
3
|
+
'--foundation': string;
|
|
4
|
+
'--foundation-2': string;
|
|
5
|
+
'--foundation-3': string;
|
|
6
|
+
'--foundation-4': string;
|
|
7
|
+
'--foundation-5': string;
|
|
8
|
+
'--foundation-focus': string;
|
|
9
|
+
'--foundation-disabled': string;
|
|
10
|
+
'--foreground': string;
|
|
11
|
+
'--foreground-2': string;
|
|
12
|
+
'--foreground-disabled': string;
|
|
13
|
+
'--foreground-primary': string;
|
|
14
|
+
'--foreground-on-primary': string;
|
|
15
|
+
'--primary': string;
|
|
16
|
+
'--primary-focus': string;
|
|
17
|
+
'--primary-muted': string;
|
|
18
|
+
'--outline-1': string;
|
|
19
|
+
'--outline-2': string;
|
|
20
|
+
'--outline-3': string;
|
|
21
|
+
'--success': string;
|
|
22
|
+
'--success-lighter': string;
|
|
23
|
+
'--success-darker': string;
|
|
24
|
+
'--warning': string;
|
|
25
|
+
'--warning-lighter': string;
|
|
26
|
+
'--warning-darker': string;
|
|
27
|
+
'--info': string;
|
|
28
|
+
'--info-lighter': string;
|
|
29
|
+
'--info-darker': string;
|
|
30
|
+
'--danger': string;
|
|
31
|
+
'--danger-lighter': string;
|
|
32
|
+
'--danger-darker': string;
|
|
33
|
+
};
|
|
34
|
+
export declare const darkThemeVariables: {
|
|
35
|
+
'--foundation-page': string;
|
|
36
|
+
'--foundation': string;
|
|
37
|
+
'--foundation-2': string;
|
|
38
|
+
'--foundation-3': string;
|
|
39
|
+
'--foundation-4': string;
|
|
40
|
+
'--foundation-5': string;
|
|
41
|
+
'--foundation-focus': string;
|
|
42
|
+
'--foundation-disabled': string;
|
|
43
|
+
'--foreground': string;
|
|
44
|
+
'--foreground-2': string;
|
|
45
|
+
'--foreground-disabled': string;
|
|
46
|
+
'--foreground-primary': string;
|
|
47
|
+
'--foreground-on-primary': string;
|
|
48
|
+
'--primary': string;
|
|
49
|
+
'--primary-focus': string;
|
|
50
|
+
'--primary-muted': string;
|
|
51
|
+
'--outline-1': string;
|
|
52
|
+
'--outline-2': string;
|
|
53
|
+
'--outline-3': string;
|
|
54
|
+
'--success': string;
|
|
55
|
+
'--success-lighter': string;
|
|
56
|
+
'--success-darker': string;
|
|
57
|
+
'--warning': string;
|
|
58
|
+
'--warning-lighter': string;
|
|
59
|
+
'--warning-darker': string;
|
|
60
|
+
'--info': string;
|
|
61
|
+
'--info-lighter': string;
|
|
62
|
+
'--info-darker': string;
|
|
63
|
+
'--danger': string;
|
|
64
|
+
'--danger-lighter': string;
|
|
65
|
+
'--danger-darker': string;
|
|
66
|
+
};
|
|
67
|
+
declare const _default: {
|
|
68
|
+
handler: import("tailwindcss/types/config.js").PluginCreator;
|
|
69
|
+
config?: Partial<import("tailwindcss").Config> | undefined;
|
|
70
|
+
};
|
|
71
|
+
export default _default;
|
|
72
|
+
//# sourceMappingURL=plugin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD/B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD9B,CAAA;;;;;AAED,wBA0GU"}
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.darkThemeVariables = exports.lightThemeVariables = void 0;
|
|
7
|
+
const plugin_js_1 = __importDefault(require("tailwindcss/plugin.js"));
|
|
8
|
+
const preset_js_1 = __importDefault(require("./preset.js"));
|
|
9
|
+
exports.lightThemeVariables = {
|
|
10
|
+
/* used only as the page background */
|
|
11
|
+
'--foundation-page': '#f1f5f9',
|
|
12
|
+
/* used as the background for any elements that sit on the page */
|
|
13
|
+
'--foundation': '#fcfcfc',
|
|
14
|
+
'--foundation-2': '#fcfcfc',
|
|
15
|
+
'--foundation-3': '#fcfcfc',
|
|
16
|
+
'--foundation-4': '#fcfcfc',
|
|
17
|
+
'--foundation-5': '#fcfcfc',
|
|
18
|
+
/* for hover/focus states */
|
|
19
|
+
'--foundation-focus': '#dbeafe',
|
|
20
|
+
/* for disabled backgrounds */
|
|
21
|
+
'--foundation-disabled': '#e5e5e5',
|
|
22
|
+
/* default foreground color */
|
|
23
|
+
'--foreground': '#334155',
|
|
24
|
+
/* dimmer foreground color, e.g. caption text */
|
|
25
|
+
'--foreground-2': '#94a3b8',
|
|
26
|
+
/* disabled foreground color */
|
|
27
|
+
'--foreground-disabled': '#a3a3a3',
|
|
28
|
+
/* primary color when used for text directly on top of foundation-page */
|
|
29
|
+
'--foreground-primary': '#3b82f6',
|
|
30
|
+
/* foreground color when put on top of a primary colored background */
|
|
31
|
+
'--foreground-on-primary': '#fff',
|
|
32
|
+
/* primary color */
|
|
33
|
+
'--primary': '#3b82f6',
|
|
34
|
+
/* focused primary color */
|
|
35
|
+
'--primary-focus': '#2563eb',
|
|
36
|
+
/* muted primary color */
|
|
37
|
+
'--primary-muted': '#3b82f60d',
|
|
38
|
+
/* outline variations */
|
|
39
|
+
'--outline-1': '#3b82f6',
|
|
40
|
+
'--outline-2': '#93c5fd',
|
|
41
|
+
'--outline-3': '#cbd5e1',
|
|
42
|
+
/* success variations */
|
|
43
|
+
'--success': '#34d399',
|
|
44
|
+
'--success-lighter': '#d1fae5',
|
|
45
|
+
'--success-darker': '#064e3b',
|
|
46
|
+
/* warning variations */
|
|
47
|
+
'--warning': '#fbbf24',
|
|
48
|
+
'--warning-lighter': '#fef3c7',
|
|
49
|
+
'--warning-darker': '#78350f',
|
|
50
|
+
/* info variations */
|
|
51
|
+
'--info': '#38bdf8',
|
|
52
|
+
'--info-lighter': '#e0f2fe',
|
|
53
|
+
'--info-darker': '#0c4a6e',
|
|
54
|
+
/* danger variations */
|
|
55
|
+
'--danger': '#f87171',
|
|
56
|
+
'--danger-lighter': '#fee2e2',
|
|
57
|
+
'--danger-darker': '#7f1d1d'
|
|
58
|
+
};
|
|
59
|
+
exports.darkThemeVariables = {
|
|
60
|
+
/* used only as the page background */
|
|
61
|
+
'--foundation-page': '#18181b',
|
|
62
|
+
/* used as the background for any elements that sit on the page */
|
|
63
|
+
'--foundation': '#27272a',
|
|
64
|
+
'--foundation-2': '#303034',
|
|
65
|
+
'--foundation-3': '#52525b',
|
|
66
|
+
'--foundation-4': '#71717a',
|
|
67
|
+
'--foundation-5': '#a1a1aa',
|
|
68
|
+
/* for hover/focus states */
|
|
69
|
+
'--foundation-focus': '#52525b',
|
|
70
|
+
/* for disabled backgrounds */
|
|
71
|
+
'--foundation-disabled': '#3c3c3d',
|
|
72
|
+
/* default foreground color */
|
|
73
|
+
'--foreground': '#f4f4f5',
|
|
74
|
+
/* dimmer foreground color, e.g. caption text */
|
|
75
|
+
'--foreground-2': '#71717a',
|
|
76
|
+
/* disabled foreground color */
|
|
77
|
+
'--foreground-disabled': '#5a5a5f',
|
|
78
|
+
/* primary color when used for text directly on top of foundation-page */
|
|
79
|
+
'--foreground-primary': '#bfdbfe',
|
|
80
|
+
/* foreground color when put on top of a primary colored background */
|
|
81
|
+
'--foreground-on-primary': '#fafafa',
|
|
82
|
+
/* primary color */
|
|
83
|
+
'--primary': '#3b82f6',
|
|
84
|
+
/* focused primary color */
|
|
85
|
+
'--primary-focus': '#60a5fa',
|
|
86
|
+
/* muted primary color */
|
|
87
|
+
'--primary-muted': '#71717a0d',
|
|
88
|
+
/* outline variations */
|
|
89
|
+
'--outline-1': '#a1a1aa',
|
|
90
|
+
'--outline-2': '#52525b',
|
|
91
|
+
'--outline-3': '#3f3f46',
|
|
92
|
+
/* success variations */
|
|
93
|
+
'--success': '#34d399',
|
|
94
|
+
'--success-lighter': '#a7f3d0',
|
|
95
|
+
'--success-darker': '#064e3b',
|
|
96
|
+
/* warning variations */
|
|
97
|
+
'--warning': '#facc15',
|
|
98
|
+
'--warning-lighter': '#fef08a',
|
|
99
|
+
'--warning-darker': '#78350f',
|
|
100
|
+
/* info variations */
|
|
101
|
+
'--info': '#38bdf8',
|
|
102
|
+
'--info-lighter': '#bae6fd',
|
|
103
|
+
'--info-darker': '#0c4a6e',
|
|
104
|
+
/* danger variations */
|
|
105
|
+
'--danger': '#f87171',
|
|
106
|
+
'--danger-lighter': '#fecaca',
|
|
107
|
+
'--danger-darker': '#7f1d1d'
|
|
108
|
+
};
|
|
109
|
+
exports.default = (0, plugin_js_1.default)(function ({ addComponents, addBase }) {
|
|
110
|
+
addBase({
|
|
111
|
+
"[type='checkbox']:focus, [type='radio']:focus": {
|
|
112
|
+
'@apply ring-offset-foundation': {}
|
|
113
|
+
},
|
|
114
|
+
body: {
|
|
115
|
+
'@apply font-sans': {}
|
|
116
|
+
},
|
|
117
|
+
html: {
|
|
118
|
+
'--simple-scrollbar-width': '4px',
|
|
119
|
+
...exports.lightThemeVariables,
|
|
120
|
+
'&.dark': {
|
|
121
|
+
...exports.darkThemeVariables
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
// weird hack cause for some reason tailwind sometimes omits this if I use `.dark` selector instead (tailwind bug?)
|
|
125
|
+
[`html[class*="dark"]`]: {
|
|
126
|
+
...exports.darkThemeVariables
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
addComponents({
|
|
130
|
+
// Font sizes
|
|
131
|
+
'.h1': {
|
|
132
|
+
'@apply text-5xl leading-10': {}
|
|
133
|
+
},
|
|
134
|
+
'.h2': {
|
|
135
|
+
'@apply text-4xl leading-10': {}
|
|
136
|
+
},
|
|
137
|
+
'.h3': {
|
|
138
|
+
'@apply text-3xl leading-9': {}
|
|
139
|
+
},
|
|
140
|
+
'.h4': {
|
|
141
|
+
'@apply text-2xl leading-8': {}
|
|
142
|
+
},
|
|
143
|
+
'.h5': {
|
|
144
|
+
'@apply text-xl leading-7': {}
|
|
145
|
+
},
|
|
146
|
+
'.h6': {
|
|
147
|
+
'@apply text-lg leading-6': {}
|
|
148
|
+
},
|
|
149
|
+
'.label': {
|
|
150
|
+
'@apply text-sm font-medium leading-5': {}
|
|
151
|
+
},
|
|
152
|
+
'.label--light': {
|
|
153
|
+
'@apply font-normal': {}
|
|
154
|
+
},
|
|
155
|
+
'.label-light': {
|
|
156
|
+
'@apply label label--light': {}
|
|
157
|
+
},
|
|
158
|
+
'.normal': {
|
|
159
|
+
'@apply text-base font-normal': {}
|
|
160
|
+
},
|
|
161
|
+
'.caption': {
|
|
162
|
+
'@apply text-xs': {}
|
|
163
|
+
},
|
|
164
|
+
'.text-tiny': {
|
|
165
|
+
'font-size': '0.6rem',
|
|
166
|
+
'line-height': '1rem'
|
|
167
|
+
},
|
|
168
|
+
// Grid/layout container that limits max width to expected sizes that we use in our designs
|
|
169
|
+
'.layout-container': {
|
|
170
|
+
'@apply mx-auto': {},
|
|
171
|
+
/* base/mobile - fluid, no max width, just padding */
|
|
172
|
+
'@apply px-4': {},
|
|
173
|
+
/* sm+ - also fluid, increased padding */
|
|
174
|
+
"@media (min-width: theme('screens.sm'))": {
|
|
175
|
+
'@apply px-8': {}
|
|
176
|
+
},
|
|
177
|
+
/* lg+ (from this point on, no padding just limited max width) */
|
|
178
|
+
"@media (min-width: theme('screens.lg'))": {
|
|
179
|
+
'@apply px-6 max-w-full': {}
|
|
180
|
+
},
|
|
181
|
+
/* xl+ */
|
|
182
|
+
"@media (min-width: theme('screens.xl'))": {
|
|
183
|
+
'@apply max-w-[1216px]': {}
|
|
184
|
+
},
|
|
185
|
+
/* 2xl+ */
|
|
186
|
+
"@media (min-width: theme('screens.2xl'))": {
|
|
187
|
+
'@apply max-w-[1312px]': {}
|
|
188
|
+
}
|
|
189
|
+
},
|
|
190
|
+
// Simple scrollbar (OSX-like) to use instead of the ugly browser one
|
|
191
|
+
'.simple-scrollbar': {
|
|
192
|
+
'scrollbar-width': 'var(--simple-scrollbar-width)',
|
|
193
|
+
'scrollbar-color': 'var(--foreground-2)',
|
|
194
|
+
'&::-webkit-scrollbar': {
|
|
195
|
+
width: 'var(--simple-scrollbar-width)',
|
|
196
|
+
height: '6px'
|
|
197
|
+
},
|
|
198
|
+
'&::-webkit-scrollbar-track': {
|
|
199
|
+
'border-radius': '15px',
|
|
200
|
+
background: 'var(--foundation-disabled)'
|
|
201
|
+
},
|
|
202
|
+
'&::-webkit-scrollbar-thumb': {
|
|
203
|
+
'border-radius': '15px',
|
|
204
|
+
background: 'var(--foreground-2)'
|
|
205
|
+
},
|
|
206
|
+
'&::-webkit-scrollbar-thumb:hover': {
|
|
207
|
+
background: 'var(--foreground-2)'
|
|
208
|
+
},
|
|
209
|
+
'&::-webkit-scrollbar-thumb:active': {
|
|
210
|
+
background: 'rgba(90 90 90 10100%)'
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
});
|
|
214
|
+
}, preset_js_1.default);
|
|
215
|
+
//# sourceMappingURL=plugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,MA0Eb,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const forms_1 = __importDefault(require("@tailwindcss/forms"));
|
|
7
|
+
const config = {
|
|
8
|
+
darkMode: 'class',
|
|
9
|
+
content: [
|
|
10
|
+
`./components/**/*.{vue,js,ts}`,
|
|
11
|
+
`./layouts/**/*.vue`,
|
|
12
|
+
`./pages/**/*.vue`,
|
|
13
|
+
`./composables/**/*.{js,ts}`,
|
|
14
|
+
`./plugins/**/*.{js,ts}`,
|
|
15
|
+
'./stories/**/*.{js,ts,vue,mdx}',
|
|
16
|
+
'./app.vue',
|
|
17
|
+
'./.storybook/**/*.{js,ts,vue}',
|
|
18
|
+
'./lib/**/composables/*.{js,ts}'
|
|
19
|
+
// `./lib/**/*.{js,ts,vue}`, // TODO: Wait for fix https://github.com/nuxt/framework/issues/2886#issuecomment-1108312903
|
|
20
|
+
],
|
|
21
|
+
theme: {
|
|
22
|
+
fontFamily: {
|
|
23
|
+
sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
24
|
+
},
|
|
25
|
+
extend: {
|
|
26
|
+
colors: {
|
|
27
|
+
foundation: {
|
|
28
|
+
page: 'var(--foundation-page)',
|
|
29
|
+
DEFAULT: 'var(--foundation)',
|
|
30
|
+
2: 'var(--foundation-2)',
|
|
31
|
+
3: 'var(--foundation-3)',
|
|
32
|
+
4: 'var(--foundation-4)',
|
|
33
|
+
5: 'var(--foundation-5)',
|
|
34
|
+
focus: 'var(--foundation-focus)',
|
|
35
|
+
disabled: 'var(--foundation-disabled)'
|
|
36
|
+
},
|
|
37
|
+
foreground: {
|
|
38
|
+
DEFAULT: 'var(--foreground)',
|
|
39
|
+
2: 'var(--foreground-2)',
|
|
40
|
+
disabled: 'var(--foreground-disabled)',
|
|
41
|
+
'on-primary': 'var(--foreground-on-primary)',
|
|
42
|
+
primary: 'var(--foreground-primary)'
|
|
43
|
+
},
|
|
44
|
+
primary: {
|
|
45
|
+
DEFAULT: 'var(--primary)',
|
|
46
|
+
focus: 'var(--primary-focus)',
|
|
47
|
+
muted: 'var(--primary-muted)'
|
|
48
|
+
},
|
|
49
|
+
outline: {
|
|
50
|
+
1: 'var(--outline-1)',
|
|
51
|
+
2: 'var(--outline-2)',
|
|
52
|
+
3: 'var(--outline-3)'
|
|
53
|
+
},
|
|
54
|
+
success: {
|
|
55
|
+
DEFAULT: 'var(--success)',
|
|
56
|
+
lighter: 'var(--success-lighter)',
|
|
57
|
+
darker: 'var(--success-darker)'
|
|
58
|
+
},
|
|
59
|
+
warning: {
|
|
60
|
+
DEFAULT: 'var(--warning)',
|
|
61
|
+
lighter: 'var(--warning-lighter)',
|
|
62
|
+
darker: 'var(--warning-darker)'
|
|
63
|
+
},
|
|
64
|
+
info: {
|
|
65
|
+
DEFAULT: 'var(--info)',
|
|
66
|
+
lighter: 'var(--info-lighter)',
|
|
67
|
+
darker: 'var(--info-darker)'
|
|
68
|
+
},
|
|
69
|
+
danger: {
|
|
70
|
+
DEFAULT: 'var(--danger)',
|
|
71
|
+
lighter: 'var(--danger-lighter)',
|
|
72
|
+
darker: 'var(--danger-darker)'
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
borderRadius: {
|
|
76
|
+
'4xl': '2rem'
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
plugins: [forms_1.default]
|
|
81
|
+
};
|
|
82
|
+
exports.default = config;
|
|
83
|
+
//# sourceMappingURL=preset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":";;;;;AACA,+DAA4C;AAE5C,MAAM,MAAM,GAAW;IACrB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,+BAA+B;QAC/B,oBAAoB;QACpB,kBAAkB;QAClB,4BAA4B;QAC5B,wBAAwB;QACxB,gCAAgC;QAChC,WAAW;QACX,+BAA+B;QAC/B,gCAAgC;QAChC,wHAAwH;KACzH;IACD,KAAK,EAAE;QACL,UAAU,EAAE;YACV,IAAI,EAAE,+IAA+I;SACtJ;QACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,UAAU,EAAE;oBACV,IAAI,EAAE,wBAAwB;oBAC9B,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,KAAK,EAAE,yBAAyB;oBAChC,QAAQ,EAAE,4BAA4B;iBACvC;gBACD,UAAU,EAAE;oBACV,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,QAAQ,EAAE,4BAA4B;oBACtC,YAAY,EAAE,8BAA8B;oBAC5C,OAAO,EAAE,2BAA2B;iBACrC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,KAAK,EAAE,sBAAsB;oBAC7B,KAAK,EAAE,sBAAsB;iBAC9B;gBACD,OAAO,EAAE;oBACP,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;iBACtB;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,aAAa;oBACtB,OAAO,EAAE,qBAAqB;oBAC9B,MAAM,EAAE,oBAAoB;iBAC7B;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,eAAe;oBACxB,OAAO,EAAE,uBAAuB;oBAChC,MAAM,EAAE,sBAAsB;iBAC/B;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,OAAO,EAAE,CAAC,eAAW,CAAC;CACvB,CAAA;AAED,kBAAe,MAAM,CAAA"}
|
package/package.json
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@speckle/tailwind-theme",
|
|
3
|
+
"description": "Speckle tailwind theme used in frontend 2 and other apps",
|
|
4
|
+
"version": "2.12.666",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"build": "rimraf ./dist ./dist-cjs && tsc -p . && tsc -p ./tsconfig.cjs.json && tsconfig-to-dual-package",
|
|
8
|
+
"viewer": "tailwind-config-viewer -o -c tailwind.test.config.cjs",
|
|
9
|
+
"lint:js": "eslint --ext \".js,.ts,.vue\" .",
|
|
10
|
+
"lint:tsc": "tsc --noEmit",
|
|
11
|
+
"lint:prettier": "prettier --config ../../.prettierrc --ignore-path ../../.prettierignore --check .",
|
|
12
|
+
"lint": "yarn lint:js && yarn lint:tsc && yarn lint:prettier"
|
|
13
|
+
},
|
|
14
|
+
"main": "./dist-cjs/index.js",
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
|
+
"module": "./dist/index.js",
|
|
17
|
+
"exports": {
|
|
18
|
+
".": {
|
|
19
|
+
"import": {
|
|
20
|
+
"default": "./dist/index.js",
|
|
21
|
+
"types": "./dist/index.d.ts"
|
|
22
|
+
},
|
|
23
|
+
"require": {
|
|
24
|
+
"default": "./dist-cjs/index.js",
|
|
25
|
+
"types": "./dist-cjs/index.d.ts"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"./tailwind-configure": {
|
|
29
|
+
"import": "./utils/tailwind-configure.js",
|
|
30
|
+
"require": "./utils/tailwind-configure.cjs",
|
|
31
|
+
"types": "./utils/tailwind-configure.d.ts"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"engines": {
|
|
35
|
+
"node": "^18.0.0"
|
|
36
|
+
},
|
|
37
|
+
"peerDependencies": {
|
|
38
|
+
"postcss": "^8.4.18",
|
|
39
|
+
"postcss-nesting": "^10.2.0",
|
|
40
|
+
"tailwindcss": "^3.3.2"
|
|
41
|
+
},
|
|
42
|
+
"dependencies": {
|
|
43
|
+
"@tailwindcss/forms": "^0.5.3"
|
|
44
|
+
},
|
|
45
|
+
"devDependencies": {
|
|
46
|
+
"@types/eslint": "^8.4.5",
|
|
47
|
+
"@typescript-eslint/eslint-plugin": "^5.38.1",
|
|
48
|
+
"@typescript-eslint/parser": "^5.38.1",
|
|
49
|
+
"eslint": "^8.24.0",
|
|
50
|
+
"eslint-config-prettier": "^8.5.0",
|
|
51
|
+
"prettier": "^2.7.1",
|
|
52
|
+
"rimraf": "^5.0.0",
|
|
53
|
+
"tailwind-config-viewer": "^1.7.2",
|
|
54
|
+
"tailwindcss": "^3.3.2",
|
|
55
|
+
"tsconfig-to-dual-package": "^1.2.0",
|
|
56
|
+
"typescript": "^5.0.4"
|
|
57
|
+
}
|
|
58
|
+
}
|
package/src/index.ts
ADDED