@m3-baseui/react-vanilla-extract 1.0.3 → 1.1.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/dist/bottom-app-bar.css +28 -0
- package/dist/bottom-app-bar.css.map +1 -0
- package/dist/bottom-app-bar.d.ts +7 -0
- package/dist/bottom-app-bar.js +17 -0
- package/dist/bottom-app-bar.js.map +1 -0
- package/dist/bottom-sheet.css +79 -0
- package/dist/bottom-sheet.css.map +1 -0
- package/dist/bottom-sheet.d.ts +22 -0
- package/dist/bottom-sheet.js +27 -0
- package/dist/bottom-sheet.js.map +1 -0
- package/dist/fab-menu.css +201 -0
- package/dist/fab-menu.css.map +1 -0
- package/dist/fab-menu.d.ts +15 -0
- package/dist/fab-menu.js +19 -0
- package/dist/fab-menu.js.map +1 -0
- package/dist/index.css +539 -14
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +94 -8
- package/dist/index.js.map +1 -1
- package/dist/navigation-bar.css +20 -2
- package/dist/navigation-bar.css.map +1 -1
- package/dist/navigation-bar.js.map +1 -1
- package/dist/navigation-rail.css +117 -0
- package/dist/navigation-rail.css.map +1 -0
- package/dist/navigation-rail.d.ts +14 -0
- package/dist/navigation-rail.js +29 -0
- package/dist/navigation-rail.js.map +1 -0
- package/dist/progress.css +2 -2
- package/dist/progress.css.map +1 -1
- package/dist/progress.js.map +1 -1
- package/dist/side-sheet.css +103 -0
- package/dist/side-sheet.css.map +1 -0
- package/dist/side-sheet.d.ts +22 -0
- package/dist/side-sheet.js +28 -0
- package/dist/side-sheet.js.map +1 -0
- package/dist/snackbar.css +6 -7
- package/dist/snackbar.css.map +1 -1
- package/dist/snackbar.js.map +1 -1
- package/dist/textfield.css +4 -3
- package/dist/textfield.css.map +1 -1
- package/dist/textfield.js.map +1 -1
- package/dist/top-app-bar.css +89 -0
- package/dist/top-app-bar.css.map +1 -0
- package/dist/top-app-bar.d.ts +7 -0
- package/dist/top-app-bar.js +24 -0
- package/dist/top-app-bar.js.map +1 -0
- package/package.json +31 -1
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/navigation-rail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71VwW7bMAy95yuEAgOagzrHcbpCOe4zhh1oibbVypIhyc6yYf8-SHbruGlau912CiLrPZKPj9TN4TbNtvcJ-bUiREjXKDgyUij8sV-R-EuFtMi9NJoRblRb6_AFlCw1lR5rxwhH7dGG4xIaRjZpE9EVyrLyjGyS5FP4f5DCV4zcJf3nBoSQuqS5MvyBkXQ4zoE_lNa0WjBiy_y6A3tNaS2oOzrKjTKWutYWwHG93q9-r276Cjb_ooIabCk1zY33pmYkC6dPEdMYsTFO9tQWFXjZ4f6v5HHfOi-LI-VGe9T-LMVsKqLUSmo8Ox60zc6l9Ra0a8Ci9vGTsQItI9roWABvrTOWkcbIx7CtQ0sdKuR-vGda3wfuD0ZxvgnwQIV0kCsU3wetIhnFDrV3Z5jtEkGXyzbYb3c7dec2nXQ1e5YE5M6o1sckpHboGUlGwagFIVvHyMSlroIGadEqtX5DdtOhLZQ5MFJJITAaIl4Zoo_Q3vpks0tqN41Wm3CXIrjQcedBC7DidDYyxnIsjMVY25M0V1f7eaWe5M9bG3L_GpKJBTTApT8ON19u8LSkARG2wvJKBls1Fp0Lrpo0bc7mQG4CaW8QkBrtZIukrAotIS8K91TrtNkePNIImzIVhreOdtLJXOFyxgifMgIP47CcapDrBSHH-XydNDmB7v7tmMZGXWyg0Y_bn3ZgJWi_Xj932Acm5YK_dsPgvJXZW-66IPpc-uHZI59JcrO9e435Y2VcjrMjrisjy7BN02y6TdPpG3m7KOK0pYXRnhZQS_Xc1f7YoOOgkCrIUdEahWxrGgAj8jBkNAfZ3x2xTv7EechwM-LCK0irBTFPAD0B-rA6XRg5Xc7j8Bb4g9TlfxiBZZ1cn_fhS5LMGIWFYd49Cu-P8we99-BDMgsAAA */
|
|
2
|
+
.w6243j0 {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
align-items: center;
|
|
6
|
+
gap: 12px;
|
|
7
|
+
height: 100%;
|
|
8
|
+
width: 80px;
|
|
9
|
+
padding-block: 20px;
|
|
10
|
+
background: rgb(var(--md-sys-color-surface));
|
|
11
|
+
}
|
|
12
|
+
.w6243j1 {
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
align-items: center;
|
|
16
|
+
gap: 12px;
|
|
17
|
+
margin-bottom: 4px;
|
|
18
|
+
}
|
|
19
|
+
.w6243j2 {
|
|
20
|
+
position: relative;
|
|
21
|
+
display: flex;
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
gap: 4px;
|
|
26
|
+
padding-inline: 4px;
|
|
27
|
+
padding-block: 4px;
|
|
28
|
+
background: transparent;
|
|
29
|
+
border: none;
|
|
30
|
+
cursor: pointer;
|
|
31
|
+
user-select: none;
|
|
32
|
+
outline: none;
|
|
33
|
+
}
|
|
34
|
+
.w6243j2[data-disabled] {
|
|
35
|
+
pointer-events: none;
|
|
36
|
+
}
|
|
37
|
+
.w6243j3 {
|
|
38
|
+
position: relative;
|
|
39
|
+
display: flex;
|
|
40
|
+
align-items: center;
|
|
41
|
+
justify-content: center;
|
|
42
|
+
width: 56px;
|
|
43
|
+
height: 32px;
|
|
44
|
+
}
|
|
45
|
+
.w6243j4 {
|
|
46
|
+
position: absolute;
|
|
47
|
+
inset: 0;
|
|
48
|
+
border-radius: var(--md-sys-shape-full);
|
|
49
|
+
background: transparent;
|
|
50
|
+
overflow: hidden;
|
|
51
|
+
transition: background-color 150ms var(--md-sys-motion-easing-standard);
|
|
52
|
+
}
|
|
53
|
+
.w6243j4::before {
|
|
54
|
+
content: "";
|
|
55
|
+
position: absolute;
|
|
56
|
+
inset: 0;
|
|
57
|
+
background: currentColor;
|
|
58
|
+
opacity: 0;
|
|
59
|
+
pointer-events: none;
|
|
60
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
61
|
+
}
|
|
62
|
+
.w6243j2[data-pressed] .w6243j4 {
|
|
63
|
+
background: rgb(var(--md-sys-color-secondary-container));
|
|
64
|
+
}
|
|
65
|
+
.w6243j2:hover .w6243j4::before {
|
|
66
|
+
opacity: var(--md-sys-state-hover);
|
|
67
|
+
}
|
|
68
|
+
.w6243j2:focus-visible .w6243j4::before {
|
|
69
|
+
opacity: var(--md-sys-state-focus);
|
|
70
|
+
}
|
|
71
|
+
.w6243j2:active .w6243j4::before {
|
|
72
|
+
opacity: var(--md-sys-state-pressed);
|
|
73
|
+
}
|
|
74
|
+
.w6243j2[data-disabled] .w6243j4::before {
|
|
75
|
+
opacity: 0;
|
|
76
|
+
}
|
|
77
|
+
.w6243j5 {
|
|
78
|
+
position: relative;
|
|
79
|
+
display: flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
83
|
+
transition: color 150ms var(--md-sys-motion-easing-standard);
|
|
84
|
+
}
|
|
85
|
+
.w6243j2[data-pressed] .w6243j5 {
|
|
86
|
+
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
87
|
+
}
|
|
88
|
+
.w6243j2[data-disabled] .w6243j5 {
|
|
89
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
90
|
+
}
|
|
91
|
+
.w6243j2[data-disabled][data-pressed] .w6243j5 {
|
|
92
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
93
|
+
}
|
|
94
|
+
.w6243j5 svg {
|
|
95
|
+
width: 24px;
|
|
96
|
+
height: 24px;
|
|
97
|
+
}
|
|
98
|
+
.w6243j6 {
|
|
99
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
100
|
+
font-family: var(--md-sys-typescale-label-medium-font);
|
|
101
|
+
font-weight: var(--md-sys-typescale-label-medium-weight);
|
|
102
|
+
font-size: var(--md-sys-typescale-label-medium-size);
|
|
103
|
+
line-height: var(--md-sys-typescale-label-medium-line-height);
|
|
104
|
+
letter-spacing: var(--md-sys-typescale-label-medium-tracking);
|
|
105
|
+
transition: color 150ms var(--md-sys-motion-easing-standard);
|
|
106
|
+
}
|
|
107
|
+
.w6243j2[data-pressed] .w6243j6 {
|
|
108
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
109
|
+
font-weight: 700;
|
|
110
|
+
}
|
|
111
|
+
.w6243j2[data-disabled] .w6243j6 {
|
|
112
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
113
|
+
}
|
|
114
|
+
.w6243j2[data-disabled][data-pressed] .w6243j6 {
|
|
115
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
116
|
+
}
|
|
117
|
+
/*# sourceMappingURL=navigation-rail.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/navigation-rail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71VwW7bMAy95yuEAgOagzrHcbpCOe4zhh1oibbVypIhyc6yYf8-SHbruGlau912CiLrPZKPj9TN4TbNtvcJ-bUiREjXKDgyUij8sV-R-EuFtMi9NJoRblRb6_AFlCw1lR5rxwhH7dGG4xIaRjZpE9EVyrLyjGyS5FP4f5DCV4zcJf3nBoSQuqS5MvyBkXQ4zoE_lNa0WjBiy_y6A3tNaS2oOzrKjTKWutYWwHG93q9-r276Cjb_ooIabCk1zY33pmYkC6dPEdMYsTFO9tQWFXjZ4f6v5HHfOi-LI-VGe9T-LMVsKqLUSmo8Ox60zc6l9Ra0a8Ci9vGTsQItI9roWABvrTOWkcbIx7CtQ0sdKuR-vGda3wfuD0ZxvgnwQIV0kCsU3wetIhnFDrV3Z5jtEkGXyzbYb3c7dec2nXQ1e5YE5M6o1sckpHboGUlGwagFIVvHyMSlroIGadEqtX5DdtOhLZQ5MFJJITAaIl4Zoo_Q3vpks0tqN41Wm3CXIrjQcedBC7DidDYyxnIsjMVY25M0V1f7eaWe5M9bG3L_GpKJBTTApT8ON19u8LSkARG2wvJKBls1Fp0Lrpo0bc7mQG4CaW8QkBrtZIukrAotIS8K91TrtNkePNIImzIVhreOdtLJXOFyxgifMgIP47CcapDrBSHH-XydNDmB7v7tmMZGXWyg0Y_bn3ZgJWi_Xj932Acm5YK_dsPgvJXZW-66IPpc-uHZI59JcrO9e435Y2VcjrMjrisjy7BN02y6TdPpG3m7KOK0pYXRnhZQS_Xc1f7YoOOgkCrIUdEahWxrGgAj8jBkNAfZ3x2xTv7EechwM-LCK0irBTFPAD0B-rA6XRg5Xc7j8Bb4g9TlfxiBZZ1cn_fhS5LMGIWFYd49Cu-P8we99-BDMgsAAA"],"sourcesContent":[".w6243j0 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n height: 100%;\n width: 80px;\n padding-block: 20px;\n background: rgb(var(--md-sys-color-surface));\n}\n.w6243j1 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n margin-bottom: 4px;\n}\n.w6243j2 {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 4px;\n padding-inline: 4px;\n padding-block: 4px;\n background: transparent;\n border: none;\n cursor: pointer;\n user-select: none;\n outline: none;\n}\n.w6243j2[data-disabled] {\n pointer-events: none;\n}\n.w6243j3 {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 32px;\n}\n.w6243j4 {\n position: absolute;\n inset: 0;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n overflow: hidden;\n transition: background-color 150ms var(--md-sys-motion-easing-standard);\n}\n.w6243j4::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n.w6243j2[data-pressed] .w6243j4 {\n background: rgb(var(--md-sys-color-secondary-container));\n}\n.w6243j2:hover .w6243j4::before {\n opacity: var(--md-sys-state-hover);\n}\n.w6243j2:focus-visible .w6243j4::before {\n opacity: var(--md-sys-state-focus);\n}\n.w6243j2:active .w6243j4::before {\n opacity: var(--md-sys-state-pressed);\n}\n.w6243j2[data-disabled] .w6243j4::before {\n opacity: 0;\n}\n.w6243j5 {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgb(var(--md-sys-color-on-surface-variant));\n transition: color 150ms var(--md-sys-motion-easing-standard);\n}\n.w6243j2[data-pressed] .w6243j5 {\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n.w6243j2[data-disabled] .w6243j5 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.w6243j2[data-disabled][data-pressed] .w6243j5 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.w6243j5 svg {\n width: 24px;\n height: 24px;\n}\n.w6243j6 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-label-medium-font);\n font-weight: var(--md-sys-typescale-label-medium-weight);\n font-size: var(--md-sys-typescale-label-medium-size);\n line-height: var(--md-sys-typescale-label-medium-line-height);\n letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n transition: color 150ms var(--md-sys-motion-easing-standard);\n}\n.w6243j2[data-pressed] .w6243j6 {\n color: rgb(var(--md-sys-color-on-surface));\n font-weight: 700;\n}\n.w6243j2[data-disabled] .w6243j6 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.w6243j2[data-disabled][data-pressed] .w6243j6 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACL,UAAQ;AACR,SAAO;AACP,iBAAe;AACf,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACL,iBAAe;AACjB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,iBAAe;AACf,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,WAAS;AACX;AACA,CAfC,OAeO,CAAC;AACP,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,iBAAe,IAAI;AACnB,cAAY;AACZ,YAAU;AACV,cAAY,iBAAiB,MAAM,IAAI;AACzC;AACA,CARC,OAQO;AACN,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA3CC,OA2CO,CAAC,cAAc,CAjBtB;AAkBC,cAAY,IAAI,IAAI;AACtB;AACA,CA9CC,OA8CO,OAAO,CApBd,OAoBsB;AACrB,WAAS,IAAI;AACf;AACA,CAjDC,OAiDO,eAAe,CAvBtB,OAuB8B;AAC7B,WAAS,IAAI;AACf;AACA,CApDC,OAoDO,QAAQ,CA1Bf,OA0BuB;AACtB,WAAS,IAAI;AACf;AACA,CAvDC,OAuDO,CAAC,eAAe,CA7BvB,OA6B+B;AAC9B,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI,IAAI;AACf,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CAlEC,OAkEO,CAAC,cAAc,CARtB;AASC,SAAO,IAAI,IAAI;AACjB;AACA,CArEC,OAqEO,CAAC,eAAe,CAXvB;AAYC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAxEC,OAwEO,CAAC,cAAc,CAAC,cAAc,CAdrC;AAeC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAjBC,QAiBQ;AACP,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CAxFC,OAwFO,CAAC,cAAc,CATtB;AAUC,SAAO,IAAI,IAAI;AACf,eAAa;AACf;AACA,CA5FC,OA4FO,CAAC,eAAe,CAbvB;AAcC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CA/FC,OA+FO,CAAC,cAAc,CAAC,cAAc,CAhBrC;AAiBC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;","names":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
3
|
+
|
|
4
|
+
declare const NavigationRail: {
|
|
5
|
+
Root: react.ForwardRefExoticComponent<Omit<_base_ui_react.ToggleGroup.Props<string> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
6
|
+
header?: React.ReactNode;
|
|
7
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.Toggle.Props<string> & react.RefAttributes<HTMLButtonElement>, "ref">, "children"> & {
|
|
9
|
+
icon?: React.ReactNode;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { NavigationRail };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './navigation-rail.css';
|
|
3
|
+
import { createNavigationRail } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/navigation-rail.ts
|
|
6
|
+
|
|
7
|
+
// src/navigation-rail.css.ts
|
|
8
|
+
var header = "w6243j1";
|
|
9
|
+
var icon = "w6243j5";
|
|
10
|
+
var iconWrap = "w6243j3";
|
|
11
|
+
var indicator = "w6243j4";
|
|
12
|
+
var item = "w6243j2";
|
|
13
|
+
var label = "w6243j6";
|
|
14
|
+
var root = "w6243j0";
|
|
15
|
+
|
|
16
|
+
// src/navigation-rail.ts
|
|
17
|
+
var NavigationRail = createNavigationRail({
|
|
18
|
+
root,
|
|
19
|
+
header,
|
|
20
|
+
item,
|
|
21
|
+
iconWrap,
|
|
22
|
+
indicator,
|
|
23
|
+
icon,
|
|
24
|
+
label
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
export { NavigationRail };
|
|
28
|
+
//# sourceMappingURL=navigation-rail.js.map
|
|
29
|
+
//# sourceMappingURL=navigation-rail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/navigation-rail.css.ts","../src/navigation-rail.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,MAAA,GAAS,SAAA;AACb,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,QAAA,GAAW,SAAA;AACf,IAAI,SAAA,GAAY,SAAA;AAChB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;;;ACDX,IAAM,iBAAiB,oBAAA,CAAqB;AAAA,EACjD,IAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"navigation-rail.js","sourcesContent":["import 'src/navigation-rail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71VwW7bMAy95yuEAgOagzrHcbpCOe4zhh1oibbVypIhyc6yYf8-SHbruGlau912CiLrPZKPj9TN4TbNtvcJ-bUiREjXKDgyUij8sV-R-EuFtMi9NJoRblRb6_AFlCw1lR5rxwhH7dGG4xIaRjZpE9EVyrLyjGyS5FP4f5DCV4zcJf3nBoSQuqS5MvyBkXQ4zoE_lNa0WjBiy_y6A3tNaS2oOzrKjTKWutYWwHG93q9-r276Cjb_ooIabCk1zY33pmYkC6dPEdMYsTFO9tQWFXjZ4f6v5HHfOi-LI-VGe9T-LMVsKqLUSmo8Ox60zc6l9Ra0a8Ci9vGTsQItI9roWABvrTOWkcbIx7CtQ0sdKuR-vGda3wfuD0ZxvgnwQIV0kCsU3wetIhnFDrV3Z5jtEkGXyzbYb3c7dec2nXQ1e5YE5M6o1sckpHboGUlGwagFIVvHyMSlroIGadEqtX5DdtOhLZQ5MFJJITAaIl4Zoo_Q3vpks0tqN41Wm3CXIrjQcedBC7DidDYyxnIsjMVY25M0V1f7eaWe5M9bG3L_GpKJBTTApT8ON19u8LSkARG2wvJKBls1Fp0Lrpo0bc7mQG4CaW8QkBrtZIukrAotIS8K91TrtNkePNIImzIVhreOdtLJXOFyxgifMgIP47CcapDrBSHH-XydNDmB7v7tmMZGXWyg0Y_bn3ZgJWi_Xj932Acm5YK_dsPgvJXZW-66IPpc-uHZI59JcrO9e435Y2VcjrMjrisjy7BN02y6TdPpG3m7KOK0pYXRnhZQS_Xc1f7YoOOgkCrIUdEahWxrGgAj8jBkNAfZ3x2xTv7EechwM-LCK0irBTFPAD0B-rA6XRg5Xc7j8Bb4g9TlfxiBZZ1cn_fhS5LMGIWFYd49Cu-P8we99-BDMgsAAA';\nexport var header = 'w6243j1';\nexport var icon = 'w6243j5';\nexport var iconWrap = 'w6243j3';\nexport var indicator = 'w6243j4';\nexport var item = 'w6243j2';\nexport var label = 'w6243j6';\nexport var root = 'w6243j0';","/**\n * navigation-rail.ts — wires the VE styles into the shared NavigationRail factory.\n */\nimport { createNavigationRail } from '@m3-baseui/core';\nimport { root, header, item, iconWrap, indicator, icon, label } from './navigation-rail.css';\n\nexport const NavigationRail = createNavigationRail({\n root,\n header,\n item,\n iconWrap,\n indicator,\n icon,\n label,\n});\n"]}
|
package/dist/progress.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UTW_bMAy951fwUiA5aLCTrNvcS3_GgGEYGIu2uciSIdLpgqL_fbCcpE76saUnmzQf3yP15Pst7auILQn8ym2Xr9bfMnicAWQ36QGgEb1UIbbF-OpQ6fvc5Fl2s7ibATzNAIbg3fL1c_XT7P4lZ57QGl42iUFRab66zSzVpxafjsBlQnRBWDn4AiI5VN7RUGhZOof7AjYulNsh88BWmyLJHcKGuG60gHX3ZwjDjmLlwkMBDVtLfshtQrQUTUTLvRSwwzg3prVG9mKkwY5M1Tu3uJtqWl1owo0E12vSxF5IC8hSbyy3dQy9twXEejM_a14GF6KRPlZYkimDV2RP0TRcNyS6WHxU3foddRq6o7agGtpD4Ki6QnMXucW4v1Lh4dAPotJBwTLLWjnHtGEoMITCvjai6C1Gez7h8odFRcPeklJs2aPST7hYwMEK69EJU24ffFoGem5xTD1fjaUAoZBhb0KvwL5iz8PyJvyfE8HJfewdezKVo-QydFx7w0qtFFCSV4pD-ncvytU-nTR5nX46Sv062vTk2hRPeV-d-_H1UXLIBQZhGN-aQnb1-ST_ukdjPOlxm_CiMWzpox4f0ea4hIuZv_wPw5kjX-l3Sg77KLEb_jq9t5fGOBRZlCZUlZDC6hqD_gXXJHsLawUAAA */
|
|
2
2
|
@keyframes _1dp13490 {
|
|
3
3
|
0% {
|
|
4
4
|
transform: translateX(-100%);
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
height: 48px;
|
|
49
49
|
}
|
|
50
50
|
._1dp13495[data-indeterminate] {
|
|
51
|
-
animation: _1dp13491
|
|
51
|
+
animation: _1dp13491 1s linear infinite;
|
|
52
52
|
}
|
|
53
53
|
._1dp13495 svg {
|
|
54
54
|
display: block;
|
package/dist/progress.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UTW_bMAy951fwUiA5aLCTrNvcS3_GgGEYGIu2uciSIdLpgqL_fbCcpE76saUnmzQf3yP15Pst7auILQn8ym2Xr9bfMnicAWQ36QGgEb1UIbbF-OpQ6fvc5Fl2s7ibATzNAIbg3fL1c_XT7P4lZ57QGl42iUFRab66zSzVpxafjsBlQnRBWDn4AiI5VN7RUGhZOof7AjYulNsh88BWmyLJHcKGuG60gHX3ZwjDjmLlwkMBDVtLfshtQrQUTUTLvRSwwzg3prVG9mKkwY5M1Tu3uJtqWl1owo0E12vSxF5IC8hSbyy3dQy9twXEejM_a14GF6KRPlZYkimDV2RP0TRcNyS6WHxU3foddRq6o7agGtpD4Ki6QnMXucW4v1Lh4dAPotJBwTLLWjnHtGEoMITCvjai6C1Gez7h8odFRcPeklJs2aPST7hYwMEK69EJU24ffFoGem5xTD1fjaUAoZBhb0KvwL5iz8PyJvyfE8HJfewdezKVo-QydFx7w0qtFFCSV4pD-ncvytU-nTR5nX46Sv062vTk2hRPeV-d-_H1UXLIBQZhGN-aQnb1-ST_ukdjPOlxm_CiMWzpox4f0ea4hIuZv_wPw5kjX-l3Sg77KLEb_jq9t5fGOBRZlCZUlZDC6hqD_gXXJHsLawUAAA"],"sourcesContent":["@keyframes _1dp13490 {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(400%);\n }\n}\n@keyframes _1dp13491 {\n to {\n transform: rotate(360deg);\n }\n}\n._1dp13492 {\n position: relative;\n display: block;\n width: 100%;\n height: 4px;\n overflow: hidden;\n border-radius: var(--md-sys-shape-full);\n}\n._1dp13493 {\n position: absolute;\n inset: 0;\n background: rgb(var(--md-sys-color-surface-container-highest));\n border-radius: var(--md-sys-shape-full);\n}\n._1dp13494 {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n background: rgb(var(--md-sys-color-primary));\n border-radius: var(--md-sys-shape-full);\n transition: width 200ms var(--md-sys-motion-easing-standard);\n}\n._1dp13492[data-indeterminate] ._1dp13494 {\n width: 40%;\n transition: none;\n animation: _1dp13490 2s ease-in-out infinite;\n}\n._1dp13495 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n._1dp13495[data-indeterminate] {\n animation: _1dp13491 1s linear infinite;\n}\n._1dp13495 svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n._1dp13496 {\n stroke: rgb(var(--md-sys-color-surface-container-highest));\n stroke-width: 4px;\n}\n._1dp13497 {\n stroke: rgb(var(--md-sys-color-primary));\n stroke-width: 4px;\n stroke-linecap: round;\n transition: stroke-dashoffset 300ms var(--md-sys-motion-easing-standard);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AACA,WAAW;AACT;AACE,eAAW,OAAO;AACpB;AACF;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,SAAO;AACP,UAAQ;AACR,YAAU;AACV,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY,IAAI,IAAI;AACpB,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,UAAQ;AACR,QAAM;AACN,cAAY,IAAI,IAAI;AACpB,iBAAe,IAAI;AACnB,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CAvBC,SAuBS,CAAC,oBAAoB,CAT9B;AAUC,SAAO;AACP,cAAY;AACZ,aAAW,UAAU,GAAG,YAAY;AACtC;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACV;AACA,CAPC,SAOS,CAAC;AACT,aAAW,UAAU,GAAG,OAAO;AACjC;AACA,CAVC,UAUU;AACT,WAAS;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ,IAAI,IAAI;AAChB,gBAAc;AAChB;AACA,CAAC;AACC,UAAQ,IAAI,IAAI;AAChB,gBAAc;AACd,kBAAgB;AAChB,cAAY,kBAAkB,MAAM,IAAI;AAC1C;","names":[]}
|
package/dist/progress.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/progress.css.ts","../src/progress.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,iBAAA,GAAoB,WAAA;AACxB,IAAI,YAAA,GAAe,WAAA;AACnB,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,eAAA,GAAkB,WAAA;AACtB,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,WAAA,GAAc,WAAA;;;ACOlB,IAAM,WAAW,cAAA,CAAe;AAAA,EACrC,QAAQ,EAAE,IAAA,EAAM,YAAY,KAAA,EAAO,WAAA,EAAa,WAAW,eAAA,EAAgB;AAAA,EAC3E,UAAU,EAAE,IAAA,EAAM,cAAc,KAAA,EAAO,aAAA,EAAe,WAAW,iBAAA;AACnE,CAAC","file":"progress.js","sourcesContent":["import 'src/progress.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../src/progress.css.ts","../src/progress.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,iBAAA,GAAoB,WAAA;AACxB,IAAI,YAAA,GAAe,WAAA;AACnB,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,eAAA,GAAkB,WAAA;AACtB,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,WAAA,GAAc,WAAA;;;ACOlB,IAAM,WAAW,cAAA,CAAe;AAAA,EACrC,QAAQ,EAAE,IAAA,EAAM,YAAY,KAAA,EAAO,WAAA,EAAa,WAAW,eAAA,EAAgB;AAAA,EAC3E,UAAU,EAAE,IAAA,EAAM,cAAc,KAAA,EAAO,aAAA,EAAe,WAAW,iBAAA;AACnE,CAAC","file":"progress.js","sourcesContent":["import 'src/progress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UTW_bMAy951fwUiA5aLCTrNvcS3_GgGEYGIu2uciSIdLpgqL_fbCcpE76saUnmzQf3yP15Pst7auILQn8ym2Xr9bfMnicAWQ36QGgEb1UIbbF-OpQ6fvc5Fl2s7ibATzNAIbg3fL1c_XT7P4lZ57QGl42iUFRab66zSzVpxafjsBlQnRBWDn4AiI5VN7RUGhZOof7AjYulNsh88BWmyLJHcKGuG60gHX3ZwjDjmLlwkMBDVtLfshtQrQUTUTLvRSwwzg3prVG9mKkwY5M1Tu3uJtqWl1owo0E12vSxF5IC8hSbyy3dQy9twXEejM_a14GF6KRPlZYkimDV2RP0TRcNyS6WHxU3foddRq6o7agGtpD4Ki6QnMXucW4v1Lh4dAPotJBwTLLWjnHtGEoMITCvjai6C1Gez7h8odFRcPeklJs2aPST7hYwMEK69EJU24ffFoGem5xTD1fjaUAoZBhb0KvwL5iz8PyJvyfE8HJfewdezKVo-QydFx7w0qtFFCSV4pD-ncvytU-nTR5nX46Sv062vTk2hRPeV-d-_H1UXLIBQZhGN-aQnb1-ST_ukdjPOlxm_CiMWzpox4f0ea4hIuZv_wPw5kjX-l3Sg77KLEb_jq9t5fGOBRZlCZUlZDC6hqD_gXXJHsLawUAAA';\nexport var circularIndicator = '_1dp13497';\nexport var circularRoot = '_1dp13495';\nexport var circularTrack = '_1dp13496';\nexport var linearIndicator = '_1dp13494';\nexport var linearRoot = '_1dp13492';\nexport var linearTrack = '_1dp13493';","/**\n * progress.ts — wires the VE styles into the shared Progress factory.\n */\nimport { createProgress } from '@m3-baseui/core';\nimport {\n linearRoot,\n linearTrack,\n linearIndicator,\n circularRoot,\n circularTrack,\n circularIndicator,\n} from './progress.css';\n\nexport const Progress = createProgress({\n linear: { root: linearRoot, track: linearTrack, indicator: linearIndicator },\n circular: { root: circularRoot, track: circularTrack, indicator: circularIndicator },\n});\nexport type { LinearProgressProps, CircularProgressProps } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cIAwY0wNg5Sdt1LvYfA4Y-MBJjC5UlQ6KTuMP-fZDsJM6lrdOnxBIPecRzRPtW_XR37TYTfydC1C5o1s7mYqW3pJ4mQmgbiHORxf-voK2ibS7u0uMS5UvhXWNVLnyxvFmjvwGoFIQ2gHTGeQjS62oqvovsdjGfRhB7tLsirkapuRWLLKuCOIJXLoYAYdC2AKrqEoN-JTV9mvyb3Pac_yhkhLDRtbbFczrBML11li6EM3qOSQO3hp6_ieNtsuqwmVL2LFMP9slmV_XrPj0qHWqDbS5WhrZxAY0uLGimKuQisCeW5aDGPNVYui0E_aptkYul84o8LF2Cl6SLknMxy7Kv8XmjFZe5WMyzOu1XuIV-TaKRN7MsW28EiPuHeju9SCj-gtKeZHcq6UxT2bjj1uRXxm2gzQU27HZrQXpnDCypxLV2PkIso04Ydo0sAftce1TDRlvayTPORo1foSTok5MH4zbTdIYU8CbQ2R12enDfyvkq7_4aZPrdA5XHDflkJ4LKrakiy7Cdntl2n-Szxp1fMG4TYm0yJPnMuYN4Osjz64uP-n_p8BX6QlswtOJdrz_Ex-BjuO8cNRLf13__Xo0Cn9-6y0pFq7_RyQsn-xyxIXYsLzgltjjc3RKV2-THLiFDa0xGMbQmMzuCjlC7HwTs6qQ4eFS6CSdFQok1gUFfUPLwfnowu2o07kNeAxcNaCW2n-E1GrgndnfW65P7c58C3h-_kiyTj8sF1rl47EeotrAbs3FsxrUaVTKFtt0cm52sL42TL32GPYWHRCFWzsXsaX_h-hfFdUNs5SzDCitt2pMGcVtTkGgIWLPpWwUx_gDc9McZAexCD9A4yEYBY2CCxQ7tGzgCOIjv8MQc52J8BccX4IgU7FG-aFsMHfJjMOP6lp-qOL87UTG58aDuWIlgjV6j5fFSLZ1qoSKlm-o6qYbAq6QaAq-Sagj8pFTDFJekejy-q508cPSBEkqv7Uv3PfYfWgy9Pr8KAAA */
|
|
2
|
+
.d9o4yx0 {
|
|
3
|
+
position: fixed;
|
|
4
|
+
inset: 0;
|
|
5
|
+
z-index: 40;
|
|
6
|
+
background: rgb(var(--md-sys-color-scrim) / 0.32);
|
|
7
|
+
transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
|
|
8
|
+
}
|
|
9
|
+
.d9o4yx0[data-swiping] {
|
|
10
|
+
transition: none;
|
|
11
|
+
}
|
|
12
|
+
.d9o4yx0[data-starting-style],
|
|
13
|
+
.d9o4yx0[data-ending-style] {
|
|
14
|
+
opacity: 0;
|
|
15
|
+
}
|
|
16
|
+
.d9o4yx1 {
|
|
17
|
+
position: fixed;
|
|
18
|
+
inset: 0;
|
|
19
|
+
z-index: 50;
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: stretch;
|
|
22
|
+
}
|
|
23
|
+
.d9o4yx2 {
|
|
24
|
+
box-sizing: border-box;
|
|
25
|
+
height: 100%;
|
|
26
|
+
width: 320px;
|
|
27
|
+
max-width: calc(100vw - 56px);
|
|
28
|
+
display: flex;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
overflow-y: auto;
|
|
31
|
+
overscroll-behavior: contain;
|
|
32
|
+
touch-action: auto;
|
|
33
|
+
outline: none;
|
|
34
|
+
background: rgb(var(--md-sys-color-surface-container-low));
|
|
35
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
36
|
+
transform: translateX(var(--drawer-swipe-movement-x));
|
|
37
|
+
transition: transform 300ms var(--md-sys-motion-easing-emphasized);
|
|
38
|
+
}
|
|
39
|
+
.d9o4yx2[data-swiping] {
|
|
40
|
+
user-select: none;
|
|
41
|
+
}
|
|
42
|
+
.d9o4yx2[data-swipe-direction=right] {
|
|
43
|
+
margin-left: auto;
|
|
44
|
+
}
|
|
45
|
+
.d9o4yx2[data-swipe-direction=left] {
|
|
46
|
+
margin-right: auto;
|
|
47
|
+
}
|
|
48
|
+
.d9o4yx2[data-swipe-direction=right][data-starting-style],
|
|
49
|
+
.d9o4yx2[data-swipe-direction=right][data-ending-style] {
|
|
50
|
+
transform: translateX(100%);
|
|
51
|
+
}
|
|
52
|
+
.d9o4yx2[data-swipe-direction=left][data-starting-style],
|
|
53
|
+
.d9o4yx2[data-swipe-direction=left][data-ending-style] {
|
|
54
|
+
transform: translateX(-100%);
|
|
55
|
+
}
|
|
56
|
+
.d9o4yx3 {
|
|
57
|
+
box-shadow: var(--md-sys-elevation-level1);
|
|
58
|
+
}
|
|
59
|
+
.d9o4yx3[data-swipe-direction=right] {
|
|
60
|
+
border-top-left-radius: var(--md-sys-shape-large);
|
|
61
|
+
border-bottom-left-radius: var(--md-sys-shape-large);
|
|
62
|
+
}
|
|
63
|
+
.d9o4yx3[data-swipe-direction=left] {
|
|
64
|
+
border-top-right-radius: var(--md-sys-shape-large);
|
|
65
|
+
border-bottom-right-radius: var(--md-sys-shape-large);
|
|
66
|
+
}
|
|
67
|
+
.d9o4yx4 {
|
|
68
|
+
box-shadow: none;
|
|
69
|
+
}
|
|
70
|
+
.d9o4yx5 {
|
|
71
|
+
display: flex;
|
|
72
|
+
align-items: center;
|
|
73
|
+
gap: 8px;
|
|
74
|
+
min-height: 56px;
|
|
75
|
+
padding-inline: 16px;
|
|
76
|
+
padding-block: 8px;
|
|
77
|
+
}
|
|
78
|
+
.d9o4yx6 {
|
|
79
|
+
flex: 1;
|
|
80
|
+
margin: 0;
|
|
81
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
82
|
+
font-family: var(--md-sys-typescale-title-large-font);
|
|
83
|
+
font-weight: var(--md-sys-typescale-title-large-weight);
|
|
84
|
+
font-size: var(--md-sys-typescale-title-large-size);
|
|
85
|
+
line-height: var(--md-sys-typescale-title-large-line-height);
|
|
86
|
+
letter-spacing: var(--md-sys-typescale-title-large-tracking);
|
|
87
|
+
}
|
|
88
|
+
.d9o4yx7 {
|
|
89
|
+
margin: 0;
|
|
90
|
+
padding-inline: 24px;
|
|
91
|
+
padding-bottom: 16px;
|
|
92
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
93
|
+
font-family: var(--md-sys-typescale-body-medium-font);
|
|
94
|
+
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
95
|
+
font-size: var(--md-sys-typescale-body-medium-size);
|
|
96
|
+
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
97
|
+
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
98
|
+
}
|
|
99
|
+
.d9o4yx8 {
|
|
100
|
+
display: inline-flex;
|
|
101
|
+
flex-shrink: 0;
|
|
102
|
+
}
|
|
103
|
+
/*# sourceMappingURL=side-sheet.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cIAwY0wNg5Sdt1LvYfA4Y-MBJjC5UlQ6KTuMP-fZDsJM6lrdOnxBIPecRzRPtW_XR37TYTfydC1C5o1s7mYqW3pJ4mQmgbiHORxf-voK2ibS7u0uMS5UvhXWNVLnyxvFmjvwGoFIQ2gHTGeQjS62oqvovsdjGfRhB7tLsirkapuRWLLKuCOIJXLoYAYdC2AKrqEoN-JTV9mvyb3Pac_yhkhLDRtbbFczrBML11li6EM3qOSQO3hp6_ieNtsuqwmVL2LFMP9slmV_XrPj0qHWqDbS5WhrZxAY0uLGimKuQisCeW5aDGPNVYui0E_aptkYul84o8LF2Cl6SLknMxy7Kv8XmjFZe5WMyzOu1XuIV-TaKRN7MsW28EiPuHeju9SCj-gtKeZHcq6UxT2bjj1uRXxm2gzQU27HZrQXpnDCypxLV2PkIso04Ydo0sAftce1TDRlvayTPORo1foSTok5MH4zbTdIYU8CbQ2R12enDfyvkq7_4aZPrdA5XHDflkJ4LKrakiy7Cdntl2n-Szxp1fMG4TYm0yJPnMuYN4Osjz64uP-n_p8BX6QlswtOJdrz_Ex-BjuO8cNRLf13__Xo0Cn9-6y0pFq7_RyQsn-xyxIXYsLzgltjjc3RKV2-THLiFDa0xGMbQmMzuCjlC7HwTs6qQ4eFS6CSdFQok1gUFfUPLwfnowu2o07kNeAxcNaCW2n-E1GrgndnfW65P7c58C3h-_kiyTj8sF1rl47EeotrAbs3FsxrUaVTKFtt0cm52sL42TL32GPYWHRCFWzsXsaX_h-hfFdUNs5SzDCitt2pMGcVtTkGgIWLPpWwUx_gDc9McZAexCD9A4yEYBY2CCxQ7tGzgCOIjv8MQc52J8BccX4IgU7FG-aFsMHfJjMOP6lp-qOL87UTG58aDuWIlgjV6j5fFSLZ1qoSKlm-o6qYbAq6QaAq-Sagj8pFTDFJekejy-q508cPSBEkqv7Uv3PfYfWgy9Pr8KAAA"],"sourcesContent":[".d9o4yx0 {\n position: fixed;\n inset: 0;\n z-index: 40;\n background: rgb(var(--md-sys-color-scrim) / 0.32);\n transition: opacity 300ms var(--md-sys-motion-easing-emphasized);\n}\n.d9o4yx0[data-swiping] {\n transition: none;\n}\n.d9o4yx0[data-starting-style], .d9o4yx0[data-ending-style] {\n opacity: 0;\n}\n.d9o4yx1 {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: stretch;\n}\n.d9o4yx2 {\n box-sizing: border-box;\n height: 100%;\n width: 320px;\n max-width: calc(100vw - 56px);\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overscroll-behavior: contain;\n touch-action: auto;\n outline: none;\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-on-surface));\n transform: translateX(var(--drawer-swipe-movement-x));\n transition: transform 300ms var(--md-sys-motion-easing-emphasized);\n}\n.d9o4yx2[data-swiping] {\n user-select: none;\n}\n.d9o4yx2[data-swipe-direction=\"right\"] {\n margin-left: auto;\n}\n.d9o4yx2[data-swipe-direction=\"left\"] {\n margin-right: auto;\n}\n.d9o4yx2[data-swipe-direction=\"right\"][data-starting-style], .d9o4yx2[data-swipe-direction=\"right\"][data-ending-style] {\n transform: translateX(100%);\n}\n.d9o4yx2[data-swipe-direction=\"left\"][data-starting-style], .d9o4yx2[data-swipe-direction=\"left\"][data-ending-style] {\n transform: translateX(-100%);\n}\n.d9o4yx3 {\n box-shadow: var(--md-sys-elevation-level1);\n}\n.d9o4yx3[data-swipe-direction=\"right\"] {\n border-top-left-radius: var(--md-sys-shape-large);\n border-bottom-left-radius: var(--md-sys-shape-large);\n}\n.d9o4yx3[data-swipe-direction=\"left\"] {\n border-top-right-radius: var(--md-sys-shape-large);\n border-bottom-right-radius: var(--md-sys-shape-large);\n}\n.d9o4yx4 {\n box-shadow: none;\n}\n.d9o4yx5 {\n display: flex;\n align-items: center;\n gap: 8px;\n min-height: 56px;\n padding-inline: 16px;\n padding-block: 8px;\n}\n.d9o4yx6 {\n flex: 1;\n margin: 0;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-title-large-font);\n font-weight: var(--md-sys-typescale-title-large-weight);\n font-size: var(--md-sys-typescale-title-large-size);\n line-height: var(--md-sys-typescale-title-large-line-height);\n letter-spacing: var(--md-sys-typescale-title-large-tracking);\n}\n.d9o4yx7 {\n margin: 0;\n padding-inline: 24px;\n padding-bottom: 16px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n.d9o4yx8 {\n display: inline-flex;\n flex-shrink: 0;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,OAOO,CAAC;AACP,cAAY;AACd;AACA,CAVC,OAUO,CAAC;AAAsB,CAV9B,OAUsC,CAAC;AACtC,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,WAAS;AACT,eAAa;AACf;AACA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,SAAO;AACP,aAAW,KAAK,MAAM,EAAE;AACxB,WAAS;AACT,kBAAgB;AAChB,cAAY;AACZ,uBAAqB;AACrB,gBAAc;AACd,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,aAAW,WAAW,IAAI;AAC1B,cAAY,UAAU,MAAM,IAAI;AAClC;AACA,CAhBC,OAgBO,CAAC;AACP,eAAa;AACf;AACA,CAnBC,OAmBO,CAAC;AACP,eAAa;AACf;AACA,CAtBC,OAsBO,CAAC;AACP,gBAAc;AAChB;AACA,CAzBC,OAyBO,CAAC,2BAA6B,CAAC;AAAsB,CAzB5D,OAyBoE,CAAC,2BAA6B,CAAC;AAClG,aAAW,WAAW;AACxB;AACA,CA5BC,OA4BO,CAAC,0BAA4B,CAAC;AAAsB,CA5B3D,OA4BmE,CAAC,0BAA4B,CAAC;AAChG,aAAW,WAAW;AACxB;AACA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,OAGO,CAAC;AACP,0BAAwB,IAAI;AAC5B,6BAA2B,IAAI;AACjC;AACA,CAPC,OAOO,CAAC;AACP,2BAAyB,IAAI;AAC7B,8BAA4B,IAAI;AAClC;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,cAAY;AACZ,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAAC;AACC,QAAM;AACN,UAAQ;AACR,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACf;","names":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
3
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
4
|
+
export { SideSheetSide, SideSheetVariant } from '@m3-baseui/core';
|
|
5
|
+
|
|
6
|
+
declare const SideSheet: {
|
|
7
|
+
Root: {
|
|
8
|
+
({ variant, side, ...props }: _m3_baseui_core.SideSheetOwnProps & Omit<_base_ui_react.DrawerRoot.Props<unknown>, "modal" | "swipeDirection">): React.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
Trigger: _base_ui_react.DrawerTrigger;
|
|
12
|
+
Portal: _base_ui_react.DrawerPortal;
|
|
13
|
+
Backdrop: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerBackdropProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Viewport: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerViewportProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
15
|
+
Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
Header: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Title: react.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerTitleProps, "ref"> & react.RefAttributes<unknown>>;
|
|
18
|
+
Description: react.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerDescriptionProps, "ref"> & react.RefAttributes<unknown>>;
|
|
19
|
+
Close: react.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerCloseProps, "ref"> & react.RefAttributes<unknown>>;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { SideSheet };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './side-sheet.css';
|
|
3
|
+
import { createSideSheet } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/side-sheet.ts
|
|
7
|
+
var backdrop = "d9o4yx0";
|
|
8
|
+
var close = "d9o4yx8";
|
|
9
|
+
var description = "d9o4yx7";
|
|
10
|
+
var header = "d9o4yx5";
|
|
11
|
+
var popup = createRuntimeFn({ defaultClassName: "d9o4yx2", variantClassNames: { variant: { modal: "d9o4yx3", standard: "d9o4yx4" } }, defaultVariants: { variant: "modal" }, compoundVariants: [] });
|
|
12
|
+
var title = "d9o4yx6";
|
|
13
|
+
var viewport = "d9o4yx1";
|
|
14
|
+
|
|
15
|
+
// src/side-sheet.ts
|
|
16
|
+
var SideSheet = createSideSheet({
|
|
17
|
+
backdrop,
|
|
18
|
+
viewport,
|
|
19
|
+
popup: ({ variant }) => popup({ variant }),
|
|
20
|
+
header,
|
|
21
|
+
title,
|
|
22
|
+
description,
|
|
23
|
+
close
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
export { SideSheet };
|
|
27
|
+
//# sourceMappingURL=side-sheet.js.map
|
|
28
|
+
//# sourceMappingURL=side-sheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/side-sheet.css.ts","../src/side-sheet.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,QAAA,GAAW,SAAA;AACf,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,WAAA,GAAc,SAAA;AAClB,IAAI,MAAA,GAAS,SAAA;AACb,IAAI,KAAA,GAAQA,gBAAO,EAAC,gBAAA,EAAiB,WAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,KAAA,EAAM,SAAA,EAAU,UAAS,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,SAAO,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACtK,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,QAAA,GAAW,SAAA;;;ACFf,IAAM,YAAY,eAAA,CAAgB;AAAA,EACvC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,CAAC,EAAE,OAAA,OAAc,KAAA,CAAM,EAAE,SAAS,CAAA;AAAA,EACzC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC","file":"side-sheet.js","sourcesContent":["import 'src/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cIAwY0wNg5Sdt1LvYfA4Y-MBJjC5UlQ6KTuMP-fZDsJM6lrdOnxBIPecRzRPtW_XR37TYTfydC1C5o1s7mYqW3pJ4mQmgbiHORxf-voK2ibS7u0uMS5UvhXWNVLnyxvFmjvwGoFIQ2gHTGeQjS62oqvovsdjGfRhB7tLsirkapuRWLLKuCOIJXLoYAYdC2AKrqEoN-JTV9mvyb3Pac_yhkhLDRtbbFczrBML11li6EM3qOSQO3hp6_ieNtsuqwmVL2LFMP9slmV_XrPj0qHWqDbS5WhrZxAY0uLGimKuQisCeW5aDGPNVYui0E_aptkYul84o8LF2Cl6SLknMxy7Kv8XmjFZe5WMyzOu1XuIV-TaKRN7MsW28EiPuHeju9SCj-gtKeZHcq6UxT2bjj1uRXxm2gzQU27HZrQXpnDCypxLV2PkIso04Ydo0sAftce1TDRlvayTPORo1foSTok5MH4zbTdIYU8CbQ2R12enDfyvkq7_4aZPrdA5XHDflkJ4LKrakiy7Cdntl2n-Szxp1fMG4TYm0yJPnMuYN4Osjz64uP-n_p8BX6QlswtOJdrz_Ex-BjuO8cNRLf13__Xo0Cn9-6y0pFq7_RyQsn-xyxIXYsLzgltjjc3RKV2-THLiFDa0xGMbQmMzuCjlC7HwTs6qQ4eFS6CSdFQok1gUFfUPLwfnowu2o07kNeAxcNaCW2n-E1GrgndnfW65P7c58C3h-_kiyTj8sF1rl47EeotrAbs3FsxrUaVTKFtt0cm52sL42TL32GPYWHRCFWzsXsaX_h-hfFdUNs5SzDCitt2pMGcVtTkGgIWLPpWwUx_gDc9McZAexCD9A4yEYBY2CCxQ7tGzgCOIjv8MQc52J8BccX4IgU7FG-aFsMHfJjMOP6lp-qOL87UTG58aDuWIlgjV6j5fFSLZ1qoSKlm-o6qYbAq6QaAq-Sagj8pFTDFJekejy-q508cPSBEkqv7Uv3PfYfWgy9Pr8KAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var backdrop = 'd9o4yx0';\nexport var close = 'd9o4yx8';\nexport var description = 'd9o4yx7';\nexport var header = 'd9o4yx5';\nexport var popup = _7a468({defaultClassName:'d9o4yx2',variantClassNames:{variant:{modal:'d9o4yx3',standard:'d9o4yx4'}},defaultVariants:{variant:'modal'},compoundVariants:[]});\nexport var title = 'd9o4yx6';\nexport var viewport = 'd9o4yx1';","/**\n * side-sheet.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSideSheet } from '@m3-baseui/core';\nimport { backdrop, viewport, popup, header, title, description, close } from './side-sheet.css';\n\nexport const SideSheet = createSideSheet({\n backdrop,\n viewport,\n popup: ({ variant }) => popup({ variant }),\n header,\n title,\n description,\n close,\n});\nexport type { SideSheetVariant, SideSheetSide } from '@m3-baseui/core';\n"]}
|
package/dist/snackbar.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-
|
|
1
|
+
/* vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WUW_bOAx-768QCgxIgGlwkjUo1Mf9iR0OxYG2aFuLLBkS7cY93H8_SHYS29ddnXbAgGFPiUR-n0TqI-lPf20oPxjbJuzvG8Zq6xUpawTL1RHlww1jqSWylWCbfX0Ma405CXaXfAgLcmB8bl0l-r8aCL-u-F3yYR3Mz1wZicfgHpZS-VpDJ1iuMXKFXy6Vw6w_NLO6qUywFFALdt-f-KQklYJVyqzu9kl9_Mgy0NlqkyTtE-Nst62P6_XDzT83n07BbGbBONRAqsUXLwFaFYYrwsoLlqEhdPMbVMrwElVRkmCfh73UHrlXz8oUgqXWSXQ8tdFSg5TKFLzP1Clvp13X09xPd1Nts8N5d-BzIFXjBWvBrTivJPed576EGjkeyQH3FWgdM51CdiicbYwUzBXpagLJrLaOK9Oi88h943LIcB1x0fQqxJopKsZegrRPs8uhxhZCzrnGFvUueufWEM-hUrqbuVNXo89AI0-t7HiFUjUVD_4X4NOQ9wXA3vUC9eoZFwGDY4RpZfD80guAI_8ej0TouK8hi8JYQEEOsoMyxfpcT4NobSChjm2TpPJTpsrGHCP4oB2s6hJCCHL98VKRV-Gm1fOnBALuCRwFP0-dxsdYUsOdBEu-V_1_rO7r44t8aOT_sI38t9F4RbMIFsE2p0od-kVyruJtqKrRAbt4wG9ZLpTlKHOff2fujZm7WzKSlInnvzKZvjWeVN7xzBpCQ2NTrBFfOmUOQwGcYt_NxlB_lGCbbb9vW3S5Dg29VFKief8Yii2hBoeGLmSCGWti0FnjfBg9tVWn29uG-kudfRZNp9qpCly3XjxsNKSouQZX4HXaHAOv0uYYeJU2x8A3anNM8R1tCpFibh1GjZ5ldXv7MJEspN7qhuLLKOORBomNHz1rXHjwL-GBHv4zMIa35tiiIX9555fG3ua18eUJjAQn57GUQcqTiM6XmCqYgJBH7zlFbrPG81Z5lWpcTBVRcyrIQpUv5qgdej8fyPuf1DuGQbobWsS5lbyrZeTNz-wV0y_ZcY5_oRrYv78G9j-uBvY_pgb6j8jB9vgWsn8BZZx6zuwOAAA */
|
|
2
2
|
._1tfknov0 {
|
|
3
3
|
position: fixed;
|
|
4
4
|
bottom: 16px;
|
|
@@ -53,12 +53,11 @@
|
|
|
53
53
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
54
54
|
}
|
|
55
55
|
._1tfknov4 {
|
|
56
|
-
|
|
57
|
-
font-
|
|
58
|
-
font-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
letter-spacing: var(--md-sys-typescale-body-small-tracking);
|
|
56
|
+
font-family: var(--md-sys-typescale-body-medium-font);
|
|
57
|
+
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
58
|
+
font-size: var(--md-sys-typescale-body-medium-size);
|
|
59
|
+
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
60
|
+
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
62
61
|
}
|
|
63
62
|
._1tfknov5 {
|
|
64
63
|
position: relative;
|
package/dist/snackbar.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WUW_bOAx-768QCgxIgGlwkjUo1Mf9iR0OxYG2aFuLLBkS7cY93H8_SHYS29ddnXbAgGFPiUR-n0TqI-lPf20oPxjbJuzvG8Zq6xUpawTL1RHlww1jqSWylWCbfX0Ma405CXaXfAgLcmB8bl0l-r8aCL-u-F3yYR3Mz1wZicfgHpZS-VpDJ1iuMXKFXy6Vw6w_NLO6qUywFFALdt-f-KQklYJVyqzu9kl9_Mgy0NlqkyTtE-Nst62P6_XDzT83n07BbGbBONRAqsUXLwFaFYYrwsoLlqEhdPMbVMrwElVRkmCfh73UHrlXz8oUgqXWSXQ8tdFSg5TKFLzP1Clvp13X09xPd1Nts8N5d-BzIFXjBWvBrTivJPed576EGjkeyQH3FWgdM51CdiicbYwUzBXpagLJrLaOK9Oi88h943LIcB1x0fQqxJopKsZegrRPs8uhxhZCzrnGFvUueufWEM-hUrqbuVNXo89AI0-t7HiFUjUVD_4X4NOQ9wXA3vUC9eoZFwGDY4RpZfD80guAI_8ej0TouK8hi8JYQEEOsoMyxfpcT4NobSChjm2TpPJTpsrGHCP4oB2s6hJCCHL98VKRV-Gm1fOnBALuCRwFP0-dxsdYUsOdBEu-V_1_rO7r44t8aOT_sI38t9F4RbMIFsE2p0od-kVyruJtqKrRAbt4wG9ZLpTlKHOff2fujZm7WzKSlInnvzKZvjWeVN7xzBpCQ2NTrBFfOmUOQwGcYt_NxlB_lGCbbb9vW3S5Dg29VFKief8Yii2hBoeGLmSCGWti0FnjfBg9tVWn29uG-kudfRZNp9qpCly3XjxsNKSouQZX4HXaHAOv0uYYeJU2x8A3anNM8R1tCpFibh1GjZ5ldXv7MJEspN7qhuLLKOORBomNHz1rXHjwL-GBHv4zMIa35tiiIX9555fG3ua18eUJjAQn57GUQcqTiM6XmCqYgJBH7zlFbrPG81Z5lWpcTBVRcyrIQpUv5qgdej8fyPuf1DuGQbobWsS5lbyrZeTNz-wV0y_ZcY5_oRrYv78G9j-uBvY_pgb6j8jB9vgWsn8BZZx6zuwOAAA"],"sourcesContent":["._1tfknov0 {\n position: fixed;\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 50;\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: min(560px, calc(100vw - 32px));\n}\n._1tfknov1 {\n position: relative;\n display: flex;\n align-items: center;\n gap: 8px;\n min-height: 48px;\n box-sizing: border-box;\n padding-left: 16px;\n padding-right: 8px;\n padding-block: 8px;\n border-radius: var(--md-sys-shape-extra-small);\n background: rgb(var(--md-sys-color-inverse-surface));\n color: rgb(var(--md-sys-color-inverse-on-surface));\n box-shadow: var(--md-sys-elevation-level3);\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);\n}\n._1tfknov1[data-starting-style] {\n opacity: 0;\n transform: translateY(8px);\n}\n._1tfknov1[data-ending-style] {\n opacity: 0;\n}\n._1tfknov2 {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n gap: 2px;\n}\n._1tfknov3 {\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n._1tfknov4 {\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n._1tfknov5 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 36px;\n padding-inline: 12px;\n overflow: hidden;\n border-radius: var(--md-sys-shape-extra-small);\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n color: rgb(var(--md-sys-color-inverse-primary));\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n._1tfknov5::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1tfknov5:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1tfknov5:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1tfknov5:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1tfknov6 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n overflow: hidden;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n color: rgb(var(--md-sys-color-inverse-on-surface));\n}\n._1tfknov6::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1tfknov6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1tfknov6:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1tfknov6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1tfknov6[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,QAAM;AACN,aAAW,WAAW;AACtB,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,SAAO,IAAI,KAAK,EAAE,KAAK,MAAM,EAAE;AACjC;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,OAAK;AACL,cAAY;AACZ,cAAY;AACZ,gBAAc;AACd,iBAAe;AACf,iBAAe;AACf,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,cAAY,IAAI;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,QAAQ,MAAM,IAAI,kCAAkC,EAAE,UAAU,MAAM,IAAI;AACxF;AACA,CArBC,SAqBS,CAAC;AACT,WAAS;AACT,aAAW,WAAW;AACxB;AACA,CAzBC,SAyBS,CAAC;AACT,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,QAAM;AACN,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,kBAAgB;AAChB,YAAU;AACV,iBAAe,IAAI;AACnB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CArBC,SAqBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA9BC,SA8BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAjCC,SAiCS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CApCC,SAoCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,SAAO;AACP,UAAQ;AACR,YAAU;AACV,iBAAe,IAAI;AACnB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACjB;AACA,CAhBC,SAgBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAzBC,SAyBS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA5BC,SA4BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CA/BC,SA+BS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAlCC,SAkCS,CAAC,aAAa;AACtB,WAAS,IAAI;AACf;","names":[]}
|
package/dist/snackbar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/snackbar.css.ts","../src/snackbar.ts"],"names":[],"mappings":";;;;;;;;AACO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,QAAA,GAAW,WAAA;ACCf,IAAM,WAAW,cAAA,CAAe;AAAA,EACrC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAC","file":"snackbar.js","sourcesContent":["import 'src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-
|
|
1
|
+
{"version":3,"sources":["../src/snackbar.css.ts","../src/snackbar.ts"],"names":[],"mappings":";;;;;;;;AACO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,QAAA,GAAW,WAAA;ACCf,IAAM,WAAW,cAAA,CAAe;AAAA,EACrC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAC","file":"snackbar.js","sourcesContent":["import 'src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WUW_bOAx-768QCgxIgGlwkjUo1Mf9iR0OxYG2aFuLLBkS7cY93H8_SHYS29ddnXbAgGFPiUR-n0TqI-lPf20oPxjbJuzvG8Zq6xUpawTL1RHlww1jqSWylWCbfX0Ma405CXaXfAgLcmB8bl0l-r8aCL-u-F3yYR3Mz1wZicfgHpZS-VpDJ1iuMXKFXy6Vw6w_NLO6qUywFFALdt-f-KQklYJVyqzu9kl9_Mgy0NlqkyTtE-Nst62P6_XDzT83n07BbGbBONRAqsUXLwFaFYYrwsoLlqEhdPMbVMrwElVRkmCfh73UHrlXz8oUgqXWSXQ8tdFSg5TKFLzP1Clvp13X09xPd1Nts8N5d-BzIFXjBWvBrTivJPed576EGjkeyQH3FWgdM51CdiicbYwUzBXpagLJrLaOK9Oi88h943LIcB1x0fQqxJopKsZegrRPs8uhxhZCzrnGFvUueufWEM-hUrqbuVNXo89AI0-t7HiFUjUVD_4X4NOQ9wXA3vUC9eoZFwGDY4RpZfD80guAI_8ej0TouK8hi8JYQEEOsoMyxfpcT4NobSChjm2TpPJTpsrGHCP4oB2s6hJCCHL98VKRV-Gm1fOnBALuCRwFP0-dxsdYUsOdBEu-V_1_rO7r44t8aOT_sI38t9F4RbMIFsE2p0od-kVyruJtqKrRAbt4wG9ZLpTlKHOff2fujZm7WzKSlInnvzKZvjWeVN7xzBpCQ2NTrBFfOmUOQwGcYt_NxlB_lGCbbb9vW3S5Dg29VFKief8Yii2hBoeGLmSCGWti0FnjfBg9tVWn29uG-kudfRZNp9qpCly3XjxsNKSouQZX4HXaHAOv0uYYeJU2x8A3anNM8R1tCpFibh1GjZ5ldXv7MJEspN7qhuLLKOORBomNHz1rXHjwL-GBHv4zMIa35tiiIX9555fG3ua18eUJjAQn57GUQcqTiM6XmCqYgJBH7zlFbrPG81Z5lWpcTBVRcyrIQpUv5qgdej8fyPuf1DuGQbobWsS5lbyrZeTNz-wV0y_ZcY5_oRrYv78G9j-uBvY_pgb6j8jB9vgWsn8BZZx6zuwOAAA';\nexport var action = '_1tfknov5';\nexport var close = '_1tfknov6';\nexport var content = '_1tfknov2';\nexport var description = '_1tfknov4';\nexport var root = '_1tfknov1';\nexport var title = '_1tfknov3';\nexport var viewport = '_1tfknov0';","/**\n * snackbar.ts — wires the VE styles into the shared Snackbar factory.\n */\nimport { createSnackbar } from '@m3-baseui/core';\nimport * as s from './snackbar.css';\n\nexport { useSnackbar } from '@m3-baseui/core';\n\nexport const Snackbar = createSnackbar({\n viewport: s.viewport,\n root: s.root,\n content: s.content,\n title: s.title,\n description: s.description,\n action: s.action,\n close: s.close,\n});\n"]}
|
package/dist/textfield.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-
|
|
1
|
+
/* vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1YXW_rNgx976_QywUaYCrstrno1F8yDMNAW7TNVZY8iU6bO9z_Pkh2mjh1vrq7AQPyFETSIaXDI5LW3e-5_hODe83EXzdCaAqdgbUSlcG35xuRfqUmjyWTs0qUzvStjTM1dEo8dmlVS1a-kuZGifs8i2Pfb-7eLf-qgUFqClAY1L8lR66DknitRHb38BRNdI4so5e4QstBCessTszkCde5QMNOPBpgWuHz3LbBUG0lMbZBicAeuWzeN53fD7tukOqGlVh-Hf53oDXZWpI1ZFGJfBwv3JsM9I1srUThvEYvC5dm2IPd7GecKZ1xXuTLrA1iBf5WylbLsA6ydXGdRAjRR2CwGrxe_LRxewFmwst94mX0zq6TBiuWHjT1QU3NhQY6lPjGHmRowZjF8xTqIyEXYaF8qb3rrVbC18XtBJKokKH3FZQoS2cZyKKXDdUNBl7sei8cs2uVuO_eRHCG9CFzrucYncViTmOVK_sQJTbPzuBko9SHTXR355KTg2fpPLXg1_POya7A0Cnnxx2g987vmX_YtXJxXJXIfzClu_tJLB63vsPZzBV7nE8WH7mcsHA5iY9HskdMGkrkpxNJiTFF7SW8bOJnmfyMU3mWfdm_JSlldODR8m6QhnQnxBiL7cDIWPIjxPGDO7u5bQPblbMsK2jJrPcUw-sOQwkGZeH0WhrwNcq4fIt7HbPjadywcosM9A3PwcV1CRVPLJuz_e0sH-DIsXKEWFIiU6ctsIfyhWw91chSqc5AiY0zGn0K5Ll8yxV4Ast7qvs6qG4UPbv34rOz5mlPmVAEZ3rG4WQVj5FP4OWgp6Shyvl2lJMBxl9u5TL7sphMS-epJquSncNF9nPHvMrrHHlNewQw5rNl_mA6fjpDqBfWrXNMziXZg3v8ORlMEh57qnkJZ5fpKtW6T-hqwF2uqwF3ua4G3D_R1WBhPm1tWCdjrqT_16R_kDpsWc_OyNXnN9DzDdT4AXaN3g-5Mtfg_Q-CV8y_VBzo1NMDRmg82ZcLe-gDPV057_6PPjBV6_SZi5aViOdEWSC_Im4fTPITbw3_cid2VdDRxqf8ZOOjE-7gRyGm6Y9KTCSOgZS2b9FTqQRD0RvwcSA833z_G3Yyd6CiEwAA */
|
|
2
2
|
._1dqesow0 {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
border-bottom: 2px solid rgb(var(--md-sys-color-outline));
|
|
27
27
|
}
|
|
28
28
|
._1dqesow0[data-focused] ._1dqesow2 {
|
|
29
|
+
border-bottom-width: 3px;
|
|
29
30
|
border-bottom-color: rgb(var(--md-sys-color-primary));
|
|
30
31
|
}
|
|
31
32
|
._1dqesow0[data-invalid] ._1dqesow2 {
|
|
@@ -36,8 +37,8 @@
|
|
|
36
37
|
border: 1px solid rgb(var(--md-sys-color-outline));
|
|
37
38
|
}
|
|
38
39
|
._1dqesow0[data-focused] ._1dqesow3 {
|
|
39
|
-
border:
|
|
40
|
-
padding-inline:
|
|
40
|
+
border: 3px solid rgb(var(--md-sys-color-primary));
|
|
41
|
+
padding-inline: 14px;
|
|
41
42
|
}
|
|
42
43
|
._1dqesow0[data-invalid] ._1dqesow3 {
|
|
43
44
|
border-color: rgb(var(--md-sys-color-error));
|
package/dist/textfield.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1YXW_rNgx976_QywUaYCrstrno1F8yDMNAW7TNVZY8iU6bO9z_Pkh2mjh1vrq7AQPyFETSIaXDI5LW3e-5_hODe83EXzdCaAqdgbUSlcG35xuRfqUmjyWTs0qUzvStjTM1dEo8dmlVS1a-kuZGifs8i2Pfb-7eLf-qgUFqClAY1L8lR66DknitRHb38BRNdI4so5e4QstBCessTszkCde5QMNOPBpgWuHz3LbBUG0lMbZBicAeuWzeN53fD7tukOqGlVh-Hf53oDXZWpI1ZFGJfBwv3JsM9I1srUThvEYvC5dm2IPd7GecKZ1xXuTLrA1iBf5WylbLsA6ydXGdRAjRR2CwGrxe_LRxewFmwst94mX0zq6TBiuWHjT1QU3NhQY6lPjGHmRowZjF8xTqIyEXYaF8qb3rrVbC18XtBJKokKH3FZQoS2cZyKKXDdUNBl7sei8cs2uVuO_eRHCG9CFzrucYncViTmOVK_sQJTbPzuBko9SHTXR355KTg2fpPLXg1_POya7A0Cnnxx2g987vmX_YtXJxXJXIfzClu_tJLB63vsPZzBV7nE8WH7mcsHA5iY9HskdMGkrkpxNJiTFF7SW8bOJnmfyMU3mWfdm_JSlldODR8m6QhnQnxBiL7cDIWPIjxPGDO7u5bQPblbMsK2jJrPcUw-sOQwkGZeH0WhrwNcq4fIt7HbPjadywcosM9A3PwcV1CRVPLJuz_e0sH-DIsXKEWFIiU6ctsIfyhWw91chSqc5AiY0zGn0K5Ll8yxV4Ast7qvs6qG4UPbv34rOz5mlPmVAEZ3rG4WQVj5FP4OWgp6Shyvl2lJMBxl9u5TL7sphMS-epJquSncNF9nPHvMrrHHlNewQw5rNl_mA6fjpDqBfWrXNMziXZg3v8ORlMEh57qnkJZ5fpKtW6T-hqwF2uqwF3ua4G3D_R1WBhPm1tWCdjrqT_16R_kDpsWc_OyNXnN9DzDdT4AXaN3g-5Mtfg_Q-CV8y_VBzo1NMDRmg82ZcLe-gDPV057_6PPjBV6_SZi5aViOdEWSC_Im4fTPITbw3_cid2VdDRxqf8ZOOjE-7gRyGm6Y9KTCSOgZS2b9FTqQRD0RvwcSA833z_G3Yyd6CiEwAA"],"sourcesContent":["._1dqesow0 {\n display: flex;\n flex-direction: column;\n gap: 4px;\n min-width: 210px;\n}\n._1dqesow0[data-disabled] {\n opacity: 0.38;\n pointer-events: none;\n}\n._1dqesow1 {\n position: relative;\n display: flex;\n align-items: stretch;\n gap: 12px;\n height: 56px;\n padding-inline: 16px;\n box-sizing: border-box;\n transition: border-color 150ms var(--md-sys-motion-easing-standard), padding 150ms var(--md-sys-motion-easing-standard);\n}\n._1dqesow2 {\n border-top-left-radius: var(--md-sys-shape-extra-small);\n border-top-right-radius: var(--md-sys-shape-extra-small);\n background: rgb(var(--md-sys-color-surface-container-highest));\n border-bottom: 2px solid rgb(var(--md-sys-color-outline));\n}\n._1dqesow0[data-focused] ._1dqesow2 {\n border-bottom-width: 3px;\n border-bottom-color: rgb(var(--md-sys-color-primary));\n}\n._1dqesow0[data-invalid] ._1dqesow2 {\n border-bottom-color: rgb(var(--md-sys-color-error));\n}\n._1dqesow3 {\n border-radius: var(--md-sys-shape-extra-small);\n border: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1dqesow0[data-focused] ._1dqesow3 {\n border: 3px solid rgb(var(--md-sys-color-primary));\n padding-inline: 14px;\n}\n._1dqesow0[data-invalid] ._1dqesow3 {\n border-color: rgb(var(--md-sys-color-error));\n}\n._1dqesow4 {\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n min-width: 0;\n}\n._1dqesow5 {\n width: 100%;\n background: transparent;\n border: none;\n outline: none;\n padding: 0;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._1dqesow5::placeholder {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1dqesow6 {\n padding-top: 12px;\n}\n._1dqesow8 {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n transform-origin: left;\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n transition: all 150ms var(--md-sys-motion-easing-standard);\n}\n._1dqesow0[data-focused] ._1dqesow8 {\n color: rgb(var(--md-sys-color-primary));\n}\n._1dqesow0[data-invalid] ._1dqesow8 {\n color: rgb(var(--md-sys-color-error));\n}\n._1dqesow0[data-focused] ._1dqesow9 {\n top: 6px;\n transform: translateY(0);\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n line-height: var(--md-sys-typescale-body-small-line-height);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesow0[data-filled] ._1dqesow9 {\n top: 6px;\n transform: translateY(0);\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n line-height: var(--md-sys-typescale-body-small-line-height);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesow0[data-focused] ._1dqesowa {\n top: 0;\n transform: translateY(-50%);\n background: rgb(var(--md-sys-color-surface));\n padding-inline: 4px;\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n line-height: var(--md-sys-typescale-body-small-line-height);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesow0[data-filled] ._1dqesowa {\n top: 0;\n transform: translateY(-50%);\n background: rgb(var(--md-sys-color-surface));\n padding-inline: 4px;\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n line-height: var(--md-sys-typescale-body-small-line-height);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesowb {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1dqesowc {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n padding-inline: 16px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-body-small-font);\n font-weight: var(--md-sys-typescale-body-small-weight);\n font-size: var(--md-sys-typescale-body-small-size);\n line-height: var(--md-sys-typescale-body-small-line-height);\n letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesow0[data-invalid] ._1dqesowc {\n color: rgb(var(--md-sys-color-error));\n}\n._1dqesowd {\n min-width: 0;\n}\n._1dqesowe {\n flex-shrink: 0;\n font-variant-numeric: tabular-nums;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,aAAW;AACb;AACA,CANC,SAMS,CAAC;AACT,WAAS;AACT,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,OAAK;AACL,UAAQ;AACR,kBAAgB;AAChB,cAAY;AACZ,cAAY,aAAa,MAAM,IAAI,gCAAgC,EAAE,QAAQ,MAAM,IAAI;AACzF;AACA,CAAC;AACC,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAC7B,cAAY,IAAI,IAAI;AACpB,iBAAe,IAAI,MAAM,IAAI,IAAI;AACnC;AACA,CA1BC,SA0BS,CAAC,cAAc,CANxB;AAOC,uBAAqB;AACrB,uBAAqB,IAAI,IAAI;AAC/B;AACA,CA9BC,SA8BS,CAAC,cAAc,CAVxB;AAWC,uBAAqB,IAAI,IAAI;AAC/B;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC5B;AACA,CArCC,SAqCS,CAAC,cAAc,CAJxB;AAKC,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC1B,kBAAgB;AAClB;AACA,CAzCC,SAyCS,CAAC,cAAc,CARxB;AASC,gBAAc,IAAI,IAAI;AACxB;AACA,CAAC;AACC,YAAU;AACV,QAAM;AACN,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAbC,SAaS;AACR,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,YAAU;AACV,QAAM;AACN,OAAK;AACL,aAAW,WAAW;AACtB,oBAAkB;AAClB,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,IAAI,MAAM,IAAI;AAC5B;AACA,CArFC,SAqFS,CAAC,cAAc,CAfxB;AAgBC,SAAO,IAAI,IAAI;AACjB;AACA,CAxFC,SAwFS,CAAC,cAAc,CAlBxB;AAmBC,SAAO,IAAI,IAAI;AACjB;AACA,CA3FC,SA2FS,CAAC,cAAc,CAAC;AACxB,OAAK;AACL,aAAW,WAAW;AACtB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CApGC,SAoGS,CAAC,aAAa,CATE;AAUxB,OAAK;AACL,aAAW,WAAW;AACtB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CA7GC,SA6GS,CAAC,cAAc,CAAC;AACxB,OAAK;AACL,aAAW,WAAW;AACtB,cAAY,IAAI,IAAI;AACpB,kBAAgB;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAxHC,SAwHS,CAAC,aAAa,CAXE;AAYxB,OAAK;AACL,aAAW,WAAW;AACtB,cAAY,IAAI,IAAI;AACpB,kBAAgB;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,eAAa;AACb,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CArJC,SAqJS,CAAC,cAAc,CAZxB;AAaC,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,eAAa;AACb,wBAAsB;AACxB;","names":[]}
|
package/dist/textfield.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/textfield.css.ts","../src/textfield.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,cAAA,GAAiB,WAAA;;;ACNrB,IAAM,SAAA,GAAY,eAAA,CAAgB,CAAC,EAAE,SAAQ,MAAO;AAAA,EACzD,IAAA;AAAA,EACA,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,SAAA;AAAA,EACA,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,WAAA,EAAe,IAAA;AAAA,EACf,YAAA,EAAgB,IAAA;AAAA,EAChB,UAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"textfield.js","sourcesContent":["import 'src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-
|
|
1
|
+
{"version":3,"sources":["../src/textfield.css.ts","../src/textfield.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,cAAA,GAAiB,WAAA;;;ACNrB,IAAM,SAAA,GAAY,eAAA,CAAgB,CAAC,EAAE,SAAQ,MAAO;AAAA,EACzD,IAAA;AAAA,EACA,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,SAAA;AAAA,EACA,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,WAAA,EAAe,IAAA;AAAA,EACf,YAAA,EAAgB,IAAA;AAAA,EAChB,UAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"textfield.js","sourcesContent":["import 'src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1YXW_rNgx976_QywUaYCrstrno1F8yDMNAW7TNVZY8iU6bO9z_Pkh2mjh1vrq7AQPyFETSIaXDI5LW3e-5_hODe83EXzdCaAqdgbUSlcG35xuRfqUmjyWTs0qUzvStjTM1dEo8dmlVS1a-kuZGifs8i2Pfb-7eLf-qgUFqClAY1L8lR66DknitRHb38BRNdI4so5e4QstBCessTszkCde5QMNOPBpgWuHz3LbBUG0lMbZBicAeuWzeN53fD7tukOqGlVh-Hf53oDXZWpI1ZFGJfBwv3JsM9I1srUThvEYvC5dm2IPd7GecKZ1xXuTLrA1iBf5WylbLsA6ydXGdRAjRR2CwGrxe_LRxewFmwst94mX0zq6TBiuWHjT1QU3NhQY6lPjGHmRowZjF8xTqIyEXYaF8qb3rrVbC18XtBJKokKH3FZQoS2cZyKKXDdUNBl7sei8cs2uVuO_eRHCG9CFzrucYncViTmOVK_sQJTbPzuBko9SHTXR355KTg2fpPLXg1_POya7A0Cnnxx2g987vmX_YtXJxXJXIfzClu_tJLB63vsPZzBV7nE8WH7mcsHA5iY9HskdMGkrkpxNJiTFF7SW8bOJnmfyMU3mWfdm_JSlldODR8m6QhnQnxBiL7cDIWPIjxPGDO7u5bQPblbMsK2jJrPcUw-sOQwkGZeH0WhrwNcq4fIt7HbPjadywcosM9A3PwcV1CRVPLJuz_e0sH-DIsXKEWFIiU6ctsIfyhWw91chSqc5AiY0zGn0K5Ll8yxV4Ast7qvs6qG4UPbv34rOz5mlPmVAEZ3rG4WQVj5FP4OWgp6Shyvl2lJMBxl9u5TL7sphMS-epJquSncNF9nPHvMrrHHlNewQw5rNl_mA6fjpDqBfWrXNMziXZg3v8ORlMEh57qnkJZ5fpKtW6T-hqwF2uqwF3ua4G3D_R1WBhPm1tWCdjrqT_16R_kDpsWc_OyNXnN9DzDdT4AXaN3g-5Mtfg_Q-CV8y_VBzo1NMDRmg82ZcLe-gDPV057_6PPjBV6_SZi5aViOdEWSC_Im4fTPITbw3_cid2VdDRxqf8ZOOjE-7gRyGm6Y9KTCSOgZS2b9FTqQRD0RvwcSA833z_G3Yyd6CiEwAA';\nexport var counter = '_1dqesowe';\nexport var field = '_1dqesow1';\nexport var fieldVariant = {filled:'_1dqesow2',outlined:'_1dqesow3'};\nexport var icon = '_1dqesowb';\nexport var input = '_1dqesow5';\nexport var inputVariant = {filled:'_1dqesow6',outlined:'_1dqesow7'};\nexport var inputWrap = '_1dqesow4';\nexport var label = '_1dqesow8';\nexport var labelVariant = {filled:'_1dqesow9',outlined:'_1dqesowa'};\nexport var root = '_1dqesow0';\nexport var supporting = '_1dqesowc';\nexport var supportingText = '_1dqesowd';","/**\n * textfield.ts — wires the VE styles into the shared TextField factory.\n */\nimport { createTextField, cx } from '@m3-baseui/core';\nimport * as s from './textfield.css';\n\nexport const TextField = createTextField(({ variant }) => ({\n root: s.root,\n field: cx(s.field, s.fieldVariant[variant]),\n inputWrap: s.inputWrap,\n input: cx(s.input, s.inputVariant[variant]),\n label: cx(s.label, s.labelVariant[variant]),\n leadingIcon: s.icon,\n trailingIcon: s.icon,\n supporting: s.supporting,\n supportingText: s.supportingText,\n counter: s.counter,\n}));\n\nexport type { TextFieldProps, TextFieldVariant } from '@m3-baseui/core';\n"]}
|