@duskmoon-dev/core 1.18.5 → 1.19.0
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/cjs/tailwind-plugin.cjs +2 -2
- package/dist/components/console-page.css +178 -0
- package/dist/components/home-page.css +94 -0
- package/dist/components/index.css +366 -0
- package/dist/components/sign-page.css +80 -0
- package/dist/components/table.css +10 -0
- 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 +4 -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 +4 -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/console-page.d.ts +5 -0
- package/dist/esm/components/console-page.js +187 -0
- 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/home-page.d.ts +5 -0
- package/dist/esm/components/home-page.js +103 -0
- 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/sign-page.d.ts +5 -0
- package/dist/esm/components/sign-page.js +89 -0
- 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 +14 -2
- 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 +366 -0
- package/dist/index.min.css +1 -1
- package/dist/standalone/duskmoonui-themes.css +1 -1
- package/dist/standalone/duskmoonui.css +368 -2
- package/dist/standalone/duskmoonui.js +10 -6
- package/dist/standalone/duskmoonui.mjs +10 -6
- package/package.json +72 -1
|
@@ -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;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
// Auto-generated from home-page.css
|
|
2
|
+
export const css = `/**
|
|
3
|
+
* Home Page Layout
|
|
4
|
+
* App-bar-led public application shell driven by its containing width.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
@layer components {
|
|
8
|
+
.home-page {
|
|
9
|
+
container-type: inline-size;
|
|
10
|
+
container-name: home-page;
|
|
11
|
+
width: 100%;
|
|
12
|
+
min-width: 0;
|
|
13
|
+
min-height: var(--home-page-min-height, 100dvh);
|
|
14
|
+
background-color: var(--color-surface);
|
|
15
|
+
color: var(--color-on-surface);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.home-page-frame {
|
|
19
|
+
display: grid;
|
|
20
|
+
min-height: inherit;
|
|
21
|
+
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.home-page-header {
|
|
25
|
+
z-index: 10;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.home-page-nav {
|
|
29
|
+
display: none;
|
|
30
|
+
align-items: center;
|
|
31
|
+
gap: 0.25rem;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.home-page-actions {
|
|
35
|
+
display: none;
|
|
36
|
+
align-items: center;
|
|
37
|
+
gap: 0.25rem;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.home-page-menu-trigger {
|
|
41
|
+
display: inline-flex;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.home-page-mobile-menu {
|
|
45
|
+
max-width: min(20rem, calc(100cqi - 2rem));
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.home-page-main {
|
|
49
|
+
min-width: 0;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.home-page-content {
|
|
53
|
+
width: min(100%, 80rem);
|
|
54
|
+
margin-inline: auto;
|
|
55
|
+
padding: clamp(1rem, 5cqi, 3rem);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.home-page-hero {
|
|
59
|
+
display: grid;
|
|
60
|
+
align-items: center;
|
|
61
|
+
grid-template-columns: minmax(0, 1fr);
|
|
62
|
+
gap: clamp(2rem, 5cqi, 4rem);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.home-page-footer {
|
|
66
|
+
border-top: 1px solid var(--color-outline-variant);
|
|
67
|
+
background-color: var(--color-surface-container-low);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@container home-page (min-width: 48rem) {
|
|
71
|
+
.home-page-nav {
|
|
72
|
+
display: flex;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.home-page-actions {
|
|
76
|
+
display: flex;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.home-page-menu-trigger {
|
|
80
|
+
display: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.home-page-mobile-menu {
|
|
84
|
+
display: none;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.home-page-content {
|
|
88
|
+
padding-inline: clamp(2rem, 5cqi, 5rem);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.home-page-hero {
|
|
92
|
+
grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.8fr);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
`;
|
|
97
|
+
|
|
98
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
99
|
+
if (sheet) {
|
|
100
|
+
sheet.replaceSync(css);
|
|
101
|
+
}
|
|
102
|
+
export const styles = sheet;
|
|
103
|
+
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;
|
|
@@ -791,7 +791,9 @@ export const css = `/**
|
|
|
791
791
|
}
|
|
792
792
|
`;
|
|
793
793
|
|
|
794
|
-
const sheet = new CSSStyleSheet();
|
|
795
|
-
sheet
|
|
794
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
795
|
+
if (sheet) {
|
|
796
|
+
sheet.replaceSync(css);
|
|
797
|
+
}
|
|
796
798
|
export const styles = sheet;
|
|
797
799
|
export default sheet;
|
|
@@ -267,7 +267,9 @@ export const css = `/**
|
|
|
267
267
|
}
|
|
268
268
|
`;
|
|
269
269
|
|
|
270
|
-
const sheet = new CSSStyleSheet();
|
|
271
|
-
sheet
|
|
270
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
271
|
+
if (sheet) {
|
|
272
|
+
sheet.replaceSync(css);
|
|
273
|
+
}
|
|
272
274
|
export const styles = sheet;
|
|
273
275
|
export default sheet;
|
|
@@ -252,7 +252,9 @@ export const css = `/**
|
|
|
252
252
|
}
|
|
253
253
|
`;
|
|
254
254
|
|
|
255
|
-
const sheet = new CSSStyleSheet();
|
|
256
|
-
sheet
|
|
255
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
256
|
+
if (sheet) {
|
|
257
|
+
sheet.replaceSync(css);
|
|
258
|
+
}
|
|
257
259
|
export const styles = sheet;
|
|
258
260
|
export default sheet;
|
|
@@ -246,7 +246,9 @@ export const css = `/**
|
|
|
246
246
|
}
|
|
247
247
|
`;
|
|
248
248
|
|
|
249
|
-
const sheet = new CSSStyleSheet();
|
|
250
|
-
sheet
|
|
249
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
250
|
+
if (sheet) {
|
|
251
|
+
sheet.replaceSync(css);
|
|
252
|
+
}
|
|
251
253
|
export const styles = sheet;
|
|
252
254
|
export default sheet;
|
|
@@ -448,7 +448,9 @@ export const css = `/**
|
|
|
448
448
|
}
|
|
449
449
|
`;
|
|
450
450
|
|
|
451
|
-
const sheet = new CSSStyleSheet();
|
|
452
|
-
sheet
|
|
451
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
452
|
+
if (sheet) {
|
|
453
|
+
sheet.replaceSync(css);
|
|
454
|
+
}
|
|
453
455
|
export const styles = sheet;
|
|
454
456
|
export default sheet;
|
|
@@ -251,7 +251,9 @@ export const css = `/**
|
|
|
251
251
|
}
|
|
252
252
|
`;
|
|
253
253
|
|
|
254
|
-
const sheet = new CSSStyleSheet();
|
|
255
|
-
sheet
|
|
254
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
255
|
+
if (sheet) {
|
|
256
|
+
sheet.replaceSync(css);
|
|
257
|
+
}
|
|
256
258
|
export const styles = sheet;
|
|
257
259
|
export default sheet;
|
|
@@ -206,7 +206,9 @@ export const css = `/**
|
|
|
206
206
|
}
|
|
207
207
|
`;
|
|
208
208
|
|
|
209
|
-
const sheet = new CSSStyleSheet();
|
|
210
|
-
sheet
|
|
209
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
210
|
+
if (sheet) {
|
|
211
|
+
sheet.replaceSync(css);
|
|
212
|
+
}
|
|
211
213
|
export const styles = sheet;
|
|
212
214
|
export default sheet;
|
|
@@ -281,7 +281,9 @@ export const css = `/**
|
|
|
281
281
|
}
|
|
282
282
|
`;
|
|
283
283
|
|
|
284
|
-
const sheet = new CSSStyleSheet();
|
|
285
|
-
sheet
|
|
284
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
285
|
+
if (sheet) {
|
|
286
|
+
sheet.replaceSync(css);
|
|
287
|
+
}
|
|
286
288
|
export const styles = sheet;
|
|
287
289
|
export default sheet;
|
|
@@ -223,7 +223,9 @@ export const css = `/**
|
|
|
223
223
|
}
|
|
224
224
|
`;
|
|
225
225
|
|
|
226
|
-
const sheet = new CSSStyleSheet();
|
|
227
|
-
sheet
|
|
226
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
227
|
+
if (sheet) {
|
|
228
|
+
sheet.replaceSync(css);
|
|
229
|
+
}
|
|
228
230
|
export const styles = sheet;
|
|
229
231
|
export default sheet;
|
|
@@ -196,7 +196,9 @@ export const css = `/**
|
|
|
196
196
|
}
|
|
197
197
|
`;
|
|
198
198
|
|
|
199
|
-
const sheet = new CSSStyleSheet();
|
|
200
|
-
sheet
|
|
199
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
200
|
+
if (sheet) {
|
|
201
|
+
sheet.replaceSync(css);
|
|
202
|
+
}
|
|
201
203
|
export const styles = sheet;
|
|
202
204
|
export default sheet;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
// Auto-generated from sign-page.css
|
|
2
|
+
export const css = `/**
|
|
3
|
+
* Sign Page Layout
|
|
4
|
+
* Responsive authentication shell driven by its containing width.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
@layer components {
|
|
8
|
+
.sign-page {
|
|
9
|
+
container-type: inline-size;
|
|
10
|
+
container-name: sign-page;
|
|
11
|
+
width: 100%;
|
|
12
|
+
min-width: 0;
|
|
13
|
+
min-height: var(--sign-page-min-height, 100dvh);
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
background-color: var(--color-surface);
|
|
16
|
+
color: var(--color-on-surface);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.sign-page-frame {
|
|
20
|
+
display: grid;
|
|
21
|
+
min-height: inherit;
|
|
22
|
+
grid-template-columns: minmax(0, 1fr);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.sign-page-aside {
|
|
26
|
+
display: none;
|
|
27
|
+
position: relative;
|
|
28
|
+
isolation: isolate;
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
padding: clamp(2rem, 6cqi, 5rem);
|
|
31
|
+
background-color: var(--color-primary-container);
|
|
32
|
+
color: var(--color-on-primary-container);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.sign-page-aside::before,
|
|
36
|
+
.sign-page-aside::after {
|
|
37
|
+
content: "";
|
|
38
|
+
position: absolute;
|
|
39
|
+
z-index: -1;
|
|
40
|
+
border-radius: var(--radius-full);
|
|
41
|
+
background: color-mix(in oklch, var(--color-tertiary) 24%, transparent);
|
|
42
|
+
filter: blur(1px);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.sign-page-aside::before {
|
|
46
|
+
width: 22rem;
|
|
47
|
+
height: 22rem;
|
|
48
|
+
inset: -8rem -6rem auto auto;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.sign-page-aside::after {
|
|
52
|
+
width: 15rem;
|
|
53
|
+
height: 15rem;
|
|
54
|
+
inset: auto auto -5rem -4rem;
|
|
55
|
+
background: color-mix(in oklch, var(--color-secondary) 22%, transparent);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.sign-page-main {
|
|
59
|
+
display: grid;
|
|
60
|
+
place-items: center;
|
|
61
|
+
min-width: 0;
|
|
62
|
+
padding: clamp(1rem, 6cqi, 4rem);
|
|
63
|
+
background-color: var(--color-surface);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.sign-page-content {
|
|
67
|
+
width: min(100%, 30rem);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@container sign-page (min-width: 48rem) {
|
|
71
|
+
.sign-page-frame {
|
|
72
|
+
grid-template-columns: minmax(20rem, 1.15fr) minmax(24rem, 0.85fr);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.sign-page-aside {
|
|
76
|
+
display: flex;
|
|
77
|
+
flex-direction: column;
|
|
78
|
+
justify-content: space-between;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
`;
|
|
83
|
+
|
|
84
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
85
|
+
if (sheet) {
|
|
86
|
+
sheet.replaceSync(css);
|
|
87
|
+
}
|
|
88
|
+
export const styles = sheet;
|
|
89
|
+
export default sheet;
|
|
@@ -217,7 +217,9 @@ export const css = `/**
|
|
|
217
217
|
}
|
|
218
218
|
`;
|
|
219
219
|
|
|
220
|
-
const sheet = new CSSStyleSheet();
|
|
221
|
-
sheet
|
|
220
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
221
|
+
if (sheet) {
|
|
222
|
+
sheet.replaceSync(css);
|
|
223
|
+
}
|
|
222
224
|
export const styles = sheet;
|
|
223
225
|
export default sheet;
|
|
@@ -518,7 +518,9 @@ export const css = `/**
|
|
|
518
518
|
}
|
|
519
519
|
`;
|
|
520
520
|
|
|
521
|
-
const sheet = new CSSStyleSheet();
|
|
522
|
-
sheet
|
|
521
|
+
const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
|
|
522
|
+
if (sheet) {
|
|
523
|
+
sheet.replaceSync(css);
|
|
524
|
+
}
|
|
523
525
|
export const styles = sheet;
|
|
524
526
|
export default sheet;
|