@m3-baseui/react-vanilla-extract 1.2.0 → 1.4.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/checkbox.css +4 -1
- package/dist/checkbox.css.map +1 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/chip.css +36 -2
- package/dist/chip.css.map +1 -1
- package/dist/chip.js +4 -2
- package/dist/chip.js.map +1 -1
- package/dist/dialog.css +68 -14
- package/dist/dialog.css.map +1 -1
- package/dist/dialog.d.ts +6 -1
- package/dist/dialog.js +20 -5
- package/dist/dialog.js.map +1 -1
- package/dist/index.css +280 -35
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +96 -58
- package/dist/index.js.map +1 -1
- package/dist/item.css +20 -1
- package/dist/item.css.map +1 -1
- package/dist/item.d.ts +1 -1
- package/dist/item.js +1 -2
- package/dist/item.js.map +1 -1
- package/dist/list.css +20 -1
- package/dist/list.css.map +1 -1
- package/dist/list.d.ts +1 -1
- package/dist/list.js +1 -2
- package/dist/list.js.map +1 -1
- package/dist/progress.css +26 -1
- package/dist/progress.css.map +1 -1
- package/dist/progress.js.map +1 -1
- package/dist/radio.css +7 -9
- package/dist/radio.css.map +1 -1
- package/dist/radio.js.map +1 -1
- package/dist/slider.css +40 -1
- package/dist/slider.css.map +1 -1
- package/dist/slider.d.ts +9 -6
- package/dist/slider.js +14 -1
- package/dist/slider.js.map +1 -1
- package/dist/snackbar.css +7 -2
- package/dist/snackbar.css.map +1 -1
- package/dist/snackbar.js.map +1 -1
- package/dist/switch.css +2 -2
- package/dist/switch.css.map +1 -1
- package/dist/switch.js.map +1 -1
- package/dist/tooltip.css +50 -1
- package/dist/tooltip.css.map +1 -1
- package/dist/tooltip.d.ts +13 -1
- package/dist/tooltip.js +14 -2
- package/dist/tooltip.js.map +1 -1
- package/package.json +1 -1
package/dist/checkbox.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA */
|
|
2
2
|
._1h6eon50 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: inline-flex;
|
|
@@ -96,10 +96,13 @@
|
|
|
96
96
|
pointer-events: none;
|
|
97
97
|
color: rgb(var(--md-sys-color-on-primary));
|
|
98
98
|
opacity: 0;
|
|
99
|
+
transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);
|
|
99
100
|
}
|
|
100
101
|
._1h6eon51[data-checked],
|
|
101
102
|
._1h6eon51[data-indeterminate] {
|
|
102
103
|
opacity: 1;
|
|
104
|
+
transition-duration: var(--md-sys-motion-duration-medium3);
|
|
105
|
+
transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);
|
|
103
106
|
}
|
|
104
107
|
._1h6eon50[data-error] ._1h6eon51 {
|
|
105
108
|
color: rgb(var(--md-sys-color-on-error));
|
package/dist/checkbox.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA"],"sourcesContent":["._1h6eon50 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border-radius: 2px;\n border: 2px solid rgb(var(--md-sys-color-on-surface-variant));\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n._1h6eon50[data-checked], ._1h6eon50[data-indeterminate] {\n background: rgb(var(--md-sys-color-primary));\n border-color: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-disabled] {\n pointer-events: none;\n}\n._1h6eon50[data-disabled]:not([data-checked]):not([data-indeterminate]) {\n border-color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1h6eon50[data-disabled][data-checked], ._1h6eon50[data-disabled][data-indeterminate] {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: transparent;\n}\n._1h6eon50[data-disabled]::before {\n opacity: 0;\n}\n._1h6eon50:active {\n color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-checked]:active, ._1h6eon50[data-indeterminate]:active {\n color: rgb(var(--md-sys-color-on-surface));\n}\n._1h6eon50[data-error] {\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error][data-checked], ._1h6eon50[data-error][data-indeterminate] {\n background: rgb(var(--md-sys-color-error));\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error]:active, ._1h6eon50[data-error][data-checked]:active, ._1h6eon50[data-error][data-indeterminate]:active {\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1h6eon50::before {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: currentColor;\n opacity: 0;\n transform: translate(-50%, -50%);\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1h6eon50:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1h6eon50:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1h6eon50:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1h6eon51 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-primary));\n opacity: 0;\n transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);\n}\n._1h6eon51[data-checked], ._1h6eon51[data-indeterminate] {\n opacity: 1;\n transition-duration: var(--md-sys-motion-duration-medium3);\n transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);\n}\n._1h6eon50[data-error] ._1h6eon51 {\n color: rgb(var(--md-sys-color-on-error));\n}\n._1h6eon50[data-disabled] ._1h6eon51 {\n color: rgb(var(--md-sys-color-surface));\n}\n._1h6eon51[data-indeterminate]::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 2px;\n border-radius: var(--md-sys-shape-full);\n background: currentColor;\n}\n._1h6eon52 {\n width: 18px;\n height: 18px;\n}\n._1h6eon51[data-indeterminate] ._1h6eon52 {\n opacity: 0;\n}"],"mappings":"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","names":[]}
|
package/dist/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/checkbox.css.ts","../src/checkbox.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;;;ACGX,IAAM,WAAW,cAAA,CAAe,EAAE,IAAA,EAAM,SAAA,EAAW,MAAM","file":"checkbox.js","sourcesContent":["import 'src/checkbox.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../src/checkbox.css.ts","../src/checkbox.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;;;ACGX,IAAM,WAAW,cAAA,CAAe,EAAE,IAAA,EAAM,SAAA,EAAW,MAAM","file":"checkbox.js","sourcesContent":["import 'src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA';\nexport var icon = '_1h6eon52';\nexport var indicator = '_1h6eon51';\nexport var root = '_1h6eon50';","/**\n * checkbox.ts — wires the VE styles into the shared factory.\n */\nimport { createCheckbox } from '@m3-baseui/core';\nimport { root, indicator, icon } from './checkbox.css';\n\nexport const Checkbox = createCheckbox({ root, indicator, icon });\n"]}
|
package/dist/chip.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA */
|
|
2
2
|
._1sqif100 {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
align-items: center;
|
|
@@ -35,6 +35,9 @@
|
|
|
35
35
|
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
36
36
|
transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);
|
|
37
37
|
}
|
|
38
|
+
._1sqif101[data-with-leading-icon] {
|
|
39
|
+
padding-left: 8px;
|
|
40
|
+
}
|
|
38
41
|
._1sqif101::before {
|
|
39
42
|
content: "";
|
|
40
43
|
position: absolute;
|
|
@@ -139,6 +142,37 @@
|
|
|
139
142
|
flex-shrink: 0;
|
|
140
143
|
width: 18px;
|
|
141
144
|
height: 18px;
|
|
145
|
+
}
|
|
146
|
+
button:disabled ._1sqif108,
|
|
147
|
+
[data-disabled] ._1sqif108 {
|
|
148
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
149
|
+
}
|
|
150
|
+
._1sqif109 {
|
|
151
|
+
color: rgb(var(--md-sys-color-primary));
|
|
152
|
+
}
|
|
153
|
+
._1sqif10a {
|
|
154
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
155
|
+
}
|
|
156
|
+
._1sqif10b {
|
|
157
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
158
|
+
}
|
|
159
|
+
._1sqif10c {
|
|
160
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
161
|
+
}
|
|
162
|
+
._1sqif108 > svg {
|
|
163
|
+
width: 18px;
|
|
164
|
+
height: 18px;
|
|
165
|
+
}
|
|
166
|
+
[data-pressed] ._1sqif108 {
|
|
167
|
+
display: none;
|
|
168
|
+
}
|
|
169
|
+
._1sqif10d {
|
|
170
|
+
display: inline-flex;
|
|
171
|
+
align-items: center;
|
|
172
|
+
justify-content: center;
|
|
173
|
+
flex-shrink: 0;
|
|
174
|
+
width: 18px;
|
|
175
|
+
height: 18px;
|
|
142
176
|
margin-left: 4px;
|
|
143
177
|
margin-right: -4px;
|
|
144
178
|
border: none;
|
|
@@ -147,7 +181,7 @@
|
|
|
147
181
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
148
182
|
cursor: pointer;
|
|
149
183
|
}
|
|
150
|
-
.
|
|
184
|
+
._1sqif10d:hover {
|
|
151
185
|
opacity: 0.8;
|
|
152
186
|
}
|
|
153
187
|
/*# sourceMappingURL=chip.css.map */
|
package/dist/chip.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA"],"sourcesContent":["._1sqif100 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 18px;\n width: 0;\n margin-left: -8px;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n transition: width 150ms var(--md-sys-motion-easing-standard), margin 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n box-sizing: border-box;\n height: 32px;\n padding-inline: 16px;\n border-radius: 8px;\n user-select: none;\n border: 1px solid rgb(var(--md-sys-color-outline));\n background: transparent;\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 transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101[data-with-leading-icon] {\n padding-left: 8px;\n}\n._1sqif101::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1sqif101:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1sqif101:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1sqif101:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1sqif101[data-disabled], ._1sqif101:disabled {\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif101[data-disabled]::before, ._1sqif101:disabled::before {\n opacity: 0;\n}\n._1sqif102 {\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n}\n._1sqif103 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif104 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: default;\n padding-right: 8px;\n}\n._1sqif105 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif105[data-pressed] {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n border-color: transparent;\n}\n._1sqif105[data-pressed][data-disabled], ._1sqif105[data-pressed]:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif106 {\n background: rgb(var(--md-sys-color-surface-container-low));\n border-color: transparent;\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n._1sqif106:active {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106[data-disabled], ._1sqif106:disabled {\n box-shadow: none;\n}\n[data-pressed] ._1sqif100 {\n width: 18px;\n margin-left: 0;\n opacity: 1;\n}\n._1sqif107 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n margin-left: -12px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1sqif107 > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n._1sqif108 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n}\nbutton:disabled ._1sqif108, [data-disabled] ._1sqif108 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1sqif109 {\n color: rgb(var(--md-sys-color-primary));\n}\n._1sqif10a {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif10b {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif10c {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif108 > svg {\n width: 18px;\n height: 18px;\n}\n[data-pressed] ._1sqif108 {\n display: none;\n}\n._1sqif10d {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n margin-left: 4px;\n margin-right: -4px;\n border: none;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif10d:hover {\n opacity: 0.8;\n}"],"mappings":"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","names":[]}
|
package/dist/chip.js
CHANGED
|
@@ -7,14 +7,16 @@ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
|
7
7
|
var avatar = "_1sqif107";
|
|
8
8
|
var check = "_1sqif100";
|
|
9
9
|
var chip = createRuntimeFn({ defaultClassName: "_1sqif101", variantClassNames: { variant: { assist: "_1sqif102", suggestion: "_1sqif103", input: "_1sqif104", filter: "_1sqif105" }, elevated: { true: "_1sqif106" } }, defaultVariants: { variant: "assist" }, compoundVariants: [] });
|
|
10
|
-
var
|
|
10
|
+
var icon = createRuntimeFn({ defaultClassName: "_1sqif108", variantClassNames: { variant: { assist: "_1sqif109", suggestion: "_1sqif10a", input: "_1sqif10b", filter: "_1sqif10c" } }, defaultVariants: { variant: "assist" }, compoundVariants: [] });
|
|
11
|
+
var remove = "_1sqif10d";
|
|
11
12
|
|
|
12
13
|
// src/chip.ts
|
|
13
14
|
var Chip = createChip(({ variant, elevated }) => ({
|
|
14
15
|
root: chip({ variant, elevated }),
|
|
15
16
|
remove,
|
|
16
17
|
check,
|
|
17
|
-
avatar
|
|
18
|
+
avatar,
|
|
19
|
+
icon: icon({ variant })
|
|
18
20
|
}));
|
|
19
21
|
|
|
20
22
|
export { Chip };
|
package/dist/chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/chip.css.ts","../src/chip.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,OAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;AAChP,IAAI,MAAA,GAAS,WAAA;;;
|
|
1
|
+
{"version":3,"sources":["../src/chip.css.ts","../src/chip.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,OAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;AAChP,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,WAAA,EAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACpN,IAAI,MAAA,GAAS,WAAA;;;ACAb,IAAM,OAAO,UAAA,CAAW,CAAC,EAAE,OAAA,EAAS,UAAS,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,UAAU,CAAA;AAAA,EAChC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"chip.js","sourcesContent":["import 'src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatar = '_1sqif107';\nexport var check = '_1sqif100';\nexport var chip = _7a468({defaultClassName:'_1sqif101',variantClassNames:{variant:{assist:'_1sqif102',suggestion:'_1sqif103',input:'_1sqif104',filter:'_1sqif105'},elevated:{true:'_1sqif106'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var icon = _7a468({defaultClassName:'_1sqif108',variantClassNames:{variant:{assist:'_1sqif109',suggestion:'_1sqif10a',input:'_1sqif10b',filter:'_1sqif10c'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var remove = '_1sqif10d';","/**\n * chip.ts — wires the VE recipe into the shared factory.\n */\nimport { createChip } from '@m3-baseui/core';\nimport { chip, check, remove, avatar, icon } from './chip.css';\n\nexport const Chip = createChip(({ variant, elevated }) => ({\n root: chip({ variant, elevated }),\n remove,\n check,\n avatar,\n icon: icon({ variant }),\n}));\nexport type { ChipProps, ChipVariant } from '@m3-baseui/core';\n"]}
|
package/dist/dialog.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W7W7bOgz936cQBhSIL6rOSZsuc7H7IhfDBWPRNldZMiQlcTrs3QfRTv3RdU36J3EkHpE6hzzO7f_LdrOpQ5mKn1dCNNZTIGsyUVCL6vFKCDIeQybS-PwsyShsM3HPP7eQP5XO7ozKhCu3iz24hZS1kv7oZW61ddLnjupEfBbp7d0qiaDgwJyS2AZyCkexStPaiwm8tjFEIngypfQBjAKnkserX1e3LzX_pyBA3HShizpq_H4j5gFo1LDN9-wT87VGBy7fImFrW-npmUyZia11Cp3c2nZCyZopsXt0hbaHTMAu2LiiyDcajpkoNDIifktFDvMuSW71rjZxhyl7k0prpN-5AnJMBiIL62ppHZVksp7A-frHWce6qcDTM6rkZkh3EY452QVNBjNhrMEp31kFftGrqG349kkRaFtKyq359D1hOQK2QYKmMnKFJqCbnLHiII1FiBpc82VtMzyfys66Rw0BF3KdXt-I-MkFHkiFKhM1mcX6IW3aG5GDzhfLNN0fhBT3m6btKK_JyD54tUkblrOGVlZIZRWyAVadYDGihCYTy4cuvAGluI1W993COUPUyS5zawKQQScrKquupL4bHSja-Wyqiq-gQYltcCA1uBKTl16uQMUmnYSjxj2wjhr3qO-mw7Z6b9hW5wzb-4IIn4PGRXr7dT0t4I4PG9tRLwXrFH-fZGAFTtr0QV3vveLrbB8bJm9c0nuc3F1oQPe8-coyuPslBaz9MAN9Y21mfZWeVk5srPvOY9_xlSPz9Drtv-KfzIRK5hVptVh1k8eI0sVGWc7af2Z2FSmF7GE8rcMGak2NJ89yVRRQ-gZy9oKDg2ZSxXp6eTLRNeSUA4-6GFPwd8v0mNv43jjOdHvgTDU4tk2-S2FNkAXUpI-zsQjHBrknZYWguCZfg9YyQpIX7KGn-zxsFz2go1uei42xjOS16qK8I0h3BIaAjkXh7jnvlOAgfyJTJpe-tUYafPmYBlurjrJGRbv6MgHGwIvYHwMvon4M_CDv4yM-RLrcgyMwYUb-hsl_8cvOIAY7vX6cS9PZ5kmnmZOc5aD9v4A3Cvr6Z-P7sfOBiiO_-dCEbiPa6Zmu2N1B8h8CXhqlhL_Yza_f_t7oHRgLAAA */
|
|
2
2
|
._1x88mtg0 {
|
|
3
3
|
position: fixed;
|
|
4
4
|
inset: 0;
|
|
@@ -12,31 +12,70 @@
|
|
|
12
12
|
}
|
|
13
13
|
._1x88mtg1 {
|
|
14
14
|
position: fixed;
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
z-index: 50;
|
|
17
|
+
overflow: auto;
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
21
|
+
transform-origin: var(--transform-origin);
|
|
22
|
+
transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
|
|
23
|
+
outline: none;
|
|
24
|
+
}
|
|
25
|
+
._1x88mtg1:has([data-slot=dialog-icon]) {
|
|
26
|
+
text-align: center;
|
|
27
|
+
}
|
|
28
|
+
._1x88mtg2 {
|
|
15
29
|
left: 50%;
|
|
16
30
|
top: 50%;
|
|
17
|
-
z-index: 50;
|
|
18
31
|
transform: translate(-50%, -50%);
|
|
19
32
|
width: min(560px, calc(100vw - 48px));
|
|
33
|
+
min-width: 280px;
|
|
20
34
|
max-height: calc(100vh - 48px);
|
|
21
|
-
overflow: auto;
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-direction: column;
|
|
24
35
|
gap: 16px;
|
|
25
36
|
padding: 24px;
|
|
26
37
|
background: rgb(var(--md-sys-color-surface-container-high));
|
|
27
|
-
color: rgb(var(--md-sys-color-on-surface));
|
|
28
38
|
border-radius: var(--md-sys-shape-extra-large);
|
|
29
39
|
box-shadow: var(--md-sys-elevation-level3);
|
|
30
|
-
transform-origin: var(--transform-origin);
|
|
31
|
-
transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
|
|
32
|
-
outline: none;
|
|
33
40
|
}
|
|
34
|
-
.
|
|
35
|
-
.
|
|
41
|
+
._1x88mtg2[data-starting-style],
|
|
42
|
+
._1x88mtg2[data-ending-style] {
|
|
36
43
|
opacity: 0;
|
|
37
44
|
transform: translate(-50%, -50%) scale(0.95);
|
|
38
45
|
}
|
|
39
|
-
.
|
|
46
|
+
._1x88mtg3 {
|
|
47
|
+
inset: 0;
|
|
48
|
+
width: 100vw;
|
|
49
|
+
height: 100vh;
|
|
50
|
+
max-width: none;
|
|
51
|
+
border-radius: 0;
|
|
52
|
+
background: rgb(var(--md-sys-color-surface));
|
|
53
|
+
}
|
|
54
|
+
._1x88mtg3[data-starting-style],
|
|
55
|
+
._1x88mtg3[data-ending-style] {
|
|
56
|
+
opacity: 0;
|
|
57
|
+
}
|
|
58
|
+
._1x88mtg4 {
|
|
59
|
+
display: flex;
|
|
60
|
+
align-items: center;
|
|
61
|
+
gap: 8px;
|
|
62
|
+
padding: 0 8px;
|
|
63
|
+
height: 56px;
|
|
64
|
+
flex-shrink: 0;
|
|
65
|
+
}
|
|
66
|
+
._1x88mtg4 > *:nth-child(2) {
|
|
67
|
+
flex-grow: 1;
|
|
68
|
+
min-width: 0;
|
|
69
|
+
overflow: hidden;
|
|
70
|
+
text-overflow: ellipsis;
|
|
71
|
+
white-space: nowrap;
|
|
72
|
+
}
|
|
73
|
+
._1x88mtg5 {
|
|
74
|
+
display: inline-flex;
|
|
75
|
+
align-self: center;
|
|
76
|
+
color: rgb(var(--md-sys-color-secondary));
|
|
77
|
+
}
|
|
78
|
+
._1x88mtg6 {
|
|
40
79
|
margin: 0;
|
|
41
80
|
font-family: var(--md-sys-typescale-headline-small-font);
|
|
42
81
|
font-weight: var(--md-sys-typescale-headline-small-weight);
|
|
@@ -45,7 +84,7 @@
|
|
|
45
84
|
letter-spacing: var(--md-sys-typescale-headline-small-tracking);
|
|
46
85
|
color: rgb(var(--md-sys-color-on-surface));
|
|
47
86
|
}
|
|
48
|
-
.
|
|
87
|
+
._1x88mtg7 {
|
|
49
88
|
margin: 0;
|
|
50
89
|
font-family: var(--md-sys-typescale-body-medium-font);
|
|
51
90
|
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
@@ -54,7 +93,22 @@
|
|
|
54
93
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
55
94
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
56
95
|
}
|
|
57
|
-
.
|
|
96
|
+
._1x88mtg8 {
|
|
97
|
+
height: 1px;
|
|
98
|
+
width: 100%;
|
|
99
|
+
margin: 0;
|
|
100
|
+
border: 0;
|
|
101
|
+
flex-shrink: 0;
|
|
102
|
+
background: rgb(var(--md-sys-color-outline-variant));
|
|
103
|
+
}
|
|
104
|
+
._1x88mtg9 {
|
|
105
|
+
display: flex;
|
|
106
|
+
justify-content: flex-end;
|
|
107
|
+
align-items: center;
|
|
108
|
+
gap: 8px;
|
|
109
|
+
margin-top: 8px;
|
|
110
|
+
}
|
|
111
|
+
._1x88mtga {
|
|
58
112
|
display: inline-flex;
|
|
59
113
|
}
|
|
60
114
|
/*# sourceMappingURL=dialog.css.map */
|
package/dist/dialog.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W7W7bOgz936cQBhSIL6rOSZsuc7H7IhfDBWPRNldZMiQlcTrs3QfRTv3RdU36J3EkHpE6hzzO7f_LdrOpQ5mKn1dCNNZTIGsyUVCL6vFKCDIeQybS-PwsyShsM3HPP7eQP5XO7ozKhCu3iz24hZS1kv7oZW61ddLnjupEfBbp7d0qiaDgwJyS2AZyCkexStPaiwm8tjFEIngypfQBjAKnkserX1e3LzX_pyBA3HShizpq_H4j5gFo1LDN9-wT87VGBy7fImFrW-npmUyZia11Cp3c2nZCyZopsXt0hbaHTMAu2LiiyDcajpkoNDIifktFDvMuSW71rjZxhyl7k0prpN-5AnJMBiIL62ppHZVksp7A-frHWce6qcDTM6rkZkh3EY452QVNBjNhrMEp31kFftGrqG349kkRaFtKyq359D1hOQK2QYKmMnKFJqCbnLHiII1FiBpc82VtMzyfys66Rw0BF3KdXt-I-MkFHkiFKhM1mcX6IW3aG5GDzhfLNN0fhBT3m6btKK_JyD54tUkblrOGVlZIZRWyAVadYDGihCYTy4cuvAGluI1W993COUPUyS5zawKQQScrKquupL4bHSja-Wyqiq-gQYltcCA1uBKTl16uQMUmnYSjxj2wjhr3qO-mw7Z6b9hW5wzb-4IIn4PGRXr7dT0t4I4PG9tRLwXrFH-fZGAFTtr0QV3vveLrbB8bJm9c0nuc3F1oQPe8-coyuPslBaz9MAN9Y21mfZWeVk5srPvOY9_xlSPz9Drtv-KfzIRK5hVptVh1k8eI0sVGWc7af2Z2FSmF7GE8rcMGak2NJ89yVRRQ-gZy9oKDg2ZSxXp6eTLRNeSUA4-6GFPwd8v0mNv43jjOdHvgTDU4tk2-S2FNkAXUpI-zsQjHBrknZYWguCZfg9YyQpIX7KGn-zxsFz2go1uei42xjOS16qK8I0h3BIaAjkXh7jnvlOAgfyJTJpe-tUYafPmYBlurjrJGRbv6MgHGwIvYHwMvon4M_CDv4yM-RLrcgyMwYUb-hsl_8cvOIAY7vX6cS9PZ5kmnmZOc5aD9v4A3Cvr6Z-P7sfOBiiO_-dCEbiPa6Zmu2N1B8h8CXhqlhL_Yza_f_t7oHRgLAAA"],"sourcesContent":["._1x88mtg0 {\n position: fixed;\n inset: 0;\n z-index: 40;\n background: rgb(var(--md-sys-color-scrim) / 0.32);\n transition: opacity 200ms var(--md-sys-motion-easing-standard);\n}\n._1x88mtg0[data-starting-style], ._1x88mtg0[data-ending-style] {\n opacity: 0;\n}\n._1x88mtg1 {\n position: fixed;\n box-sizing: border-box;\n z-index: 50;\n overflow: auto;\n display: flex;\n flex-direction: column;\n color: rgb(var(--md-sys-color-on-surface));\n transform-origin: var(--transform-origin);\n transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);\n outline: none;\n}\n._1x88mtg1:has([data-slot=\"dialog-icon\"]) {\n text-align: center;\n}\n._1x88mtg2 {\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: min(560px, calc(100vw - 48px));\n min-width: 280px;\n max-height: calc(100vh - 48px);\n gap: 16px;\n padding: 24px;\n background: rgb(var(--md-sys-color-surface-container-high));\n border-radius: var(--md-sys-shape-extra-large);\n box-shadow: var(--md-sys-elevation-level3);\n}\n._1x88mtg2[data-starting-style], ._1x88mtg2[data-ending-style] {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.95);\n}\n._1x88mtg3 {\n inset: 0;\n width: 100vw;\n height: 100vh;\n max-width: none;\n border-radius: 0;\n background: rgb(var(--md-sys-color-surface));\n}\n._1x88mtg3[data-starting-style], ._1x88mtg3[data-ending-style] {\n opacity: 0;\n}\n._1x88mtg4 {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0 8px;\n height: 56px;\n flex-shrink: 0;\n}\n._1x88mtg4 > *:nth-child(2) {\n flex-grow: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n._1x88mtg5 {\n display: inline-flex;\n align-self: center;\n color: rgb(var(--md-sys-color-secondary));\n}\n._1x88mtg6 {\n margin: 0;\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n line-height: var(--md-sys-typescale-headline-small-line-height);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n color: rgb(var(--md-sys-color-on-surface));\n}\n._1x88mtg7 {\n margin: 0;\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 color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1x88mtg8 {\n height: 1px;\n width: 100%;\n margin: 0;\n border: 0;\n flex-shrink: 0;\n background: rgb(var(--md-sys-color-outline-variant));\n}\n._1x88mtg9 {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n margin-top: 8px;\n}\n._1x88mtga {\n display: inline-flex;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,SAOS,CAAC;AAAsB,CAPhC,SAO0C,CAAC;AAC1C,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,WAAS;AACT,YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,oBAAkB,IAAI;AACtB,cAAY,QAAQ,MAAM,IAAI,kCAAkC,EAAE,UAAU,MAAM,IAAI;AACtF,WAAS;AACX;AACA,CAZC,SAYS,KAAK,CAAC;AACd,cAAY;AACd;AACA,CAAC;AACC,QAAM;AACN,OAAK;AACL,aAAW,UAAU,IAAI,EAAE;AAC3B,SAAO,IAAI,KAAK,EAAE,KAAK,MAAM,EAAE;AAC/B,aAAW;AACX,cAAY,KAAK,MAAM,EAAE;AACzB,OAAK;AACL,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAClB;AACA,CAbC,SAaS,CAAC;AAAsB,CAbhC,SAa0C,CAAC;AAC1C,WAAS;AACT,aAAW,UAAU,IAAI,EAAE,MAAM,MAAM;AACzC;AACA,CAAC;AACC,SAAO;AACP,SAAO;AACP,UAAQ;AACR,aAAW;AACX,iBAAe;AACf,cAAY,IAAI,IAAI;AACtB;AACA,CARC,SAQS,CAAC;AAAsB,CARhC,SAQ0C,CAAC;AAC1C,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,EAAE;AACX,UAAQ;AACR,eAAa;AACf;AACA,CARC,UAQU,EAAE,CAAC;AACZ,aAAW;AACX,aAAW;AACX,YAAU;AACV,iBAAe;AACf,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,cAAY;AACZ,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,OAAK;AACL,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACX;","names":[]}
|
package/dist/dialog.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
1
2
|
import * as react from 'react';
|
|
2
3
|
import * as _base_ui_react from '@base-ui/react';
|
|
3
4
|
|
|
@@ -6,9 +7,13 @@ declare const Dialog: {
|
|
|
6
7
|
Trigger: _base_ui_react.DialogTrigger;
|
|
7
8
|
Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
8
9
|
Backdrop: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogBackdropProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
9
|
-
Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<
|
|
10
|
+
Popup: react.ForwardRefExoticComponent<Omit<_m3_baseui_core.DialogPopupOwnProps & Omit<_base_ui_react.AlertDialogPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Icon: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
Header: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
10
13
|
Title: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogTitleProps, "ref"> & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
11
14
|
Description: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogDescriptionProps, "ref"> & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
15
|
+
Divider: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLHRElement> & react.RefAttributes<HTMLHRElement>>;
|
|
16
|
+
Actions: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
12
17
|
Close: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AlertDialogCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
13
18
|
};
|
|
14
19
|
|
package/dist/dialog.js
CHANGED
|
@@ -5,14 +5,29 @@ import { createDialog } from '@m3-baseui/core';
|
|
|
5
5
|
// src/dialog.ts
|
|
6
6
|
|
|
7
7
|
// src/dialog.css.ts
|
|
8
|
+
var actions = "_1x88mtg9";
|
|
8
9
|
var backdrop = "_1x88mtg0";
|
|
9
|
-
var close = "
|
|
10
|
-
var description = "
|
|
11
|
-
var
|
|
12
|
-
var
|
|
10
|
+
var close = "_1x88mtga";
|
|
11
|
+
var description = "_1x88mtg7";
|
|
12
|
+
var divider = "_1x88mtg8";
|
|
13
|
+
var header = "_1x88mtg4";
|
|
14
|
+
var icon = "_1x88mtg5";
|
|
15
|
+
var popupBasic = "_1x88mtg2 _1x88mtg1";
|
|
16
|
+
var popupFullscreen = "_1x88mtg3 _1x88mtg1";
|
|
17
|
+
var title = "_1x88mtg6";
|
|
13
18
|
|
|
14
19
|
// src/dialog.ts
|
|
15
|
-
var Dialog = createDialog({
|
|
20
|
+
var Dialog = createDialog({
|
|
21
|
+
backdrop,
|
|
22
|
+
popup: ({ fullscreen }) => fullscreen ? popupFullscreen : popupBasic,
|
|
23
|
+
header,
|
|
24
|
+
icon,
|
|
25
|
+
title,
|
|
26
|
+
description,
|
|
27
|
+
divider,
|
|
28
|
+
actions,
|
|
29
|
+
close
|
|
30
|
+
});
|
|
16
31
|
|
|
17
32
|
export { Dialog };
|
|
18
33
|
//# sourceMappingURL=dialog.js.map
|
package/dist/dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/dialog.css.ts","../src/dialog.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,
|
|
1
|
+
{"version":3,"sources":["../src/dialog.css.ts","../src/dialog.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,UAAA,GAAa,qBAAA;AACjB,IAAI,eAAA,GAAkB,qBAAA;AACtB,IAAI,KAAA,GAAQ,WAAA;;;ACOZ,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,QAAA;AAAA,EACA,OAAO,CAAC,EAAE,UAAA,EAAW,KAAO,aAAa,eAAA,GAAkB,UAAA;AAAA,EAC3D,MAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAC","file":"dialog.js","sourcesContent":["import 'src/dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W7W7bOgz936cQBhSIL6rOSZsuc7H7IhfDBWPRNldZMiQlcTrs3QfRTv3RdU36J3EkHpE6hzzO7f_LdrOpQ5mKn1dCNNZTIGsyUVCL6vFKCDIeQybS-PwsyShsM3HPP7eQP5XO7ozKhCu3iz24hZS1kv7oZW61ddLnjupEfBbp7d0qiaDgwJyS2AZyCkexStPaiwm8tjFEIngypfQBjAKnkserX1e3LzX_pyBA3HShizpq_H4j5gFo1LDN9-wT87VGBy7fImFrW-npmUyZia11Cp3c2nZCyZopsXt0hbaHTMAu2LiiyDcajpkoNDIifktFDvMuSW71rjZxhyl7k0prpN-5AnJMBiIL62ppHZVksp7A-frHWce6qcDTM6rkZkh3EY452QVNBjNhrMEp31kFftGrqG349kkRaFtKyq359D1hOQK2QYKmMnKFJqCbnLHiII1FiBpc82VtMzyfys66Rw0BF3KdXt-I-MkFHkiFKhM1mcX6IW3aG5GDzhfLNN0fhBT3m6btKK_JyD54tUkblrOGVlZIZRWyAVadYDGihCYTy4cuvAGluI1W993COUPUyS5zawKQQScrKquupL4bHSja-Wyqiq-gQYltcCA1uBKTl16uQMUmnYSjxj2wjhr3qO-mw7Z6b9hW5wzb-4IIn4PGRXr7dT0t4I4PG9tRLwXrFH-fZGAFTtr0QV3vveLrbB8bJm9c0nuc3F1oQPe8-coyuPslBaz9MAN9Y21mfZWeVk5srPvOY9_xlSPz9Drtv-KfzIRK5hVptVh1k8eI0sVGWc7af2Z2FSmF7GE8rcMGak2NJ89yVRRQ-gZy9oKDg2ZSxXp6eTLRNeSUA4-6GFPwd8v0mNv43jjOdHvgTDU4tk2-S2FNkAXUpI-zsQjHBrknZYWguCZfg9YyQpIX7KGn-zxsFz2go1uei42xjOS16qK8I0h3BIaAjkXh7jnvlOAgfyJTJpe-tUYafPmYBlurjrJGRbv6MgHGwIvYHwMvon4M_CDv4yM-RLrcgyMwYUb-hsl_8cvOIAY7vX6cS9PZ5kmnmZOc5aD9v4A3Cvr6Z-P7sfOBiiO_-dCEbiPa6Zmu2N1B8h8CXhqlhL_Yza_f_t7oHRgLAAA';\nexport var actions = '_1x88mtg9';\nexport var backdrop = '_1x88mtg0';\nexport var close = '_1x88mtga';\nexport var description = '_1x88mtg7';\nexport var divider = '_1x88mtg8';\nexport var header = '_1x88mtg4';\nexport var icon = '_1x88mtg5';\nexport var popupBasic = '_1x88mtg2 _1x88mtg1';\nexport var popupFullscreen = '_1x88mtg3 _1x88mtg1';\nexport var title = '_1x88mtg6';","/**\n * dialog.ts — wires the VE styles into the shared parts factory.\n */\nimport { createDialog } from '@m3-baseui/core';\nimport {\n backdrop,\n popupBasic,\n popupFullscreen,\n header,\n icon,\n title,\n description,\n divider,\n actions,\n close,\n} from './dialog.css';\n\nexport const Dialog = createDialog({\n backdrop,\n popup: ({ fullscreen }) => (fullscreen ? popupFullscreen : popupBasic),\n header,\n icon,\n title,\n description,\n divider,\n actions,\n close,\n});\n"]}
|