@m3-baseui/react-vanilla-extract 1.2.0 → 1.3.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/index.css +89 -15
- package/dist/index.css.map +1 -1
- package/dist/index.js +31 -16
- package/dist/index.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/switch.css +2 -2
- package/dist/switch.css.map +1 -1
- package/dist/switch.js.map +1 -1
- package/package.json +1 -1
package/dist/radio.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/radio.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/radio.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW0WrjMBB8z1eIQiGGqOekLRTl8T7jOA5ZWtvbyJJZybmmx_37YVVJ7TRJ3cC9GNva2fXujEa--3W_K5vnp5z9mTHWOo8BnRWMwMiAW1jPGNPoWyN3gqE1aIGXBl7699JgZTkGaLxgCmwA6l8_dz5guePK2QA2DJd6JPc1od0IlvdvCvfCPb6irQQrHGkgXriY_TfqUAu2ytv4WANWdXh_TsEkNXZesK2kOeeN5n7nua9lC7zsjMneQwVbtS_MO4OaUVXMRwjljCPuLPcdlVIB30pCaUP2lkCqTUWus1qwQNL6VhLY0C9FoPg84Vsi1ZHvw1uH-5HEfGnoqaeIZcvHvPHjvhrXx3GQHm3FfZBWS9LZgn0VsZ79nd3tmf-hZZBc1aA2oH9GHQw_5GxzLWEjaZc6mxr6obBGLwuzr5wmw2ELNnjBrLOwnvpFg3Gzbyy_u3-6WFCIAkpHEAu7VioMuyjLAURI1W-DGHJ9j_vhTs82Vs6HhEDk6AtcxfgpTB0Cz5RMHSzYydVruz1VVZROdZ5v0WNhEkdd6A1IsPvPdrIH5XqpJ3UmIHdl6SFEJxjXGirh4Fs3N-uRJ8rCO9OFqEcDZRDsMb-Ne9i1h_tkWw9HtvVw2rYSaGgwqqPeXL73fayPhJnsonTUJCcyMsCcP-a3C9Zfs2NLSWi2zK_yBlG7LdDpjTK23CAD8Bh9icbJmSIqO7UVJ6doCbyHcUPLiDocaIVxajNgbXnE2vKKw2ZA5RTjPGd4B6K5I6zQDo_RgQi8kgbmeXZGKUkFB8BJBeiOZLxpQGPXrLJLOoGmraXHV9BcgwIDJANki4PQ_lOBEYknTqwPI1mOR7I8b6JjbUzg77xHvp9lX076ydm1Ggv36E8s_ldpJFBvfCtnusb2K5VsBXuIdvcPwg_qMOsJAAA */
|
|
2
2
|
._3yfmj80 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: inline-flex;
|
|
@@ -68,20 +68,18 @@
|
|
|
68
68
|
}
|
|
69
69
|
._3yfmj81 {
|
|
70
70
|
display: block;
|
|
71
|
-
width:
|
|
72
|
-
height:
|
|
71
|
+
width: 10px;
|
|
72
|
+
height: 10px;
|
|
73
73
|
border-radius: var(--md-sys-shape-full);
|
|
74
74
|
background: rgb(var(--md-sys-color-primary));
|
|
75
75
|
pointer-events: none;
|
|
76
|
+
transform-origin: center;
|
|
77
|
+
transform: scale(0);
|
|
76
78
|
opacity: 0;
|
|
77
|
-
transition:
|
|
78
|
-
width 150ms var(--md-sys-motion-easing-standard),
|
|
79
|
-
height 150ms var(--md-sys-motion-easing-standard),
|
|
80
|
-
opacity 150ms var(--md-sys-motion-easing-standard);
|
|
79
|
+
transition: transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate), opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate);
|
|
81
80
|
}
|
|
82
81
|
._3yfmj81[data-checked] {
|
|
83
|
-
|
|
84
|
-
height: 10px;
|
|
82
|
+
transform: scale(1);
|
|
85
83
|
opacity: 1;
|
|
86
84
|
}
|
|
87
85
|
._3yfmj80[data-error] ._3yfmj81 {
|
package/dist/radio.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/radio.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/radio.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW0WrjMBB8z1eIQiGGqOekLRTl8T7jOA5ZWtvbyJJZybmmx_37YVVJ7TRJ3cC9GNva2fXujEa--3W_K5vnp5z9mTHWOo8BnRWMwMiAW1jPGNPoWyN3gqE1aIGXBl7699JgZTkGaLxgCmwA6l8_dz5guePK2QA2DJd6JPc1od0IlvdvCvfCPb6irQQrHGkgXriY_TfqUAu2ytv4WANWdXh_TsEkNXZesK2kOeeN5n7nua9lC7zsjMneQwVbtS_MO4OaUVXMRwjljCPuLPcdlVIB30pCaUP2lkCqTUWus1qwQNL6VhLY0C9FoPg84Vsi1ZHvw1uH-5HEfGnoqaeIZcvHvPHjvhrXx3GQHm3FfZBWS9LZgn0VsZ79nd3tmf-hZZBc1aA2oH9GHQw_5GxzLWEjaZc6mxr6obBGLwuzr5wmw2ELNnjBrLOwnvpFg3Gzbyy_u3-6WFCIAkpHEAu7VioMuyjLAURI1W-DGHJ9j_vhTs82Vs6HhEDk6AtcxfgpTB0Cz5RMHSzYydVruz1VVZROdZ5v0WNhEkdd6A1IsPvPdrIH5XqpJ3UmIHdl6SFEJxjXGirh4Fs3N-uRJ8rCO9OFqEcDZRDsMb-Ne9i1h_tkWw9HtvVw2rYSaGgwqqPeXL73fayPhJnsonTUJCcyMsCcP-a3C9Zfs2NLSWi2zK_yBlG7LdDpjTK23CAD8Bh9icbJmSIqO7UVJ6doCbyHcUPLiDocaIVxajNgbXnE2vKKw2ZA5RTjPGd4B6K5I6zQDo_RgQi8kgbmeXZGKUkFB8BJBeiOZLxpQGPXrLJLOoGmraXHV9BcgwIDJANki4PQ_lOBEYknTqwPI1mOR7I8b6JjbUzg77xHvp9lX076ydm1Ggv36E8s_ldpJFBvfCtnusb2K5VsBXuIdvcPwg_qMOsJAAA"],"sourcesContent":["._3yfmj80 {\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: 20px;\n height: 20px;\n border-radius: var(--md-sys-shape-full);\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: border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n._3yfmj80[data-checked] {\n border-color: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-primary));\n}\n._3yfmj80[data-disabled] {\n pointer-events: none;\n border-color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3yfmj80[data-disabled]::before {\n opacity: 0;\n}\n._3yfmj80:active {\n color: rgb(var(--md-sys-color-primary));\n}\n._3yfmj80[data-checked]:active {\n color: rgb(var(--md-sys-color-on-surface));\n}\n._3yfmj80[data-error] {\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n._3yfmj80[data-error]:active, ._3yfmj80[data-error][data-checked]:active {\n color: rgb(var(--md-sys-color-error));\n}\n._3yfmj80:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._3yfmj80::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._3yfmj80:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._3yfmj80:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._3yfmj80:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._3yfmj81 {\n display: block;\n width: 10px;\n height: 10px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-primary));\n pointer-events: none;\n transform-origin: center;\n transform: scale(0);\n opacity: 0;\n transition: transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate), opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate);\n}\n._3yfmj81[data-checked] {\n transform: scale(1);\n opacity: 1;\n}\n._3yfmj80[data-error] ._3yfmj81 {\n background: rgb(var(--md-sys-color-error));\n}\n._3yfmj80[data-disabled] ._3yfmj81 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3yfmj82 {\n display: inline-flex;\n flex-direction: column;\n gap: 4px;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,cAAY;AACZ,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC1B,cAAY;AACZ,SAAO,IAAI,IAAI;AACf,UAAQ;AACR,cAAY,aAAa,MAAM,IAAI,gCAAgC,EAAE,MAAM,MAAM,IAAI;AACvF;AACA,CAhBC,QAgBQ,CAAC;AACR,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CApBC,QAoBQ,CAAC;AACR,kBAAgB;AAChB,gBAAc,IAAI,IAAI,2BAA2B,EAAE;AACrD;AACA,CAxBC,QAwBQ,CAAC,cAAc;AACtB,WAAS;AACX;AACA,CA3BC,QA2BQ;AACP,SAAO,IAAI,IAAI;AACjB;AACA,CA9BC,QA8BQ,CAAC,aAAa;AACrB,SAAO,IAAI,IAAI;AACjB;AACA,CAjCC,QAiCQ,CAAC;AACR,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CArCC,QAqCQ,CAAC,WAAW;AAAS,CArC7B,QAqCsC,CAAC,WAAW,CAAC,aAAa;AAC/D,SAAO,IAAI,IAAI;AACjB;AACA,CAxCC,QAwCQ;AACP,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CA5CC,QA4CQ;AACP,WAAS;AACT,YAAU;AACV,QAAM;AACN,OAAK;AACL,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY;AACZ,WAAS;AACT,aAAW,UAAU,IAAI,EAAE;AAC3B,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAzDC,QAyDQ,MAAM;AACb,WAAS,IAAI;AACf;AACA,CA5DC,QA4DQ,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CA/DC,QA+DQ,OAAO;AACd,WAAS,IAAI;AACf;AACA,CAAC;AACC,WAAS;AACT,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,kBAAgB;AAChB,oBAAkB;AAClB,aAAW,MAAM;AACjB,WAAS;AACT,cAAY,UAAU,IAAI,kCAAkC,IAAI,6CAA6C,EAAE,QAAQ,IAAI,kCAAkC,IAAI;AACnK;AACA,CAZC,QAYQ,CAAC;AACR,aAAW,MAAM;AACjB,WAAS;AACX;AACA,CAlFC,QAkFQ,CAAC,YAAY,CAhBrB;AAiBC,cAAY,IAAI,IAAI;AACtB;AACA,CArFC,QAqFQ,CAAC,eAAe,CAnBxB;AAoBC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;","names":[]}
|
package/dist/radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/radio.css.ts","../src/radio.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,SAAA,GAAY,UAAA;AAChB,IAAI,IAAA,GAAO,UAAA;;;ACGX,IAAM,KAAA,GAAQ,WAAA,CAAY,EAAE,IAAA,EAAM,WAAW;AAC7C,IAAM,UAAA,GAAa,iBAAiB,KAAK","file":"radio.js","sourcesContent":["import 'src/radio.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../src/radio.css.ts","../src/radio.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,SAAA,GAAY,UAAA;AAChB,IAAI,IAAA,GAAO,UAAA;;;ACGX,IAAM,KAAA,GAAQ,WAAA,CAAY,EAAE,IAAA,EAAM,WAAW;AAC7C,IAAM,UAAA,GAAa,iBAAiB,KAAK","file":"radio.js","sourcesContent":["import 'src/radio.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW0WrjMBB8z1eIQiGGqOekLRTl8T7jOA5ZWtvbyJJZybmmx_37YVVJ7TRJ3cC9GNva2fXujEa--3W_K5vnp5z9mTHWOo8BnRWMwMiAW1jPGNPoWyN3gqE1aIGXBl7699JgZTkGaLxgCmwA6l8_dz5guePK2QA2DJd6JPc1od0IlvdvCvfCPb6irQQrHGkgXriY_TfqUAu2ytv4WANWdXh_TsEkNXZesK2kOeeN5n7nua9lC7zsjMneQwVbtS_MO4OaUVXMRwjljCPuLPcdlVIB30pCaUP2lkCqTUWus1qwQNL6VhLY0C9FoPg84Vsi1ZHvw1uH-5HEfGnoqaeIZcvHvPHjvhrXx3GQHm3FfZBWS9LZgn0VsZ79nd3tmf-hZZBc1aA2oH9GHQw_5GxzLWEjaZc6mxr6obBGLwuzr5wmw2ELNnjBrLOwnvpFg3Gzbyy_u3-6WFCIAkpHEAu7VioMuyjLAURI1W-DGHJ9j_vhTs82Vs6HhEDk6AtcxfgpTB0Cz5RMHSzYydVruz1VVZROdZ5v0WNhEkdd6A1IsPvPdrIH5XqpJ3UmIHdl6SFEJxjXGirh4Fs3N-uRJ8rCO9OFqEcDZRDsMb-Ne9i1h_tkWw9HtvVw2rYSaGgwqqPeXL73fayPhJnsonTUJCcyMsCcP-a3C9Zfs2NLSWi2zK_yBlG7LdDpjTK23CAD8Bh9icbJmSIqO7UVJ6doCbyHcUPLiDocaIVxajNgbXnE2vKKw2ZA5RTjPGd4B6K5I6zQDo_RgQi8kgbmeXZGKUkFB8BJBeiOZLxpQGPXrLJLOoGmraXHV9BcgwIDJANki4PQ_lOBEYknTqwPI1mOR7I8b6JjbUzg77xHvp9lX076ydm1Ggv36E8s_ldpJFBvfCtnusb2K5VsBXuIdvcPwg_qMOsJAAA';\nexport var group = '_3yfmj82';\nexport var indicator = '_3yfmj81';\nexport var root = '_3yfmj80';","/**\n * radio.ts — wires the VE styles into the shared factories.\n */\nimport { createRadio, createRadioGroup } from '@m3-baseui/core';\nimport { root, indicator, group } from './radio.css';\n\nexport const Radio = createRadio({ root, indicator });\nexport const RadioGroup = createRadioGroup(group);\n"]}
|
package/dist/slider.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WbWvbMBD-nl8hCoUEps5524r6RwYjjLN9tkVlyUhnJ9nofx-S7STOksYt7bd9Mba4u0fPvTznh1_rxVZmy4j9mTBWGSdJGi2YRQUkG3yaMJZKVynYC5Yp3PkDUDLXXBKWTrAENaH1x7VDyx0qTEgwbXRw3sqUCsHmUXTvP8nUScEhaVFao5fJQ3eL-Qfc4gywQJkXJNgqqnanUItXoK6FqAJubGyKlltIZe0Ea8BOOS9T7vaOuwIq5Fmt1CyYQvKcW1PrVDCbx9OBbWKUsdzVNoMEeWI0gdRoeSHzAh3NZqfXjX6mQMBT6SBWmG7YkMcIIKN7rBn7yqKH-WIAsDzLB8TOqJrw0xNQWVmC3Y-ku3wv3eXjAGB1u_yLqKXbs--_P40-Y6YmJTX-OxgrIWLMjMVwbd8rqEmwu7unq0VTmJFg637sqsN7R291Rm91mV7n9GYmFSSS9oJFAd6CdpmxpWhfFRBO-Tq6_8L8c3aw6Xh03n4CSzfMcGm8CUdwUufcEegUbDqsrShMg3aQssN9huUiIOTB-ixCZpLa8UY6GSscHSl4DSN1jWwhz6XON6NDBQ9Mx03F6oOmYh3iZEYTz6CU6vxqtK_QJaCQK4hRcQU296w1hRIGx23XTyMcW9Ojq5O_cZSjNwxuflp4MR7xxL71RyK_tHwhdD4qBFlInqXOg3_I6ohs8wasBE2zI9nuhOu6RCsTwQjiWoH1B-60KN86qZJ-w3FsUJM77tfLwy-1QwrDd4zz_RWF7zXhTBI-Q_CuJeW2RpxQaQfB_0Y0uHlD8_cadan5H9-R59gQmfL4qzAQ3RJsLjXvbR7bbF7i-WN6kMHbycYdWeCuhC7nFaRpaN5FtetB3irXN_t4YP1fIEYLxJhRZ2xbSMIAEnb_1kJ1vkRP-rRt_m43bYabZP40efkL11t_jtQLAAA */
|
|
2
2
|
._52wif30 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: flex;
|
|
@@ -75,4 +75,43 @@
|
|
|
75
75
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
76
76
|
font-variant-numeric: tabular-nums;
|
|
77
77
|
}
|
|
78
|
+
._52wif36 {
|
|
79
|
+
pointer-events: none;
|
|
80
|
+
position: absolute;
|
|
81
|
+
inset: 0;
|
|
82
|
+
}
|
|
83
|
+
._52wif37 {
|
|
84
|
+
position: absolute;
|
|
85
|
+
width: 4px;
|
|
86
|
+
height: 4px;
|
|
87
|
+
border-radius: var(--md-sys-shape-full);
|
|
88
|
+
background: rgb(var(--md-sys-color-on-surface-variant));
|
|
89
|
+
transform: translate(-50%, -50%);
|
|
90
|
+
}
|
|
91
|
+
._52wif37[data-active] {
|
|
92
|
+
background: rgb(var(--md-sys-color-on-primary) / 0.38);
|
|
93
|
+
}
|
|
94
|
+
._52wif38 {
|
|
95
|
+
pointer-events: none;
|
|
96
|
+
position: absolute;
|
|
97
|
+
bottom: 100%;
|
|
98
|
+
left: 50%;
|
|
99
|
+
margin-bottom: 8px;
|
|
100
|
+
transform: translateX(-50%);
|
|
101
|
+
border-radius: var(--md-sys-shape-extra-small);
|
|
102
|
+
padding: 2px 8px;
|
|
103
|
+
background: rgb(var(--md-sys-color-primary));
|
|
104
|
+
color: rgb(var(--md-sys-color-on-primary));
|
|
105
|
+
font-family: var(--md-sys-typescale-label-large-font);
|
|
106
|
+
font-weight: var(--md-sys-typescale-label-large-weight);
|
|
107
|
+
font-size: var(--md-sys-typescale-label-large-size);
|
|
108
|
+
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
109
|
+
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
110
|
+
font-variant-numeric: tabular-nums;
|
|
111
|
+
white-space: nowrap;
|
|
112
|
+
opacity: 0;
|
|
113
|
+
}
|
|
114
|
+
._52wif38[data-visible] {
|
|
115
|
+
opacity: 1;
|
|
116
|
+
}
|
|
78
117
|
/*# sourceMappingURL=slider.css.map */
|
package/dist/slider.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WbWvbMBD-nl8hCoUEps5524r6RwYjjLN9tkVlyUhnJ9nofx-S7STOksYt7bd9Mba4u0fPvTznh1_rxVZmy4j9mTBWGSdJGi2YRQUkG3yaMJZKVynYC5Yp3PkDUDLXXBKWTrAENaH1x7VDyx0qTEgwbXRw3sqUCsHmUXTvP8nUScEhaVFao5fJQ3eL-Qfc4gywQJkXJNgqqnanUItXoK6FqAJubGyKlltIZe0Ea8BOOS9T7vaOuwIq5Fmt1CyYQvKcW1PrVDCbx9OBbWKUsdzVNoMEeWI0gdRoeSHzAh3NZqfXjX6mQMBT6SBWmG7YkMcIIKN7rBn7yqKH-WIAsDzLB8TOqJrw0xNQWVmC3Y-ku3wv3eXjAGB1u_yLqKXbs--_P40-Y6YmJTX-OxgrIWLMjMVwbd8rqEmwu7unq0VTmJFg637sqsN7R291Rm91mV7n9GYmFSSS9oJFAd6CdpmxpWhfFRBO-Tq6_8L8c3aw6Xh03n4CSzfMcGm8CUdwUufcEegUbDqsrShMg3aQssN9huUiIOTB-ixCZpLa8UY6GSscHSl4DSN1jWwhz6XON6NDBQ9Mx03F6oOmYh3iZEYTz6CU6vxqtK_QJaCQK4hRcQU296w1hRIGx23XTyMcW9Ojq5O_cZSjNwxuflp4MR7xxL71RyK_tHwhdD4qBFlInqXOg3_I6ohs8wasBE2zI9nuhOu6RCsTwQjiWoH1B-60KN86qZJ-w3FsUJM77tfLwy-1QwrDd4zz_RWF7zXhTBI-Q_CuJeW2RpxQaQfB_0Y0uHlD8_cadan5H9-R59gQmfL4qzAQ3RJsLjXvbR7bbF7i-WN6kMHbycYdWeCuhC7nFaRpaN5FtetB3irXN_t4YP1fIEYLxJhRZ2xbSMIAEnb_1kJ1vkRP-rRt_m43bYabZP40efkL11t_jtQLAAA"],"sourcesContent":["._52wif30 {\n position: relative;\n display: flex;\n align-items: center;\n user-select: none;\n width: 100%;\n touch-action: none;\n}\n._52wif31 {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n height: 40px;\n}\n._52wif32 {\n position: relative;\n width: 100%;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-surface-container-highest));\n}\n._52wif30[data-disabled] ._52wif32 {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._52wif33 {\n position: absolute;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-primary));\n}\n._52wif30[data-disabled] ._52wif33 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._52wif34 {\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-primary));\n outline: none;\n}\n._52wif34::before {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgb(var(--md-sys-color-primary));\n opacity: 0;\n transform: translate(-50%, -50%);\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._52wif34:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._52wif34:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._52wif34[data-dragging]::before {\n opacity: var(--md-sys-state-dragged);\n}\n._52wif30[data-disabled] ._52wif34 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._52wif35 {\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 color: rgb(var(--md-sys-color-on-surface-variant));\n font-variant-numeric: tabular-nums;\n}\n._52wif36 {\n pointer-events: none;\n position: absolute;\n inset: 0;\n}\n._52wif37 {\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-on-surface-variant));\n transform: translate(-50%, -50%);\n}\n._52wif37[data-active] {\n background: rgb(var(--md-sys-color-on-primary) / 0.38);\n}\n._52wif38 {\n pointer-events: none;\n position: absolute;\n bottom: 100%;\n left: 50%;\n margin-bottom: 8px;\n transform: translateX(-50%);\n border-radius: var(--md-sys-shape-extra-small);\n padding: 2px 8px;\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-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 font-variant-numeric: tabular-nums;\n white-space: nowrap;\n opacity: 0;\n}\n._52wif38[data-visible] {\n opacity: 1;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,eAAa;AACb,SAAO;AACP,gBAAc;AAChB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACtB;AACA,CAtBC,QAsBQ,CAAC,eAAe,CAPxB;AAQC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACtB;AACA,CA/BC,QA+BQ,CAAC,eAAe,CANxB;AAOC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,WAAS;AACX;AACA,CARC,QAQQ;AACP,WAAS;AACT,YAAU;AACV,QAAM;AACN,OAAK;AACL,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY,IAAI,IAAI;AACpB,WAAS;AACT,aAAW,UAAU,IAAI,EAAE;AAC3B,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CArBC,QAqBQ,MAAM;AACb,WAAS,IAAI;AACf;AACA,CAxBC,QAwBQ,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CA3BC,QA2BQ,CAAC,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAhEC,QAgEQ,CAAC,eAAe,CA9BxB;AA+BC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,wBAAsB;AACxB;AACA,CAAC;AACC,kBAAgB;AAChB,YAAU;AACV,SAAO;AACT;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,aAAW,UAAU,IAAI,EAAE;AAC7B;AACA,CARC,QAQQ,CAAC;AACR,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,kBAAgB;AAChB,YAAU;AACV,UAAQ;AACR,QAAM;AACN,iBAAe;AACf,aAAW,WAAW;AACtB,iBAAe,IAAI;AACnB,WAAS,IAAI;AACb,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,wBAAsB;AACtB,eAAa;AACb,WAAS;AACX;AACA,CApBC,QAoBQ,CAAC;AACR,WAAS;AACX;","names":[]}
|
package/dist/slider.d.ts
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
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
|
|
|
4
5
|
declare const Slider: {
|
|
5
6
|
Root: react.ForwardRefExoticComponent<Omit<_base_ui_react.SliderRoot.Props<number | readonly number[]> & {
|
|
6
7
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
7
|
-
}, "ref"> & react.RefAttributes<
|
|
8
|
-
Control: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderControlProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<
|
|
9
|
-
Track: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderTrackProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<
|
|
10
|
-
Indicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderIndicatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<
|
|
11
|
-
Thumb: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderThumbProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<
|
|
12
|
-
Value: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderValueProps, "ref"> & react.RefAttributes<HTMLOutputElement>, "ref"> & react.RefAttributes<
|
|
8
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Control: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderControlProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Track: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderTrackProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Indicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderIndicatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
Thumb: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderThumbProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
Value: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SliderValueProps, "ref"> & react.RefAttributes<HTMLOutputElement>, "ref"> & react.RefAttributes<HTMLOutputElement>>;
|
|
14
|
+
TickList: react.ForwardRefExoticComponent<_m3_baseui_core.SliderTickListProps & react.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
ValueLabel: react.ForwardRefExoticComponent<_m3_baseui_core.SliderValueLabelProps & react.RefAttributes<HTMLSpanElement>>;
|
|
13
16
|
};
|
|
14
17
|
|
|
15
18
|
export { Slider };
|
package/dist/slider.js
CHANGED
|
@@ -9,11 +9,24 @@ var control = "_52wif31";
|
|
|
9
9
|
var indicator = "_52wif33";
|
|
10
10
|
var root = "_52wif30";
|
|
11
11
|
var thumb = "_52wif34";
|
|
12
|
+
var tick = "_52wif37";
|
|
13
|
+
var tickList = "_52wif36";
|
|
12
14
|
var track = "_52wif32";
|
|
13
15
|
var value = "_52wif35";
|
|
16
|
+
var valueLabel = "_52wif38";
|
|
14
17
|
|
|
15
18
|
// src/slider.ts
|
|
16
|
-
var Slider = createSlider({
|
|
19
|
+
var Slider = createSlider({
|
|
20
|
+
root,
|
|
21
|
+
control,
|
|
22
|
+
track,
|
|
23
|
+
indicator,
|
|
24
|
+
thumb,
|
|
25
|
+
value,
|
|
26
|
+
tickList,
|
|
27
|
+
tick,
|
|
28
|
+
valueLabel
|
|
29
|
+
});
|
|
17
30
|
|
|
18
31
|
export { Slider };
|
|
19
32
|
//# sourceMappingURL=slider.js.map
|
package/dist/slider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/slider.css.ts","../src/slider.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,UAAA;AACd,IAAI,SAAA,GAAY,UAAA;AAChB,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,KAAA,GAAQ,UAAA;;;
|
|
1
|
+
{"version":3,"sources":["../src/slider.css.ts","../src/slider.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,UAAA;AACd,IAAI,SAAA,GAAY,UAAA;AAChB,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,QAAA,GAAW,UAAA;AACf,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,UAAA,GAAa,UAAA;;;ACOjB,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"slider.js","sourcesContent":["import 'src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WbWvbMBD-nl8hCoUEps5524r6RwYjjLN9tkVlyUhnJ9nofx-S7STOksYt7bd9Mba4u0fPvTznh1_rxVZmy4j9mTBWGSdJGi2YRQUkG3yaMJZKVynYC5Yp3PkDUDLXXBKWTrAENaH1x7VDyx0qTEgwbXRw3sqUCsHmUXTvP8nUScEhaVFao5fJQ3eL-Qfc4gywQJkXJNgqqnanUItXoK6FqAJubGyKlltIZe0Ea8BOOS9T7vaOuwIq5Fmt1CyYQvKcW1PrVDCbx9OBbWKUsdzVNoMEeWI0gdRoeSHzAh3NZqfXjX6mQMBT6SBWmG7YkMcIIKN7rBn7yqKH-WIAsDzLB8TOqJrw0xNQWVmC3Y-ku3wv3eXjAGB1u_yLqKXbs--_P40-Y6YmJTX-OxgrIWLMjMVwbd8rqEmwu7unq0VTmJFg637sqsN7R291Rm91mV7n9GYmFSSS9oJFAd6CdpmxpWhfFRBO-Tq6_8L8c3aw6Xh03n4CSzfMcGm8CUdwUufcEegUbDqsrShMg3aQssN9huUiIOTB-ixCZpLa8UY6GSscHSl4DSN1jWwhz6XON6NDBQ9Mx03F6oOmYh3iZEYTz6CU6vxqtK_QJaCQK4hRcQU296w1hRIGx23XTyMcW9Ojq5O_cZSjNwxuflp4MR7xxL71RyK_tHwhdD4qBFlInqXOg3_I6ohs8wasBE2zI9nuhOu6RCsTwQjiWoH1B-60KN86qZJ-w3FsUJM77tfLwy-1QwrDd4zz_RWF7zXhTBI-Q_CuJeW2RpxQaQfB_0Y0uHlD8_cadan5H9-R59gQmfL4qzAQ3RJsLjXvbR7bbF7i-WN6kMHbycYdWeCuhC7nFaRpaN5FtetB3irXN_t4YP1fIEYLxJhRZ2xbSMIAEnb_1kJ1vkRP-rRt_m43bYabZP40efkL11t_jtQLAAA';\nexport var control = '_52wif31';\nexport var indicator = '_52wif33';\nexport var root = '_52wif30';\nexport var thumb = '_52wif34';\nexport var tick = '_52wif37';\nexport var tickList = '_52wif36';\nexport var track = '_52wif32';\nexport var value = '_52wif35';\nexport var valueLabel = '_52wif38';","/**\n * slider.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSlider } from '@m3-baseui/core';\nimport {\n root,\n control,\n track,\n indicator,\n thumb,\n value,\n tickList,\n tick,\n valueLabel,\n} from './slider.css';\n\nexport const Slider = createSlider({\n root,\n control,\n track,\n indicator,\n thumb,\n value,\n tickList,\n tick,\n valueLabel,\n});\n"]}
|
package/dist/switch.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-
|
|
1
|
+
/* vanilla-extract-css-ns:src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-wKlVKpLojpO0iV9rLfsU07cHAAbcaG9kmbTrtv08Yk-AooZD1CQy-O999330H98kav-bbiPxZEFIrgxaVZESD4BZ38LwgJENTC75nBKVACTQX8NY-b6_UlBrlCyNR--QVM1sy8hjXbkMJWJSWkY1fJ-qNGnxHWTCSKJ2Bponyb9xK8wwbw8iO6yWlVUbN3lBT8hpo3gixOm5lJK7fiFECM6KLZBlYpEooTVVj2-OuOiuevhRaNTJjl_abRuc8BZoqaTlK0LTEogRjOw9po43SjNQKpQXdPrKay75gxwCdOxJHUWXCTCrV7qXADcqCGstlxnW2uuvTn2v4vPi7uPf4_cy45TQtIX2B7JdDc0LOtcaK6_1qUNnuzRSL0-AZGp6IPrqvE4UdSGsYkUrCiA2Tyi7DJFZTs7iMHPlCovt1PD09JXtvA9uLh76u6GdjnJ7PcavmGqQdHoDlKm0M3aHBRICL6HnOyOajjjCQqpY5Hm9vSFWeG7Cuowah1ieKwBOjRGOdIlhVM_IY3bb3AnLLyFPX4V4A1k-hAPTrg5L0EsIFFpKihcowkkLfWL8bYzHfO0BB2uGrGUrhSpgrXflqCm7hx5I-RrdTJSGQkMnEcbvP0z_UDC7E2T7PGs3dTQUZNlW8GlMDqOqSG3yHQA_WHTVf0ZYUUyU9VRsZkLXD7iHALn4IsevWR8eMJZAr3XHvANDNzfNFtnRRPF2G1PERH6IwYr8-gdobDWFLG902yPcWAcfomqdo934ancPfwX9HDiQYwuGtyfozBDjooq4CcTyh0FMVJFDuKySblWoHOjzmLO2iO66RS3viNtSnz3YfFvnKHHw9juNiNMb_JTQvFk_bb66z3IlC7mxPuLMNmjQa8TTF0SdidfwouJ4L3ZjcbGeM4rnBBtp9sUcC5TtITTiBLLdAndmUtpjs0ZmvxhCe7KrWYEw4LGJndBjO_aiaP5w_HJGz2oGcP17wFzLI4Rsxu8JtHf0KOVhsRtx-fvKjfxcfVWBzDqBBIlNT_weQ3u7B7Q0AAA */
|
|
2
2
|
.b1i7f80 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: inline-flex;
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
background: rgb(var(--md-sys-color-outline));
|
|
46
46
|
color: rgb(var(--md-sys-color-on-surface));
|
|
47
47
|
pointer-events: none;
|
|
48
|
-
transition: all
|
|
48
|
+
transition: all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);
|
|
49
49
|
}
|
|
50
50
|
.b1i7f81[data-with-icon][data-unchecked] {
|
|
51
51
|
left: 4px;
|
package/dist/switch.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-wKlVKpLojpO0iV9rLfsU07cHAAbcaG9kmbTrtv08Yk-AooZD1CQy-O999330H98kav-bbiPxZEFIrgxaVZESD4BZ38LwgJENTC75nBKVACTQX8NY-b6_UlBrlCyNR--QVM1sy8hjXbkMJWJSWkY1fJ-qNGnxHWTCSKJ2Bponyb9xK8wwbw8iO6yWlVUbN3lBT8hpo3gixOm5lJK7fiFECM6KLZBlYpEooTVVj2-OuOiuevhRaNTJjl_abRuc8BZoqaTlK0LTEogRjOw9po43SjNQKpQXdPrKay75gxwCdOxJHUWXCTCrV7qXADcqCGstlxnW2uuvTn2v4vPi7uPf4_cy45TQtIX2B7JdDc0LOtcaK6_1qUNnuzRSL0-AZGp6IPrqvE4UdSGsYkUrCiA2Tyi7DJFZTs7iMHPlCovt1PD09JXtvA9uLh76u6GdjnJ7PcavmGqQdHoDlKm0M3aHBRICL6HnOyOajjjCQqpY5Hm9vSFWeG7Cuowah1ieKwBOjRGOdIlhVM_IY3bb3AnLLyFPX4V4A1k-hAPTrg5L0EsIFFpKihcowkkLfWL8bYzHfO0BB2uGrGUrhSpgrXflqCm7hx5I-RrdTJSGQkMnEcbvP0z_UDC7E2T7PGs3dTQUZNlW8GlMDqOqSG3yHQA_WHTVf0ZYUUyU9VRsZkLXD7iHALn4IsevWR8eMJZAr3XHvANDNzfNFtnRRPF2G1PERH6IwYr8-gdobDWFLG902yPcWAcfomqdo934ancPfwX9HDiQYwuGtyfozBDjooq4CcTyh0FMVJFDuKySblWoHOjzmLO2iO66RS3viNtSnz3YfFvnKHHw9juNiNMb_JTQvFk_bb66z3IlC7mxPuLMNmjQa8TTF0SdidfwouJ4L3ZjcbGeM4rnBBtp9sUcC5TtITTiBLLdAndmUtpjs0ZmvxhCe7KrWYEw4LGJndBjO_aiaP5w_HJGz2oGcP17wFzLI4Rsxu8JtHf0KOVhsRtx-fvKjfxcfVWBzDqBBIlNT_weQ3u7B7Q0AAA"],"sourcesContent":[".b1i7f80 {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n width: 52px;\n height: 32px;\n box-sizing: border-box;\n border-radius: var(--md-sys-shape-full);\n border: 2px solid rgb(var(--md-sys-color-outline));\n background: rgb(var(--md-sys-color-surface-container-highest));\n cursor: pointer;\n transition: background-color 200ms var(--md-sys-motion-easing-standard), border-color 200ms var(--md-sys-motion-easing-standard);\n}\n.b1i7f80[data-checked] {\n background: rgb(var(--md-sys-color-primary));\n border-color: rgb(var(--md-sys-color-primary));\n}\n.b1i7f80[data-disabled] {\n pointer-events: none;\n}\n.b1i7f80[data-disabled]:not([data-checked]) {\n background: rgb(var(--md-sys-color-surface-container-highest) / 0.12);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n.b1i7f80[data-disabled][data-checked] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n border-color: transparent;\n}\n.b1i7f80:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n.b1i7f81 {\n position: absolute;\n top: 50%;\n left: 6px;\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--md-sys-shape-full);\n transform: translateY(-50%);\n background: rgb(var(--md-sys-color-outline));\n color: rgb(var(--md-sys-color-on-surface));\n pointer-events: none;\n transition: all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);\n}\n.b1i7f81[data-with-icon][data-unchecked] {\n left: 4px;\n width: 24px;\n height: 24px;\n}\n.b1i7f81::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.b1i7f80[data-checked] .b1i7f81 {\n left: 22px;\n width: 24px;\n height: 24px;\n background: rgb(var(--md-sys-color-on-primary));\n color: rgb(var(--md-sys-color-primary));\n}\n.b1i7f80:hover .b1i7f81 {\n background: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b1i7f80:focus-visible .b1i7f81 {\n background: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b1i7f80[data-checked]:hover .b1i7f81 {\n background: rgb(var(--md-sys-color-primary-container));\n}\n.b1i7f80[data-checked]:focus-visible .b1i7f81 {\n background: rgb(var(--md-sys-color-primary-container));\n}\n.b1i7f80[data-checked]:active .b1i7f81 {\n left: 20px;\n width: 28px;\n height: 28px;\n}\n.b1i7f80:active .b1i7f81 {\n left: 0px;\n width: 28px;\n height: 28px;\n background: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b1i7f80[data-disabled] .b1i7f81 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.b1i7f80[data-disabled][data-checked] .b1i7f81 {\n background: rgb(var(--md-sys-color-surface));\n}\n.b1i7f80:hover .b1i7f81::before {\n opacity: var(--md-sys-state-hover);\n}\n.b1i7f80:focus-visible .b1i7f81::before {\n opacity: var(--md-sys-state-focus);\n}\n.b1i7f80:active .b1i7f81::before {\n opacity: var(--md-sys-state-pressed);\n}\n.b1i7f82 {\n display: none;\n align-items: center;\n justify-content: center;\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n.b1i7f80[data-checked] .b1i7f82 {\n display: inline-flex;\n}\n.b1i7f82 > svg {\n width: 16px;\n height: 16px;\n}\n.b1i7f83 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: rgb(var(--md-sys-color-surface-container-highest));\n}\n.b1i7f80[data-checked] .b1i7f83 {\n display: none;\n}\n.b1i7f83 > svg {\n width: 16px;\n height: 16px;\n}"],"mappings":"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","names":[]}
|
package/dist/switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/switch.css.ts","../src/switch.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,WAAA,GAAc,SAAA;AAClB,IAAI,aAAA,GAAgB,SAAA;AACpB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;;;ACEZ,IAAM,SAAS,YAAA,CAAa,EAAE,MAAM,KAAA,EAAO,WAAA,EAAa,eAAe","file":"switch.js","sourcesContent":["import 'src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-
|
|
1
|
+
{"version":3,"sources":["../src/switch.css.ts","../src/switch.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,WAAA,GAAc,SAAA;AAClB,IAAI,aAAA,GAAgB,SAAA;AACpB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;;;ACEZ,IAAM,SAAS,YAAA,CAAa,EAAE,MAAM,KAAA,EAAO,WAAA,EAAa,eAAe","file":"switch.js","sourcesContent":["import 'src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-wKlVKpLojpO0iV9rLfsU07cHAAbcaG9kmbTrtv08Yk-AooZD1CQy-O999330H98kav-bbiPxZEFIrgxaVZESD4BZ38LwgJENTC75nBKVACTQX8NY-b6_UlBrlCyNR--QVM1sy8hjXbkMJWJSWkY1fJ-qNGnxHWTCSKJ2Bponyb9xK8wwbw8iO6yWlVUbN3lBT8hpo3gixOm5lJK7fiFECM6KLZBlYpEooTVVj2-OuOiuevhRaNTJjl_abRuc8BZoqaTlK0LTEogRjOw9po43SjNQKpQXdPrKay75gxwCdOxJHUWXCTCrV7qXADcqCGstlxnW2uuvTn2v4vPi7uPf4_cy45TQtIX2B7JdDc0LOtcaK6_1qUNnuzRSL0-AZGp6IPrqvE4UdSGsYkUrCiA2Tyi7DJFZTs7iMHPlCovt1PD09JXtvA9uLh76u6GdjnJ7PcavmGqQdHoDlKm0M3aHBRICL6HnOyOajjjCQqpY5Hm9vSFWeG7Cuowah1ieKwBOjRGOdIlhVM_IY3bb3AnLLyFPX4V4A1k-hAPTrg5L0EsIFFpKihcowkkLfWL8bYzHfO0BB2uGrGUrhSpgrXflqCm7hx5I-RrdTJSGQkMnEcbvP0z_UDC7E2T7PGs3dTQUZNlW8GlMDqOqSG3yHQA_WHTVf0ZYUUyU9VRsZkLXD7iHALn4IsevWR8eMJZAr3XHvANDNzfNFtnRRPF2G1PERH6IwYr8-gdobDWFLG902yPcWAcfomqdo934ancPfwX9HDiQYwuGtyfozBDjooq4CcTyh0FMVJFDuKySblWoHOjzmLO2iO66RS3viNtSnz3YfFvnKHHw9juNiNMb_JTQvFk_bb66z3IlC7mxPuLMNmjQa8TTF0SdidfwouJ4L3ZjcbGeM4rnBBtp9sUcC5TtITTiBLLdAndmUtpjs0ZmvxhCe7KrWYEw4LGJndBjO_aiaP5w_HJGz2oGcP17wFzLI4Rsxu8JtHf0KOVhsRtx-fvKjfxcfVWBzDqBBIlNT_weQ3u7B7Q0AAA';\nexport var iconChecked = 'b1i7f82';\nexport var iconUnchecked = 'b1i7f83';\nexport var root = 'b1i7f80';\nexport var thumb = 'b1i7f81';","/**\n * switch.ts — wires the VE styles into the shared factory.\n */\nimport { createSwitch } from '@m3-baseui/core';\nimport { root, thumb, iconChecked, iconUnchecked } from './switch.css';\n\nexport const Switch = createSwitch({ root, thumb, iconChecked, iconUnchecked });\n"]}
|
package/package.json
CHANGED