@reshape-biotech/design-system 2.7.45 → 2.7.46

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.
@@ -0,0 +1 @@
1
+ export const safelist: "-rotate-90 [&>*>.control-button]:flex-col [&>*]:flex-1 [&>*]:flex-none [&>*]:rounded-md! [&>*]:rounded-xl [&>svg]:h-4 [&>svg]:h-5 [&>svg]:w-4 [&>svg]:w-5 badge-error badge-md badge-neutral badge-progress badge-sm badge-success badge-warning bg-accent bg-accent-hover bg-accent-inverse bg-accent-inverse-hover bg-base bg-base-inverse bg-blue bg-blue-hover bg-blue-inverse bg-blue-inverse-hover bg-danger bg-danger-hover bg-danger-inverse bg-danger-inverse-hover bg-dark-accent bg-dark-accent-hover bg-dark-accent-inverse bg-dark-accent-inverse-hover bg-dark-base bg-dark-base-inverse bg-dark-blue bg-dark-blue-hover bg-dark-danger bg-dark-danger-hover bg-dark-danger-inverse bg-dark-danger-inverse-hover bg-dark-lilac bg-dark-lilac-hover bg-dark-lime bg-dark-lime-hover bg-dark-neutral bg-dark-neutral-darker bg-dark-neutral-darker-hover bg-dark-neutral-hover bg-dark-orange bg-dark-orange-hover bg-dark-overlay bg-dark-pear bg-dark-pear-hover bg-dark-pink bg-dark-pink-hover bg-dark-plum bg-dark-plum-hover bg-dark-primary bg-dark-secondary bg-dark-sky bg-dark-sky-hover bg-dark-success bg-dark-success-hover bg-dark-success-inverse bg-dark-success-inverse-hover bg-dark-warning bg-dark-warning-hover bg-dark-warning-inverse bg-dark-warning-inverse-hover bg-lilac bg-lilac-hover bg-lilac-inverse bg-lilac-inverse-hover bg-lime bg-lime-hover bg-lime-inverse bg-lime-inverse-hover bg-neutral bg-neutral-darker bg-neutral-darker-hover bg-neutral-hover bg-neutral-inverse bg-neutral-inverse-hover bg-orange bg-orange-hover bg-orange-inverse bg-orange-inverse-hover bg-overlay bg-pear bg-pear-hover bg-pear-inverse bg-pear-inverse-hover bg-pink bg-pink-hover bg-pink-inverse bg-pink-inverse-hover bg-plum bg-plum-hover bg-plum-inverse bg-plum-inverse-hover bg-sky bg-sky-hover bg-sky-inverse bg-sky-inverse-hover bg-success bg-success-hover bg-success-inverse bg-success-inverse-hover bg-surface bg-surface-secondary bg-warning bg-warning-hover bg-warning-inverse bg-warning-inverse-hover border-axis border-blue-inverse border-danger border-dark-danger border-dark-focus border-dark-hover border-dark-input border-dark-interactive border-dark-static border-focus border-hover border-input border-interactive border-interactive-inverse border-lime-inverse border-orange-inverse border-pink-inverse border-static border-static-inverse border-white data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[highlighted]:bg-neutral data-[highlighted]:text-accent-foreground group-first:invisible group-last:invisible h-[calc(100%-26px)] hover:bg-accent-hover hover:bg-accent-inverse-hover hover:bg-blue-hover hover:bg-blue-inverse-hover hover:bg-danger-hover hover:bg-danger-inverse-hover hover:bg-dark-accent-hover hover:bg-dark-accent-inverse-hover hover:bg-dark-blue-hover hover:bg-dark-danger-hover hover:bg-dark-danger-inverse-hover hover:bg-dark-lilac-hover hover:bg-dark-lime-hover hover:bg-dark-neutral-darker-hover hover:bg-dark-neutral-hover hover:bg-dark-orange-hover hover:bg-dark-pear-hover hover:bg-dark-pink-hover hover:bg-dark-plum-hover hover:bg-dark-sky-hover hover:bg-dark-success-hover hover:bg-dark-success-inverse-hover hover:bg-dark-warning-hover hover:bg-dark-warning-inverse-hover hover:bg-lilac-hover hover:bg-lilac-inverse-hover hover:bg-lime-hover hover:bg-lime-inverse-hover hover:bg-neutral-darker-hover hover:bg-neutral-hover hover:bg-neutral-inverse-hover hover:bg-orange-hover hover:bg-orange-inverse-hover hover:bg-pear-hover hover:bg-pear-inverse-hover hover:bg-pink-hover hover:bg-pink-inverse-hover hover:bg-plum-hover hover:bg-plum-inverse-hover hover:bg-sky-hover hover:bg-sky-inverse-hover hover:bg-success-hover hover:bg-success-inverse-hover hover:bg-warning-hover hover:bg-warning-inverse-hover leading-4 leading-5 leading-6 leading-7 lg:block md:flex outline-dark-focus outline-dark-hover outline-dark-input outline-dark-interactive outline-dark-static outline-focus outline-hover outline-input outline-interactive outline-static ring-1 ring-[#12192a1a] ring-axis ring-blue-inverse ring-danger ring-dark-danger ring-dark-focus ring-dark-hover ring-dark-input ring-dark-interactive ring-dark-static ring-focus ring-hover ring-input ring-interactive ring-interactive-inverse ring-lime-inverse ring-orange-inverse ring-pink-inverse ring-static ring-static-inverse ring-white shadow-container shadow-focus shadow-hover shadow-input shadow-menu sm:gap-2 sm:w-[460px] table-auto table-fixed text-accent text-blue text-danger text-dark-accent text-dark-blue text-dark-danger text-dark-lilac text-dark-lime text-dark-orange text-dark-pear text-dark-pink text-dark-plum text-dark-primary text-dark-primary-inverse text-dark-secondary text-dark-secondary-inverse text-dark-sky text-dark-success text-dark-tertiary text-dark-tertiary-inverse text-dark-warning text-icon-accent text-icon-blue text-icon-danger text-icon-lilac text-icon-lime text-icon-orange text-icon-pear text-icon-pink text-icon-plum text-icon-primary text-icon-primary-inverse text-icon-secondary text-icon-secondary-inverse text-icon-sky text-icon-success text-icon-tertiary text-icon-warning text-icon-white text-lilac text-lime text-orange text-pear text-pink text-plum text-primary text-primary-inverse text-secondary text-secondary-inverse text-sky text-success text-tertiary text-tertiary-inverse text-warning tooltip-bottom tooltip-left tooltip-right tooltip-top transform translate-y-[2px] w-[calc(100%-72px-72px)]";
@@ -0,0 +1,10 @@
1
+ // Auto-generated safelist — do not edit manually.
2
+ // Token-derived: 254, Manual: 43 → Total: 297
3
+ //
4
+ // Consumer usage (one line in your main CSS):
5
+ // @source "../node_modules/@reshape-biotech/design-system/dist";
6
+ //
7
+ // TW4 scans compiled components for utility classes automatically.
8
+ // This file adds token-derived classes (bg-*, text-*, border-*, etc.)
9
+ // that consumers can use even if no component references them.
10
+ export const safelist = "-rotate-90 [&>*>.control-button]:flex-col [&>*]:flex-1 [&>*]:flex-none [&>*]:rounded-md! [&>*]:rounded-xl [&>svg]:h-4 [&>svg]:h-5 [&>svg]:w-4 [&>svg]:w-5 badge-error badge-md badge-neutral badge-progress badge-sm badge-success badge-warning bg-accent bg-accent-hover bg-accent-inverse bg-accent-inverse-hover bg-base bg-base-inverse bg-blue bg-blue-hover bg-blue-inverse bg-blue-inverse-hover bg-danger bg-danger-hover bg-danger-inverse bg-danger-inverse-hover bg-dark-accent bg-dark-accent-hover bg-dark-accent-inverse bg-dark-accent-inverse-hover bg-dark-base bg-dark-base-inverse bg-dark-blue bg-dark-blue-hover bg-dark-danger bg-dark-danger-hover bg-dark-danger-inverse bg-dark-danger-inverse-hover bg-dark-lilac bg-dark-lilac-hover bg-dark-lime bg-dark-lime-hover bg-dark-neutral bg-dark-neutral-darker bg-dark-neutral-darker-hover bg-dark-neutral-hover bg-dark-orange bg-dark-orange-hover bg-dark-overlay bg-dark-pear bg-dark-pear-hover bg-dark-pink bg-dark-pink-hover bg-dark-plum bg-dark-plum-hover bg-dark-primary bg-dark-secondary bg-dark-sky bg-dark-sky-hover bg-dark-success bg-dark-success-hover bg-dark-success-inverse bg-dark-success-inverse-hover bg-dark-warning bg-dark-warning-hover bg-dark-warning-inverse bg-dark-warning-inverse-hover bg-lilac bg-lilac-hover bg-lilac-inverse bg-lilac-inverse-hover bg-lime bg-lime-hover bg-lime-inverse bg-lime-inverse-hover bg-neutral bg-neutral-darker bg-neutral-darker-hover bg-neutral-hover bg-neutral-inverse bg-neutral-inverse-hover bg-orange bg-orange-hover bg-orange-inverse bg-orange-inverse-hover bg-overlay bg-pear bg-pear-hover bg-pear-inverse bg-pear-inverse-hover bg-pink bg-pink-hover bg-pink-inverse bg-pink-inverse-hover bg-plum bg-plum-hover bg-plum-inverse bg-plum-inverse-hover bg-sky bg-sky-hover bg-sky-inverse bg-sky-inverse-hover bg-success bg-success-hover bg-success-inverse bg-success-inverse-hover bg-surface bg-surface-secondary bg-warning bg-warning-hover bg-warning-inverse bg-warning-inverse-hover border-axis border-blue-inverse border-danger border-dark-danger border-dark-focus border-dark-hover border-dark-input border-dark-interactive border-dark-static border-focus border-hover border-input border-interactive border-interactive-inverse border-lime-inverse border-orange-inverse border-pink-inverse border-static border-static-inverse border-white data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[highlighted]:bg-neutral data-[highlighted]:text-accent-foreground group-first:invisible group-last:invisible h-[calc(100%-26px)] hover:bg-accent-hover hover:bg-accent-inverse-hover hover:bg-blue-hover hover:bg-blue-inverse-hover hover:bg-danger-hover hover:bg-danger-inverse-hover hover:bg-dark-accent-hover hover:bg-dark-accent-inverse-hover hover:bg-dark-blue-hover hover:bg-dark-danger-hover hover:bg-dark-danger-inverse-hover hover:bg-dark-lilac-hover hover:bg-dark-lime-hover hover:bg-dark-neutral-darker-hover hover:bg-dark-neutral-hover hover:bg-dark-orange-hover hover:bg-dark-pear-hover hover:bg-dark-pink-hover hover:bg-dark-plum-hover hover:bg-dark-sky-hover hover:bg-dark-success-hover hover:bg-dark-success-inverse-hover hover:bg-dark-warning-hover hover:bg-dark-warning-inverse-hover hover:bg-lilac-hover hover:bg-lilac-inverse-hover hover:bg-lime-hover hover:bg-lime-inverse-hover hover:bg-neutral-darker-hover hover:bg-neutral-hover hover:bg-neutral-inverse-hover hover:bg-orange-hover hover:bg-orange-inverse-hover hover:bg-pear-hover hover:bg-pear-inverse-hover hover:bg-pink-hover hover:bg-pink-inverse-hover hover:bg-plum-hover hover:bg-plum-inverse-hover hover:bg-sky-hover hover:bg-sky-inverse-hover hover:bg-success-hover hover:bg-success-inverse-hover hover:bg-warning-hover hover:bg-warning-inverse-hover leading-4 leading-5 leading-6 leading-7 lg:block md:flex outline-dark-focus outline-dark-hover outline-dark-input outline-dark-interactive outline-dark-static outline-focus outline-hover outline-input outline-interactive outline-static ring-1 ring-[#12192a1a] ring-axis ring-blue-inverse ring-danger ring-dark-danger ring-dark-focus ring-dark-hover ring-dark-input ring-dark-interactive ring-dark-static ring-focus ring-hover ring-input ring-interactive ring-interactive-inverse ring-lime-inverse ring-orange-inverse ring-pink-inverse ring-static ring-static-inverse ring-white shadow-container shadow-focus shadow-hover shadow-input shadow-menu sm:gap-2 sm:w-[460px] table-auto table-fixed text-accent text-blue text-danger text-dark-accent text-dark-blue text-dark-danger text-dark-lilac text-dark-lime text-dark-orange text-dark-pear text-dark-pink text-dark-plum text-dark-primary text-dark-primary-inverse text-dark-secondary text-dark-secondary-inverse text-dark-sky text-dark-success text-dark-tertiary text-dark-tertiary-inverse text-dark-warning text-icon-accent text-icon-blue text-icon-danger text-icon-lilac text-icon-lime text-icon-orange text-icon-pear text-icon-pink text-icon-plum text-icon-primary text-icon-primary-inverse text-icon-secondary text-icon-secondary-inverse text-icon-sky text-icon-success text-icon-tertiary text-icon-warning text-icon-white text-lilac text-lime text-orange text-pear text-pink text-plum text-primary text-primary-inverse text-secondary text-secondary-inverse text-sky text-success text-tertiary text-tertiary-inverse text-warning tooltip-bottom tooltip-left tooltip-right tooltip-top transform translate-y-[2px] w-[calc(100%-72px-72px)]";
@@ -1,27 +1,8 @@
1
- export const textColors: string[];
2
- export const iconColors: string[];
3
- export const backgroundColors: string[];
4
- export const borders: string[];
5
- export const shadows: string[];
6
- export const textSizes: string[];
7
- export const fonts: string[];
8
1
  export const badges: string[];
9
2
  export const tooltips: string[];
10
- export const sizes: string[];
11
- export const display: string[];
12
- export const rounded: string[];
13
3
  export const tables: string[];
14
4
  export const leading: string[];
15
- export const flexLayout: string[];
16
- export const spacing: string[];
17
- export const sizing: string[];
18
- export const positioning: string[];
19
- export const cursors: string[];
20
5
  export const misc: string[];
21
- export const hoverVariants: string[];
22
- export const focusVariants: string[];
23
- export const disabledVariants: string[];
24
- export const activeVariants: string[];
25
6
  export const groupVariants: string[];
26
- export const safelist: string[];
27
7
  export const responsive: string[];
8
+ export const safelist: string[];
@@ -1,121 +1,5 @@
1
- // Used to safelist classnames so we can add styles dynamic.
2
- // This should include all the values used in the design system.
3
- // Read more here: https://daisyui.com/blog/most-common-mistake-when-using-tailwind-css/
4
-
5
- export const textColors = [
6
- 'text-primary',
7
- 'text-primary-inverse',
8
- 'text-secondary',
9
- 'text-secondary-inverse',
10
- 'text-tertiary',
11
- 'text-tertiary-inverse',
12
- 'text-accent',
13
- 'text-success',
14
- 'text-warning',
15
- 'text-danger',
16
- ];
17
-
18
- export const iconColors = [
19
- 'text-icon-primary',
20
- 'text-icon-primary-inverse',
21
- 'text-icon-secondary',
22
- 'text-icon-tertiary',
23
- 'text-icon-accent',
24
- 'text-icon-success',
25
- 'text-icon-warning',
26
- 'text-icon-danger',
27
- 'text-icon-blue',
28
- 'text-icon-orange',
29
- 'text-icon-sky',
30
- ];
31
-
32
- export const backgroundColors = [
33
- 'bg-surface',
34
- 'bg-surface-secondary',
35
- 'bg-base',
36
- 'bg-base-inverse',
37
- 'bg-neutral',
38
- 'bg-neutral-hover',
39
- 'bg-neutral-darker',
40
- 'bg-neutral-darker-hover',
41
- 'bg-neutral-inverse',
42
- 'bg-neutral-inverse-hover',
43
- 'bg-accent',
44
- 'bg-accent-hover',
45
- 'bg-accent-inverse',
46
- 'bg-accent-inverse-hover',
47
- 'bg-success',
48
- 'bg-success-hover',
49
- 'bg-success-inverse',
50
- 'bg-success-inverse-hover',
51
- 'bg-warning',
52
- 'bg-warning-hover',
53
- 'bg-warning-inverse',
54
- 'bg-warning-inverse-hover',
55
- 'bg-danger',
56
- 'bg-danger-hover',
57
- 'bg-danger-inverse',
58
- 'bg-danger-inverse-hover',
59
- 'bg-blue',
60
- 'bg-blue-hover',
61
- 'bg-blue-inverse',
62
- 'bg-orange',
63
- 'bg-orange-hover',
64
- 'bg-orange-inverse',
65
- 'bg-orange-inverse-hover',
66
- 'bg-sky',
67
- 'bg-sky-hover',
68
- 'bg-sky-inverse',
69
- 'bg-sky-inverse-hover',
70
- 'bg-pink-inverse',
71
- 'bg-lime-inverse',
72
- ];
73
-
74
- export const borders = [
75
- 'border-static',
76
- 'border-interactive',
77
- 'border-hover',
78
- 'border-focus',
79
- 'border-danger',
80
- 'border-input',
81
- 'border-transparent',
82
- 'border-blue-inverse',
83
- 'border-orange-inverse',
84
- 'border-pink-inverse',
85
- 'border-lime-inverse',
86
- 'border-neutral-light',
87
- ];
88
-
89
- export const shadows = [
90
- 'shadow',
91
- 'shadow-none',
92
- 'shadow-menu',
93
- 'shadow-nav',
94
- 'shadow-calendar',
95
- 'shadow-container',
96
- 'shadow-panel',
97
- 'shadow-input',
98
- 'shadow-outline',
99
- 'shadow-focus',
100
- 'shadow-sm',
101
- 'shadow-md',
102
- 'shadow-lg',
103
- 'shadow-2xl',
104
- ];
105
-
106
- export const textSizes = [
107
- 'text-xxs',
108
- 'text-xs',
109
- 'text-sm',
110
- 'text-base',
111
- 'text-lg',
112
- 'text-xl',
113
- 'text-2xl',
114
- 'text-3xl',
115
- 'text-4xl',
116
- ];
117
-
118
- export const fonts = ['font-medium', 'font-semibold', 'font-bold', 'font-normal'];
1
+ // Manual supplement for classes that cannot be auto-generated from tokens or component scanning.
2
+ // Read more: https://daisyui.com/blog/most-common-mistake-when-using-tailwind-css/
119
3
 
120
4
  export const badges = [
121
5
  'badge-neutral',
@@ -129,143 +13,11 @@ export const badges = [
129
13
 
130
14
  export const tooltips = ['tooltip-top', 'tooltip-right', 'tooltip-bottom', 'tooltip-left'];
131
15
 
132
- export const sizes = ['h-5', 'w-5', 'min-w-5', 'h-7', 'w-7', 'min-w-7'];
133
-
134
- export const display = [
135
- 'flex',
136
- 'grow',
137
- 'items-center',
138
- 'justify-center',
139
- 'flex-row',
140
- 'flex-col',
141
- 'px-0.5',
142
- 'px-2',
143
- 'py-1',
144
- ];
145
-
146
- export const rounded = [
147
- 'rounded',
148
- 'rounded-full',
149
- 'rounded-lg',
150
- 'rounded-lg!',
151
- 'rounded-xl',
152
- 'rounded-2xl',
153
- 'rounded-md',
154
- ];
155
-
156
16
  export const tables = ['table-fixed', 'table-auto'];
157
17
 
158
18
  export const leading = ['leading-4', 'leading-5', 'leading-6', 'leading-7'];
159
19
 
160
- export const flexLayout = [
161
- 'flex',
162
- 'inline-flex',
163
- 'block',
164
- 'inline-block',
165
- 'items-center',
166
- 'items-start',
167
- 'items-end',
168
- 'justify-center',
169
- 'justify-between',
170
- 'justify-start',
171
- 'justify-end',
172
- 'flex-1',
173
- 'flex-row',
174
- 'flex-col',
175
- 'text-left',
176
- 'text-right',
177
- 'text-center',
178
- 'text-base',
179
- 'gap-1',
180
- 'gap-1.5',
181
- 'gap-2',
182
- 'gap-3',
183
- 'gap-4',
184
- 'space-x-1',
185
- 'space-x-2',
186
- 'space-x-3',
187
- 'space-x-4',
188
- 'space-y-1',
189
- 'space-y-2',
190
- 'space-y-3',
191
- 'space-y-4',
192
- ];
193
-
194
- export const spacing = [
195
- 'p-1',
196
- 'p-1.5',
197
- 'p-2',
198
- 'p-3',
199
- 'p-4',
200
- 'px-0',
201
- 'px-2',
202
- 'px-3',
203
- 'px-5',
204
- 'px-6',
205
- 'py-0',
206
- 'py-1',
207
- 'py-2',
208
- 'py-3',
209
- 'py-4',
210
- 'py-12',
211
- 'mb-2',
212
- ];
213
-
214
- export const sizing = [
215
- 'h-2.5',
216
- 'h-4',
217
- 'h-5',
218
- 'h-6',
219
- 'h-6!',
220
- 'h-7',
221
- 'h-8',
222
- 'h-10',
223
- 'h-11',
224
- 'h-12',
225
- 'h-16',
226
- 'h-28',
227
- 'h-screen',
228
- 'h-full',
229
- 'h-full!',
230
- 'h-1.5',
231
- 'w-0.5',
232
- 'w-1.5',
233
- 'w-2.5',
234
- 'w-4',
235
- 'w-5',
236
- 'w-6',
237
- 'w-6!',
238
- 'w-7',
239
- 'w-8',
240
- 'w-10',
241
- 'w-full',
242
- 'min-w-5',
243
- 'min-w-7',
244
- 'size-4',
245
- 'size-5',
246
- 'size-6',
247
- 'sm:w-[460px]',
248
- ];
249
-
250
- export const positioning = [
251
- 'absolute',
252
- 'relative',
253
- 'top-20',
254
- 'left-18',
255
- 'z-10',
256
- 'z-50',
257
- 'z-[1]',
258
- 'w-[var(--bits-select-anchor-width)]',
259
- ];
260
-
261
- export const cursors = ['cursor-pointer', 'cursor-wait', 'cursor-default'];
262
-
263
20
  export const misc = [
264
- 'overflow-hidden',
265
- 'overflow-x-auto',
266
- 'duration-150',
267
- 'active:bg-neutral',
268
- 'active:bg-neutral-inverse',
269
21
  '[&>*]:flex-1',
270
22
  '[&>*]:flex-none',
271
23
  '[&>*]:rounded-md!',
@@ -288,83 +40,15 @@ export const misc = [
288
40
  'h-[calc(100%-26px)]',
289
41
  ];
290
42
 
291
- // Add hover variants
292
- export const hoverVariants = [
293
- 'hover:bg-neutral',
294
- 'hover:bg-neutral-hover',
295
- 'hover:bg-neutral-darker-hover',
296
- 'hover:bg-neutral-inverse-hover',
297
- 'hover:bg-accent-hover',
298
- 'hover:bg-accent-inverse-hover',
299
- 'hover:bg-success-hover',
300
- 'hover:bg-success-inverse-hover',
301
- 'hover:bg-warning-hover',
302
- 'hover:bg-warning-inverse-hover',
303
- 'hover:bg-danger-hover',
304
- 'hover:bg-danger-inverse-hover',
305
- 'hover:bg-blue-hover',
306
- 'hover:bg-orange-hover',
307
- 'hover:bg-orange-inverse-hover',
308
- 'hover:bg-sky-hover',
309
- 'hover:bg-sky-inverse-hover',
310
- ];
311
-
312
- // Add focus variants
313
- export const focusVariants = [
314
- 'focus:outline-none',
315
- 'focus:ring-2',
316
- 'focus:ring-offset-2',
317
- 'focus:border-focus',
318
- 'focus-visible:outline-none',
319
- 'focus-visible:ring-2',
320
- ];
321
-
322
- // Add disabled variants
323
- export const disabledVariants = [
324
- 'disabled:bg-neutral',
325
- 'disabled:opacity-50',
326
- 'disabled:cursor-not-allowed',
327
- 'disabled:text-tertiary',
328
- 'disabled:border-none',
329
- ];
330
-
331
- // Add active variants
332
- export const activeVariants = [
333
- 'active:bg-neutral',
334
- 'active:bg-neutral-inverse',
335
- 'active:scale-95',
336
- 'active:transform',
337
- ];
338
-
339
- // Add group variants
340
43
  export const groupVariants = ['group-first:invisible', 'group-last:invisible'];
341
44
 
342
- // Export all arrays as a single safelist
45
+ export const responsive = ['sm:w-[460px]', 'md:flex', 'lg:block', 'sm:gap-2'];
46
+
343
47
  export const safelist = [
344
- ...textColors,
345
- ...iconColors,
346
- ...backgroundColors,
347
- ...borders,
348
- ...shadows,
349
- ...textSizes,
350
- ...fonts,
351
48
  ...badges,
352
49
  ...tooltips,
353
- ...sizes,
354
- ...display,
355
- ...rounded,
356
50
  ...tables,
357
- ...flexLayout,
358
- ...spacing,
359
- ...sizing,
360
- ...positioning,
361
- ...cursors,
51
+ ...leading,
362
52
  ...misc,
363
- ...hoverVariants,
364
- ...focusVariants,
365
- ...disabledVariants,
366
- ...activeVariants,
367
53
  ...groupVariants,
368
54
  ];
369
-
370
- export const responsive = ['sm:w-[460px]', 'md:flex', 'lg:block', 'sm:gap-2'];
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@reshape-biotech/design-system",
3
- "version": "2.7.45",
3
+ "version": "2.7.46",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build",
7
7
  "build:analyze": "ANALYZE=true vite build",
8
- "package": "node scripts/generate-safelist-css.js && svelte-package --input ./src/lib --output ./dist",
8
+ "package": "bun scripts/generate-safelist.js && svelte-package --input ./src/lib --output ./dist",
9
9
  "package:analyze": "ANALYZE=true bun run package",
10
10
  "check": "svelte-check",
11
11
  "test": "vitest run",
@@ -19,13 +19,11 @@
19
19
  "dist",
20
20
  "!dist/**/*.test.*",
21
21
  "!dist/**/*.spec.*",
22
- "safelist.css",
23
22
  "base.css"
24
23
  ],
25
24
  "sideEffects": [
26
25
  "**/*.css",
27
26
  "./dist/app.css",
28
- "./dist/safelist.css",
29
27
  "./dist/base.css"
30
28
  ],
31
29
  "svelte": "./dist/index.js",
@@ -351,11 +349,6 @@
351
349
  "import": "./dist/app.css",
352
350
  "default": "./dist/app.css"
353
351
  },
354
- "./safelist.css": {
355
- "style": "./dist/safelist.css",
356
- "import": "./dist/safelist.css",
357
- "default": "./dist/safelist.css"
358
- },
359
352
  "./base.css": {
360
353
  "style": "./dist/base.css",
361
354
  "import": "./dist/base.css",
@@ -375,6 +368,10 @@
375
368
  "types": "./dist/tailwind-safelist.d.ts",
376
369
  "import": "./dist/tailwind-safelist.js",
377
370
  "default": "./dist/tailwind-safelist.js"
371
+ },
372
+ "./safelist-source": {
373
+ "import": "./dist/safelist-source.js",
374
+ "default": "./dist/safelist-source.js"
378
375
  }
379
376
  },
380
377
  "peerDependencies": {
package/dist/safelist.css DELETED
@@ -1,3 +0,0 @@
1
- /* Auto-generated from tailwind-safelist.js — do not edit manually */
2
- /* To update: edit tailwind-safelist.js, then run: node scripts/generate-safelist-css.js */
3
- @source inline("text-primary text-primary-inverse text-secondary text-secondary-inverse text-tertiary text-tertiary-inverse text-accent text-success text-warning text-danger text-icon-primary text-icon-primary-inverse text-icon-secondary text-icon-tertiary text-icon-accent text-icon-success text-icon-warning text-icon-danger text-icon-blue text-icon-orange text-icon-sky bg-surface bg-surface-secondary bg-base bg-base-inverse bg-neutral bg-neutral-hover bg-neutral-darker bg-neutral-darker-hover bg-neutral-inverse bg-neutral-inverse-hover bg-accent bg-accent-hover bg-accent-inverse bg-accent-inverse-hover bg-success bg-success-hover bg-success-inverse bg-success-inverse-hover bg-warning bg-warning-hover bg-warning-inverse bg-warning-inverse-hover bg-danger bg-danger-hover bg-danger-inverse bg-danger-inverse-hover bg-blue bg-blue-hover bg-blue-inverse bg-orange bg-orange-hover bg-orange-inverse bg-orange-inverse-hover bg-sky bg-sky-hover bg-sky-inverse bg-sky-inverse-hover bg-pink-inverse bg-lime-inverse border-static border-interactive border-hover border-focus border-danger border-input border-transparent border-blue-inverse border-orange-inverse border-pink-inverse border-lime-inverse border-neutral-light shadow shadow-none shadow-menu shadow-nav shadow-calendar shadow-container shadow-panel shadow-input shadow-outline shadow-focus shadow-sm shadow-md shadow-lg shadow-2xl text-xxs text-xs text-sm text-base text-lg text-xl text-2xl text-3xl text-4xl font-medium font-semibold font-bold font-normal badge-neutral badge-success badge-warning badge-progress badge-error badge-md badge-sm tooltip-top tooltip-right tooltip-bottom tooltip-left h-5 w-5 min-w-5 h-7 w-7 min-w-7 flex grow items-center justify-center flex-row flex-col px-0.5 px-2 py-1 rounded rounded-full rounded-lg rounded-lg! rounded-xl rounded-2xl rounded-md table-fixed table-auto flex inline-flex block inline-block items-center items-start items-end justify-center justify-between justify-start justify-end flex-1 flex-row flex-col text-left text-right text-center text-base gap-1 gap-1.5 gap-2 gap-3 gap-4 space-x-1 space-x-2 space-x-3 space-x-4 space-y-1 space-y-2 space-y-3 space-y-4 p-1 p-1.5 p-2 p-3 p-4 px-0 px-2 px-3 px-5 px-6 py-0 py-1 py-2 py-3 py-4 py-12 mb-2 h-2.5 h-4 h-5 h-6 h-6! h-7 h-8 h-10 h-11 h-12 h-16 h-28 h-screen h-full h-full! h-1.5 w-0.5 w-1.5 w-2.5 w-4 w-5 w-6 w-6! w-7 w-8 w-10 w-full min-w-5 min-w-7 size-4 size-5 size-6 sm:w-[460px] absolute relative top-20 left-18 z-10 z-50 z-[1] w-[var(--bits-select-anchor-width)] cursor-pointer cursor-wait cursor-default overflow-hidden overflow-x-auto duration-150 active:bg-neutral active:bg-neutral-inverse [&>*]:flex-1 [&>*]:flex-none [&>*]:rounded-md! [&>*]:rounded-xl [&>*>.control-button]:flex-col data-[highlighted]:bg-neutral data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:w-4 [&>svg]:h-4 [&>svg]:w-5 [&>svg]:h-5 ring-1 ring-[#12192a1a] translate-y-[2px] -rotate-90 transform w-[calc(100%-72px-72px)] h-[calc(100%-26px)] hover:bg-neutral hover:bg-neutral-hover hover:bg-neutral-darker-hover hover:bg-neutral-inverse-hover hover:bg-accent-hover hover:bg-accent-inverse-hover hover:bg-success-hover hover:bg-success-inverse-hover hover:bg-warning-hover hover:bg-warning-inverse-hover hover:bg-danger-hover hover:bg-danger-inverse-hover hover:bg-blue-hover hover:bg-orange-hover hover:bg-orange-inverse-hover hover:bg-sky-hover hover:bg-sky-inverse-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:border-focus focus-visible:outline-none focus-visible:ring-2 disabled:bg-neutral disabled:opacity-50 disabled:cursor-not-allowed disabled:text-tertiary disabled:border-none active:bg-neutral active:bg-neutral-inverse active:scale-95 active:transform group-first:invisible group-last:invisible sm:w-[460px] md:flex lg:block sm:gap-2");
package/safelist.css DELETED
@@ -1 +0,0 @@
1
- @import './dist/safelist.css';