@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,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createCard } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/card/card.ts
|
|
7
|
+
var card = createRuntimeFn({ defaultClassName: "sb77qx0", variantClassNames: { variant: { elevated: "sb77qx1", filled: "sb77qx2", outlined: "sb77qx3" }, interactive: { true: "sb77qx4", false: "sb77qx5" } }, defaultVariants: { variant: "elevated", interactive: false }, compoundVariants: [[{ variant: "elevated", interactive: true }, "sb77qx6"]] });
|
|
8
|
+
|
|
9
|
+
// src/components/card/card.ts
|
|
10
|
+
var Card = createCard({
|
|
11
|
+
root: ({ variant, interactive }) => card({ variant, interactive })
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
export { Card };
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/card/card.css.ts","../../../src/components/card/card.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,OAAOA,eAAA,CAAO,EAAC,kBAAiB,SAAA,EAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,UAAS,SAAA,EAAU,MAAA,EAAO,WAAU,QAAA,EAAS,SAAA,IAAW,WAAA,EAAY,EAAC,MAAK,SAAA,EAAU,KAAA,EAAM,WAAS,EAAC,EAAE,iBAAgB,EAAC,OAAA,EAAQ,YAAW,WAAA,EAAY,KAAA,IAAO,gBAAA,EAAiB,CAAC,CAAC,EAAC,OAAA,EAAQ,YAAW,WAAA,EAAY,IAAA,IAAM,SAAS,CAAC,GAAE,CAAA;;;ACI5S,IAAM,OAAO,UAAA,CAAW;AAAA,EAC7B,IAAA,EAAM,CAAC,EAAE,OAAA,EAAS,WAAA,OAAkB,IAAA,CAAK,EAAE,OAAA,EAAS,WAAA,EAAa;AACnE,CAAC","file":"index.js","sourcesContent":["import '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';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var card = _7a468({defaultClassName:'sb77qx0',variantClassNames:{variant:{elevated:'sb77qx1',filled:'sb77qx2',outlined:'sb77qx3'},interactive:{true:'sb77qx4',false:'sb77qx5'}},defaultVariants:{variant:'elevated',interactive:false},compoundVariants:[[{variant:'elevated',interactive:true},'sb77qx6']]});","/**\n * card.ts — wires the VE recipe into the shared Card factory.\n */\nimport { createCard } from '@m3-baseui/core';\nimport { card } from './card.css';\n\nexport const Card = createCard({\n root: ({ variant, interactive }) => card({ variant, interactive }),\n});\nexport type { CardProps, CardVariant } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmlhbzM5ZTMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouaWFvMzllNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouaWFvMzllNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmlhbzM5ZTcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0 */
|
|
2
|
+
.iao39e0 {
|
|
3
|
+
display: flex;
|
|
4
|
+
gap: 8px;
|
|
5
|
+
overflow-x: auto;
|
|
6
|
+
scroll-snap-type: x mandatory;
|
|
7
|
+
scroll-behavior: smooth;
|
|
8
|
+
scrollbar-width: none;
|
|
9
|
+
}
|
|
10
|
+
.iao39e3 {
|
|
11
|
+
gap: 0;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
overflow-x: hidden;
|
|
14
|
+
overflow-y: auto;
|
|
15
|
+
scroll-snap-type: y mandatory;
|
|
16
|
+
height: 100%;
|
|
17
|
+
}
|
|
18
|
+
.iao39e4 {
|
|
19
|
+
scroll-snap-align: start;
|
|
20
|
+
flex-shrink: 0;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
border-radius: var(--md-sys-shape-large);
|
|
23
|
+
}
|
|
24
|
+
.iao39e5 {
|
|
25
|
+
width: 160px;
|
|
26
|
+
height: 224px;
|
|
27
|
+
}
|
|
28
|
+
.iao39e6 {
|
|
29
|
+
width: 288px;
|
|
30
|
+
height: 224px;
|
|
31
|
+
scroll-snap-align: center;
|
|
32
|
+
}
|
|
33
|
+
.iao39e7 {
|
|
34
|
+
width: 100%;
|
|
35
|
+
height: 100%;
|
|
36
|
+
scroll-snap-align: center;
|
|
37
|
+
}
|
|
38
|
+
[aria-roledescription=carousel]::-webkit-scrollbar {
|
|
39
|
+
display: none;
|
|
40
|
+
}
|
|
41
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmlhbzM5ZTMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouaWFvMzllNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouaWFvMzllNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmlhbzM5ZTcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0"],"sourcesContent":[".iao39e0 {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n scrollbar-width: none;\n}\n.iao39e3 {\n gap: 0;\n flex-direction: column;\n overflow-x: hidden;\n overflow-y: auto;\n scroll-snap-type: y mandatory;\n height: 100%;\n}\n.iao39e4 {\n scroll-snap-align: start;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: var(--md-sys-shape-large);\n}\n.iao39e5 {\n width: 160px;\n height: 224px;\n}\n.iao39e6 {\n width: 288px;\n height: 224px;\n scroll-snap-align: center;\n}\n.iao39e7 {\n width: 100%;\n height: 100%;\n scroll-snap-align: center;\n}\n[aria-roledescription=\"carousel\"]::-webkit-scrollbar {\n display: none;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,OAAK;AACL,cAAY;AACZ,oBAAkB,EAAE;AACpB,mBAAiB;AACjB,mBAAiB;AACnB;AACA,CAAC;AACC,OAAK;AACL,kBAAgB;AAChB,cAAY;AACZ,cAAY;AACZ,oBAAkB,EAAE;AACpB,UAAQ;AACV;AACA,CAAC;AACC,qBAAmB;AACnB,eAAa;AACb,YAAU;AACV,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC,8BAAgC;AAC/B,WAAS;AACX;","names":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createCarousel } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/carousel/carousel.ts
|
|
7
|
+
var item = createRuntimeFn({ defaultClassName: "iao39e4", variantClassNames: { variant: { "multi-browse": "iao39e5", hero: "iao39e6", "full-screen": "iao39e7" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
|
|
8
|
+
var root = createRuntimeFn({ defaultClassName: "iao39e0", variantClassNames: { variant: { "multi-browse": "iao39e1", hero: "iao39e2", "full-screen": "iao39e3" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
|
|
9
|
+
|
|
10
|
+
// src/components/carousel/carousel.ts
|
|
11
|
+
var Carousel = createCarousel((variant) => ({
|
|
12
|
+
root: root({ variant }),
|
|
13
|
+
item: item({ variant })
|
|
14
|
+
}));
|
|
15
|
+
|
|
16
|
+
export { Carousel };
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/carousel/carousel.css.ts","../../../src/components/carousel/carousel.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,mBAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,IAAA,EAAK,WAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACzM,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,mBAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,IAAA,EAAK,WAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACGzM,IAAM,QAAA,GAAW,cAAA,CAAe,CAAC,OAAA,MAAa;AAAA,EACnD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,CAAA;AAAA,EACtB,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"index.js","sourcesContent":["import 'src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmlhbzM5ZTMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouaWFvMzllNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouaWFvMzllNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmlhbzM5ZTcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var item = _7a468({defaultClassName:'iao39e4',variantClassNames:{variant:{'multi-browse':'iao39e5',hero:'iao39e6','full-screen':'iao39e7'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});\nexport var root = _7a468({defaultClassName:'iao39e0',variantClassNames:{variant:{'multi-browse':'iao39e1',hero:'iao39e2','full-screen':'iao39e3'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});","/**\n * carousel.ts — wires the VE styles into the shared Carousel parts factory.\n */\nimport { createCarousel } from '@m3-baseui/core';\nimport { root, item } from './carousel.css';\n\nexport const Carousel = createCarousel((variant) => ({\n root: root({ variant }),\n item: item({ variant }),\n}));\nexport type { CarouselVariant } from '@m3-baseui/core';\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/checkbox/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XTW_jIBC951egSpViqXSdpl1V5Lg_Y5UDhnFMa4M14GzT1f73lQlxjOu4bg69RIHMDPPxeI_cN_i4_-lS8ndBSG2scspoRhBK7tQeNgtCpLJ1yQ-MKF0qDTQv4a3d56XaaaocVJYRAdoBttsvjXUqP1BhtAPt-j-1ntQWqPQrI2m7k5k3atW70jtGMoMSkGbGR_-jpCsYWT3XflmA2hXuvA7GyKVqLCMP_V2_JNaUShLcZcs9xyWllaT2YKkwpUFqNLUN5lwA3XNUXLsk8QG4eN2habRkxCHXtuYI2rU_eUf2ecBjINGgbc1ro07V-3ihv-dzjv5k9ZRWlkSBK9PaUuBW6R21jmvJUSZ3p9q_7vhVj83i3-I-AOS35I5TUYB4Bbm9I_G-0hIcYKU0d7D1YOq38kLTalQVx0Nofa-qeR6zTYdVSGV5VoLcBtT7EVHYg3aWEW00TPgwbdwy7kbS24s7kRxbMae0HoLID5Ler5-nMp8ex8DsuumMJjQsJrokl3vGMsgNgj_a1Fwod_AMcPZgXLSE4y2uHuypHyHYNErnnxhf7uGhgGhwO3_Q3n4OgjvD8ROnIdC3uW7-vTy_ta4LwxsreobptTMfSZLlRjSW7pVVWRmw3LhWExlZf6Y4FoRpWTVwV3CkJs8tuCBgvaP6F6ZT0pubTaTSPLOmbJxX6RJyx8hTeuulxtTd9yCkj2kspKf1QEiDUx8eosH2ev9qy9gM7m9QtdxgFbig5A6W9Cm9vSPtZzJUvuBNVuk1KsQKswccp5MolnXcAfXWEzOcHch7JSN8NTtCjWAtRNWsvuXRdXpIpcfJdg-psB5XvxmMGEnxCCYG8x6btGyQ-y-2MOjWyRQcoKoLbtU7SMqFgBKQO4i6eYEPVxc5sEt6FSfd5cWms65AqqZaDyBOnarahPNGi8tBPlYlYayqWGMi4Hw6oYs8e37_fCHgmAKO9pYxnjvA-dTVITRmqIdRgoqvVsFroHlTlh9e7zFrdRk_-LQm_1xMV0eiQNFb5j98cWtxTA0AAA */
|
|
2
|
+
.ur4v6t0 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: inline-flex;
|
|
5
5
|
align-items: center;
|
|
@@ -18,53 +18,53 @@
|
|
|
18
18
|
border-color 150ms var(--md-sys-motion-easing-standard),
|
|
19
19
|
color 150ms var(--md-sys-motion-easing-standard);
|
|
20
20
|
}
|
|
21
|
-
.
|
|
22
|
-
.
|
|
21
|
+
.ur4v6t0[data-checked],
|
|
22
|
+
.ur4v6t0[data-indeterminate] {
|
|
23
23
|
background: rgb(var(--md-sys-color-primary));
|
|
24
24
|
border-color: rgb(var(--md-sys-color-primary));
|
|
25
25
|
color: rgb(var(--md-sys-color-primary));
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.ur4v6t0[data-disabled] {
|
|
28
28
|
pointer-events: none;
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
.ur4v6t0[data-disabled]:not([data-checked]):not([data-indeterminate]) {
|
|
31
31
|
border-color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
32
32
|
}
|
|
33
|
-
.
|
|
34
|
-
.
|
|
33
|
+
.ur4v6t0[data-disabled][data-checked],
|
|
34
|
+
.ur4v6t0[data-disabled][data-indeterminate] {
|
|
35
35
|
background: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
36
36
|
border-color: transparent;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
.ur4v6t0[data-disabled]::before {
|
|
39
39
|
opacity: 0;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.ur4v6t0:active {
|
|
42
42
|
color: rgb(var(--md-sys-color-primary));
|
|
43
43
|
}
|
|
44
|
-
.
|
|
45
|
-
.
|
|
44
|
+
.ur4v6t0[data-checked]:active,
|
|
45
|
+
.ur4v6t0[data-indeterminate]:active {
|
|
46
46
|
color: rgb(var(--md-sys-color-on-surface));
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
.ur4v6t0[data-error] {
|
|
49
49
|
border-color: rgb(var(--md-sys-color-error));
|
|
50
50
|
color: rgb(var(--md-sys-color-error));
|
|
51
51
|
}
|
|
52
|
-
.
|
|
53
|
-
.
|
|
52
|
+
.ur4v6t0[data-error][data-checked],
|
|
53
|
+
.ur4v6t0[data-error][data-indeterminate] {
|
|
54
54
|
background: rgb(var(--md-sys-color-error));
|
|
55
55
|
border-color: rgb(var(--md-sys-color-error));
|
|
56
56
|
color: rgb(var(--md-sys-color-error));
|
|
57
57
|
}
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
58
|
+
.ur4v6t0[data-error]:active,
|
|
59
|
+
.ur4v6t0[data-error][data-checked]:active,
|
|
60
|
+
.ur4v6t0[data-error][data-indeterminate]:active {
|
|
61
61
|
color: rgb(var(--md-sys-color-error));
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
.ur4v6t0:focus-visible {
|
|
64
64
|
outline: 3px solid rgb(var(--md-sys-color-secondary));
|
|
65
65
|
outline-offset: 2px;
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
.ur4v6t0::before {
|
|
68
68
|
content: "";
|
|
69
69
|
position: absolute;
|
|
70
70
|
left: 50%;
|
|
@@ -77,16 +77,16 @@
|
|
|
77
77
|
transform: translate(-50%, -50%);
|
|
78
78
|
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
79
79
|
}
|
|
80
|
-
.
|
|
80
|
+
.ur4v6t0:hover::before {
|
|
81
81
|
opacity: var(--md-sys-state-hover);
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
.ur4v6t0:focus-visible::before {
|
|
84
84
|
opacity: var(--md-sys-state-focus);
|
|
85
85
|
}
|
|
86
|
-
.
|
|
86
|
+
.ur4v6t0:active::before {
|
|
87
87
|
opacity: var(--md-sys-state-pressed);
|
|
88
88
|
}
|
|
89
|
-
.
|
|
89
|
+
.ur4v6t1 {
|
|
90
90
|
position: relative;
|
|
91
91
|
display: inline-flex;
|
|
92
92
|
align-items: center;
|
|
@@ -98,19 +98,19 @@
|
|
|
98
98
|
opacity: 0;
|
|
99
99
|
transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);
|
|
100
100
|
}
|
|
101
|
-
.
|
|
102
|
-
.
|
|
101
|
+
.ur4v6t1[data-checked],
|
|
102
|
+
.ur4v6t1[data-indeterminate] {
|
|
103
103
|
opacity: 1;
|
|
104
104
|
transition-duration: var(--md-sys-motion-duration-medium3);
|
|
105
105
|
transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);
|
|
106
106
|
}
|
|
107
|
-
.
|
|
107
|
+
.ur4v6t0[data-error] .ur4v6t1 {
|
|
108
108
|
color: rgb(var(--md-sys-color-on-error));
|
|
109
109
|
}
|
|
110
|
-
.
|
|
110
|
+
.ur4v6t0[data-disabled] .ur4v6t1 {
|
|
111
111
|
color: rgb(var(--md-sys-color-surface));
|
|
112
112
|
}
|
|
113
|
-
.
|
|
113
|
+
.ur4v6t1[data-indeterminate]::after {
|
|
114
114
|
content: "";
|
|
115
115
|
position: absolute;
|
|
116
116
|
width: 10px;
|
|
@@ -118,11 +118,11 @@
|
|
|
118
118
|
border-radius: var(--md-sys-shape-full);
|
|
119
119
|
background: currentColor;
|
|
120
120
|
}
|
|
121
|
-
.
|
|
121
|
+
.ur4v6t2 {
|
|
122
122
|
width: 18px;
|
|
123
123
|
height: 18px;
|
|
124
124
|
}
|
|
125
|
-
.
|
|
125
|
+
.ur4v6t1[data-indeterminate] .ur4v6t2 {
|
|
126
126
|
opacity: 0;
|
|
127
127
|
}
|
|
128
|
-
/*# sourceMappingURL=
|
|
128
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/checkbox/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XTW_jIBC951egSpViqXSdpl1V5Lg_Y5UDhnFMa4M14GzT1f73lQlxjOu4bg69RIHMDPPxeI_cN_i4_-lS8ndBSG2scspoRhBK7tQeNgtCpLJ1yQ-MKF0qDTQv4a3d56XaaaocVJYRAdoBttsvjXUqP1BhtAPt-j-1ntQWqPQrI2m7k5k3atW70jtGMoMSkGbGR_-jpCsYWT3XflmA2hXuvA7GyKVqLCMP_V2_JNaUShLcZcs9xyWllaT2YKkwpUFqNLUN5lwA3XNUXLsk8QG4eN2habRkxCHXtuYI2rU_eUf2ecBjINGgbc1ro07V-3ihv-dzjv5k9ZRWlkSBK9PaUuBW6R21jmvJUSZ3p9q_7vhVj83i3-I-AOS35I5TUYB4Bbm9I_G-0hIcYKU0d7D1YOq38kLTalQVx0Nofa-qeR6zTYdVSGV5VoLcBtT7EVHYg3aWEW00TPgwbdwy7kbS24s7kRxbMae0HoLID5Ler5-nMp8ex8DsuumMJjQsJrokl3vGMsgNgj_a1Fwod_AMcPZgXLSE4y2uHuypHyHYNErnnxhf7uGhgGhwO3_Q3n4OgjvD8ROnIdC3uW7-vTy_ta4LwxsreobptTMfSZLlRjSW7pVVWRmw3LhWExlZf6Y4FoRpWTVwV3CkJs8tuCBgvaP6F6ZT0pubTaTSPLOmbJxX6RJyx8hTeuulxtTd9yCkj2kspKf1QEiDUx8eosH2ev9qy9gM7m9QtdxgFbig5A6W9Cm9vSPtZzJUvuBNVuk1KsQKswccp5MolnXcAfXWEzOcHch7JSN8NTtCjWAtRNWsvuXRdXpIpcfJdg-psB5XvxmMGEnxCCYG8x6btGyQ-y-2MOjWyRQcoKoLbtU7SMqFgBKQO4i6eYEPVxc5sEt6FSfd5cWms65AqqZaDyBOnarahPNGi8tBPlYlYayqWGMi4Hw6oYs8e37_fCHgmAKO9pYxnjvA-dTVITRmqIdRgoqvVsFroHlTlh9e7zFrdRk_-LQm_1xMV0eiQNFb5j98cWtxTA0AAA"],"sourcesContent":[".ur4v6t0 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border-radius: 2px;\n border: 2px solid rgb(var(--md-sys-color-on-surface-variant));\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n.ur4v6t0[data-checked], .ur4v6t0[data-indeterminate] {\n background: rgb(var(--md-sys-color-primary));\n border-color: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-primary));\n}\n.ur4v6t0[data-disabled] {\n pointer-events: none;\n}\n.ur4v6t0[data-disabled]:not([data-checked]):not([data-indeterminate]) {\n border-color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.ur4v6t0[data-disabled][data-checked], .ur4v6t0[data-disabled][data-indeterminate] {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: transparent;\n}\n.ur4v6t0[data-disabled]::before {\n opacity: 0;\n}\n.ur4v6t0:active {\n color: rgb(var(--md-sys-color-primary));\n}\n.ur4v6t0[data-checked]:active, .ur4v6t0[data-indeterminate]:active {\n color: rgb(var(--md-sys-color-on-surface));\n}\n.ur4v6t0[data-error] {\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n.ur4v6t0[data-error][data-checked], .ur4v6t0[data-error][data-indeterminate] {\n background: rgb(var(--md-sys-color-error));\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n.ur4v6t0[data-error]:active, .ur4v6t0[data-error][data-checked]:active, .ur4v6t0[data-error][data-indeterminate]:active {\n color: rgb(var(--md-sys-color-error));\n}\n.ur4v6t0:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n.ur4v6t0::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.ur4v6t0:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.ur4v6t0:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n.ur4v6t0:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.ur4v6t1 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-primary));\n opacity: 0;\n transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);\n}\n.ur4v6t1[data-checked], .ur4v6t1[data-indeterminate] {\n opacity: 1;\n transition-duration: var(--md-sys-motion-duration-medium3);\n transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);\n}\n.ur4v6t0[data-error] .ur4v6t1 {\n color: rgb(var(--md-sys-color-on-error));\n}\n.ur4v6t0[data-disabled] .ur4v6t1 {\n color: rgb(var(--md-sys-color-surface));\n}\n.ur4v6t1[data-indeterminate]::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 2px;\n border-radius: var(--md-sys-shape-full);\n background: currentColor;\n}\n.ur4v6t2 {\n width: 18px;\n height: 18px;\n}\n.ur4v6t1[data-indeterminate] .ur4v6t2 {\n opacity: 0;\n}"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createCheckbox } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/components/checkbox/checkbox.ts
|
|
6
|
+
|
|
7
|
+
// src/components/checkbox/checkbox.css.ts
|
|
8
|
+
var icon = "ur4v6t2";
|
|
9
|
+
var indicator = "ur4v6t1";
|
|
10
|
+
var root = "ur4v6t0";
|
|
11
|
+
|
|
12
|
+
// src/components/checkbox/checkbox.ts
|
|
13
|
+
var Checkbox = createCheckbox({ root, indicator, icon });
|
|
14
|
+
|
|
15
|
+
export { Checkbox };
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/checkbox.css.ts","../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,SAAA,GAAY,SAAA;AAChB,IAAI,IAAA,GAAO,SAAA;;;ACGX,IAAM,WAAW,cAAA,CAAe,EAAE,IAAA,EAAM,SAAA,EAAW,MAAM","file":"index.js","sourcesContent":["import 'src/components/checkbox/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XTW_jIBC951egSpViqXSdpl1V5Lg_Y5UDhnFMa4M14GzT1f73lQlxjOu4bg69RIHMDPPxeI_cN_i4_-lS8ndBSG2scspoRhBK7tQeNgtCpLJ1yQ-MKF0qDTQv4a3d56XaaaocVJYRAdoBttsvjXUqP1BhtAPt-j-1ntQWqPQrI2m7k5k3atW70jtGMoMSkGbGR_-jpCsYWT3XflmA2hXuvA7GyKVqLCMP_V2_JNaUShLcZcs9xyWllaT2YKkwpUFqNLUN5lwA3XNUXLsk8QG4eN2habRkxCHXtuYI2rU_eUf2ecBjINGgbc1ro07V-3ihv-dzjv5k9ZRWlkSBK9PaUuBW6R21jmvJUSZ3p9q_7vhVj83i3-I-AOS35I5TUYB4Bbm9I_G-0hIcYKU0d7D1YOq38kLTalQVx0Nofa-qeR6zTYdVSGV5VoLcBtT7EVHYg3aWEW00TPgwbdwy7kbS24s7kRxbMae0HoLID5Ler5-nMp8ex8DsuumMJjQsJrokl3vGMsgNgj_a1Fwod_AMcPZgXLSE4y2uHuypHyHYNErnnxhf7uGhgGhwO3_Q3n4OgjvD8ROnIdC3uW7-vTy_ta4LwxsreobptTMfSZLlRjSW7pVVWRmw3LhWExlZf6Y4FoRpWTVwV3CkJs8tuCBgvaP6F6ZT0pubTaTSPLOmbJxX6RJyx8hTeuulxtTd9yCkj2kspKf1QEiDUx8eosH2ev9qy9gM7m9QtdxgFbig5A6W9Cm9vSPtZzJUvuBNVuk1KsQKswccp5MolnXcAfXWEzOcHch7JSN8NTtCjWAtRNWsvuXRdXpIpcfJdg-psB5XvxmMGEnxCCYG8x6btGyQ-y-2MOjWyRQcoKoLbtU7SMqFgBKQO4i6eYEPVxc5sEt6FSfd5cWms65AqqZaDyBOnarahPNGi8tBPlYlYayqWGMi4Hw6oYs8e37_fCHgmAKO9pYxnjvA-dTVITRmqIdRgoqvVsFroHlTlh9e7zFrdRk_-LQm_1xMV0eiQNFb5j98cWtxTA0AAA';\nexport var icon = 'ur4v6t2';\nexport var indicator = 'ur4v6t1';\nexport var root = 'ur4v6t0';","/**\n * checkbox.ts — wires the VE styles into the shared factory.\n */\nimport { createCheckbox } from '@m3-baseui/core';\nimport { root, indicator, icon } from './checkbox.css';\n\nexport const Checkbox = createCheckbox({ root, indicator, icon });\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/chip/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_jJhR9z69AK1XaSENqJzPTlJH2pT-jWlXYXNvsELAAO5Ot5r9XGJwYNmmcUbZ9NL73cD8Oh8vqrzx_zDZ5hv5eIMS4aQU9EMSl4BJwJeDtZYEQFbyWmFvYGYJKkBa0W_7WGcurAy6VtCDt9JfzxKbRXL4SlLmVBnjdWILybTtg7jmzTfi3o7rmEguoLEE4GKiWltwegonqQVdC7QlqOGMg3VqruNsPQw_SGoKkkuDWrabScMuVJH4blD9lO4N6qj9jvGPYHAzeKWeAgRoua2wslYxqtnwIwdzkEkK9wedl8b5YhdrnQ-1bNYasQVDL-yGV-3Wkpi1BobSFesOGf-eyJqhQmoHGhXqbdmmz9pYtZcwF7rcnKH8eEQYvTRnvzBG3M6CxAQGlPXXDmxKUt2_IKMEZ0nXxOSpSqYTSWHXWbbJcDl60fK216iQjvp8t1SDtwC0lLa7ojosDiYttDy2YkgrAghYgsKC6Buzsl0fHfchwhqM3Pbka_h1mOTrDwW3oWTN_x4m99wfrCG4cv1yzZkBYTctXLutlehJOFfX1vonhod-3OkY0_5NRS_Ge2wYLoJ5WpZJfPf0D0bwGDHyauBJSQKU0DKZHcn_69BIdHFoYJTo7sI5LAzZoR0JWLhvQ3KYsKzvtGPaHS_FH_ZmjNUcZyD5UH9I4kYtSPcYQgRlLLeDBOkGoVNkZ3HPDCwGzkQavBImWToJmQ7QajIE0oSgcj-HPOEGba2pgoFSuSAevB8ERq6oaGrtOGOLJxbihhQD29QGdohgXg8ye7-OwKbkoTRKbTle0hCX6FWWrzXY5IdZtvvn63LE4Rj6W_FwG59uRTeHW4YjMjGhIo-y0ceahNlO4zU1wuKeaU2mvwj7eAZZBRTthp7eU9kKbqMfTz8nhyTcuMN-r2FRPrvF6uKQpl6DDVlcDvOQZ0zC6LS-Ge_G8JHbx6ZmR3xW6P8-uU2jHMVcs1P5qvmG2aShzo2IECwJ6OqiwgB5EHoflxdcHNxMhSSxI5k0QSRAXm_KctGEC7wXsfZGwcRUN9mHYHmfvaN7Oossunwb0209_FYTA1o9tNH6O3_HDIF-fHT7j66ihLeCqE2J56dkwg3yt5ruPHNGzftN6fkF8V0ctybJfoudR-FbFNygtrrgroMtiirP9r_oyEiZ-vL0vis5aJU-kPAb2gBIOozjmD1yzp7R_nwEROhDXnX74BjhhFHfAKO-AsUVfkOnrc8c67dIFSUjYMwrI-Jv9v-RKDn0sBOGCx49TIUifmrOE4V_el3efFNjkcjlNbavty-L9H4uzARGAEQAA */
|
|
2
|
+
._1140310 {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
align-items: center;
|
|
5
5
|
justify-content: center;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
margin 150ms var(--md-sys-motion-easing-standard),
|
|
16
16
|
opacity 150ms var(--md-sys-motion-easing-standard);
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
._1140311 {
|
|
19
19
|
position: relative;
|
|
20
20
|
display: inline-flex;
|
|
21
21
|
align-items: center;
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
36
36
|
transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._1140311[data-with-leading-icon] {
|
|
39
39
|
padding-left: 8px;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._1140311::before {
|
|
42
42
|
content: "";
|
|
43
43
|
position: absolute;
|
|
44
44
|
inset: 0;
|
|
@@ -48,76 +48,76 @@
|
|
|
48
48
|
pointer-events: none;
|
|
49
49
|
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._1140311:hover::before {
|
|
52
52
|
opacity: var(--md-sys-state-hover);
|
|
53
53
|
}
|
|
54
|
-
.
|
|
54
|
+
._1140311:focus-visible::before {
|
|
55
55
|
opacity: var(--md-sys-state-focus);
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
._1140311:active::before {
|
|
58
58
|
opacity: var(--md-sys-state-pressed);
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
._1140311:focus-visible {
|
|
61
61
|
outline: 3px solid rgb(var(--md-sys-color-secondary));
|
|
62
62
|
outline-offset: 2px;
|
|
63
63
|
}
|
|
64
|
-
.
|
|
65
|
-
.
|
|
64
|
+
._1140311[data-disabled],
|
|
65
|
+
._1140311:disabled {
|
|
66
66
|
pointer-events: none;
|
|
67
67
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
68
68
|
border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
69
69
|
}
|
|
70
|
-
.
|
|
71
|
-
.
|
|
70
|
+
._1140311[data-disabled]::before,
|
|
71
|
+
._1140311:disabled::before {
|
|
72
72
|
opacity: 0;
|
|
73
73
|
}
|
|
74
|
-
.
|
|
74
|
+
._1140312 {
|
|
75
75
|
color: rgb(var(--md-sys-color-on-surface));
|
|
76
76
|
cursor: pointer;
|
|
77
77
|
}
|
|
78
|
-
.
|
|
78
|
+
._1140313 {
|
|
79
79
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
80
80
|
cursor: pointer;
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
._1140314 {
|
|
83
83
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
84
84
|
cursor: default;
|
|
85
85
|
padding-right: 8px;
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._1140315 {
|
|
88
88
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
89
89
|
cursor: pointer;
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._1140315[data-pressed] {
|
|
92
92
|
background: rgb(var(--md-sys-color-secondary-container));
|
|
93
93
|
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
94
94
|
border-color: transparent;
|
|
95
95
|
}
|
|
96
|
-
.
|
|
97
|
-
.
|
|
96
|
+
._1140315[data-pressed][data-disabled],
|
|
97
|
+
._1140315[data-pressed]:disabled {
|
|
98
98
|
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
._1140316 {
|
|
101
101
|
background: rgb(var(--md-sys-color-surface-container-low));
|
|
102
102
|
border-color: transparent;
|
|
103
103
|
box-shadow: var(--md-sys-elevation-level1);
|
|
104
104
|
}
|
|
105
|
-
.
|
|
105
|
+
._1140316:hover {
|
|
106
106
|
box-shadow: var(--md-sys-elevation-level2);
|
|
107
107
|
}
|
|
108
|
-
.
|
|
108
|
+
._1140316:active {
|
|
109
109
|
box-shadow: var(--md-sys-elevation-level1);
|
|
110
110
|
}
|
|
111
|
-
.
|
|
112
|
-
.
|
|
111
|
+
._1140316[data-disabled],
|
|
112
|
+
._1140316:disabled {
|
|
113
113
|
box-shadow: none;
|
|
114
114
|
}
|
|
115
|
-
[data-pressed] .
|
|
115
|
+
[data-pressed] ._1140310 {
|
|
116
116
|
width: 18px;
|
|
117
117
|
margin-left: 0;
|
|
118
118
|
opacity: 1;
|
|
119
119
|
}
|
|
120
|
-
.
|
|
120
|
+
._1140317 {
|
|
121
121
|
display: inline-flex;
|
|
122
122
|
align-items: center;
|
|
123
123
|
justify-content: center;
|
|
@@ -130,12 +130,12 @@
|
|
|
130
130
|
background: rgb(var(--md-sys-color-primary-container));
|
|
131
131
|
color: rgb(var(--md-sys-color-on-primary-container));
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
._1140317 > img {
|
|
134
134
|
width: 100%;
|
|
135
135
|
height: 100%;
|
|
136
136
|
object-fit: cover;
|
|
137
137
|
}
|
|
138
|
-
.
|
|
138
|
+
._1140318 {
|
|
139
139
|
display: inline-flex;
|
|
140
140
|
align-items: center;
|
|
141
141
|
justify-content: center;
|
|
@@ -143,30 +143,30 @@
|
|
|
143
143
|
width: 18px;
|
|
144
144
|
height: 18px;
|
|
145
145
|
}
|
|
146
|
-
button:disabled .
|
|
147
|
-
[data-disabled] .
|
|
146
|
+
button:disabled ._1140318,
|
|
147
|
+
[data-disabled] ._1140318 {
|
|
148
148
|
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
149
149
|
}
|
|
150
|
-
.
|
|
150
|
+
._1140319 {
|
|
151
151
|
color: rgb(var(--md-sys-color-primary));
|
|
152
152
|
}
|
|
153
|
-
.
|
|
153
|
+
._114031a {
|
|
154
154
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
155
155
|
}
|
|
156
|
-
.
|
|
156
|
+
._114031b {
|
|
157
157
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
158
158
|
}
|
|
159
|
-
.
|
|
159
|
+
._114031c {
|
|
160
160
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
161
161
|
}
|
|
162
|
-
.
|
|
162
|
+
._1140318 > svg {
|
|
163
163
|
width: 18px;
|
|
164
164
|
height: 18px;
|
|
165
165
|
}
|
|
166
|
-
[data-pressed] .
|
|
166
|
+
[data-pressed] ._1140318 {
|
|
167
167
|
display: none;
|
|
168
168
|
}
|
|
169
|
-
.
|
|
169
|
+
._114031d {
|
|
170
170
|
display: inline-flex;
|
|
171
171
|
align-items: center;
|
|
172
172
|
justify-content: center;
|
|
@@ -181,7 +181,7 @@ button:disabled ._1sqif108,
|
|
|
181
181
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
182
182
|
cursor: pointer;
|
|
183
183
|
}
|
|
184
|
-
.
|
|
184
|
+
._114031d:hover {
|
|
185
185
|
opacity: 0.8;
|
|
186
186
|
}
|
|
187
|
-
/*# sourceMappingURL=
|
|
187
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/chip/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_jJhR9z69AK1XaSENqJzPTlJH2pT-jWlXYXNvsELAAO5Ot5r9XGJwYNmmcUbZ9NL73cD8Oh8vqrzx_zDZ5hv5eIMS4aQU9EMSl4BJwJeDtZYEQFbyWmFvYGYJKkBa0W_7WGcurAy6VtCDt9JfzxKbRXL4SlLmVBnjdWILybTtg7jmzTfi3o7rmEguoLEE4GKiWltwegonqQVdC7QlqOGMg3VqruNsPQw_SGoKkkuDWrabScMuVJH4blD9lO4N6qj9jvGPYHAzeKWeAgRoua2wslYxqtnwIwdzkEkK9wedl8b5YhdrnQ-1bNYasQVDL-yGV-3Wkpi1BobSFesOGf-eyJqhQmoHGhXqbdmmz9pYtZcwF7rcnKH8eEQYvTRnvzBG3M6CxAQGlPXXDmxKUt2_IKMEZ0nXxOSpSqYTSWHXWbbJcDl60fK216iQjvp8t1SDtwC0lLa7ojosDiYttDy2YkgrAghYgsKC6Buzsl0fHfchwhqM3Pbka_h1mOTrDwW3oWTN_x4m99wfrCG4cv1yzZkBYTctXLutlehJOFfX1vonhod-3OkY0_5NRS_Ge2wYLoJ5WpZJfPf0D0bwGDHyauBJSQKU0DKZHcn_69BIdHFoYJTo7sI5LAzZoR0JWLhvQ3KYsKzvtGPaHS_FH_ZmjNUcZyD5UH9I4kYtSPcYQgRlLLeDBOkGoVNkZ3HPDCwGzkQavBImWToJmQ7QajIE0oSgcj-HPOEGba2pgoFSuSAevB8ERq6oaGrtOGOLJxbihhQD29QGdohgXg8ye7-OwKbkoTRKbTle0hCX6FWWrzXY5IdZtvvn63LE4Rj6W_FwG59uRTeHW4YjMjGhIo-y0ceahNlO4zU1wuKeaU2mvwj7eAZZBRTthp7eU9kKbqMfTz8nhyTcuMN-r2FRPrvF6uKQpl6DDVlcDvOQZ0zC6LS-Ge_G8JHbx6ZmR3xW6P8-uU2jHMVcs1P5qvmG2aShzo2IECwJ6OqiwgB5EHoflxdcHNxMhSSxI5k0QSRAXm_KctGEC7wXsfZGwcRUN9mHYHmfvaN7Oossunwb0209_FYTA1o9tNH6O3_HDIF-fHT7j66ihLeCqE2J56dkwg3yt5ruPHNGzftN6fkF8V0ctybJfoudR-FbFNygtrrgroMtiirP9r_oyEiZ-vL0vis5aJU-kPAb2gBIOozjmD1yzp7R_nwEROhDXnX74BjhhFHfAKO-AsUVfkOnrc8c67dIFSUjYMwrI-Jv9v-RKDn0sBOGCx49TIUifmrOE4V_el3efFNjkcjlNbavty-L9H4uzARGAEQAA"],"sourcesContent":["._1140310 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 18px;\n width: 0;\n margin-left: -8px;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n transition: width 150ms var(--md-sys-motion-easing-standard), margin 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);\n}\n._1140311 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n box-sizing: border-box;\n height: 32px;\n padding-inline: 16px;\n border-radius: 8px;\n user-select: none;\n border: 1px solid rgb(var(--md-sys-color-outline));\n background: transparent;\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1140311[data-with-leading-icon] {\n padding-left: 8px;\n}\n._1140311::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1140311:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1140311:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1140311:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1140311:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1140311[data-disabled], ._1140311:disabled {\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1140311[data-disabled]::before, ._1140311:disabled::before {\n opacity: 0;\n}\n._1140312 {\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n}\n._1140313 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1140314 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: default;\n padding-right: 8px;\n}\n._1140315 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1140315[data-pressed] {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n border-color: transparent;\n}\n._1140315[data-pressed][data-disabled], ._1140315[data-pressed]:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1140316 {\n background: rgb(var(--md-sys-color-surface-container-low));\n border-color: transparent;\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1140316:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n._1140316:active {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1140316[data-disabled], ._1140316:disabled {\n box-shadow: none;\n}\n[data-pressed] ._1140310 {\n width: 18px;\n margin-left: 0;\n opacity: 1;\n}\n._1140317 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n margin-left: -12px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1140317 > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n._1140318 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n}\nbutton:disabled ._1140318, [data-disabled] ._1140318 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1140319 {\n color: rgb(var(--md-sys-color-primary));\n}\n._114031a {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._114031b {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._114031c {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1140318 > svg {\n width: 18px;\n height: 18px;\n}\n[data-pressed] ._1140318 {\n display: none;\n}\n._114031d {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n margin-left: 4px;\n margin-right: -4px;\n border: none;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._114031d:hover {\n opacity: 0.8;\n}"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createChip } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/chip/chip.ts
|
|
7
|
+
var avatar = "_1140317";
|
|
8
|
+
var check = "_1140310";
|
|
9
|
+
var chip = createRuntimeFn({ defaultClassName: "_1140311", variantClassNames: { variant: { assist: "_1140312", suggestion: "_1140313", input: "_1140314", filter: "_1140315" }, elevated: { true: "_1140316" } }, defaultVariants: { variant: "assist" }, compoundVariants: [] });
|
|
10
|
+
var icon = createRuntimeFn({ defaultClassName: "_1140318", variantClassNames: { variant: { assist: "_1140319", suggestion: "_114031a", input: "_114031b", filter: "_114031c" } }, defaultVariants: { variant: "assist" }, compoundVariants: [] });
|
|
11
|
+
var remove = "_114031d";
|
|
12
|
+
|
|
13
|
+
// src/components/chip/chip.ts
|
|
14
|
+
var Chip = createChip(({ variant, elevated }) => ({
|
|
15
|
+
root: chip({ variant, elevated }),
|
|
16
|
+
remove,
|
|
17
|
+
check,
|
|
18
|
+
avatar,
|
|
19
|
+
icon: icon({ variant })
|
|
20
|
+
}));
|
|
21
|
+
|
|
22
|
+
export { Chip };
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/chip.css.ts","../../../src/components/chip/chip.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAAS,UAAA;AACb,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,YAAW,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,UAAA,EAAW,UAAA,EAAW,UAAA,EAAW,OAAM,UAAA,EAAW,MAAA,EAAO,UAAA,EAAU,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,UAAA,IAAW,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;AAC1O,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,UAAA,EAAW,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,UAAA,EAAW,UAAA,EAAW,UAAA,EAAW,KAAA,EAAM,UAAA,EAAW,MAAA,EAAO,UAAA,EAAU,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAC/M,IAAI,MAAA,GAAS,UAAA;;;ACAb,IAAM,OAAO,UAAA,CAAW,CAAC,EAAE,OAAA,EAAS,UAAS,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,UAAU,CAAA;AAAA,EAChC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"index.js","sourcesContent":["import 'src/components/chip/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_jJhR9z69AK1XaSENqJzPTlJH2pT-jWlXYXNvsELAAO5Ot5r9XGJwYNmmcUbZ9NL73cD8Oh8vqrzx_zDZ5hv5eIMS4aQU9EMSl4BJwJeDtZYEQFbyWmFvYGYJKkBa0W_7WGcurAy6VtCDt9JfzxKbRXL4SlLmVBnjdWILybTtg7jmzTfi3o7rmEguoLEE4GKiWltwegonqQVdC7QlqOGMg3VqruNsPQw_SGoKkkuDWrabScMuVJH4blD9lO4N6qj9jvGPYHAzeKWeAgRoua2wslYxqtnwIwdzkEkK9wedl8b5YhdrnQ-1bNYasQVDL-yGV-3Wkpi1BobSFesOGf-eyJqhQmoHGhXqbdmmz9pYtZcwF7rcnKH8eEQYvTRnvzBG3M6CxAQGlPXXDmxKUt2_IKMEZ0nXxOSpSqYTSWHXWbbJcDl60fK216iQjvp8t1SDtwC0lLa7ojosDiYttDy2YkgrAghYgsKC6Buzsl0fHfchwhqM3Pbka_h1mOTrDwW3oWTN_x4m99wfrCG4cv1yzZkBYTctXLutlehJOFfX1vonhod-3OkY0_5NRS_Ge2wYLoJ5WpZJfPf0D0bwGDHyauBJSQKU0DKZHcn_69BIdHFoYJTo7sI5LAzZoR0JWLhvQ3KYsKzvtGPaHS_FH_ZmjNUcZyD5UH9I4kYtSPcYQgRlLLeDBOkGoVNkZ3HPDCwGzkQavBImWToJmQ7QajIE0oSgcj-HPOEGba2pgoFSuSAevB8ERq6oaGrtOGOLJxbihhQD29QGdohgXg8ye7-OwKbkoTRKbTle0hCX6FWWrzXY5IdZtvvn63LE4Rj6W_FwG59uRTeHW4YjMjGhIo-y0ceahNlO4zU1wuKeaU2mvwj7eAZZBRTthp7eU9kKbqMfTz8nhyTcuMN-r2FRPrvF6uKQpl6DDVlcDvOQZ0zC6LS-Ge_G8JHbx6ZmR3xW6P8-uU2jHMVcs1P5qvmG2aShzo2IECwJ6OqiwgB5EHoflxdcHNxMhSSxI5k0QSRAXm_KctGEC7wXsfZGwcRUN9mHYHmfvaN7Oossunwb0209_FYTA1o9tNH6O3_HDIF-fHT7j66ihLeCqE2J56dkwg3yt5ruPHNGzftN6fkF8V0ctybJfoudR-FbFNygtrrgroMtiirP9r_oyEiZ-vL0vis5aJU-kPAb2gBIOozjmD1yzp7R_nwEROhDXnX74BjhhFHfAKO-AsUVfkOnrc8c67dIFSUjYMwrI-Jv9v-RKDn0sBOGCx49TIUifmrOE4V_el3efFNjkcjlNbavty-L9H4uzARGAEQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatar = '_1140317';\nexport var check = '_1140310';\nexport var chip = _7a468({defaultClassName:'_1140311',variantClassNames:{variant:{assist:'_1140312',suggestion:'_1140313',input:'_1140314',filter:'_1140315'},elevated:{true:'_1140316'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var icon = _7a468({defaultClassName:'_1140318',variantClassNames:{variant:{assist:'_1140319',suggestion:'_114031a',input:'_114031b',filter:'_114031c'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var remove = '_114031d';","/**\n * chip.ts — wires the VE recipe into the shared factory.\n */\nimport { createChip } from '@m3-baseui/core';\nimport { chip, check, remove, avatar, icon } from './chip.css';\n\nexport const Chip = createChip(({ variant, elevated }) => ({\n root: chip({ variant, elevated }),\n remove,\n check,\n avatar,\n icon: icon({ variant }),\n}));\nexport type { ChipProps, ChipVariant } from '@m3-baseui/core';\n"]}
|