@m3-baseui/react-vanilla-extract 1.4.0 → 2.0.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/components/badge/index.css +32 -0
- package/dist/components/badge/index.css.map +1 -0
- package/dist/components/badge/index.js +16 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/bottom-app-bar/index.css +28 -0
- package/dist/components/bottom-app-bar/index.css.map +1 -0
- package/dist/components/bottom-app-bar/index.js +17 -0
- package/dist/components/bottom-app-bar/index.js.map +1 -0
- package/dist/{bottom-sheet.css → components/bottom-sheet/index.css} +14 -14
- package/dist/components/bottom-sheet/index.css.map +1 -0
- package/dist/components/bottom-sheet/index.js +27 -0
- package/dist/components/bottom-sheet/index.js.map +1 -0
- package/dist/{button.css → components/button/index.css} +39 -39
- package/dist/components/button/index.css.map +1 -0
- package/dist/components/button/index.js +14 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button-group/index.css +23 -0
- package/dist/components/button-group/index.css.map +1 -0
- package/dist/components/button-group/index.js +18 -0
- package/dist/components/button-group/index.js.map +1 -0
- package/dist/{card.css → components/card/index.css} +18 -18
- package/dist/components/card/index.css.map +1 -0
- package/dist/components/card/index.js +16 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/carousel/index.css +41 -0
- package/dist/components/carousel/index.css.map +1 -0
- package/dist/components/carousel/index.js +18 -0
- package/dist/components/carousel/index.js.map +1 -0
- package/dist/{checkbox.css → components/checkbox/index.css} +32 -32
- package/dist/components/checkbox/index.css.map +1 -0
- package/dist/components/checkbox/index.js +17 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/{chip.css → components/chip/index.css} +40 -40
- package/dist/components/chip/index.css.map +1 -0
- package/dist/components/chip/index.js +24 -0
- package/dist/components/chip/index.js.map +1 -0
- package/dist/{date-picker.css → components/date-picker/index.css} +57 -57
- package/dist/components/date-picker/index.css.map +1 -0
- package/dist/components/date-picker/index.js +53 -0
- package/dist/components/date-picker/index.js.map +1 -0
- package/dist/{dialog.css → components/dialog/index.css} +21 -21
- package/dist/components/dialog/index.css.map +1 -0
- package/dist/components/dialog/index.js +34 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/divider/index.css +28 -0
- package/dist/components/divider/index.css.map +1 -0
- package/dist/components/divider/index.js +14 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/fab/index.css +138 -0
- package/dist/components/fab/index.css.map +1 -0
- package/dist/{fab.d.ts → components/fab/index.d.ts} +1 -1
- package/dist/components/fab/index.js +14 -0
- package/dist/components/fab/index.js.map +1 -0
- package/dist/components/fab-menu/index.css +225 -0
- package/dist/components/fab-menu/index.css.map +1 -0
- package/dist/components/fab-menu/index.js +19 -0
- package/dist/components/fab-menu/index.js.map +1 -0
- package/dist/{icon-button.css → components/icon-button/index.css} +56 -56
- package/dist/components/icon-button/index.css.map +1 -0
- package/dist/components/icon-button/index.js +16 -0
- package/dist/components/icon-button/index.js.map +1 -0
- package/dist/{item.css → components/item/index.css} +15 -15
- package/dist/components/item/index.css.map +1 -0
- package/dist/components/item/index.js +28 -0
- package/dist/components/item/index.js.map +1 -0
- package/dist/{list.css → components/list/index.css} +31 -31
- package/dist/components/list/index.css.map +1 -0
- package/dist/{list.js → components/list/index.js} +12 -12
- package/dist/components/list/index.js.map +1 -0
- package/dist/components/loading-indicator/index.css +35 -0
- package/dist/components/loading-indicator/index.css.map +1 -0
- package/dist/components/loading-indicator/index.js +20 -0
- package/dist/components/loading-indicator/index.js.map +1 -0
- package/dist/components/menu/index.css +373 -0
- package/dist/components/menu/index.css.map +1 -0
- package/dist/{menu.d.ts → components/menu/index.d.ts} +2 -2
- package/dist/components/menu/index.js +31 -0
- package/dist/components/menu/index.js.map +1 -0
- package/dist/{navigation-bar.css → components/navigation-bar/index.css} +22 -22
- package/dist/components/navigation-bar/index.css.map +1 -0
- package/dist/components/navigation-bar/index.js +27 -0
- package/dist/components/navigation-bar/index.js.map +1 -0
- package/dist/{navigation-drawer.css → components/navigation-drawer/index.css} +19 -19
- package/dist/components/navigation-drawer/index.css.map +1 -0
- package/dist/components/navigation-drawer/index.js +26 -0
- package/dist/components/navigation-drawer/index.js.map +1 -0
- package/dist/{navigation-rail.css → components/navigation-rail/index.css} +23 -23
- package/dist/components/navigation-rail/index.css.map +1 -0
- package/dist/components/navigation-rail/index.js +29 -0
- package/dist/components/navigation-rail/index.js.map +1 -0
- package/dist/components/progress/index.css +189 -0
- package/dist/components/progress/index.css.map +1 -0
- package/dist/{progress.d.ts → components/progress/index.d.ts} +2 -2
- package/dist/components/progress/index.js +29 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/{radio.css → components/radio/index.css} +21 -21
- package/dist/components/radio/index.css.map +1 -0
- package/dist/components/radio/index.js +18 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/{search.css → components/search/index.css} +33 -33
- package/dist/components/search/index.css.map +1 -0
- package/dist/components/search/index.js +37 -0
- package/dist/components/search/index.js.map +1 -0
- package/dist/{segmented-button.css → components/segmented-button/index.css} +22 -22
- package/dist/components/segmented-button/index.css.map +1 -0
- package/dist/components/segmented-button/index.js +25 -0
- package/dist/components/segmented-button/index.js.map +1 -0
- package/dist/components/select/index.css +582 -0
- package/dist/components/select/index.css.map +1 -0
- package/dist/{select.d.ts → components/select/index.d.ts} +6 -2
- package/dist/components/select/index.js +60 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/{side-sheet.css → components/side-sheet/index.css} +23 -23
- package/dist/components/side-sheet/index.css.map +1 -0
- package/dist/components/side-sheet/index.js +28 -0
- package/dist/components/side-sheet/index.js.map +1 -0
- package/dist/{slider.css → components/slider/index.css} +20 -20
- package/dist/components/slider/index.css.map +1 -0
- package/dist/components/slider/index.js +33 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/{snackbar.css → components/snackbar/index.css} +20 -20
- package/dist/components/snackbar/index.css.map +1 -0
- package/dist/components/snackbar/index.js +28 -0
- package/dist/components/snackbar/index.js.map +1 -0
- package/dist/{split-button.css → components/split-button/index.css} +68 -68
- package/dist/components/split-button/index.css.map +1 -0
- package/dist/components/split-button/index.js +26 -0
- package/dist/components/split-button/index.js.map +1 -0
- package/dist/{switch.css → components/switch/index.css} +29 -29
- package/dist/components/switch/index.css.map +1 -0
- package/dist/components/switch/index.js +18 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/{tabs.css → components/tabs/index.css} +21 -21
- package/dist/components/tabs/index.css.map +1 -0
- package/dist/components/tabs/index.js +24 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/{textfield.css → components/textfield/index.css} +84 -29
- package/dist/components/textfield/index.css.map +1 -0
- package/dist/{textfield.d.ts → components/textfield/index.d.ts} +1 -1
- package/dist/components/textfield/index.js +40 -0
- package/dist/components/textfield/index.js.map +1 -0
- package/dist/{time-picker.css → components/time-picker/index.css} +108 -30
- package/dist/components/time-picker/index.css.map +1 -0
- package/dist/components/time-picker/index.js +43 -0
- package/dist/components/time-picker/index.js.map +1 -0
- package/dist/components/toolbar/index.css +37 -0
- package/dist/components/toolbar/index.css.map +1 -0
- package/dist/components/toolbar/index.js +16 -0
- package/dist/components/toolbar/index.js.map +1 -0
- package/dist/{tooltip.css → components/tooltip/index.css} +13 -13
- package/dist/components/tooltip/index.css.map +1 -0
- package/dist/components/tooltip/index.js +28 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/{top-app-bar.css → components/top-app-bar/index.css} +15 -15
- package/dist/components/top-app-bar/index.css.map +1 -0
- package/dist/components/top-app-bar/index.js +24 -0
- package/dist/components/top-app-bar/index.js.map +1 -0
- package/dist/index.css +1550 -1030
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +39 -39
- package/dist/index.js +340 -302
- package/dist/index.js.map +1 -1
- package/package.json +151 -151
- package/dist/badge.css +0 -32
- package/dist/badge.css.map +0 -1
- package/dist/badge.js +0 -16
- package/dist/badge.js.map +0 -1
- package/dist/bottom-app-bar.css +0 -28
- package/dist/bottom-app-bar.css.map +0 -1
- package/dist/bottom-app-bar.js +0 -17
- package/dist/bottom-app-bar.js.map +0 -1
- package/dist/bottom-sheet.css.map +0 -1
- package/dist/bottom-sheet.js +0 -27
- package/dist/bottom-sheet.js.map +0 -1
- package/dist/button-group.css +0 -23
- package/dist/button-group.css.map +0 -1
- package/dist/button-group.js +0 -18
- package/dist/button-group.js.map +0 -1
- package/dist/button.css.map +0 -1
- package/dist/button.js +0 -14
- package/dist/button.js.map +0 -1
- package/dist/card.css.map +0 -1
- package/dist/card.js +0 -16
- package/dist/card.js.map +0 -1
- package/dist/carousel.css +0 -41
- package/dist/carousel.css.map +0 -1
- package/dist/carousel.js +0 -18
- package/dist/carousel.js.map +0 -1
- package/dist/checkbox.css.map +0 -1
- package/dist/checkbox.js +0 -17
- package/dist/checkbox.js.map +0 -1
- package/dist/chip.css.map +0 -1
- package/dist/chip.js +0 -24
- package/dist/chip.js.map +0 -1
- package/dist/date-picker.css.map +0 -1
- package/dist/date-picker.js +0 -53
- package/dist/date-picker.js.map +0 -1
- package/dist/dialog.css.map +0 -1
- package/dist/dialog.js +0 -34
- package/dist/dialog.js.map +0 -1
- package/dist/divider.css +0 -28
- package/dist/divider.css.map +0 -1
- package/dist/divider.js +0 -14
- package/dist/divider.js.map +0 -1
- package/dist/fab-menu.css +0 -201
- package/dist/fab-menu.css.map +0 -1
- package/dist/fab-menu.js +0 -19
- package/dist/fab-menu.js.map +0 -1
- package/dist/fab.css +0 -110
- package/dist/fab.css.map +0 -1
- package/dist/fab.js +0 -14
- package/dist/fab.js.map +0 -1
- package/dist/icon-button.css.map +0 -1
- package/dist/icon-button.js +0 -16
- package/dist/icon-button.js.map +0 -1
- package/dist/item.css.map +0 -1
- package/dist/item.js +0 -28
- package/dist/item.js.map +0 -1
- package/dist/list.css.map +0 -1
- package/dist/list.js.map +0 -1
- package/dist/loading-indicator.css +0 -35
- package/dist/loading-indicator.css.map +0 -1
- package/dist/loading-indicator.js +0 -20
- package/dist/loading-indicator.js.map +0 -1
- package/dist/menu.css +0 -262
- package/dist/menu.css.map +0 -1
- package/dist/menu.js +0 -31
- package/dist/menu.js.map +0 -1
- package/dist/navigation-bar.css.map +0 -1
- package/dist/navigation-bar.js +0 -27
- package/dist/navigation-bar.js.map +0 -1
- package/dist/navigation-drawer.css.map +0 -1
- package/dist/navigation-drawer.js +0 -26
- package/dist/navigation-drawer.js.map +0 -1
- package/dist/navigation-rail.css.map +0 -1
- package/dist/navigation-rail.js +0 -29
- package/dist/navigation-rail.js.map +0 -1
- package/dist/progress.css +0 -93
- package/dist/progress.css.map +0 -1
- package/dist/progress.js +0 -23
- package/dist/progress.js.map +0 -1
- package/dist/radio.css.map +0 -1
- package/dist/radio.js +0 -18
- package/dist/radio.js.map +0 -1
- package/dist/search.css.map +0 -1
- package/dist/search.js +0 -37
- package/dist/search.js.map +0 -1
- package/dist/segmented-button.css.map +0 -1
- package/dist/segmented-button.js +0 -25
- package/dist/segmented-button.js.map +0 -1
- package/dist/select.css +0 -181
- package/dist/select.css.map +0 -1
- package/dist/select.js +0 -33
- package/dist/select.js.map +0 -1
- package/dist/side-sheet.css.map +0 -1
- package/dist/side-sheet.js +0 -28
- package/dist/side-sheet.js.map +0 -1
- package/dist/slider.css.map +0 -1
- package/dist/slider.js +0 -33
- package/dist/slider.js.map +0 -1
- package/dist/snackbar.css.map +0 -1
- package/dist/snackbar.js +0 -28
- package/dist/snackbar.js.map +0 -1
- package/dist/split-button.css.map +0 -1
- package/dist/split-button.js +0 -26
- package/dist/split-button.js.map +0 -1
- package/dist/switch.css.map +0 -1
- package/dist/switch.js +0 -18
- package/dist/switch.js.map +0 -1
- package/dist/tabs.css.map +0 -1
- package/dist/tabs.js +0 -24
- package/dist/tabs.js.map +0 -1
- package/dist/textfield.css.map +0 -1
- package/dist/textfield.js +0 -37
- package/dist/textfield.js.map +0 -1
- package/dist/time-picker.css.map +0 -1
- package/dist/time-picker.js +0 -41
- package/dist/time-picker.js.map +0 -1
- package/dist/toolbar.css +0 -37
- package/dist/toolbar.css.map +0 -1
- package/dist/toolbar.js +0 -16
- package/dist/toolbar.js.map +0 -1
- package/dist/tooltip.css.map +0 -1
- package/dist/tooltip.js +0 -28
- package/dist/tooltip.js.map +0 -1
- package/dist/top-app-bar.css.map +0 -1
- package/dist/top-app-bar.js +0 -24
- package/dist/top-app-bar.js.map +0 -1
- /package/dist/{badge.d.ts → components/badge/index.d.ts} +0 -0
- /package/dist/{bottom-app-bar.d.ts → components/bottom-app-bar/index.d.ts} +0 -0
- /package/dist/{bottom-sheet.d.ts → components/bottom-sheet/index.d.ts} +0 -0
- /package/dist/{button.d.ts → components/button/index.d.ts} +0 -0
- /package/dist/{button-group.d.ts → components/button-group/index.d.ts} +0 -0
- /package/dist/{card.d.ts → components/card/index.d.ts} +0 -0
- /package/dist/{carousel.d.ts → components/carousel/index.d.ts} +0 -0
- /package/dist/{checkbox.d.ts → components/checkbox/index.d.ts} +0 -0
- /package/dist/{chip.d.ts → components/chip/index.d.ts} +0 -0
- /package/dist/{date-picker.d.ts → components/date-picker/index.d.ts} +0 -0
- /package/dist/{dialog.d.ts → components/dialog/index.d.ts} +0 -0
- /package/dist/{divider.d.ts → components/divider/index.d.ts} +0 -0
- /package/dist/{fab-menu.d.ts → components/fab-menu/index.d.ts} +0 -0
- /package/dist/{icon-button.d.ts → components/icon-button/index.d.ts} +0 -0
- /package/dist/{item.d.ts → components/item/index.d.ts} +0 -0
- /package/dist/{list.d.ts → components/list/index.d.ts} +0 -0
- /package/dist/{loading-indicator.d.ts → components/loading-indicator/index.d.ts} +0 -0
- /package/dist/{navigation-bar.d.ts → components/navigation-bar/index.d.ts} +0 -0
- /package/dist/{navigation-drawer.d.ts → components/navigation-drawer/index.d.ts} +0 -0
- /package/dist/{navigation-rail.d.ts → components/navigation-rail/index.d.ts} +0 -0
- /package/dist/{radio.d.ts → components/radio/index.d.ts} +0 -0
- /package/dist/{search.d.ts → components/search/index.d.ts} +0 -0
- /package/dist/{segmented-button.d.ts → components/segmented-button/index.d.ts} +0 -0
- /package/dist/{side-sheet.d.ts → components/side-sheet/index.d.ts} +0 -0
- /package/dist/{slider.d.ts → components/slider/index.d.ts} +0 -0
- /package/dist/{snackbar.d.ts → components/snackbar/index.d.ts} +0 -0
- /package/dist/{split-button.d.ts → components/split-button/index.d.ts} +0 -0
- /package/dist/{switch.d.ts → components/switch/index.d.ts} +0 -0
- /package/dist/{tabs.d.ts → components/tabs/index.d.ts} +0 -0
- /package/dist/{time-picker.d.ts → components/time-picker/index.d.ts} +0 -0
- /package/dist/{toolbar.d.ts → components/toolbar/index.d.ts} +0 -0
- /package/dist/{tooltip.d.ts → components/tooltip/index.d.ts} +0 -0
- /package/dist/{top-app-bar.d.ts → components/top-app-bar/index.d.ts} +0 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/badge/badge.css.ts.vanilla.css?source=Ll8xNGhhcmlrMCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHBvaW50ZXItZXZlbnRzOiBub25lOwogIHVzZXItc2VsZWN0OiBub25lOwogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1lcnJvcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLWVycm9yKSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWZ1bGwpOwp9Ci5fMTRoYXJpazEgewogIHRvcDogNHB4OwogIHJpZ2h0OiA0cHg7CiAgd2lkdGg6IDZweDsKICBoZWlnaHQ6IDZweDsKfQouXzE0aGFyaWsyIHsKICB0b3A6IC00cHg7CiAgcmlnaHQ6IC00cHg7CiAgbWluLXdpZHRoOiAxNnB4OwogIGhlaWdodDogMTZweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGZvbnQtdmFyaWFudC1udW1lcmljOiB0YWJ1bGFyLW51bXM7CiAgZm9udC1mYW1pbHk6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtZm9udCk7CiAgZm9udC13ZWlnaHQ6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtd2VpZ2h0KTsKICBmb250LXNpemU6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtc2l6ZSk7CiAgbGluZS1oZWlnaHQ6IDE7CiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtdHJhY2tpbmcpOwp9 */
|
|
2
|
+
._14harik0 {
|
|
3
|
+
position: absolute;
|
|
4
|
+
pointer-events: none;
|
|
5
|
+
user-select: none;
|
|
6
|
+
display: inline-flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
background: rgb(var(--md-sys-color-error));
|
|
10
|
+
color: rgb(var(--md-sys-color-on-error));
|
|
11
|
+
border-radius: var(--md-sys-shape-full);
|
|
12
|
+
}
|
|
13
|
+
._14harik1 {
|
|
14
|
+
top: 4px;
|
|
15
|
+
right: 4px;
|
|
16
|
+
width: 6px;
|
|
17
|
+
height: 6px;
|
|
18
|
+
}
|
|
19
|
+
._14harik2 {
|
|
20
|
+
top: -4px;
|
|
21
|
+
right: -4px;
|
|
22
|
+
min-width: 16px;
|
|
23
|
+
height: 16px;
|
|
24
|
+
padding-inline: 4px;
|
|
25
|
+
font-variant-numeric: tabular-nums;
|
|
26
|
+
font-family: var(--md-sys-typescale-label-small-font);
|
|
27
|
+
font-weight: var(--md-sys-typescale-label-small-weight);
|
|
28
|
+
font-size: var(--md-sys-typescale-label-small-size);
|
|
29
|
+
line-height: 1;
|
|
30
|
+
letter-spacing: var(--md-sys-typescale-label-small-tracking);
|
|
31
|
+
}
|
|
32
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/badge/badge.css.ts.vanilla.css?source=Ll8xNGhhcmlrMCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHBvaW50ZXItZXZlbnRzOiBub25lOwogIHVzZXItc2VsZWN0OiBub25lOwogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1lcnJvcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLWVycm9yKSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWZ1bGwpOwp9Ci5fMTRoYXJpazEgewogIHRvcDogNHB4OwogIHJpZ2h0OiA0cHg7CiAgd2lkdGg6IDZweDsKICBoZWlnaHQ6IDZweDsKfQouXzE0aGFyaWsyIHsKICB0b3A6IC00cHg7CiAgcmlnaHQ6IC00cHg7CiAgbWluLXdpZHRoOiAxNnB4OwogIGhlaWdodDogMTZweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGZvbnQtdmFyaWFudC1udW1lcmljOiB0YWJ1bGFyLW51bXM7CiAgZm9udC1mYW1pbHk6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtZm9udCk7CiAgZm9udC13ZWlnaHQ6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtd2VpZ2h0KTsKICBmb250LXNpemU6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtc2l6ZSk7CiAgbGluZS1oZWlnaHQ6IDE7CiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtdHJhY2tpbmcpOwp9"],"sourcesContent":["._14harik0 {\n position: absolute;\n pointer-events: none;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-on-error));\n border-radius: var(--md-sys-shape-full);\n}\n._14harik1 {\n top: 4px;\n right: 4px;\n width: 6px;\n height: 6px;\n}\n._14harik2 {\n top: -4px;\n right: -4px;\n min-width: 16px;\n height: 16px;\n padding-inline: 4px;\n font-variant-numeric: tabular-nums;\n font-family: var(--md-sys-typescale-label-small-font);\n font-weight: var(--md-sys-typescale-label-small-weight);\n font-size: var(--md-sys-typescale-label-small-size);\n line-height: 1;\n letter-spacing: var(--md-sys-typescale-label-small-tracking);\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,kBAAgB;AAChB,eAAa;AACb,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,OAAK;AACL,SAAO;AACP,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,OAAK;AACL,SAAO;AACP,aAAW;AACX,UAAQ;AACR,kBAAgB;AAChB,wBAAsB;AACtB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa;AACb,kBAAgB,IAAI;AACtB;","names":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createBadge } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/badge/badge.ts
|
|
7
|
+
var badge = createRuntimeFn({ defaultClassName: "_14harik0", variantClassNames: { size: { small: "_14harik1", large: "_14harik2" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8
|
+
|
|
9
|
+
// src/components/badge/badge.ts
|
|
10
|
+
var Badge = createBadge({
|
|
11
|
+
root: ({ size }) => badge({ size })
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
export { Badge };
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/badge/badge.css.ts","../../../src/components/badge/badge.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,KAAA,GAAQA,gBAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,MAAK,EAAC,KAAA,EAAM,aAAY,KAAA,EAAM,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACIvJ,IAAM,QAAQ,WAAA,CAAY;AAAA,EAC/B,IAAA,EAAM,CAAC,EAAE,IAAA,OAAW,KAAA,CAAM,EAAE,MAAM;AACpC,CAAC","file":"index.js","sourcesContent":["import 'src/components/badge/badge.css.ts.vanilla.css?source=Ll8xNGhhcmlrMCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHBvaW50ZXItZXZlbnRzOiBub25lOwogIHVzZXItc2VsZWN0OiBub25lOwogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1lcnJvcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLWVycm9yKSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWZ1bGwpOwp9Ci5fMTRoYXJpazEgewogIHRvcDogNHB4OwogIHJpZ2h0OiA0cHg7CiAgd2lkdGg6IDZweDsKICBoZWlnaHQ6IDZweDsKfQouXzE0aGFyaWsyIHsKICB0b3A6IC00cHg7CiAgcmlnaHQ6IC00cHg7CiAgbWluLXdpZHRoOiAxNnB4OwogIGhlaWdodDogMTZweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGZvbnQtdmFyaWFudC1udW1lcmljOiB0YWJ1bGFyLW51bXM7CiAgZm9udC1mYW1pbHk6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtZm9udCk7CiAgZm9udC13ZWlnaHQ6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtd2VpZ2h0KTsKICBmb250LXNpemU6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtc2l6ZSk7CiAgbGluZS1oZWlnaHQ6IDE7CiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtbGFiZWwtc21hbGwtdHJhY2tpbmcpOwp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var badge = _7a468({defaultClassName:'_14harik0',variantClassNames:{size:{small:'_14harik1',large:'_14harik2'}},defaultVariants:{},compoundVariants:[]});","/**\n * badge.ts — wires the VE recipe into the shared Badge factory.\n */\nimport { createBadge } from '@m3-baseui/core';\nimport { badge } from './badge.css';\n\nexport const Badge = createBadge({\n root: ({ size }) => badge({ size }),\n});\nexport type { BadgeProps, BadgeSize } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/bottom-app-bar/bottom-app-bar.css.ts.vanilla.css?source=Ll85d3drMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgaGVpZ2h0OiA4MHB4OwogIHBhZGRpbmctaW5saW5lOiA0cHg7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zdXJmYWNlLWNvbnRhaW5lcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXN1cmZhY2UtdmFyaWFudCkpOwp9Ci5fOXd3azJkMSB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogNHB4OwogIHBhZGRpbmctbGVmdDogOHB4Owp9Ci5fOXd3azJkMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzl3d2syZDIgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBwYWRkaW5nLXJpZ2h0OiAxMnB4Owp9 */
|
|
2
|
+
._9wwk2d0 {
|
|
3
|
+
display: flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
justify-content: space-between;
|
|
6
|
+
width: 100%;
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
height: 80px;
|
|
9
|
+
padding-inline: 4px;
|
|
10
|
+
background: rgb(var(--md-sys-color-surface-container));
|
|
11
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
12
|
+
}
|
|
13
|
+
._9wwk2d1 {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
gap: 4px;
|
|
17
|
+
padding-left: 8px;
|
|
18
|
+
}
|
|
19
|
+
._9wwk2d1 svg {
|
|
20
|
+
width: 24px;
|
|
21
|
+
height: 24px;
|
|
22
|
+
}
|
|
23
|
+
._9wwk2d2 {
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
padding-right: 12px;
|
|
27
|
+
}
|
|
28
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/bottom-app-bar/bottom-app-bar.css.ts.vanilla.css?source=Ll85d3drMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgaGVpZ2h0OiA4MHB4OwogIHBhZGRpbmctaW5saW5lOiA0cHg7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zdXJmYWNlLWNvbnRhaW5lcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXN1cmZhY2UtdmFyaWFudCkpOwp9Ci5fOXd3azJkMSB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogNHB4OwogIHBhZGRpbmctbGVmdDogOHB4Owp9Ci5fOXd3azJkMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzl3d2syZDIgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBwYWRkaW5nLXJpZ2h0OiAxMnB4Owp9"],"sourcesContent":["._9wwk2d0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n box-sizing: border-box;\n height: 80px;\n padding-inline: 4px;\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._9wwk2d1 {\n display: flex;\n align-items: center;\n gap: 4px;\n padding-left: 8px;\n}\n._9wwk2d1 svg {\n width: 24px;\n height: 24px;\n}\n._9wwk2d2 {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,kBAAgB;AAChB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,gBAAc;AAChB;AACA,CANC,SAMS;AACR,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,iBAAe;AACjB;","names":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createBottomAppBar } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/components/bottom-app-bar/bottom-app-bar.ts
|
|
6
|
+
|
|
7
|
+
// src/components/bottom-app-bar/bottom-app-bar.css.ts
|
|
8
|
+
var actions = "_9wwk2d1";
|
|
9
|
+
var fab = "_9wwk2d2";
|
|
10
|
+
var root = "_9wwk2d0";
|
|
11
|
+
|
|
12
|
+
// src/components/bottom-app-bar/bottom-app-bar.ts
|
|
13
|
+
var BottomAppBar = createBottomAppBar({ root, actions, fab });
|
|
14
|
+
|
|
15
|
+
export { BottomAppBar };
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/bottom-app-bar/bottom-app-bar.css.ts","../../../src/components/bottom-app-bar/bottom-app-bar.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,UAAA;AACd,IAAI,GAAA,GAAM,UAAA;AACV,IAAI,IAAA,GAAO,UAAA;;;ACGX,IAAM,eAAe,kBAAA,CAAmB,EAAE,IAAA,EAAM,OAAA,EAAS,KAAK","file":"index.js","sourcesContent":["import 'src/components/bottom-app-bar/bottom-app-bar.css.ts.vanilla.css?source=Ll85d3drMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgaGVpZ2h0OiA4MHB4OwogIHBhZGRpbmctaW5saW5lOiA0cHg7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zdXJmYWNlLWNvbnRhaW5lcikpOwogIGNvbG9yOiByZ2IodmFyKC0tbWQtc3lzLWNvbG9yLW9uLXN1cmZhY2UtdmFyaWFudCkpOwp9Ci5fOXd3azJkMSB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogNHB4OwogIHBhZGRpbmctbGVmdDogOHB4Owp9Ci5fOXd3azJkMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzl3d2syZDIgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBwYWRkaW5nLXJpZ2h0OiAxMnB4Owp9';\nexport var actions = '_9wwk2d1';\nexport var fab = '_9wwk2d2';\nexport var root = '_9wwk2d0';","/**\n * bottom-app-bar.ts — wires the VE styles into the shared BottomAppBar factory.\n */\nimport { createBottomAppBar } from '@m3-baseui/core';\nimport { root, actions, fab } from './bottom-app-bar.css';\n\nexport const BottomAppBar = createBottomAppBar({ root, actions, fab });\nexport type { BottomAppBarProps } from '@m3-baseui/core';\n"]}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/bottom-sheet.css.ts.vanilla.css?source=#
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/bottom-sheet/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227cOAx9z1foZYEMdpl6LgkK90uKoihoi7bZyJIh0TN2FvvvC8l2xpOmuzN504WHpHjO0cOPbdkU-22m_r5TqnOBhZ3NVcUD6S93SrENJLnK4voF2GoacnVI2wLL59q73upc-bq4P6K_B2g1hDFA6YzzEErP7UZ9UtnDfreJIPFolyKuw5JlVPssa4O6gLcuhgBhYFsDtV2DgV9Ib77c_XP3sDT9TaMghBN3bOvv6Qnr_NZZei9e0EtMG2Q09P0v9eaerD7fpqRzo2kM53Tbm2b2mLaaQ2dwzFVlaIgHaLi2wEJtmA5j-Xjxsw_C1Qils0JWclWSFfLrBnapgcINEPiFbZ2rwnlNHgqXcp9YS5OrbZb9EbctDjAfPR2ybljOGuK6iQXQlPfbLNPHRoF6fOqGxJg7kq-MO8GYK-zFLWeh9M4YKKjBIzufq9gpsk0su75sAMtpMK-oXgxbWohRqkOdRl04EdfmaneYurpGWb2vsCSYi5IH406b1HAK-C3Q2QU7Rc8jE9eBoUrAo-Y-5JdyDA12BDSIRzDoa3oL9XGEt2GHeKPd6U04GTpiEr-hI5nt2TWV820-LQ0Kfb1PhE1g7fFEHoLFDjrHVsBVVSDZqD_VZcSJO4LWHaklKzBuNr_Y8rXYh425e8eYfYjVyVApvzpz9z_O3P3Ome8PJir-oqF9Cm7R12xztX3qhiRK9XnS2-KAWX6zSfa7aZtcGRrP9nk29Uz8f9Bd9cZsrpTyWZFwRM9oZfoxDxdPOFw8IVvbh-1kq8U-y7m4Ll-eeJspKmcFKmzZjG-eJ2NHoURDICyGJkVDjD8DT_M4rwBOoWdo1NJVwBiYYPHpr1_YFcBV_IQnkajM-MXHL_SKFOKxfGZbX_Dz-EF-Drfx8yqRq3kqnB6hJc19extPa-BNPK2BN_G0Bn6Qp3WKNU__AqIrafLpCAAA */
|
|
2
|
+
._1chb310 {
|
|
3
3
|
position: fixed;
|
|
4
4
|
inset: 0;
|
|
5
5
|
z-index: 40;
|
|
6
6
|
background: rgb(var(--md-sys-color-scrim) / 0.32);
|
|
7
7
|
transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._1chb310[data-swiping] {
|
|
10
10
|
transition: none;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
13
|
-
.
|
|
12
|
+
._1chb310[data-starting-style],
|
|
13
|
+
._1chb310[data-ending-style] {
|
|
14
14
|
opacity: 0;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
._1chb311 {
|
|
17
17
|
position: fixed;
|
|
18
18
|
inset: 0;
|
|
19
19
|
z-index: 50;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
align-items: flex-end;
|
|
22
22
|
justify-content: center;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
._1chb312 {
|
|
25
25
|
box-sizing: border-box;
|
|
26
26
|
width: 100%;
|
|
27
27
|
max-width: 640px;
|
|
@@ -39,14 +39,14 @@
|
|
|
39
39
|
transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));
|
|
40
40
|
transition: transform 300ms var(--md-sys-motion-easing-emphasized);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
._1chb312[data-swiping] {
|
|
43
43
|
user-select: none;
|
|
44
44
|
}
|
|
45
|
-
.
|
|
46
|
-
.
|
|
45
|
+
._1chb312[data-starting-style],
|
|
46
|
+
._1chb312[data-ending-style] {
|
|
47
47
|
transform: translateY(100%);
|
|
48
48
|
}
|
|
49
|
-
.
|
|
49
|
+
._1chb313 {
|
|
50
50
|
margin: 16px auto 8px;
|
|
51
51
|
height: 4px;
|
|
52
52
|
width: 32px;
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
border-radius: var(--md-sys-shape-full);
|
|
55
55
|
background: rgb(var(--md-sys-color-on-surface-variant) / 0.4);
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
._1chb314 {
|
|
58
58
|
margin: 0;
|
|
59
59
|
padding-inline: 24px;
|
|
60
60
|
padding-top: 8px;
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
line-height: var(--md-sys-typescale-title-large-line-height);
|
|
66
66
|
letter-spacing: var(--md-sys-typescale-title-large-tracking);
|
|
67
67
|
}
|
|
68
|
-
.
|
|
68
|
+
._1chb315 {
|
|
69
69
|
margin: 0;
|
|
70
70
|
padding-inline: 24px;
|
|
71
71
|
padding-top: 4px;
|
|
@@ -76,4 +76,4 @@
|
|
|
76
76
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
77
77
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
78
78
|
}
|
|
79
|
-
/*# sourceMappingURL=
|
|
79
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/bottom-sheet/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227cOAx9z1foZYEMdpl6LgkK90uKoihoi7bZyJIh0TN2FvvvC8l2xpOmuzN504WHpHjO0cOPbdkU-22m_r5TqnOBhZ3NVcUD6S93SrENJLnK4voF2GoacnVI2wLL59q73upc-bq4P6K_B2g1hDFA6YzzEErP7UZ9UtnDfreJIPFolyKuw5JlVPssa4O6gLcuhgBhYFsDtV2DgV9Ib77c_XP3sDT9TaMghBN3bOvv6Qnr_NZZei9e0EtMG2Q09P0v9eaerD7fpqRzo2kM53Tbm2b2mLaaQ2dwzFVlaIgHaLi2wEJtmA5j-Xjxsw_C1Qils0JWclWSFfLrBnapgcINEPiFbZ2rwnlNHgqXcp9YS5OrbZb9EbctDjAfPR2ybljOGuK6iQXQlPfbLNPHRoF6fOqGxJg7kq-MO8GYK-zFLWeh9M4YKKjBIzufq9gpsk0su75sAMtpMK-oXgxbWohRqkOdRl04EdfmaneYurpGWb2vsCSYi5IH406b1HAK-C3Q2QU7Rc8jE9eBoUrAo-Y-5JdyDA12BDSIRzDoa3oL9XGEt2GHeKPd6U04GTpiEr-hI5nt2TWV820-LQ0Kfb1PhE1g7fFEHoLFDjrHVsBVVSDZqD_VZcSJO4LWHaklKzBuNr_Y8rXYh425e8eYfYjVyVApvzpz9z_O3P3Ome8PJir-oqF9Cm7R12xztX3qhiRK9XnS2-KAWX6zSfa7aZtcGRrP9nk29Uz8f9Bd9cZsrpTyWZFwRM9oZfoxDxdPOFw8IVvbh-1kq8U-y7m4Ll-eeJspKmcFKmzZjG-eJ2NHoURDICyGJkVDjD8DT_M4rwBOoWdo1NJVwBiYYPHpr1_YFcBV_IQnkajM-MXHL_SKFOKxfGZbX_Dz-EF-Drfx8yqRq3kqnB6hJc19extPa-BNPK2BN_G0Bn6Qp3WKNU__AqIrafLpCAAA"],"sourcesContent":["._1chb310 {\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._1chb310[data-swiping] {\n transition: none;\n}\n._1chb310[data-starting-style], ._1chb310[data-ending-style] {\n opacity: 0;\n}\n._1chb311 {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n}\n._1chb312 {\n box-sizing: border-box;\n width: 100%;\n max-width: 640px;\n max-height: calc(100dvh - 56px);\n overflow-y: auto;\n overscroll-behavior: contain;\n touch-action: auto;\n outline: none;\n padding-bottom: 24px;\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-on-surface));\n border-top-left-radius: var(--md-sys-shape-extra-large);\n border-top-right-radius: var(--md-sys-shape-extra-large);\n box-shadow: var(--md-sys-elevation-level1);\n transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));\n transition: transform 300ms var(--md-sys-motion-easing-emphasized);\n}\n._1chb312[data-swiping] {\n user-select: none;\n}\n._1chb312[data-starting-style], ._1chb312[data-ending-style] {\n transform: translateY(100%);\n}\n._1chb313 {\n margin: 16px auto 8px;\n height: 4px;\n width: 32px;\n flex-shrink: 0;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-on-surface-variant) / 0.4);\n}\n._1chb314 {\n margin: 0;\n padding-inline: 24px;\n padding-top: 8px;\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._1chb315 {\n margin: 0;\n padding-inline: 24px;\n padding-top: 4px;\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}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,QAOQ,CAAC;AACR,cAAY;AACd;AACA,CAVC,QAUQ,CAAC;AAAsB,CAV/B,QAUwC,CAAC;AACxC,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AACA,CAAC;AACC,cAAY;AACZ,SAAO;AACP,aAAW;AACX,cAAY,KAAK,OAAO,EAAE;AAC1B,cAAY;AACZ,uBAAqB;AACrB,gBAAc;AACd,WAAS;AACT,kBAAgB;AAChB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAC7B,cAAY,IAAI;AAChB,aAAW,WAAW,KAAK,IAAI,4BAA4B,EAAE,IAAI;AACjE,cAAY,UAAU,MAAM,IAAI;AAClC;AACA,CAlBC,QAkBQ,CAAC;AACR,eAAa;AACf;AACA,CArBC,QAqBQ,CAAC;AAAsB,CArB/B,QAqBwC,CAAC;AACxC,aAAW,WAAW;AACxB;AACA,CAAC;AACC,UAAQ,KAAK,KAAK;AAClB,UAAQ;AACR,SAAO;AACP,eAAa;AACb,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI,mCAAmC,EAAE;AAC3D;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,eAAa;AACb,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,eAAa;AACb,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;","names":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createBottomSheet } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/components/bottom-sheet/bottom-sheet.ts
|
|
6
|
+
|
|
7
|
+
// src/components/bottom-sheet/bottom-sheet.css.ts
|
|
8
|
+
var backdrop = "_1chb310";
|
|
9
|
+
var description = "_1chb315";
|
|
10
|
+
var handle = "_1chb313";
|
|
11
|
+
var popup = "_1chb312";
|
|
12
|
+
var title = "_1chb314";
|
|
13
|
+
var viewport = "_1chb311";
|
|
14
|
+
|
|
15
|
+
// src/components/bottom-sheet/bottom-sheet.ts
|
|
16
|
+
var BottomSheet = createBottomSheet({
|
|
17
|
+
backdrop,
|
|
18
|
+
viewport,
|
|
19
|
+
popup,
|
|
20
|
+
handle,
|
|
21
|
+
title,
|
|
22
|
+
description
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
export { BottomSheet };
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/bottom-sheet/bottom-sheet.css.ts","../../../src/components/bottom-sheet/bottom-sheet.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,QAAA,GAAW,UAAA;AACf,IAAI,WAAA,GAAc,UAAA;AAClB,IAAI,MAAA,GAAS,UAAA;AACb,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,QAAA,GAAW,UAAA;;;ACAf,IAAM,cAAc,iBAAA,CAAkB;AAAA,EAC3C,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC","file":"index.js","sourcesContent":["import 'src/components/bottom-sheet/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227cOAx9z1foZYEMdpl6LgkK90uKoihoi7bZyJIh0TN2FvvvC8l2xpOmuzN504WHpHjO0cOPbdkU-22m_r5TqnOBhZ3NVcUD6S93SrENJLnK4voF2GoacnVI2wLL59q73upc-bq4P6K_B2g1hDFA6YzzEErP7UZ9UtnDfreJIPFolyKuw5JlVPssa4O6gLcuhgBhYFsDtV2DgV9Ib77c_XP3sDT9TaMghBN3bOvv6Qnr_NZZei9e0EtMG2Q09P0v9eaerD7fpqRzo2kM53Tbm2b2mLaaQ2dwzFVlaIgHaLi2wEJtmA5j-Xjxsw_C1Qils0JWclWSFfLrBnapgcINEPiFbZ2rwnlNHgqXcp9YS5OrbZb9EbctDjAfPR2ybljOGuK6iQXQlPfbLNPHRoF6fOqGxJg7kq-MO8GYK-zFLWeh9M4YKKjBIzufq9gpsk0su75sAMtpMK-oXgxbWohRqkOdRl04EdfmaneYurpGWb2vsCSYi5IH406b1HAK-C3Q2QU7Rc8jE9eBoUrAo-Y-5JdyDA12BDSIRzDoa3oL9XGEt2GHeKPd6U04GTpiEr-hI5nt2TWV820-LQ0Kfb1PhE1g7fFEHoLFDjrHVsBVVSDZqD_VZcSJO4LWHaklKzBuNr_Y8rXYh425e8eYfYjVyVApvzpz9z_O3P3Ome8PJir-oqF9Cm7R12xztX3qhiRK9XnS2-KAWX6zSfa7aZtcGRrP9nk29Uz8f9Bd9cZsrpTyWZFwRM9oZfoxDxdPOFw8IVvbh-1kq8U-y7m4Ll-eeJspKmcFKmzZjG-eJ2NHoURDICyGJkVDjD8DT_M4rwBOoWdo1NJVwBiYYPHpr1_YFcBV_IQnkajM-MXHL_SKFOKxfGZbX_Dz-EF-Drfx8yqRq3kqnB6hJc19extPa-BNPK2BN_G0Bn6Qp3WKNU__AqIrafLpCAAA';\nexport var backdrop = '_1chb310';\nexport var description = '_1chb315';\nexport var handle = '_1chb313';\nexport var popup = '_1chb312';\nexport var title = '_1chb314';\nexport var viewport = '_1chb311';","/**\n * bottom-sheet.ts — wires the VE styles into the shared parts factory.\n */\nimport { createBottomSheet } from '@m3-baseui/core';\nimport { backdrop, viewport, popup, handle, title, description } from './bottom-sheet.css';\n\nexport const BottomSheet = createBottomSheet({\n backdrop,\n viewport,\n popup,\n handle,\n title,\n description,\n});\nexport type { BottomSheetVariant } from '@m3-baseui/core';\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/button.css.ts.vanilla.css?source=#
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81YXW_aMBR951dYPBWp7pKUTZWr7WU_Y6omJ75JvBo7sm-gbOp_n2zzlQBtCkjlCcW599yvcw-Gu9_ps0hnLknIvxEhjXESpdGMWFAc5RweR4QI6RrFl4xIraQGWip48edcyUpTiTBzjBSgEaw__tM6lOWSFkYjaNx9VfGGkYcmeNcgqxoZmSbxueFCSF3RGISRbBrPc2MFWEa00bB9ppYL2TpG5tzeUDoT1C0ddTVvgJatUhNvauZgS2UWjNRSCND-rGitM5aRxsh1Vq0DSx0oKHAbpjQaaclnUi17QXDZgCu4Aqp4Dooqbiug3n6ycVysihvgGE23rk7-hUGO3jC4haHUwyPu2Ed_QPQdaHghdTUIAi0vnqWugj9ariNvaGNNAxaXjOTmxY9DmMUtyXnxXFnTakELo4y9JauP1SzDUw9JtJZHKnbSmZnOW-pqY3HaTwPlzFOpbHVxHAO480YOuRbcisnj6HV0t9kHxnIojYWwFxsqj8ePnTXhuTOqxcAYqR0gI8kBkkpdg5UY3mx6wTwXLWj8uS7f-An45iUxSmAohTlodFtmbutka48BPcompzSh9ivUacUmx-7iIUegwboPUZqidXQuncwVDIYKXj2oX4Ijp40F50A8DYZaOfTz4oXXtzNRYkpCOp4rEE8rET08t-1GrM86-axBzsDoZXO4tuRI3GHWnWlG0xajYN83L8QZJQWxVX7TaWFYcOqgMJ5ly0lU5-hITVmGxcm83u-Xs5BY-xlYpLIwetXj1ZeFghIZSb-94QpaHHC0US33PNNgtbukR4pprJxtSglHR02DLm6sd4PF_YohdybbwQAF87jHCuag0j5E5PGHMJIeRnexzoLq0nhAH70-tbbkBUzIF5Lcpdmwjnac7h8OVtTdy89KJhsafbMf4erEpQY7kF5HPHeTOJ9q2QWoll2Oatl1UC27Jqrd70UPl4WG-2vG-_AdTVvfu9P3ZH2l4z3C3XfHc0JdpHM9_FgjdxM5NKDPS2c6WA0iynajqTKLIXrQm-JJuz49QS76hZ4iF_00zpCLvYquQi6m1yQXXy8oF_2f72n_Ovf1bEHYBbvQUr-OIpBTBr-P8xbR6HBbHEfIS_318VacH8TNqxBtIQXWjKS9f0ji8-t_2Tsh26wRAAA */
|
|
2
|
+
._1kd1ms00 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: inline-flex;
|
|
5
5
|
align-items: center;
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
transition-duration: var(--md-sys-motion-duration-short4);
|
|
26
26
|
transition-timing-function: var(--md-sys-motion-easing-standard);
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
._1kd1ms00::before {
|
|
29
29
|
content: "";
|
|
30
30
|
position: absolute;
|
|
31
31
|
inset: 0;
|
|
@@ -35,128 +35,128 @@
|
|
|
35
35
|
pointer-events: none;
|
|
36
36
|
transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._1kd1ms00:hover::before {
|
|
39
39
|
opacity: var(--md-sys-state-hover);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._1kd1ms00:focus-visible::before {
|
|
42
42
|
opacity: var(--md-sys-state-focus);
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
._1kd1ms00[data-pressed]::before {
|
|
45
45
|
opacity: var(--md-sys-state-pressed);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._1kd1ms00:active::before {
|
|
48
48
|
opacity: var(--md-sys-state-pressed);
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
._1kd1ms00[data-disabled] {
|
|
51
51
|
pointer-events: none;
|
|
52
52
|
box-shadow: none;
|
|
53
53
|
}
|
|
54
|
-
.
|
|
54
|
+
._1kd1ms00:disabled {
|
|
55
55
|
pointer-events: none;
|
|
56
56
|
box-shadow: none;
|
|
57
57
|
}
|
|
58
|
-
.
|
|
58
|
+
._1kd1ms00[data-disabled]::before {
|
|
59
59
|
opacity: 0;
|
|
60
60
|
}
|
|
61
|
-
.
|
|
61
|
+
._1kd1ms00:disabled::before {
|
|
62
62
|
opacity: 0;
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
._1kd1ms00:focus-visible {
|
|
65
65
|
outline: 3px solid rgb(var(--md-sys-color-secondary));
|
|
66
66
|
outline-offset: 2px;
|
|
67
67
|
}
|
|
68
|
-
.
|
|
68
|
+
._1kd1ms00[data-with-start-icon] {
|
|
69
69
|
padding-left: 16px;
|
|
70
70
|
}
|
|
71
|
-
.
|
|
71
|
+
._1kd1ms00[data-with-end-icon] {
|
|
72
72
|
padding-right: 16px;
|
|
73
73
|
}
|
|
74
|
-
.
|
|
74
|
+
._1kd1ms01 {
|
|
75
75
|
background: rgb(var(--md-sys-color-primary));
|
|
76
76
|
color: rgb(var(--md-sys-color-on-primary));
|
|
77
77
|
}
|
|
78
|
-
.
|
|
78
|
+
._1kd1ms01:hover {
|
|
79
79
|
box-shadow: var(--md-sys-elevation-level1);
|
|
80
80
|
}
|
|
81
|
-
.
|
|
81
|
+
._1kd1ms01:active {
|
|
82
82
|
box-shadow: var(--md-sys-elevation-level0);
|
|
83
83
|
}
|
|
84
|
-
.
|
|
84
|
+
._1kd1ms01[data-pressed] {
|
|
85
85
|
box-shadow: var(--md-sys-elevation-level0);
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._1kd1ms01:disabled {
|
|
88
88
|
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
89
89
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._1kd1ms01[data-disabled] {
|
|
92
92
|
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
93
93
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._1kd1ms02 {
|
|
96
96
|
background: rgb(var(--md-sys-color-secondary-container));
|
|
97
97
|
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._1kd1ms02:hover {
|
|
100
100
|
box-shadow: var(--md-sys-elevation-level1);
|
|
101
101
|
}
|
|
102
|
-
.
|
|
102
|
+
._1kd1ms02:active {
|
|
103
103
|
box-shadow: var(--md-sys-elevation-level0);
|
|
104
104
|
}
|
|
105
|
-
.
|
|
105
|
+
._1kd1ms02[data-pressed] {
|
|
106
106
|
box-shadow: var(--md-sys-elevation-level0);
|
|
107
107
|
}
|
|
108
|
-
.
|
|
108
|
+
._1kd1ms02:disabled {
|
|
109
109
|
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
110
110
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
111
111
|
}
|
|
112
|
-
.
|
|
112
|
+
._1kd1ms02[data-disabled] {
|
|
113
113
|
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
114
114
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
115
115
|
}
|
|
116
|
-
.
|
|
116
|
+
._1kd1ms03 {
|
|
117
117
|
background: transparent;
|
|
118
118
|
color: rgb(var(--md-sys-color-primary));
|
|
119
119
|
border: 1px solid rgb(var(--md-sys-color-outline));
|
|
120
120
|
}
|
|
121
|
-
.
|
|
121
|
+
._1kd1ms03:disabled {
|
|
122
122
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
123
123
|
border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
124
124
|
}
|
|
125
|
-
.
|
|
125
|
+
._1kd1ms03[data-disabled] {
|
|
126
126
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
127
127
|
border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
128
128
|
}
|
|
129
|
-
.
|
|
129
|
+
._1kd1ms04 {
|
|
130
130
|
background: rgb(var(--md-sys-color-surface-container-low));
|
|
131
131
|
color: rgb(var(--md-sys-color-primary));
|
|
132
132
|
box-shadow: var(--md-sys-elevation-level1);
|
|
133
133
|
}
|
|
134
|
-
.
|
|
134
|
+
._1kd1ms04:hover {
|
|
135
135
|
box-shadow: var(--md-sys-elevation-level2);
|
|
136
136
|
}
|
|
137
|
-
.
|
|
137
|
+
._1kd1ms04:active {
|
|
138
138
|
box-shadow: var(--md-sys-elevation-level1);
|
|
139
139
|
}
|
|
140
|
-
.
|
|
140
|
+
._1kd1ms04[data-pressed] {
|
|
141
141
|
box-shadow: var(--md-sys-elevation-level1);
|
|
142
142
|
}
|
|
143
|
-
.
|
|
143
|
+
._1kd1ms04:disabled {
|
|
144
144
|
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
145
145
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
146
146
|
}
|
|
147
|
-
.
|
|
147
|
+
._1kd1ms04[data-disabled] {
|
|
148
148
|
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
149
149
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
._1kd1ms05 {
|
|
152
152
|
background: transparent;
|
|
153
153
|
color: rgb(var(--md-sys-color-primary));
|
|
154
154
|
padding-inline: 12px;
|
|
155
155
|
}
|
|
156
|
-
.
|
|
156
|
+
._1kd1ms05:disabled {
|
|
157
157
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
158
158
|
}
|
|
159
|
-
.
|
|
159
|
+
._1kd1ms05[data-disabled] {
|
|
160
160
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
161
161
|
}
|
|
162
162
|
[data-slot=button-icon] {
|
|
@@ -168,4 +168,4 @@
|
|
|
168
168
|
width: 18px;
|
|
169
169
|
height: 18px;
|
|
170
170
|
}
|
|
171
|
-
/*# sourceMappingURL=
|
|
171
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81YXW_aMBR951dYPBWp7pKUTZWr7WU_Y6omJ75JvBo7sm-gbOp_n2zzlQBtCkjlCcW599yvcw-Gu9_ps0hnLknIvxEhjXESpdGMWFAc5RweR4QI6RrFl4xIraQGWip48edcyUpTiTBzjBSgEaw__tM6lOWSFkYjaNx9VfGGkYcmeNcgqxoZmSbxueFCSF3RGISRbBrPc2MFWEa00bB9ppYL2TpG5tzeUDoT1C0ddTVvgJatUhNvauZgS2UWjNRSCND-rGitM5aRxsh1Vq0DSx0oKHAbpjQaaclnUi17QXDZgCu4Aqp4Dooqbiug3n6ycVysihvgGE23rk7-hUGO3jC4haHUwyPu2Ed_QPQdaHghdTUIAi0vnqWugj9ariNvaGNNAxaXjOTmxY9DmMUtyXnxXFnTakELo4y9JauP1SzDUw9JtJZHKnbSmZnOW-pqY3HaTwPlzFOpbHVxHAO480YOuRbcisnj6HV0t9kHxnIojYWwFxsqj8ePnTXhuTOqxcAYqR0gI8kBkkpdg5UY3mx6wTwXLWj8uS7f-An45iUxSmAohTlodFtmbutka48BPcompzSh9ivUacUmx-7iIUegwboPUZqidXQuncwVDIYKXj2oX4Ijp40F50A8DYZaOfTz4oXXtzNRYkpCOp4rEE8rET08t-1GrM86-axBzsDoZXO4tuRI3GHWnWlG0xajYN83L8QZJQWxVX7TaWFYcOqgMJ5ly0lU5-hITVmGxcm83u-Xs5BY-xlYpLIwetXj1ZeFghIZSb-94QpaHHC0US33PNNgtbukR4pprJxtSglHR02DLm6sd4PF_YohdybbwQAF87jHCuag0j5E5PGHMJIeRnexzoLq0nhAH70-tbbkBUzIF5Lcpdmwjnac7h8OVtTdy89KJhsafbMf4erEpQY7kF5HPHeTOJ9q2QWoll2Oatl1UC27Jqrd70UPl4WG-2vG-_AdTVvfu9P3ZH2l4z3C3XfHc0JdpHM9_FgjdxM5NKDPS2c6WA0iynajqTKLIXrQm-JJuz49QS76hZ4iF_00zpCLvYquQi6m1yQXXy8oF_2f72n_Ovf1bEHYBbvQUr-OIpBTBr-P8xbR6HBbHEfIS_318VacH8TNqxBtIQXWjKS9f0ji8-t_2Tsh26wRAAA"],"sourcesContent":["._1kd1ms00 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n height: 40px;\n padding-inline: 24px;\n border: none;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n cursor: pointer;\n user-select: none;\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-property: box-shadow, background-color, color, border-color;\n transition-duration: var(--md-sys-motion-duration-short4);\n transition-timing-function: var(--md-sys-motion-easing-standard);\n}\n._1kd1ms00::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 var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);\n}\n._1kd1ms00:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1kd1ms00:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1kd1ms00[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1kd1ms00:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1kd1ms00[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n}\n._1kd1ms00:disabled {\n pointer-events: none;\n box-shadow: none;\n}\n._1kd1ms00[data-disabled]::before {\n opacity: 0;\n}\n._1kd1ms00:disabled::before {\n opacity: 0;\n}\n._1kd1ms00:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1kd1ms00[data-with-start-icon] {\n padding-left: 16px;\n}\n._1kd1ms00[data-with-end-icon] {\n padding-right: 16px;\n}\n._1kd1ms01 {\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n}\n._1kd1ms01:hover {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms01:active {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms01[data-pressed] {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms01:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1kd1ms01[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1kd1ms02 {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1kd1ms02:hover {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms02:active {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms02[data-pressed] {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms02:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1kd1ms02[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1kd1ms03 {\n background: transparent;\n color: rgb(var(--md-sys-color-primary));\n border: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1kd1ms03:disabled {\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._1kd1ms03[data-disabled] {\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._1kd1ms04 {\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-primary));\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms04:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n._1kd1ms04:active {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms04[data-pressed] {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms04:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1kd1ms04[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1kd1ms05 {\n background: transparent;\n color: rgb(var(--md-sys-color-primary));\n padding-inline: 12px;\n}\n._1kd1ms05:disabled {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1kd1ms05[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n[data-slot=\"button-icon\"] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n[data-slot=\"button-icon\"] > svg {\n width: 18px;\n height: 18px;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,UAAQ;AACR,kBAAgB;AAChB,UAAQ;AACR,iBAAe,IAAI;AACnB,YAAU;AACV,UAAQ;AACR,eAAa;AACb,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB;AAAA,IAAqB,UAAU;AAAA,IAAE,gBAAgB;AAAA,IAAE,KAAK;AAAA,IAAE;AAC1D,uBAAqB,IAAI;AACzB,8BAA4B,IAAI;AAClC;AACA,CAtBC,SAsBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,iBAAe;AACf,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,IAAI,iCAAiC,IAAI;AAC/D;AACA,CAhCC,SAgCS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAnCC,SAmCS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAtCC,SAsCS,CAAC,aAAa;AACtB,WAAS,IAAI;AACf;AACA,CAzCC,SAyCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CA5CC,SA4CS,CAAC;AACT,kBAAgB;AAChB,cAAY;AACd;AACA,CAhDC,SAgDS;AACR,kBAAgB;AAChB,cAAY;AACd;AACA,CApDC,SAoDS,CAAC,cAAc;AACvB,WAAS;AACX;AACA,CAvDC,SAuDS,SAAS;AACjB,WAAS;AACX;AACA,CA1DC,SA0DS;AACR,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CA9DC,SA8DS,CAAC;AACT,gBAAc;AAChB;AACA,CAjEC,SAiES,CAAC;AACT,iBAAe;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAJC,SAIS;AACR,cAAY,IAAI;AAClB;AACA,CAPC,SAOS;AACR,cAAY,IAAI;AAClB;AACA,CAVC,SAUS,CAAC;AACT,cAAY,IAAI;AAClB;AACA,CAbC,SAaS;AACR,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAjBC,SAiBS,CAAC;AACT,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAJC,SAIS;AACR,cAAY,IAAI;AAClB;AACA,CAPC,SAOS;AACR,cAAY,IAAI;AAClB;AACA,CAVC,SAUS,CAAC;AACT,cAAY,IAAI;AAClB;AACA,CAbC,SAaS;AACR,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAjBC,SAiBS,CAAC;AACT,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI,IAAI;AACf,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC5B;AACA,CALC,SAKS;AACR,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC5C,gBAAc,IAAI,IAAI,2BAA2B,EAAE;AACrD;AACA,CATC,SASS,CAAC;AACT,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC5C,gBAAc,IAAI,IAAI,2BAA2B,EAAE;AACrD;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,cAAY,IAAI;AAClB;AACA,CALC,SAKS;AACR,cAAY,IAAI;AAClB;AACA,CARC,SAQS;AACR,cAAY,IAAI;AAClB;AACA,CAXC,SAWS,CAAC;AACT,cAAY,IAAI;AAClB;AACA,CAdC,SAcS;AACR,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAlBC,SAkBS,CAAC;AACT,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI,IAAI;AACf,kBAAgB;AAClB;AACA,CALC,SAKS;AACR,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CARC,SAQS,CAAC;AACT,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AACA,CAAC,uBAAyB,EAAE;AAC1B,SAAO;AACP,UAAQ;AACV;","names":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createButton } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/button/button.ts
|
|
7
|
+
var button = createRuntimeFn({ defaultClassName: "_1kd1ms00", variantClassNames: { variant: { filled: "_1kd1ms01", tonal: "_1kd1ms02", outlined: "_1kd1ms03", elevated: "_1kd1ms04", text: "_1kd1ms05" } }, defaultVariants: { variant: "filled" }, compoundVariants: [] });
|
|
8
|
+
|
|
9
|
+
// src/components/button/button.ts
|
|
10
|
+
var Button = createButton(({ variant }) => button({ variant }));
|
|
11
|
+
|
|
12
|
+
export { Button };
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button/button.css.ts","../../../src/components/button/button.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAASA,eAAA,CAAO,EAAC,gBAAA,EAAiB,WAAA,EAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,WAAA,EAAY,QAAA,EAAS,WAAA,EAAY,IAAA,EAAK,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;;;ACKvO,IAAM,MAAA,GAAS,YAAA,CAAa,CAAC,EAAE,OAAA,OAAc,MAAA,CAAO,EAAE,OAAA,EAAS,CAAC","file":"index.js","sourcesContent":["import 'src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81YXW_aMBR951dYPBWp7pKUTZWr7WU_Y6omJ75JvBo7sm-gbOp_n2zzlQBtCkjlCcW599yvcw-Gu9_ps0hnLknIvxEhjXESpdGMWFAc5RweR4QI6RrFl4xIraQGWip48edcyUpTiTBzjBSgEaw__tM6lOWSFkYjaNx9VfGGkYcmeNcgqxoZmSbxueFCSF3RGISRbBrPc2MFWEa00bB9ppYL2TpG5tzeUDoT1C0ddTVvgJatUhNvauZgS2UWjNRSCND-rGitM5aRxsh1Vq0DSx0oKHAbpjQaaclnUi17QXDZgCu4Aqp4Dooqbiug3n6ycVysihvgGE23rk7-hUGO3jC4haHUwyPu2Ed_QPQdaHghdTUIAi0vnqWugj9ariNvaGNNAxaXjOTmxY9DmMUtyXnxXFnTakELo4y9JauP1SzDUw9JtJZHKnbSmZnOW-pqY3HaTwPlzFOpbHVxHAO480YOuRbcisnj6HV0t9kHxnIojYWwFxsqj8ePnTXhuTOqxcAYqR0gI8kBkkpdg5UY3mx6wTwXLWj8uS7f-An45iUxSmAohTlodFtmbutka48BPcompzSh9ivUacUmx-7iIUegwboPUZqidXQuncwVDIYKXj2oX4Ijp40F50A8DYZaOfTz4oXXtzNRYkpCOp4rEE8rET08t-1GrM86-axBzsDoZXO4tuRI3GHWnWlG0xajYN83L8QZJQWxVX7TaWFYcOqgMJ5ly0lU5-hITVmGxcm83u-Xs5BY-xlYpLIwetXj1ZeFghIZSb-94QpaHHC0US33PNNgtbukR4pprJxtSglHR02DLm6sd4PF_YohdybbwQAF87jHCuag0j5E5PGHMJIeRnexzoLq0nhAH70-tbbkBUzIF5Lcpdmwjnac7h8OVtTdy89KJhsafbMf4erEpQY7kF5HPHeTOJ9q2QWoll2Oatl1UC27Jqrd70UPl4WG-2vG-_AdTVvfu9P3ZH2l4z3C3XfHc0JdpHM9_FgjdxM5NKDPS2c6WA0iynajqTKLIXrQm-JJuz49QS76hZ4iF_00zpCLvYquQi6m1yQXXy8oF_2f72n_Ovf1bEHYBbvQUr-OIpBTBr-P8xbR6HBbHEfIS_318VacH8TNqxBtIQXWjKS9f0ji8-t_2Tsh26wRAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_1kd1ms00',variantClassNames:{variant:{filled:'_1kd1ms01',tonal:'_1kd1ms02',outlined:'_1kd1ms03',elevated:'_1kd1ms04',text:'_1kd1ms05'}},defaultVariants:{variant:'filled'},compoundVariants:[]});","/**\n * button.ts — wires the VE recipe into the shared factory. The factory owns all\n * React logic; only the class resolver differs from the Tailwind build.\n */\nimport { createButton } from '@m3-baseui/core';\nimport { button } from './button.css';\n\nexport const Button = createButton(({ variant }) => button({ variant }));\nexport type { ButtonProps, ButtonVariant } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/button-group/button-group.css.ts.vanilla.css?source=Ll80YWgybnYwIHsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5fNGFoMm52MSB7CiAgZ2FwOiA4cHg7Cn0KLl80YWgybnYyIHsKICBnYXA6IDJweDsKfQouXzRhaDJudjIgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpOm5vdCg6bGFzdC1jaGlsZCkgewogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7Cn0KLl80YWgybnYyID4gKjpmaXJzdC1jaGlsZDpub3QoOmxhc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtZW5kLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7Cn0KLl80YWgybnYyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9 */
|
|
2
|
+
._4ah2nv0 {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
}
|
|
6
|
+
._4ah2nv1 {
|
|
7
|
+
gap: 8px;
|
|
8
|
+
}
|
|
9
|
+
._4ah2nv2 {
|
|
10
|
+
gap: 2px;
|
|
11
|
+
}
|
|
12
|
+
._4ah2nv2 > *:not(:first-child):not(:last-child) {
|
|
13
|
+
border-radius: var(--md-sys-shape-small);
|
|
14
|
+
}
|
|
15
|
+
._4ah2nv2 > *:first-child:not(:last-child) {
|
|
16
|
+
border-start-end-radius: var(--md-sys-shape-small);
|
|
17
|
+
border-end-end-radius: var(--md-sys-shape-small);
|
|
18
|
+
}
|
|
19
|
+
._4ah2nv2 > *:last-child:not(:first-child) {
|
|
20
|
+
border-start-start-radius: var(--md-sys-shape-small);
|
|
21
|
+
border-end-start-radius: var(--md-sys-shape-small);
|
|
22
|
+
}
|
|
23
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/button-group/button-group.css.ts.vanilla.css?source=Ll80YWgybnYwIHsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5fNGFoMm52MSB7CiAgZ2FwOiA4cHg7Cn0KLl80YWgybnYyIHsKICBnYXA6IDJweDsKfQouXzRhaDJudjIgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpOm5vdCg6bGFzdC1jaGlsZCkgewogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7Cn0KLl80YWgybnYyID4gKjpmaXJzdC1jaGlsZDpub3QoOmxhc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtZW5kLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7Cn0KLl80YWgybnYyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9"],"sourcesContent":["._4ah2nv0 {\n display: inline-flex;\n align-items: center;\n}\n._4ah2nv1 {\n gap: 8px;\n}\n._4ah2nv2 {\n gap: 2px;\n}\n._4ah2nv2 > *:not(:first-child):not(:last-child) {\n border-radius: var(--md-sys-shape-small);\n}\n._4ah2nv2 > *:first-child:not(:last-child) {\n border-start-end-radius: var(--md-sys-shape-small);\n border-end-end-radius: var(--md-sys-shape-small);\n}\n._4ah2nv2 > *:last-child:not(:first-child) {\n border-start-start-radius: var(--md-sys-shape-small);\n border-end-start-radius: var(--md-sys-shape-small);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACf;AACA,CAAC;AACC,OAAK;AACP;AACA,CAAC;AACC,OAAK;AACP;AACA,CAHC,SAGS,EAAE,CAAC,KAAK,aAAa,KAAK;AAClC,iBAAe,IAAI;AACrB;AACA,CANC,SAMS,EAAE,CAAC,YAAY,KAAK;AAC5B,2BAAyB,IAAI;AAC7B,yBAAuB,IAAI;AAC7B;AACA,CAVC,SAUS,EAAE,CAAC,WAAW,KAAK;AAC3B,6BAA2B,IAAI;AAC/B,2BAAyB,IAAI;AAC/B;","names":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createButtonGroup, cx } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/components/button-group/button-group.ts
|
|
6
|
+
|
|
7
|
+
// src/components/button-group/button-group.css.ts
|
|
8
|
+
var connected = "_4ah2nv2";
|
|
9
|
+
var root = "_4ah2nv0";
|
|
10
|
+
var standard = "_4ah2nv1";
|
|
11
|
+
|
|
12
|
+
// src/components/button-group/button-group.ts
|
|
13
|
+
var variantClass = { standard, connected };
|
|
14
|
+
var ButtonGroup = createButtonGroup(({ variant }) => cx(root, variantClass[variant]));
|
|
15
|
+
|
|
16
|
+
export { ButtonGroup };
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/button-group/button-group.css.ts","../../../src/components/button-group/button-group.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,SAAA,GAAY,UAAA;AAChB,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,QAAA,GAAW,UAAA;;;ACGtB,IAAM,YAAA,GAAe,EAAE,QAAA,EAAU,SAAA,EAAU;AAEpC,IAAM,WAAA,GAAc,iBAAA,CAAkB,CAAC,EAAE,OAAA,EAAQ,KAAM,EAAA,CAAG,IAAA,EAAM,YAAA,CAAa,OAAO,CAAC,CAAC","file":"index.js","sourcesContent":["import 'src/components/button-group/button-group.css.ts.vanilla.css?source=Ll80YWgybnYwIHsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5fNGFoMm52MSB7CiAgZ2FwOiA4cHg7Cn0KLl80YWgybnYyIHsKICBnYXA6IDJweDsKfQouXzRhaDJudjIgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpOm5vdCg6bGFzdC1jaGlsZCkgewogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7Cn0KLl80YWgybnYyID4gKjpmaXJzdC1jaGlsZDpub3QoOmxhc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtZW5kLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLXNtYWxsKTsKICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1zbWFsbCk7Cn0KLl80YWgybnYyID4gKjpsYXN0LWNoaWxkOm5vdCg6Zmlyc3QtY2hpbGQpIHsKICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwogIGJvcmRlci1lbmQtc3RhcnQtcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtc21hbGwpOwp9';\nexport var connected = '_4ah2nv2';\nexport var root = '_4ah2nv0';\nexport var standard = '_4ah2nv1';","/**\n * button-group.ts — wires the VE styles into the shared ButtonGroup factory.\n */\nimport { createButtonGroup, cx } from '@m3-baseui/core';\nimport { root, standard, connected } from './button-group.css';\n\nconst variantClass = { standard, connected } as const;\n\nexport const ButtonGroup = createButtonGroup(({ variant }) => cx(root, variantClass[variant]));\nexport type { ButtonGroupProps, ButtonGroupVariant } from '@m3-baseui/core';\n"]}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/card.css.ts.vanilla.css?source=#
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/card/card.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UwW7bMAy95yuEAgNqYMqcdFsH5bjPGHagLToWpoieKDvOhv37INnuoiLp0h5Nk4-P71Fcc_X4-HMsxe-VEB2xCYacEh4tBDPgbiVERaNk88u4vRIVeY1eVjROf9KXB216VmIAfy_lQUs-seQWOpQH1KY_FDG5JkteCb-v7rPEFJfkJPe-gRqLYrf6s1pPvDaJVwX1j72n3umr9XOxrMkFMA69tHQsiif-LWg6PqOIFgeI80qLA9rNeePt2xu3Zt8ih2yOh1fCLcyjvkpsulEwWaOvqtcHaxzKAbwBl7f-mFrTgL6xUYLWaI0uOdJ7jpZ0ZFxAH0M9o5eMFuughCOXFiDgGCRYs3dKWGxCjB2NDq0Sm7J8Fz9nAmc1HtyyTP8MEJtP5YFzFw6ULEBg4_aSAzgNXmcTKFVhQx7TJFFodEGJu7tdtrNQMdk-pPbGMQYlyt0z1evee3Tha1Qt8e6gNuE0Z85CSBzQBb48zFwRJ3_LJG00IpvniUL-fAIElCk7B2io7lkOhk1l8WagVJUDQR0f-M0InUdm1C-QmSCWRXj4384y1hQFOk27vqwwNU2ybtuNWSttGCqL-r1YQt80BJBL_Pt8wS47eH4DltjNB0l8EOX64Utxkc8i4FVelxUuz8A-T1sxnYgbj9W2yAAmM1-FkM7dX_9Iikn_BQAA */
|
|
2
|
+
.sb77qx0 {
|
|
3
3
|
position: relative;
|
|
4
4
|
box-sizing: border-box;
|
|
5
5
|
border-radius: var(--md-sys-shape-medium);
|
|
6
6
|
color: rgb(var(--md-sys-color-on-surface));
|
|
7
7
|
}
|
|
8
|
-
.
|
|
8
|
+
.sb77qx1 {
|
|
9
9
|
background: rgb(var(--md-sys-color-surface-container-low));
|
|
10
10
|
box-shadow: var(--md-sys-elevation-level1);
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
.sb77qx2 {
|
|
13
13
|
background: rgb(var(--md-sys-color-surface-container-highest));
|
|
14
14
|
}
|
|
15
|
-
.
|
|
15
|
+
.sb77qx3 {
|
|
16
16
|
background: rgb(var(--md-sys-color-surface));
|
|
17
17
|
border: 1px solid rgb(var(--md-sys-color-outline-variant));
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
.sb77qx4 {
|
|
20
20
|
overflow: hidden;
|
|
21
21
|
cursor: pointer;
|
|
22
22
|
user-select: none;
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
outline: none;
|
|
26
26
|
transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.sb77qx4::before {
|
|
29
29
|
content: "";
|
|
30
30
|
position: absolute;
|
|
31
31
|
inset: 0;
|
|
@@ -34,33 +34,33 @@
|
|
|
34
34
|
pointer-events: none;
|
|
35
35
|
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.sb77qx4:hover::before {
|
|
38
38
|
opacity: var(--md-sys-state-hover);
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.sb77qx4:focus-visible::before {
|
|
41
41
|
opacity: var(--md-sys-state-focus);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.sb77qx4:active::before {
|
|
44
44
|
opacity: var(--md-sys-state-pressed);
|
|
45
45
|
}
|
|
46
|
-
.
|
|
46
|
+
.sb77qx4:focus-visible {
|
|
47
47
|
outline: 3px solid rgb(var(--md-sys-color-secondary));
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
|
50
|
-
.
|
|
51
|
-
.
|
|
50
|
+
.sb77qx4:disabled,
|
|
51
|
+
.sb77qx4[data-disabled] {
|
|
52
52
|
pointer-events: none;
|
|
53
53
|
box-shadow: none;
|
|
54
54
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
57
|
-
.
|
|
56
|
+
.sb77qx4:disabled::before,
|
|
57
|
+
.sb77qx4[data-disabled]::before {
|
|
58
58
|
opacity: 0;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
.sb77qx6:hover {
|
|
61
61
|
box-shadow: var(--md-sys-elevation-level2);
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
.sb77qx6:active {
|
|
64
64
|
box-shadow: var(--md-sys-elevation-level1);
|
|
65
65
|
}
|
|
66
|
-
/*# sourceMappingURL=
|
|
66
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/card/card.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UwW7bMAy95yuEAgNqYMqcdFsH5bjPGHagLToWpoieKDvOhv37INnuoiLp0h5Nk4-P71Fcc_X4-HMsxe-VEB2xCYacEh4tBDPgbiVERaNk88u4vRIVeY1eVjROf9KXB216VmIAfy_lQUs-seQWOpQH1KY_FDG5JkteCb-v7rPEFJfkJPe-gRqLYrf6s1pPvDaJVwX1j72n3umr9XOxrMkFMA69tHQsiif-LWg6PqOIFgeI80qLA9rNeePt2xu3Zt8ih2yOh1fCLcyjvkpsulEwWaOvqtcHaxzKAbwBl7f-mFrTgL6xUYLWaI0uOdJ7jpZ0ZFxAH0M9o5eMFuughCOXFiDgGCRYs3dKWGxCjB2NDq0Sm7J8Fz9nAmc1HtyyTP8MEJtP5YFzFw6ULEBg4_aSAzgNXmcTKFVhQx7TJFFodEGJu7tdtrNQMdk-pPbGMQYlyt0z1evee3Tha1Qt8e6gNuE0Z85CSBzQBb48zFwRJ3_LJG00IpvniUL-fAIElCk7B2io7lkOhk1l8WagVJUDQR0f-M0InUdm1C-QmSCWRXj4384y1hQFOk27vqwwNU2ybtuNWSttGCqL-r1YQt80BJBL_Pt8wS47eH4DltjNB0l8EOX64Utxkc8i4FVelxUuz8A-T1sxnYgbj9W2yAAmM1-FkM7dX_9Iikn_BQAA"],"sourcesContent":[".sb77qx0 {\n position: relative;\n box-sizing: border-box;\n border-radius: var(--md-sys-shape-medium);\n color: rgb(var(--md-sys-color-on-surface));\n}\n.sb77qx1 {\n background: rgb(var(--md-sys-color-surface-container-low));\n box-shadow: var(--md-sys-elevation-level1);\n}\n.sb77qx2 {\n background: rgb(var(--md-sys-color-surface-container-highest));\n}\n.sb77qx3 {\n background: rgb(var(--md-sys-color-surface));\n border: 1px solid rgb(var(--md-sys-color-outline-variant));\n}\n.sb77qx4 {\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n text-align: left;\n width: 100%;\n outline: none;\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n.sb77qx4::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.sb77qx4:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.sb77qx4:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n.sb77qx4:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.sb77qx4:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n.sb77qx4:disabled, .sb77qx4[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.sb77qx4:disabled::before, .sb77qx4[data-disabled]::before {\n opacity: 0;\n}\n.sb77qx6:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n.sb77qx6:active {\n box-shadow: var(--md-sys-elevation-level1);\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,iBAAe,IAAI;AACnB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,cAAY,IAAI;AAClB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC5B;AACA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,eAAa;AACb,cAAY;AACZ,SAAO;AACP,WAAS;AACT,cAAY,WAAW,MAAM,IAAI;AACnC;AACA,CATC,OASO;AACN,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAlBC,OAkBO,MAAM;AACZ,WAAS,IAAI;AACf;AACA,CArBC,OAqBO,cAAc;AACpB,WAAS,IAAI;AACf;AACA,CAxBC,OAwBO,OAAO;AACb,WAAS,IAAI;AACf;AACA,CA3BC,OA2BO;AACN,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CA/BC,OA+BO;AAAW,CA/BlB,OA+B0B,CAAC;AAC1B,kBAAgB;AAChB,cAAY;AACZ,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CApCC,OAoCO,SAAS;AAAU,CApC1B,OAoCkC,CAAC,cAAc;AAChD,WAAS;AACX;AACA,CAAC,OAAO;AACN,cAAY,IAAI;AAClB;AACA,CAHC,OAGO;AACN,cAAY,IAAI;AAClB;","names":[]}
|