@duskmoon-dev/core 1.18.4 → 1.18.6
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/README.md +1 -1
- package/dist/components/badge.css +29 -0
- package/dist/components/button.css +19 -0
- package/dist/components/index.css +103 -2
- package/dist/components/table.css +54 -2
- package/dist/components/tooltip.css +1 -0
- package/dist/esm/components/accordion.d.ts +5 -0
- package/dist/esm/components/accordion.js +4 -2
- package/dist/esm/components/alert.d.ts +5 -0
- package/dist/esm/components/alert.js +4 -2
- package/dist/esm/components/appbar.d.ts +5 -0
- package/dist/esm/components/appbar.js +4 -2
- package/dist/esm/components/autocomplete.d.ts +5 -0
- package/dist/esm/components/autocomplete.js +4 -2
- package/dist/esm/components/avatar.d.ts +5 -0
- package/dist/esm/components/avatar.js +4 -2
- package/dist/esm/components/badge.d.ts +5 -0
- package/dist/esm/components/badge.js +33 -2
- package/dist/esm/components/bottom-navigation.d.ts +5 -0
- package/dist/esm/components/bottom-navigation.js +4 -2
- package/dist/esm/components/bottomsheet.d.ts +5 -0
- package/dist/esm/components/bottomsheet.js +4 -2
- package/dist/esm/components/button.d.ts +5 -0
- package/dist/esm/components/button.js +23 -2
- package/dist/esm/components/card.d.ts +5 -0
- package/dist/esm/components/card.js +4 -2
- package/dist/esm/components/cascader.d.ts +5 -0
- package/dist/esm/components/cascader.js +4 -2
- package/dist/esm/components/chat.d.ts +5 -0
- package/dist/esm/components/chat.js +4 -2
- package/dist/esm/components/checkbox.d.ts +5 -0
- package/dist/esm/components/checkbox.js +4 -2
- package/dist/esm/components/chip.d.ts +5 -0
- package/dist/esm/components/chip.js +4 -2
- package/dist/esm/components/circle-menu.d.ts +5 -0
- package/dist/esm/components/circle-menu.js +4 -2
- package/dist/esm/components/code-block.d.ts +5 -0
- package/dist/esm/components/code-block.js +4 -2
- package/dist/esm/components/collapse.d.ts +5 -0
- package/dist/esm/components/collapse.js +4 -2
- package/dist/esm/components/datepicker.d.ts +5 -0
- package/dist/esm/components/datepicker.js +4 -2
- package/dist/esm/components/dialog.d.ts +5 -0
- package/dist/esm/components/dialog.js +4 -2
- package/dist/esm/components/divider.d.ts +5 -0
- package/dist/esm/components/divider.js +4 -2
- package/dist/esm/components/drawer.d.ts +5 -0
- package/dist/esm/components/drawer.js +4 -2
- package/dist/esm/components/file-upload.d.ts +5 -0
- package/dist/esm/components/file-upload.js +4 -2
- package/dist/esm/components/form-group.d.ts +5 -0
- package/dist/esm/components/form-group.js +4 -2
- package/dist/esm/components/form.d.ts +5 -0
- package/dist/esm/components/form.js +4 -2
- package/dist/esm/components/input.d.ts +5 -0
- package/dist/esm/components/input.js +4 -2
- package/dist/esm/components/list.d.ts +5 -0
- package/dist/esm/components/list.js +4 -2
- package/dist/esm/components/markdown-body.d.ts +5 -0
- package/dist/esm/components/markdown-body.js +4 -2
- package/dist/esm/components/modal.d.ts +5 -0
- package/dist/esm/components/modal.js +4 -2
- package/dist/esm/components/multi-select.d.ts +5 -0
- package/dist/esm/components/multi-select.js +4 -2
- package/dist/esm/components/navigation.d.ts +5 -0
- package/dist/esm/components/navigation.js +4 -2
- package/dist/esm/components/nested-menu.d.ts +5 -0
- package/dist/esm/components/nested-menu.js +4 -2
- package/dist/esm/components/otp-input.d.ts +5 -0
- package/dist/esm/components/otp-input.js +4 -2
- package/dist/esm/components/pin-input.d.ts +5 -0
- package/dist/esm/components/pin-input.js +4 -2
- package/dist/esm/components/popover.d.ts +5 -0
- package/dist/esm/components/popover.js +4 -2
- package/dist/esm/components/progress.d.ts +5 -0
- package/dist/esm/components/progress.js +4 -2
- package/dist/esm/components/radio.d.ts +5 -0
- package/dist/esm/components/radio.js +4 -2
- package/dist/esm/components/rating.d.ts +5 -0
- package/dist/esm/components/rating.js +4 -2
- package/dist/esm/components/segment-control.d.ts +5 -0
- package/dist/esm/components/segment-control.js +4 -2
- package/dist/esm/components/select.d.ts +5 -0
- package/dist/esm/components/select.js +4 -2
- package/dist/esm/components/skeleton.d.ts +5 -0
- package/dist/esm/components/skeleton.js +4 -2
- package/dist/esm/components/slider.d.ts +5 -0
- package/dist/esm/components/slider.js +4 -2
- package/dist/esm/components/snackbar.d.ts +5 -0
- package/dist/esm/components/snackbar.js +4 -2
- package/dist/esm/components/stepper.d.ts +5 -0
- package/dist/esm/components/stepper.js +4 -2
- package/dist/esm/components/switch.d.ts +5 -0
- package/dist/esm/components/switch.js +4 -2
- package/dist/esm/components/table.d.ts +5 -0
- package/dist/esm/components/table.js +58 -4
- package/dist/esm/components/textarea.d.ts +5 -0
- package/dist/esm/components/textarea.js +4 -2
- package/dist/esm/components/theme-controller.d.ts +5 -0
- package/dist/esm/components/theme-controller.js +4 -2
- package/dist/esm/components/time-input.d.ts +5 -0
- package/dist/esm/components/time-input.js +4 -2
- package/dist/esm/components/timeline.d.ts +5 -0
- package/dist/esm/components/timeline.js +4 -2
- package/dist/esm/components/toast.d.ts +5 -0
- package/dist/esm/components/toast.js +4 -2
- package/dist/esm/components/toggle.d.ts +5 -0
- package/dist/esm/components/toggle.js +4 -2
- package/dist/esm/components/tooltip.d.ts +5 -0
- package/dist/esm/components/tooltip.js +5 -2
- package/dist/esm/components/tree-select.d.ts +5 -0
- package/dist/esm/components/tree-select.js +4 -2
- package/dist/index.css +103 -2
- package/dist/index.min.css +1 -1
- package/dist/standalone/duskmoonui-themes.css +1 -1
- package/dist/standalone/duskmoonui.css +105 -4
- package/dist/standalone/duskmoonui.js +5 -5
- package/dist/standalone/duskmoonui.mjs +5 -5
- package/package.json +54 -1
|
@@ -72,112 +72,141 @@ export const css = `/**
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
/* Outlined Variants */
|
|
75
|
+
.badge-outlined,
|
|
76
|
+
.badge-outlined-secondary,
|
|
77
|
+
.badge-outlined-tertiary,
|
|
75
78
|
.badge-outline {
|
|
76
79
|
background-color: transparent;
|
|
77
80
|
border: 1px solid currentColor;
|
|
78
81
|
}
|
|
79
82
|
|
|
83
|
+
.badge-outlined,
|
|
84
|
+
.badge-outlined.badge-primary,
|
|
80
85
|
.badge-outline.badge-primary {
|
|
81
86
|
color: var(--color-primary);
|
|
82
87
|
border-color: var(--color-primary);
|
|
83
88
|
}
|
|
84
89
|
|
|
90
|
+
.badge-outlined.badge-secondary,
|
|
91
|
+
.badge-outlined-secondary,
|
|
85
92
|
.badge-outline.badge-secondary {
|
|
86
93
|
color: var(--color-secondary);
|
|
87
94
|
border-color: var(--color-secondary);
|
|
88
95
|
}
|
|
89
96
|
|
|
97
|
+
.badge-outlined.badge-tertiary,
|
|
98
|
+
.badge-outlined-tertiary,
|
|
90
99
|
.badge-outline.badge-tertiary {
|
|
91
100
|
color: var(--color-tertiary);
|
|
92
101
|
border-color: var(--color-tertiary);
|
|
93
102
|
}
|
|
94
103
|
|
|
104
|
+
.badge-outlined.badge-accent,
|
|
95
105
|
.badge-outline.badge-accent {
|
|
96
106
|
color: var(--color-accent);
|
|
97
107
|
border-color: var(--color-accent);
|
|
98
108
|
}
|
|
99
109
|
|
|
110
|
+
.badge-outlined.badge-neutral,
|
|
100
111
|
.badge-outline.badge-neutral {
|
|
101
112
|
color: var(--color-neutral);
|
|
102
113
|
border-color: var(--color-neutral);
|
|
103
114
|
}
|
|
104
115
|
|
|
116
|
+
.badge-outlined.badge-base,
|
|
105
117
|
.badge-outline.badge-base {
|
|
106
118
|
color: var(--color-base-content);
|
|
107
119
|
border-color: var(--color-base-content);
|
|
108
120
|
}
|
|
109
121
|
|
|
122
|
+
.badge-outlined.badge-info,
|
|
110
123
|
.badge-outline.badge-info {
|
|
111
124
|
color: var(--color-info);
|
|
112
125
|
border-color: var(--color-info);
|
|
113
126
|
}
|
|
114
127
|
|
|
128
|
+
.badge-outlined.badge-success,
|
|
115
129
|
.badge-outline.badge-success {
|
|
116
130
|
color: var(--color-success);
|
|
117
131
|
border-color: var(--color-success);
|
|
118
132
|
}
|
|
119
133
|
|
|
134
|
+
.badge-outlined.badge-warning,
|
|
120
135
|
.badge-outline.badge-warning {
|
|
121
136
|
color: var(--color-warning);
|
|
122
137
|
border-color: var(--color-warning);
|
|
123
138
|
}
|
|
124
139
|
|
|
140
|
+
.badge-outlined.badge-error,
|
|
125
141
|
.badge-outline.badge-error {
|
|
126
142
|
color: var(--color-error);
|
|
127
143
|
border-color: var(--color-error);
|
|
128
144
|
}
|
|
129
145
|
|
|
130
146
|
/* Soft/Tonal Variants */
|
|
147
|
+
.badge-tonal,
|
|
131
148
|
.badge-soft {
|
|
132
149
|
background-color: var(--color-primary-container);
|
|
133
150
|
color: var(--color-on-primary-container);
|
|
134
151
|
}
|
|
135
152
|
|
|
153
|
+
.badge-tonal.badge-primary,
|
|
136
154
|
.badge-soft.badge-primary {
|
|
137
155
|
background-color: var(--color-primary-container);
|
|
138
156
|
color: var(--color-on-primary-container);
|
|
139
157
|
}
|
|
140
158
|
|
|
159
|
+
.badge-tonal.badge-secondary,
|
|
160
|
+
.badge-tonal-secondary,
|
|
141
161
|
.badge-soft.badge-secondary {
|
|
142
162
|
background-color: var(--color-secondary-container);
|
|
143
163
|
color: var(--color-on-secondary-container);
|
|
144
164
|
}
|
|
145
165
|
|
|
166
|
+
.badge-tonal.badge-tertiary,
|
|
167
|
+
.badge-tonal-tertiary,
|
|
146
168
|
.badge-soft.badge-tertiary {
|
|
147
169
|
background-color: var(--color-tertiary-container);
|
|
148
170
|
color: var(--color-on-tertiary-container);
|
|
149
171
|
}
|
|
150
172
|
|
|
173
|
+
.badge-tonal.badge-accent,
|
|
151
174
|
.badge-soft.badge-accent {
|
|
152
175
|
background-color: color-mix(in oklch, var(--color-accent) 15%, var(--color-surface));
|
|
153
176
|
color: var(--color-on-surface);
|
|
154
177
|
}
|
|
155
178
|
|
|
179
|
+
.badge-tonal.badge-neutral,
|
|
156
180
|
.badge-soft.badge-neutral {
|
|
157
181
|
background-color: color-mix(in oklch, var(--color-neutral) 15%, var(--color-surface));
|
|
158
182
|
color: var(--color-on-surface);
|
|
159
183
|
}
|
|
160
184
|
|
|
185
|
+
.badge-tonal.badge-base,
|
|
161
186
|
.badge-soft.badge-base {
|
|
162
187
|
background-color: var(--color-base-200);
|
|
163
188
|
color: var(--color-base-content);
|
|
164
189
|
}
|
|
165
190
|
|
|
191
|
+
.badge-tonal.badge-info,
|
|
166
192
|
.badge-soft.badge-info {
|
|
167
193
|
background-color: var(--color-info-container);
|
|
168
194
|
color: var(--color-on-info-container);
|
|
169
195
|
}
|
|
170
196
|
|
|
197
|
+
.badge-tonal.badge-success,
|
|
171
198
|
.badge-soft.badge-success {
|
|
172
199
|
background-color: var(--color-success-container);
|
|
173
200
|
color: var(--color-on-success-container);
|
|
174
201
|
}
|
|
175
202
|
|
|
203
|
+
.badge-tonal.badge-warning,
|
|
176
204
|
.badge-soft.badge-warning {
|
|
177
205
|
background-color: var(--color-warning-container);
|
|
178
206
|
color: var(--color-on-warning-container);
|
|
179
207
|
}
|
|
180
208
|
|
|
209
|
+
.badge-tonal.badge-error,
|
|
181
210
|
.badge-soft.badge-error {
|
|
182
211
|
background-color: var(--color-error-container);
|
|
183
212
|
color: var(--color-on-error-container);
|
|
@@ -224,7 +253,9 @@ export const css = `/**
|
|
|
224
253
|
}
|
|
225
254
|
`;
|
|
226
255
|
|
|
227
|
-
const sheet = new CSSStyleSheet();
|
|
228
|
-
sheet
|
|
256
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
257
|
+
if (sheet) {
|
|
258
|
+
sheet.replaceSync(css);
|
|
259
|
+
}
|
|
229
260
|
export const styles = sheet;
|
|
230
261
|
export default sheet;
|
|
@@ -264,7 +264,9 @@ export const css = `/**
|
|
|
264
264
|
}
|
|
265
265
|
`;
|
|
266
266
|
|
|
267
|
-
const sheet = new CSSStyleSheet();
|
|
268
|
-
sheet
|
|
267
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
268
|
+
if (sheet) {
|
|
269
|
+
sheet.replaceSync(css);
|
|
270
|
+
}
|
|
269
271
|
export const styles = sheet;
|
|
270
272
|
export default sheet;
|
|
@@ -335,7 +335,9 @@ export const css = `/**
|
|
|
335
335
|
}
|
|
336
336
|
`;
|
|
337
337
|
|
|
338
|
-
const sheet = new CSSStyleSheet();
|
|
339
|
-
sheet
|
|
338
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
339
|
+
if (sheet) {
|
|
340
|
+
sheet.replaceSync(css);
|
|
341
|
+
}
|
|
340
342
|
export const styles = sheet;
|
|
341
343
|
export default sheet;
|
|
@@ -626,6 +626,25 @@ export const css = `/**
|
|
|
626
626
|
}
|
|
627
627
|
|
|
628
628
|
/* Icon Button */
|
|
629
|
+
.btn-icon {
|
|
630
|
+
padding: 0.75rem;
|
|
631
|
+
width: 2.5rem;
|
|
632
|
+
height: 2.5rem;
|
|
633
|
+
border-radius: var(--radius-full);
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
.btn-icon-sm {
|
|
637
|
+
padding: 0.5rem;
|
|
638
|
+
width: 2rem;
|
|
639
|
+
height: 2rem;
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
.btn-icon-lg {
|
|
643
|
+
padding: 1rem;
|
|
644
|
+
width: 3rem;
|
|
645
|
+
height: 3rem;
|
|
646
|
+
}
|
|
647
|
+
|
|
629
648
|
.btn-circle {
|
|
630
649
|
--btn-p: 0.625rem;
|
|
631
650
|
--btn-py: 0.625rem;
|
|
@@ -652,7 +671,9 @@ export const css = `/**
|
|
|
652
671
|
}
|
|
653
672
|
`;
|
|
654
673
|
|
|
655
|
-
const sheet = new CSSStyleSheet();
|
|
656
|
-
sheet
|
|
674
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
675
|
+
if (sheet) {
|
|
676
|
+
sheet.replaceSync(css);
|
|
677
|
+
}
|
|
657
678
|
export const styles = sheet;
|
|
658
679
|
export default sheet;
|
|
@@ -291,7 +291,9 @@ export const css = `/**
|
|
|
291
291
|
}
|
|
292
292
|
`;
|
|
293
293
|
|
|
294
|
-
const sheet = new CSSStyleSheet();
|
|
295
|
-
sheet
|
|
294
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
295
|
+
if (sheet) {
|
|
296
|
+
sheet.replaceSync(css);
|
|
297
|
+
}
|
|
296
298
|
export const styles = sheet;
|
|
297
299
|
export default sheet;
|
|
@@ -490,7 +490,9 @@ export const css = `/**
|
|
|
490
490
|
}
|
|
491
491
|
`;
|
|
492
492
|
|
|
493
|
-
const sheet = new CSSStyleSheet();
|
|
494
|
-
sheet
|
|
493
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
494
|
+
if (sheet) {
|
|
495
|
+
sheet.replaceSync(css);
|
|
496
|
+
}
|
|
495
497
|
export const styles = sheet;
|
|
496
498
|
export default sheet;
|
|
@@ -836,7 +836,9 @@ export const css = `@layer components {
|
|
|
836
836
|
}
|
|
837
837
|
`;
|
|
838
838
|
|
|
839
|
-
const sheet = new CSSStyleSheet();
|
|
840
|
-
sheet
|
|
839
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
840
|
+
if (sheet) {
|
|
841
|
+
sheet.replaceSync(css);
|
|
842
|
+
}
|
|
841
843
|
export const styles = sheet;
|
|
842
844
|
export default sheet;
|
|
@@ -270,7 +270,9 @@ export const css = `/**
|
|
|
270
270
|
}
|
|
271
271
|
`;
|
|
272
272
|
|
|
273
|
-
const sheet = new CSSStyleSheet();
|
|
274
|
-
sheet
|
|
273
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
274
|
+
if (sheet) {
|
|
275
|
+
sheet.replaceSync(css);
|
|
276
|
+
}
|
|
275
277
|
export const styles = sheet;
|
|
276
278
|
export default sheet;
|
|
@@ -409,7 +409,9 @@ export const css = `/**
|
|
|
409
409
|
}
|
|
410
410
|
`;
|
|
411
411
|
|
|
412
|
-
const sheet = new CSSStyleSheet();
|
|
413
|
-
sheet
|
|
412
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
413
|
+
if (sheet) {
|
|
414
|
+
sheet.replaceSync(css);
|
|
415
|
+
}
|
|
414
416
|
export const styles = sheet;
|
|
415
417
|
export default sheet;
|
|
@@ -349,7 +349,9 @@ export const css = `/**
|
|
|
349
349
|
}
|
|
350
350
|
`;
|
|
351
351
|
|
|
352
|
-
const sheet = new CSSStyleSheet();
|
|
353
|
-
sheet
|
|
352
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
353
|
+
if (sheet) {
|
|
354
|
+
sheet.replaceSync(css);
|
|
355
|
+
}
|
|
354
356
|
export const styles = sheet;
|
|
355
357
|
export default sheet;
|
|
@@ -134,7 +134,9 @@ export const css = `/**
|
|
|
134
134
|
}
|
|
135
135
|
`;
|
|
136
136
|
|
|
137
|
-
const sheet = new CSSStyleSheet();
|
|
138
|
-
sheet
|
|
137
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
138
|
+
if (sheet) {
|
|
139
|
+
sheet.replaceSync(css);
|
|
140
|
+
}
|
|
139
141
|
export const styles = sheet;
|
|
140
142
|
export default sheet;
|
|
@@ -517,7 +517,9 @@ export const css = `/**
|
|
|
517
517
|
}
|
|
518
518
|
`;
|
|
519
519
|
|
|
520
|
-
const sheet = new CSSStyleSheet();
|
|
521
|
-
sheet
|
|
520
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
521
|
+
if (sheet) {
|
|
522
|
+
sheet.replaceSync(css);
|
|
523
|
+
}
|
|
522
524
|
export const styles = sheet;
|
|
523
525
|
export default sheet;
|
|
@@ -857,7 +857,9 @@ export const css = `/**
|
|
|
857
857
|
}
|
|
858
858
|
`;
|
|
859
859
|
|
|
860
|
-
const sheet = new CSSStyleSheet();
|
|
861
|
-
sheet
|
|
860
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
861
|
+
if (sheet) {
|
|
862
|
+
sheet.replaceSync(css);
|
|
863
|
+
}
|
|
862
864
|
export const styles = sheet;
|
|
863
865
|
export default sheet;
|
|
@@ -174,7 +174,9 @@ export const css = `/**
|
|
|
174
174
|
}
|
|
175
175
|
`;
|
|
176
176
|
|
|
177
|
-
const sheet = new CSSStyleSheet();
|
|
178
|
-
sheet
|
|
177
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
178
|
+
if (sheet) {
|
|
179
|
+
sheet.replaceSync(css);
|
|
180
|
+
}
|
|
179
181
|
export const styles = sheet;
|
|
180
182
|
export default sheet;
|
|
@@ -375,7 +375,9 @@ export const css = `/**
|
|
|
375
375
|
}
|
|
376
376
|
`;
|
|
377
377
|
|
|
378
|
-
const sheet = new CSSStyleSheet();
|
|
379
|
-
sheet
|
|
378
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
379
|
+
if (sheet) {
|
|
380
|
+
sheet.replaceSync(css);
|
|
381
|
+
}
|
|
380
382
|
export const styles = sheet;
|
|
381
383
|
export default sheet;
|
|
@@ -372,7 +372,9 @@ export const css = `/**
|
|
|
372
372
|
}
|
|
373
373
|
`;
|
|
374
374
|
|
|
375
|
-
const sheet = new CSSStyleSheet();
|
|
376
|
-
sheet
|
|
375
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
376
|
+
if (sheet) {
|
|
377
|
+
sheet.replaceSync(css);
|
|
378
|
+
}
|
|
377
379
|
export const styles = sheet;
|
|
378
380
|
export default sheet;
|
|
@@ -403,7 +403,9 @@ export const css = `/**
|
|
|
403
403
|
}
|
|
404
404
|
`;
|
|
405
405
|
|
|
406
|
-
const sheet = new CSSStyleSheet();
|
|
407
|
-
sheet
|
|
406
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
407
|
+
if (sheet) {
|
|
408
|
+
sheet.replaceSync(css);
|
|
409
|
+
}
|
|
408
410
|
export const styles = sheet;
|
|
409
411
|
export default sheet;
|
|
@@ -502,7 +502,9 @@ export const css = `/**
|
|
|
502
502
|
}
|
|
503
503
|
`;
|
|
504
504
|
|
|
505
|
-
const sheet = new CSSStyleSheet();
|
|
506
|
-
sheet
|
|
505
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
506
|
+
if (sheet) {
|
|
507
|
+
sheet.replaceSync(css);
|
|
508
|
+
}
|
|
507
509
|
export const styles = sheet;
|
|
508
510
|
export default sheet;
|
|
@@ -664,7 +664,9 @@ export const css = `/**
|
|
|
664
664
|
}
|
|
665
665
|
`;
|
|
666
666
|
|
|
667
|
-
const sheet = new CSSStyleSheet();
|
|
668
|
-
sheet
|
|
667
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
668
|
+
if (sheet) {
|
|
669
|
+
sheet.replaceSync(css);
|
|
670
|
+
}
|
|
669
671
|
export const styles = sheet;
|
|
670
672
|
export default sheet;
|
|
@@ -210,7 +210,9 @@ export const css = `/**
|
|
|
210
210
|
}
|
|
211
211
|
`;
|
|
212
212
|
|
|
213
|
-
const sheet = new CSSStyleSheet();
|
|
214
|
-
sheet
|
|
213
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
214
|
+
if (sheet) {
|
|
215
|
+
sheet.replaceSync(css);
|
|
216
|
+
}
|
|
215
217
|
export const styles = sheet;
|
|
216
218
|
export default sheet;
|
|
@@ -189,7 +189,9 @@ export const css = `/**
|
|
|
189
189
|
}
|
|
190
190
|
`;
|
|
191
191
|
|
|
192
|
-
const sheet = new CSSStyleSheet();
|
|
193
|
-
sheet
|
|
192
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
193
|
+
if (sheet) {
|
|
194
|
+
sheet.replaceSync(css);
|
|
195
|
+
}
|
|
194
196
|
export const styles = sheet;
|
|
195
197
|
export default sheet;
|
|
@@ -406,7 +406,9 @@ export const css = `/**
|
|
|
406
406
|
}
|
|
407
407
|
`;
|
|
408
408
|
|
|
409
|
-
const sheet = new CSSStyleSheet();
|
|
410
|
-
sheet
|
|
409
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
410
|
+
if (sheet) {
|
|
411
|
+
sheet.replaceSync(css);
|
|
412
|
+
}
|
|
411
413
|
export const styles = sheet;
|
|
412
414
|
export default sheet;
|
|
@@ -292,7 +292,9 @@ export const css = `/**
|
|
|
292
292
|
}
|
|
293
293
|
`;
|
|
294
294
|
|
|
295
|
-
const sheet = new CSSStyleSheet();
|
|
296
|
-
sheet
|
|
295
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
296
|
+
if (sheet) {
|
|
297
|
+
sheet.replaceSync(css);
|
|
298
|
+
}
|
|
297
299
|
export const styles = sheet;
|
|
298
300
|
export default sheet;
|
|
@@ -562,7 +562,9 @@ export const css = `/**
|
|
|
562
562
|
}
|
|
563
563
|
`;
|
|
564
564
|
|
|
565
|
-
const sheet = new CSSStyleSheet();
|
|
566
|
-
sheet
|
|
565
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
566
|
+
if (sheet) {
|
|
567
|
+
sheet.replaceSync(css);
|
|
568
|
+
}
|
|
567
569
|
export const styles = sheet;
|
|
568
570
|
export default sheet;
|