@m3-baseui/react-vanilla-extract 1.4.0 → 3.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 +55 -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 +550 -0
- package/dist/components/select/index.css.map +1 -0
- package/dist/{select.d.ts → components/select/index.d.ts} +6 -4
- package/dist/components/select/index.js +56 -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 +1534 -1032
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +39 -39
- package/dist/index.js +336 -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,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createDivider } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/divider/divider.ts
|
|
7
|
+
var divider = createRuntimeFn({ defaultClassName: "_1ooi3hf0", variantClassNames: { orientation: { horizontal: "_1ooi3hf1", vertical: "_1ooi3hf2" }, inset: { full: "_1ooi3hf3", inset: "_1ooi3hf4", middle: "_1ooi3hf5" } }, defaultVariants: { orientation: "horizontal", inset: "full" }, compoundVariants: [[{ orientation: "horizontal", inset: "inset" }, "_1ooi3hf6"], [{ orientation: "horizontal", inset: "middle" }, "_1ooi3hf7"], [{ orientation: "vertical", inset: "inset" }, "_1ooi3hf8"], [{ orientation: "vertical", inset: "middle" }, "_1ooi3hf9"]] });
|
|
8
|
+
|
|
9
|
+
// src/components/divider/divider.ts
|
|
10
|
+
var Divider = createDivider(({ inset, orientation }) => divider({ inset, orientation }));
|
|
11
|
+
|
|
12
|
+
export { Divider };
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/divider/divider.css.ts","../../../src/components/divider/divider.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,OAAA,GAAUA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,WAAA,EAAY,EAAC,UAAA,EAAW,WAAA,EAAY,QAAA,EAAS,WAAA,IAAa,KAAA,EAAM,EAAC,IAAA,EAAK,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,MAAA,EAAO,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,WAAA,EAAY,cAAa,KAAA,EAAM,MAAA,EAAM,EAAE,gBAAA,EAAiB,CAAC,CAAC,EAAC,WAAA,EAAY,YAAA,EAAa,KAAA,EAAM,OAAA,EAAO,EAAE,WAAW,GAAE,CAAC,EAAC,WAAA,EAAY,YAAA,EAAa,KAAA,EAAM,QAAA,EAAQ,EAAE,WAAW,GAAE,CAAC,EAAC,WAAA,EAAY,UAAA,EAAW,KAAA,EAAM,OAAA,EAAO,EAAE,WAAW,GAAE,CAAC,EAAC,WAAA,EAAY,UAAA,EAAW,OAAM,QAAA,EAAQ,EAAE,WAAW,CAAC,GAAE,CAAA;;;ACIpe,IAAM,OAAA,GAAU,aAAA,CAAc,CAAC,EAAE,KAAA,EAAO,WAAA,EAAY,KAAM,OAAA,CAAQ,EAAE,KAAA,EAAO,WAAA,EAAa,CAAC","file":"index.js","sourcesContent":["import 'src/components/divider/divider.css.ts.vanilla.css?source=Ll8xb29pM2hmMCB7CiAgZmxleC1zaHJpbms6IDA7CiAgYWxpZ24tc2VsZjogc3RyZXRjaDsKICBib3JkZXI6IG5vbmU7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vdXRsaW5lLXZhcmlhbnQpKTsKfQouXzFvb2kzaGYxIHsKICBoZWlnaHQ6IDFweDsKICB3aWR0aDogYXV0bzsKfQouXzFvb2kzaGYyIHsKICB3aWR0aDogMXB4OwogIGhlaWdodDogYXV0bzsKfQouXzFvb2kzaGY2IHsKICBtYXJnaW4taW5saW5lLXN0YXJ0OiAxNnB4Owp9Ci5fMW9vaTNoZjcgewogIG1hcmdpbi1pbmxpbmU6IDE2cHg7Cn0KLl8xb29pM2hmOCB7CiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAxNnB4Owp9Ci5fMW9vaTNoZjkgewogIG1hcmdpbi1ibG9jazogMTZweDsKfQ';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var divider = _7a468({defaultClassName:'_1ooi3hf0',variantClassNames:{orientation:{horizontal:'_1ooi3hf1',vertical:'_1ooi3hf2'},inset:{full:'_1ooi3hf3',inset:'_1ooi3hf4',middle:'_1ooi3hf5'}},defaultVariants:{orientation:'horizontal',inset:'full'},compoundVariants:[[{orientation:'horizontal',inset:'inset'},'_1ooi3hf6'],[{orientation:'horizontal',inset:'middle'},'_1ooi3hf7'],[{orientation:'vertical',inset:'inset'},'_1ooi3hf8'],[{orientation:'vertical',inset:'middle'},'_1ooi3hf9']]});","/**\n * divider.ts — wires the VE recipe into the shared Divider factory.\n */\nimport { createDivider } from '@m3-baseui/core';\nimport { divider } from './divider.css';\n\nexport const Divider = createDivider(({ inset, orientation }) => divider({ inset, orientation }));\nexport type { DividerProps, DividerInset, DividerOrientation } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA */
|
|
2
|
+
._1lttcmh0 {
|
|
3
|
+
width: 56px;
|
|
4
|
+
height: 56px;
|
|
5
|
+
border-radius: var(--md-sys-shape-large);
|
|
6
|
+
}
|
|
7
|
+
._1lttcmh0 svg {
|
|
8
|
+
width: 24px;
|
|
9
|
+
height: 24px;
|
|
10
|
+
}
|
|
11
|
+
._1lttcmh1 {
|
|
12
|
+
width: 80px;
|
|
13
|
+
height: 80px;
|
|
14
|
+
border-radius: var(--md-sys-shape-large-increased);
|
|
15
|
+
}
|
|
16
|
+
._1lttcmh1 svg {
|
|
17
|
+
width: 28px;
|
|
18
|
+
height: 28px;
|
|
19
|
+
}
|
|
20
|
+
._1lttcmh2 {
|
|
21
|
+
width: 96px;
|
|
22
|
+
height: 96px;
|
|
23
|
+
border-radius: var(--md-sys-shape-extra-large);
|
|
24
|
+
}
|
|
25
|
+
._1lttcmh2 svg {
|
|
26
|
+
width: 32px;
|
|
27
|
+
height: 32px;
|
|
28
|
+
}
|
|
29
|
+
._1lttcmh3 {
|
|
30
|
+
height: 56px;
|
|
31
|
+
min-width: 80px;
|
|
32
|
+
padding-inline: 16px;
|
|
33
|
+
gap: 8px;
|
|
34
|
+
border-radius: var(--md-sys-shape-large);
|
|
35
|
+
font-family: var(--md-sys-typescale-title-medium-font);
|
|
36
|
+
font-weight: var(--md-sys-typescale-title-medium-weight);
|
|
37
|
+
font-size: var(--md-sys-typescale-title-medium-size);
|
|
38
|
+
line-height: var(--md-sys-typescale-title-medium-line-height);
|
|
39
|
+
letter-spacing: var(--md-sys-typescale-title-medium-tracking);
|
|
40
|
+
}
|
|
41
|
+
._1lttcmh3 svg {
|
|
42
|
+
width: 24px;
|
|
43
|
+
height: 24px;
|
|
44
|
+
}
|
|
45
|
+
._1lttcmh4 {
|
|
46
|
+
height: 80px;
|
|
47
|
+
min-width: 112px;
|
|
48
|
+
padding-inline: 26px;
|
|
49
|
+
gap: 16px;
|
|
50
|
+
border-radius: var(--md-sys-shape-large-increased);
|
|
51
|
+
font-family: var(--md-sys-typescale-title-large-font);
|
|
52
|
+
font-weight: var(--md-sys-typescale-title-large-weight);
|
|
53
|
+
font-size: var(--md-sys-typescale-title-large-size);
|
|
54
|
+
line-height: var(--md-sys-typescale-title-large-line-height);
|
|
55
|
+
letter-spacing: var(--md-sys-typescale-title-large-tracking);
|
|
56
|
+
}
|
|
57
|
+
._1lttcmh4 svg {
|
|
58
|
+
width: 28px;
|
|
59
|
+
height: 28px;
|
|
60
|
+
}
|
|
61
|
+
._1lttcmh5 {
|
|
62
|
+
height: 96px;
|
|
63
|
+
min-width: 128px;
|
|
64
|
+
padding-inline: 28px;
|
|
65
|
+
gap: 20px;
|
|
66
|
+
border-radius: var(--md-sys-shape-extra-large);
|
|
67
|
+
font-family: var(--md-sys-typescale-headline-small-font);
|
|
68
|
+
font-weight: var(--md-sys-typescale-headline-small-weight);
|
|
69
|
+
font-size: var(--md-sys-typescale-headline-small-size);
|
|
70
|
+
line-height: var(--md-sys-typescale-headline-small-line-height);
|
|
71
|
+
letter-spacing: var(--md-sys-typescale-headline-small-tracking);
|
|
72
|
+
}
|
|
73
|
+
._1lttcmh5 svg {
|
|
74
|
+
width: 32px;
|
|
75
|
+
height: 32px;
|
|
76
|
+
}
|
|
77
|
+
._1lttcmh6 {
|
|
78
|
+
position: relative;
|
|
79
|
+
display: inline-flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
box-sizing: border-box;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
border: none;
|
|
85
|
+
cursor: pointer;
|
|
86
|
+
user-select: none;
|
|
87
|
+
outline: none;
|
|
88
|
+
box-shadow: var(--md-sys-elevation-level3);
|
|
89
|
+
transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
|
|
90
|
+
}
|
|
91
|
+
._1lttcmh6::before {
|
|
92
|
+
content: "";
|
|
93
|
+
position: absolute;
|
|
94
|
+
inset: 0;
|
|
95
|
+
background: currentColor;
|
|
96
|
+
opacity: 0;
|
|
97
|
+
pointer-events: none;
|
|
98
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
99
|
+
}
|
|
100
|
+
._1lttcmh6:hover {
|
|
101
|
+
box-shadow: var(--md-sys-elevation-level4);
|
|
102
|
+
}
|
|
103
|
+
._1lttcmh6:hover::before {
|
|
104
|
+
opacity: var(--md-sys-state-hover);
|
|
105
|
+
}
|
|
106
|
+
._1lttcmh6:focus-visible::before {
|
|
107
|
+
opacity: var(--md-sys-state-focus);
|
|
108
|
+
}
|
|
109
|
+
._1lttcmh6:active::before {
|
|
110
|
+
opacity: var(--md-sys-state-pressed);
|
|
111
|
+
}
|
|
112
|
+
._1lttcmh6[data-pressed]::before {
|
|
113
|
+
opacity: var(--md-sys-state-pressed);
|
|
114
|
+
}
|
|
115
|
+
._1lttcmh6:disabled,
|
|
116
|
+
._1lttcmh6[data-disabled] {
|
|
117
|
+
pointer-events: none;
|
|
118
|
+
box-shadow: none;
|
|
119
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
120
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
121
|
+
}
|
|
122
|
+
._1lttcmh6:disabled::before,
|
|
123
|
+
._1lttcmh6[data-disabled]::before {
|
|
124
|
+
opacity: 0;
|
|
125
|
+
}
|
|
126
|
+
._1lttcmhc {
|
|
127
|
+
background: rgb(var(--md-sys-color-primary-container));
|
|
128
|
+
color: rgb(var(--md-sys-color-on-primary-container));
|
|
129
|
+
}
|
|
130
|
+
._1lttcmhd {
|
|
131
|
+
background: rgb(var(--md-sys-color-secondary-container));
|
|
132
|
+
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
133
|
+
}
|
|
134
|
+
._1lttcmhe {
|
|
135
|
+
background: rgb(var(--md-sys-color-tertiary-container));
|
|
136
|
+
color: rgb(var(--md-sys-color-on-tertiary-container));
|
|
137
|
+
}
|
|
138
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA"],"sourcesContent":["._1lttcmh0 {\n width: 56px;\n height: 56px;\n border-radius: var(--md-sys-shape-large);\n}\n._1lttcmh0 svg {\n width: 24px;\n height: 24px;\n}\n._1lttcmh1 {\n width: 80px;\n height: 80px;\n border-radius: var(--md-sys-shape-large-increased);\n}\n._1lttcmh1 svg {\n width: 28px;\n height: 28px;\n}\n._1lttcmh2 {\n width: 96px;\n height: 96px;\n border-radius: var(--md-sys-shape-extra-large);\n}\n._1lttcmh2 svg {\n width: 32px;\n height: 32px;\n}\n._1lttcmh3 {\n height: 56px;\n min-width: 80px;\n padding-inline: 16px;\n gap: 8px;\n border-radius: var(--md-sys-shape-large);\n font-family: var(--md-sys-typescale-title-medium-font);\n font-weight: var(--md-sys-typescale-title-medium-weight);\n font-size: var(--md-sys-typescale-title-medium-size);\n line-height: var(--md-sys-typescale-title-medium-line-height);\n letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n}\n._1lttcmh3 svg {\n width: 24px;\n height: 24px;\n}\n._1lttcmh4 {\n height: 80px;\n min-width: 112px;\n padding-inline: 26px;\n gap: 16px;\n border-radius: var(--md-sys-shape-large-increased);\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._1lttcmh4 svg {\n width: 28px;\n height: 28px;\n}\n._1lttcmh5 {\n height: 96px;\n min-width: 128px;\n padding-inline: 28px;\n gap: 20px;\n border-radius: var(--md-sys-shape-extra-large);\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n line-height: var(--md-sys-typescale-headline-small-line-height);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n}\n._1lttcmh5 svg {\n width: 32px;\n height: 32px;\n}\n._1lttcmh6 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n overflow: hidden;\n border: none;\n cursor: pointer;\n user-select: none;\n outline: none;\n box-shadow: var(--md-sys-elevation-level3);\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n._1lttcmh6::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._1lttcmh6:hover {\n box-shadow: var(--md-sys-elevation-level4);\n}\n._1lttcmh6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1lttcmh6:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1lttcmh6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1lttcmh6[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1lttcmh6:disabled, ._1lttcmh6[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1lttcmh6:disabled::before, ._1lttcmh6[data-disabled]::before {\n opacity: 0;\n}\n._1lttcmhc {\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1lttcmhd {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1lttcmhe {\n background: rgb(var(--md-sys-color-tertiary-container));\n color: rgb(var(--md-sys-color-on-tertiary-container));\n}"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACrB;AACA,CALC,UAKU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,kBAAgB;AAChB,OAAK;AACL,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAZC,UAYU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,kBAAgB;AAChB,OAAK;AACL,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAZC,UAYU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,aAAW;AACX,kBAAgB;AAChB,OAAK;AACL,iBAAe,IAAI;AACnB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAZC,UAYU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACZ,YAAU;AACV,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,WAAS;AACT,cAAY,IAAI;AAChB,cAAY,WAAW,MAAM,IAAI;AACnC;AACA,CAdC,SAcS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAvBC,SAuBS;AACR,cAAY,IAAI;AAClB;AACA,CA1BC,SA0BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA7BC,SA6BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAhCC,SAgCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAnCC,SAmCS,CAAC,aAAa;AACtB,WAAS,IAAI;AACf;AACA,CAtCC,SAsCS;AAAW,CAtCpB,SAsC8B,CAAC;AAC9B,kBAAgB;AAChB,cAAY;AACZ,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CA5CC,SA4CS,SAAS;AAAU,CA5C5B,SA4CsC,CAAC,cAAc;AACpD,WAAS;AACX;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;","names":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _base_ui_react from '@base-ui/react';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import * as _m3_baseui_core from '@m3-baseui/core';
|
|
4
|
-
export { FabColor, FabProps, FabSize } from '@m3-baseui/core';
|
|
4
|
+
export { FabColor, FabProps, FabSize, FabVariant } from '@m3-baseui/core';
|
|
5
5
|
|
|
6
6
|
declare const Fab: react.ForwardRefExoticComponent<_m3_baseui_core.FabOwnProps & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
|
|
7
7
|
render?: _base_ui_react.useRender.RenderProp;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createFab } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/fab/fab.ts
|
|
7
|
+
var fab = createRuntimeFn({ defaultClassName: "_1lttcmh6", variantClassNames: { size: { small: "_1lttcmh7", medium: "_1lttcmh8", large: "_1lttcmh9" }, variant: { standard: "_1lttcmha", extended: "_1lttcmhb" }, color: { primary: "_1lttcmhc", secondary: "_1lttcmhd", tertiary: "_1lttcmhe" } }, defaultVariants: { size: "small", variant: "standard", color: "primary" }, compoundVariants: [[{ size: "small", variant: "standard" }, "_1lttcmh0"], [{ size: "medium", variant: "standard" }, "_1lttcmh1"], [{ size: "large", variant: "standard" }, "_1lttcmh2"], [{ size: "small", variant: "extended" }, "_1lttcmh3"], [{ size: "medium", variant: "extended" }, "_1lttcmh4"], [{ size: "large", variant: "extended" }, "_1lttcmh5"]] });
|
|
8
|
+
|
|
9
|
+
// src/components/fab/fab.ts
|
|
10
|
+
var Fab = createFab(({ size, color, variant }) => fab({ size, color, variant }));
|
|
11
|
+
|
|
12
|
+
export { Fab };
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/fab/fab.css.ts","../../../src/components/fab/fab.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,GAAA,GAAMA,gBAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,MAAK,EAAC,KAAA,EAAM,aAAY,MAAA,EAAO,WAAA,EAAY,OAAM,WAAA,EAAW,EAAE,SAAQ,EAAC,QAAA,EAAS,WAAA,EAAY,QAAA,EAAS,WAAA,EAAW,EAAE,OAAM,EAAC,OAAA,EAAQ,aAAY,SAAA,EAAU,WAAA,EAAY,UAAS,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,IAAA,EAAK,SAAQ,OAAA,EAAQ,UAAA,EAAW,OAAM,SAAA,EAAS,EAAE,kBAAiB,CAAC,CAAC,EAAC,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,YAAU,EAAE,WAAW,GAAE,CAAC,EAAC,MAAK,QAAA,EAAS,OAAA,EAAQ,UAAA,EAAU,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,SAAQ,OAAA,EAAQ,UAAA,IAAY,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,OAAA,EAAQ,SAAQ,UAAA,EAAU,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,UAAA,EAAU,EAAE,WAAW,GAAE,CAAC,EAAC,MAAK,OAAA,EAAQ,OAAA,EAAQ,YAAU,EAAE,WAAW,CAAC,CAAA,EAAE,CAAA;;;ACInnB,IAAM,GAAA,GAAM,SAAA,CAAU,CAAC,EAAE,MAAM,KAAA,EAAO,OAAA,EAAQ,KAAM,GAAA,CAAI,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,CAAC","file":"index.js","sourcesContent":["import 'src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var fab = _7a468({defaultClassName:'_1lttcmh6',variantClassNames:{size:{small:'_1lttcmh7',medium:'_1lttcmh8',large:'_1lttcmh9'},variant:{standard:'_1lttcmha',extended:'_1lttcmhb'},color:{primary:'_1lttcmhc',secondary:'_1lttcmhd',tertiary:'_1lttcmhe'}},defaultVariants:{size:'small',variant:'standard',color:'primary'},compoundVariants:[[{size:'small',variant:'standard'},'_1lttcmh0'],[{size:'medium',variant:'standard'},'_1lttcmh1'],[{size:'large',variant:'standard'},'_1lttcmh2'],[{size:'small',variant:'extended'},'_1lttcmh3'],[{size:'medium',variant:'extended'},'_1lttcmh4'],[{size:'large',variant:'extended'},'_1lttcmh5']]});","/**\n * fab.ts — wires the VE recipe into the shared FAB factory.\n */\nimport { createFab } from '@m3-baseui/core';\nimport { fab } from './fab.css';\n\nexport const Fab = createFab(({ size, color, variant }) => fab({ size, color, variant }));\nexport type { FabProps, FabSize, FabVariant, FabColor } from '@m3-baseui/core';\n"]}
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA */
|
|
2
|
+
._1lttcmh0 {
|
|
3
|
+
width: 56px;
|
|
4
|
+
height: 56px;
|
|
5
|
+
border-radius: var(--md-sys-shape-large);
|
|
6
|
+
}
|
|
7
|
+
._1lttcmh0 svg {
|
|
8
|
+
width: 24px;
|
|
9
|
+
height: 24px;
|
|
10
|
+
}
|
|
11
|
+
._1lttcmh1 {
|
|
12
|
+
width: 80px;
|
|
13
|
+
height: 80px;
|
|
14
|
+
border-radius: var(--md-sys-shape-large-increased);
|
|
15
|
+
}
|
|
16
|
+
._1lttcmh1 svg {
|
|
17
|
+
width: 28px;
|
|
18
|
+
height: 28px;
|
|
19
|
+
}
|
|
20
|
+
._1lttcmh2 {
|
|
21
|
+
width: 96px;
|
|
22
|
+
height: 96px;
|
|
23
|
+
border-radius: var(--md-sys-shape-extra-large);
|
|
24
|
+
}
|
|
25
|
+
._1lttcmh2 svg {
|
|
26
|
+
width: 32px;
|
|
27
|
+
height: 32px;
|
|
28
|
+
}
|
|
29
|
+
._1lttcmh3 {
|
|
30
|
+
height: 56px;
|
|
31
|
+
min-width: 80px;
|
|
32
|
+
padding-inline: 16px;
|
|
33
|
+
gap: 8px;
|
|
34
|
+
border-radius: var(--md-sys-shape-large);
|
|
35
|
+
font-family: var(--md-sys-typescale-title-medium-font);
|
|
36
|
+
font-weight: var(--md-sys-typescale-title-medium-weight);
|
|
37
|
+
font-size: var(--md-sys-typescale-title-medium-size);
|
|
38
|
+
line-height: var(--md-sys-typescale-title-medium-line-height);
|
|
39
|
+
letter-spacing: var(--md-sys-typescale-title-medium-tracking);
|
|
40
|
+
}
|
|
41
|
+
._1lttcmh3 svg {
|
|
42
|
+
width: 24px;
|
|
43
|
+
height: 24px;
|
|
44
|
+
}
|
|
45
|
+
._1lttcmh4 {
|
|
46
|
+
height: 80px;
|
|
47
|
+
min-width: 112px;
|
|
48
|
+
padding-inline: 26px;
|
|
49
|
+
gap: 16px;
|
|
50
|
+
border-radius: var(--md-sys-shape-large-increased);
|
|
51
|
+
font-family: var(--md-sys-typescale-title-large-font);
|
|
52
|
+
font-weight: var(--md-sys-typescale-title-large-weight);
|
|
53
|
+
font-size: var(--md-sys-typescale-title-large-size);
|
|
54
|
+
line-height: var(--md-sys-typescale-title-large-line-height);
|
|
55
|
+
letter-spacing: var(--md-sys-typescale-title-large-tracking);
|
|
56
|
+
}
|
|
57
|
+
._1lttcmh4 svg {
|
|
58
|
+
width: 28px;
|
|
59
|
+
height: 28px;
|
|
60
|
+
}
|
|
61
|
+
._1lttcmh5 {
|
|
62
|
+
height: 96px;
|
|
63
|
+
min-width: 128px;
|
|
64
|
+
padding-inline: 28px;
|
|
65
|
+
gap: 20px;
|
|
66
|
+
border-radius: var(--md-sys-shape-extra-large);
|
|
67
|
+
font-family: var(--md-sys-typescale-headline-small-font);
|
|
68
|
+
font-weight: var(--md-sys-typescale-headline-small-weight);
|
|
69
|
+
font-size: var(--md-sys-typescale-headline-small-size);
|
|
70
|
+
line-height: var(--md-sys-typescale-headline-small-line-height);
|
|
71
|
+
letter-spacing: var(--md-sys-typescale-headline-small-tracking);
|
|
72
|
+
}
|
|
73
|
+
._1lttcmh5 svg {
|
|
74
|
+
width: 32px;
|
|
75
|
+
height: 32px;
|
|
76
|
+
}
|
|
77
|
+
._1lttcmh6 {
|
|
78
|
+
position: relative;
|
|
79
|
+
display: inline-flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
box-sizing: border-box;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
border: none;
|
|
85
|
+
cursor: pointer;
|
|
86
|
+
user-select: none;
|
|
87
|
+
outline: none;
|
|
88
|
+
box-shadow: var(--md-sys-elevation-level3);
|
|
89
|
+
transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
|
|
90
|
+
}
|
|
91
|
+
._1lttcmh6::before {
|
|
92
|
+
content: "";
|
|
93
|
+
position: absolute;
|
|
94
|
+
inset: 0;
|
|
95
|
+
background: currentColor;
|
|
96
|
+
opacity: 0;
|
|
97
|
+
pointer-events: none;
|
|
98
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
99
|
+
}
|
|
100
|
+
._1lttcmh6:hover {
|
|
101
|
+
box-shadow: var(--md-sys-elevation-level4);
|
|
102
|
+
}
|
|
103
|
+
._1lttcmh6:hover::before {
|
|
104
|
+
opacity: var(--md-sys-state-hover);
|
|
105
|
+
}
|
|
106
|
+
._1lttcmh6:focus-visible::before {
|
|
107
|
+
opacity: var(--md-sys-state-focus);
|
|
108
|
+
}
|
|
109
|
+
._1lttcmh6:active::before {
|
|
110
|
+
opacity: var(--md-sys-state-pressed);
|
|
111
|
+
}
|
|
112
|
+
._1lttcmh6[data-pressed]::before {
|
|
113
|
+
opacity: var(--md-sys-state-pressed);
|
|
114
|
+
}
|
|
115
|
+
._1lttcmh6:disabled,
|
|
116
|
+
._1lttcmh6[data-disabled] {
|
|
117
|
+
pointer-events: none;
|
|
118
|
+
box-shadow: none;
|
|
119
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
120
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
121
|
+
}
|
|
122
|
+
._1lttcmh6:disabled::before,
|
|
123
|
+
._1lttcmh6[data-disabled]::before {
|
|
124
|
+
opacity: 0;
|
|
125
|
+
}
|
|
126
|
+
._1lttcmhc {
|
|
127
|
+
background: rgb(var(--md-sys-color-primary-container));
|
|
128
|
+
color: rgb(var(--md-sys-color-on-primary-container));
|
|
129
|
+
}
|
|
130
|
+
._1lttcmhd {
|
|
131
|
+
background: rgb(var(--md-sys-color-secondary-container));
|
|
132
|
+
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
133
|
+
}
|
|
134
|
+
._1lttcmhe {
|
|
135
|
+
background: rgb(var(--md-sys-color-tertiary-container));
|
|
136
|
+
color: rgb(var(--md-sys-color-on-tertiary-container));
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/* vanilla-extract-css-ns:src/components/fab-menu/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VV227bMAx9z1cIeWqAKUt62ToV28s-YwgG2qJtorJkSHTadOi_D5Kdi91sc7qnwCIPecRzxCx_ru8_A-R6JX7NhNAUGgM7JQqDzw8zkX6lJo85k7NK5M60tY0RMFRaSYx16NIlWh0DJTRK3DYJnkH-WHrXWq0Ee7ChAY-WY8i1bMiiEtZZjAcpXjhfS-epJKvEFvyVlOPzxSGZOk6ugZx4J9Z3qzr0oFrLsAuydjFFIgSypQwMVoPXiw_HZhegHmavs-VhXj80MMSg5y5rZ3DzQYwT0OpjOM24p6vEanBrJUIOBq9Wyy93w1brBGvc_r4eDTBt09AOgpGN05R73Qbq5GgZ_UGb-06bCqmsWIm7T913AzpR7Sopcd1r6LboC-OelKhIa0ziZ-5ZBnohWyqROa_Ry8yl7Lz1wXklGkf7pm1ALwMazPmo9hv5-zIeNLVBDQUJFTQoi9aYxaF7BTpyGuShwS0k7Qxu0dy8scoReZHuQhTOsiygJrMb9eRdg0k5ycQGZY2a2lpGwBH51M96CrLLPWIDveA0ZMxMuGSF6oKeJ4CuADJH0aJVo8ZTarCH_JFsOTKvUhkWzmMyce4so2Ul5vOHgachC860nJxANiD3z-N0geStj8vjuzMu-Wr4kHrDSdyi5TBaK-NNsXrXm1-rKj6GdJOpHrw9W2IwlMM9hp5nYJQpe1SiWywVlZWJgqHe_Fc5BXncJpNrNB5DwPFoOlKaAmQG9aZfWeclOZ3d4exEaF9mV4PGeZRcOitD6wvIcSE-itVyfZ28moKTQTf3fyd-fgyr0ULul79x_HVeQCZrtK00CHGBzjfDv9LBZr6kyjcRtmWq9USaq-NG3r_s7vuk5E1nzX-PsvFUg9_J-B6BLPrFtFGexZ0QuJ1KIGDu4gu7nMIfkCck7qaSYPRM7-FwHvj6G0WV13FNCQAA */
|
|
140
|
+
._187aacd0 {
|
|
141
|
+
display: flex;
|
|
142
|
+
flex-direction: column;
|
|
143
|
+
align-items: flex-end;
|
|
144
|
+
gap: 4px;
|
|
145
|
+
background: transparent;
|
|
146
|
+
outline: none;
|
|
147
|
+
transform-origin: var(--transform-origin);
|
|
148
|
+
transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
|
|
149
|
+
}
|
|
150
|
+
._187aacd0[data-starting-style],
|
|
151
|
+
._187aacd0[data-ending-style] {
|
|
152
|
+
opacity: 0;
|
|
153
|
+
transform: scale(0.95);
|
|
154
|
+
}
|
|
155
|
+
._187aacd1 {
|
|
156
|
+
position: relative;
|
|
157
|
+
display: inline-flex;
|
|
158
|
+
align-items: center;
|
|
159
|
+
gap: 8px;
|
|
160
|
+
height: 56px;
|
|
161
|
+
padding-inline: 24px;
|
|
162
|
+
overflow: hidden;
|
|
163
|
+
box-sizing: border-box;
|
|
164
|
+
cursor: pointer;
|
|
165
|
+
user-select: none;
|
|
166
|
+
outline: none;
|
|
167
|
+
border-radius: var(--md-sys-shape-full);
|
|
168
|
+
box-shadow: var(--md-sys-elevation-level3);
|
|
169
|
+
transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
|
|
170
|
+
font-family: var(--md-sys-typescale-title-medium-font);
|
|
171
|
+
font-weight: var(--md-sys-typescale-title-medium-weight);
|
|
172
|
+
font-size: var(--md-sys-typescale-title-medium-size);
|
|
173
|
+
line-height: var(--md-sys-typescale-title-medium-line-height);
|
|
174
|
+
letter-spacing: var(--md-sys-typescale-title-medium-tracking);
|
|
175
|
+
}
|
|
176
|
+
._187aacd1::before {
|
|
177
|
+
content: "";
|
|
178
|
+
position: absolute;
|
|
179
|
+
inset: 0;
|
|
180
|
+
background: currentColor;
|
|
181
|
+
opacity: 0;
|
|
182
|
+
pointer-events: none;
|
|
183
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
184
|
+
}
|
|
185
|
+
._187aacd1:hover {
|
|
186
|
+
box-shadow: var(--md-sys-elevation-level4);
|
|
187
|
+
}
|
|
188
|
+
._187aacd1:hover::before {
|
|
189
|
+
opacity: var(--md-sys-state-hover);
|
|
190
|
+
}
|
|
191
|
+
._187aacd1[data-highlighted]::before {
|
|
192
|
+
opacity: var(--md-sys-state-hover);
|
|
193
|
+
}
|
|
194
|
+
._187aacd1:active::before {
|
|
195
|
+
opacity: var(--md-sys-state-pressed);
|
|
196
|
+
}
|
|
197
|
+
._187aacd1[data-disabled] {
|
|
198
|
+
pointer-events: none;
|
|
199
|
+
box-shadow: none;
|
|
200
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
201
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
202
|
+
}
|
|
203
|
+
._187aacd1[data-disabled]::before {
|
|
204
|
+
opacity: 0;
|
|
205
|
+
}
|
|
206
|
+
._187aacd1 [data-slot=fab-menu-leading] {
|
|
207
|
+
display: inline-flex;
|
|
208
|
+
}
|
|
209
|
+
._187aacd1 [data-slot=fab-menu-leading] > svg {
|
|
210
|
+
width: 24px;
|
|
211
|
+
height: 24px;
|
|
212
|
+
}
|
|
213
|
+
._187aacd3 {
|
|
214
|
+
background: rgb(var(--md-sys-color-primary-container));
|
|
215
|
+
color: rgb(var(--md-sys-color-on-primary-container));
|
|
216
|
+
}
|
|
217
|
+
._187aacd4 {
|
|
218
|
+
background: rgb(var(--md-sys-color-secondary-container));
|
|
219
|
+
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
220
|
+
}
|
|
221
|
+
._187aacd5 {
|
|
222
|
+
background: rgb(var(--md-sys-color-tertiary-container));
|
|
223
|
+
color: rgb(var(--md-sys-color-on-tertiary-container));
|
|
224
|
+
}
|
|
225
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA","vanilla-extract-css-ns:src/components/fab-menu/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VV227bMAx9z1cIeWqAKUt62ToV28s-YwgG2qJtorJkSHTadOi_D5Kdi91sc7qnwCIPecRzxCx_ru8_A-R6JX7NhNAUGgM7JQqDzw8zkX6lJo85k7NK5M60tY0RMFRaSYx16NIlWh0DJTRK3DYJnkH-WHrXWq0Ee7ChAY-WY8i1bMiiEtZZjAcpXjhfS-epJKvEFvyVlOPzxSGZOk6ugZx4J9Z3qzr0oFrLsAuydjFFIgSypQwMVoPXiw_HZhegHmavs-VhXj80MMSg5y5rZ3DzQYwT0OpjOM24p6vEanBrJUIOBq9Wyy93w1brBGvc_r4eDTBt09AOgpGN05R73Qbq5GgZ_UGb-06bCqmsWIm7T913AzpR7Sopcd1r6LboC-OelKhIa0ziZ-5ZBnohWyqROa_Ry8yl7Lz1wXklGkf7pm1ALwMazPmo9hv5-zIeNLVBDQUJFTQoi9aYxaF7BTpyGuShwS0k7Qxu0dy8scoReZHuQhTOsiygJrMb9eRdg0k5ycQGZY2a2lpGwBH51M96CrLLPWIDveA0ZMxMuGSF6oKeJ4CuADJH0aJVo8ZTarCH_JFsOTKvUhkWzmMyce4so2Ul5vOHgachC860nJxANiD3z-N0geStj8vjuzMu-Wr4kHrDSdyi5TBaK-NNsXrXm1-rKj6GdJOpHrw9W2IwlMM9hp5nYJQpe1SiWywVlZWJgqHe_Fc5BXncJpNrNB5DwPFoOlKaAmQG9aZfWeclOZ3d4exEaF9mV4PGeZRcOitD6wvIcSE-itVyfZ28moKTQTf3fyd-fgyr0ULul79x_HVeQCZrtK00CHGBzjfDv9LBZr6kyjcRtmWq9USaq-NG3r_s7vuk5E1nzX-PsvFUg9_J-B6BLPrFtFGexZ0QuJ1KIGDu4gu7nMIfkCck7qaSYPRM7-FwHvj6G0WV13FNCQAA"],"sourcesContent":["._1lttcmh0 {\n width: 56px;\n height: 56px;\n border-radius: var(--md-sys-shape-large);\n}\n._1lttcmh0 svg {\n width: 24px;\n height: 24px;\n}\n._1lttcmh1 {\n width: 80px;\n height: 80px;\n border-radius: var(--md-sys-shape-large-increased);\n}\n._1lttcmh1 svg {\n width: 28px;\n height: 28px;\n}\n._1lttcmh2 {\n width: 96px;\n height: 96px;\n border-radius: var(--md-sys-shape-extra-large);\n}\n._1lttcmh2 svg {\n width: 32px;\n height: 32px;\n}\n._1lttcmh3 {\n height: 56px;\n min-width: 80px;\n padding-inline: 16px;\n gap: 8px;\n border-radius: var(--md-sys-shape-large);\n font-family: var(--md-sys-typescale-title-medium-font);\n font-weight: var(--md-sys-typescale-title-medium-weight);\n font-size: var(--md-sys-typescale-title-medium-size);\n line-height: var(--md-sys-typescale-title-medium-line-height);\n letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n}\n._1lttcmh3 svg {\n width: 24px;\n height: 24px;\n}\n._1lttcmh4 {\n height: 80px;\n min-width: 112px;\n padding-inline: 26px;\n gap: 16px;\n border-radius: var(--md-sys-shape-large-increased);\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._1lttcmh4 svg {\n width: 28px;\n height: 28px;\n}\n._1lttcmh5 {\n height: 96px;\n min-width: 128px;\n padding-inline: 28px;\n gap: 20px;\n border-radius: var(--md-sys-shape-extra-large);\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n line-height: var(--md-sys-typescale-headline-small-line-height);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n}\n._1lttcmh5 svg {\n width: 32px;\n height: 32px;\n}\n._1lttcmh6 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n overflow: hidden;\n border: none;\n cursor: pointer;\n user-select: none;\n outline: none;\n box-shadow: var(--md-sys-elevation-level3);\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n._1lttcmh6::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._1lttcmh6:hover {\n box-shadow: var(--md-sys-elevation-level4);\n}\n._1lttcmh6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1lttcmh6:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1lttcmh6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1lttcmh6[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1lttcmh6:disabled, ._1lttcmh6[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1lttcmh6:disabled::before, ._1lttcmh6[data-disabled]::before {\n opacity: 0;\n}\n._1lttcmhc {\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1lttcmhd {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1lttcmhe {\n background: rgb(var(--md-sys-color-tertiary-container));\n color: rgb(var(--md-sys-color-on-tertiary-container));\n}","._187aacd0 {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n background: transparent;\n outline: none;\n transform-origin: var(--transform-origin);\n transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._187aacd0[data-starting-style], ._187aacd0[data-ending-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n._187aacd1 {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n height: 56px;\n padding-inline: 24px;\n overflow: hidden;\n box-sizing: border-box;\n cursor: pointer;\n user-select: none;\n outline: none;\n border-radius: var(--md-sys-shape-full);\n box-shadow: var(--md-sys-elevation-level3);\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n font-family: var(--md-sys-typescale-title-medium-font);\n font-weight: var(--md-sys-typescale-title-medium-weight);\n font-size: var(--md-sys-typescale-title-medium-size);\n line-height: var(--md-sys-typescale-title-medium-line-height);\n letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n}\n._187aacd1::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._187aacd1:hover {\n box-shadow: var(--md-sys-elevation-level4);\n}\n._187aacd1:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._187aacd1[data-highlighted]::before {\n opacity: var(--md-sys-state-hover);\n}\n._187aacd1:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._187aacd1[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._187aacd1[data-disabled]::before {\n opacity: 0;\n}\n._187aacd1 [data-slot=\"fab-menu-leading\"] {\n display: inline-flex;\n}\n._187aacd1 [data-slot=\"fab-menu-leading\"] > svg {\n width: 24px;\n height: 24px;\n}\n._187aacd3 {\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._187aacd4 {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._187aacd5 {\n background: rgb(var(--md-sys-color-tertiary-container));\n color: rgb(var(--md-sys-color-on-tertiary-container));\n}"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createFabMenu } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/fab-menu/fab-menu.ts
|
|
7
|
+
var fab = createRuntimeFn({ defaultClassName: "_1lttcmh6", variantClassNames: { size: { small: "_1lttcmh7", medium: "_1lttcmh8", large: "_1lttcmh9" }, variant: { standard: "_1lttcmha", extended: "_1lttcmhb" }, color: { primary: "_1lttcmhc", secondary: "_1lttcmhd", tertiary: "_1lttcmhe" } }, defaultVariants: { size: "small", variant: "standard", color: "primary" }, compoundVariants: [[{ size: "small", variant: "standard" }, "_1lttcmh0"], [{ size: "medium", variant: "standard" }, "_1lttcmh1"], [{ size: "large", variant: "standard" }, "_1lttcmh2"], [{ size: "small", variant: "extended" }, "_1lttcmh3"], [{ size: "medium", variant: "extended" }, "_1lttcmh4"], [{ size: "large", variant: "extended" }, "_1lttcmh5"]] });
|
|
8
|
+
var item = createRuntimeFn({ defaultClassName: "_187aacd2 _187aacd1", variantClassNames: { color: { primary: "_187aacd3", secondary: "_187aacd4", tertiary: "_187aacd5" } }, defaultVariants: { color: "primary" }, compoundVariants: [] });
|
|
9
|
+
var popup = "_187aacd0";
|
|
10
|
+
|
|
11
|
+
// src/components/fab-menu/fab-menu.ts
|
|
12
|
+
var FabMenu = createFabMenu(({ size, color, variant }) => fab({ size, color, variant }), {
|
|
13
|
+
popup,
|
|
14
|
+
item: (color) => item({ color })
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { FabMenu };
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/fab/fab.css.ts","../../../src/components/fab-menu/fab-menu.css.ts","../../../src/components/fab-menu/fab-menu.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,GAAA,GAAMA,gBAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,MAAK,EAAC,KAAA,EAAM,aAAY,MAAA,EAAO,WAAA,EAAY,OAAM,WAAA,EAAW,EAAE,SAAQ,EAAC,QAAA,EAAS,WAAA,EAAY,QAAA,EAAS,WAAA,EAAW,EAAE,OAAM,EAAC,OAAA,EAAQ,aAAY,SAAA,EAAU,WAAA,EAAY,UAAS,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,IAAA,EAAK,SAAQ,OAAA,EAAQ,UAAA,EAAW,OAAM,SAAA,EAAS,EAAE,kBAAiB,CAAC,CAAC,EAAC,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,YAAU,EAAE,WAAW,GAAE,CAAC,EAAC,MAAK,QAAA,EAAS,OAAA,EAAQ,UAAA,EAAU,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,SAAQ,OAAA,EAAQ,UAAA,IAAY,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,OAAA,EAAQ,SAAQ,UAAA,EAAU,EAAE,WAAW,CAAA,EAAE,CAAC,EAAC,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,UAAA,EAAU,EAAE,WAAW,GAAE,CAAC,EAAC,MAAK,OAAA,EAAQ,OAAA,EAAQ,YAAU,EAAE,WAAW,CAAC,CAAA,EAAE,CAAA;ACAnnB,IAAI,IAAA,GAAOA,eAAAA,CAAO,EAAC,gBAAA,EAAiB,qBAAA,EAAsB,mBAAkB,EAAC,KAAA,EAAM,EAAC,OAAA,EAAQ,WAAA,EAAY,SAAA,EAAU,aAAY,QAAA,EAAS,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,KAAA,EAAM,SAAA,EAAS,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAC3M,IAAI,KAAA,GAAQ,WAAA;;;ACIZ,IAAM,OAAA,GAAU,aAAA,CAAc,CAAC,EAAE,MAAM,KAAA,EAAO,OAAA,EAAQ,KAAM,GAAA,CAAI,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,CAAA,EAAG;AAAA,EAChG,KAAA;AAAA,EACA,MAAM,CAAC,KAAA,KAAU,IAAA,CAAK,EAAE,OAAO;AACjC,CAAC","file":"index.js","sourcesContent":["import 'src/components/fab/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW0XKbMBB891do-hTPVKnBjschj_2MTqZzoDOoERIjHSRuJ__eQZgYFNKC8yh0u9rbPcm-_RkpoqwsNuzPirFnKahI2N2-enlYMVagzAu6rFNjBVpuQcjaJawBe8N5Kbg7Oe4KqJArsDmuH1avq9sLs2vyIXu8G7N36wEiGlYfNuPqfj1TC5c6swgOxTo4I1R1CFQdAlXxsPo-cOh-tkP4QhamfIpDRdt4fEa3HiC2vjoMqZSaB95VIITUOZdaSY0Ji86lOVQJOyzNlrGj0cSPUEp1CirpVKHLQCEnSQp5iULWJW8BF-TzWfEcZFd7wTr5G-ch20qPa3vmxYIzB4COAInQcldBJnU-j4MsZE9S5-sgsaV3YTfKuA90kHEUxdMhx8OQo2U3eHRrluTdoa-IuwNekXYHvCLsDviprDuK6ah3ix-Yu1HU9--vc9RTvIv6MIg6nv1Ajp-ieTEXCMJ75kpQalnSAXZR2AF2Ud4B9srIA5bp1O8WP-J7X10ZJ0kanTCLCkg22IKEdJWCU8K6oPlRoScDJXPNJWHpEpahJrTt51-1I3k88cxoQk3DrdS8tJ75_s6DkRrPZRq0R2WeE1ZIIVBfRidh2mivI6utMzZhlZE9Ye1ay1BhRpc6U1M3kP0Hf2wBoqUf2YoKG2gb5gobVFsfBFnQvQ0XJIvuNqUbw0vjsQiuvQaOQAuwwS_8PklSPBqL3uA3T758eRj5DakzqiYvV2qHlLCNlw7ZU25NrUXS9m9R03ejjG_etKNCp3Pl2RWODWpyl-aH7ZwRLNpc2UvR5uQ7mevpbpJiZMpbH-PHgYCQ--qQ4miy2vFGOpkqnE3lUSEVZO2Uz-aoLLp3f-L2PwQQ9HuPnyRLhHSQKhRfWXhCv_N4vqzTgQ-Tefs2GCObpzcjNVk7UNxo7mp7hAzX7Bvb3Eaxvw1-czZoe_iom96Vf3Q1bdxmRJh1w_f_diorS7DdKwRSo13Pa2cSNxAg5gpwmJn2Di2X8AFyIALniiC0JK_RMA18_QtGJdsZqQ0AAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var fab = _7a468({defaultClassName:'_1lttcmh6',variantClassNames:{size:{small:'_1lttcmh7',medium:'_1lttcmh8',large:'_1lttcmh9'},variant:{standard:'_1lttcmha',extended:'_1lttcmhb'},color:{primary:'_1lttcmhc',secondary:'_1lttcmhd',tertiary:'_1lttcmhe'}},defaultVariants:{size:'small',variant:'standard',color:'primary'},compoundVariants:[[{size:'small',variant:'standard'},'_1lttcmh0'],[{size:'medium',variant:'standard'},'_1lttcmh1'],[{size:'large',variant:'standard'},'_1lttcmh2'],[{size:'small',variant:'extended'},'_1lttcmh3'],[{size:'medium',variant:'extended'},'_1lttcmh4'],[{size:'large',variant:'extended'},'_1lttcmh5']]});","import 'src/components/fab-menu/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VV227bMAx9z1cIeWqAKUt62ToV28s-YwgG2qJtorJkSHTadOi_D5Kdi91sc7qnwCIPecRzxCx_ru8_A-R6JX7NhNAUGgM7JQqDzw8zkX6lJo85k7NK5M60tY0RMFRaSYx16NIlWh0DJTRK3DYJnkH-WHrXWq0Ee7ChAY-WY8i1bMiiEtZZjAcpXjhfS-epJKvEFvyVlOPzxSGZOk6ugZx4J9Z3qzr0oFrLsAuydjFFIgSypQwMVoPXiw_HZhegHmavs-VhXj80MMSg5y5rZ3DzQYwT0OpjOM24p6vEanBrJUIOBq9Wyy93w1brBGvc_r4eDTBt09AOgpGN05R73Qbq5GgZ_UGb-06bCqmsWIm7T913AzpR7Sopcd1r6LboC-OelKhIa0ziZ-5ZBnohWyqROa_Ry8yl7Lz1wXklGkf7pm1ALwMazPmo9hv5-zIeNLVBDQUJFTQoi9aYxaF7BTpyGuShwS0k7Qxu0dy8scoReZHuQhTOsiygJrMb9eRdg0k5ycQGZY2a2lpGwBH51M96CrLLPWIDveA0ZMxMuGSF6oKeJ4CuADJH0aJVo8ZTarCH_JFsOTKvUhkWzmMyce4so2Ul5vOHgachC860nJxANiD3z-N0geStj8vjuzMu-Wr4kHrDSdyi5TBaK-NNsXrXm1-rKj6GdJOpHrw9W2IwlMM9hp5nYJQpe1SiWywVlZWJgqHe_Fc5BXncJpNrNB5DwPFoOlKaAmQG9aZfWeclOZ3d4exEaF9mV4PGeZRcOitD6wvIcSE-itVyfZ28moKTQTf3fyd-fgyr0ULul79x_HVeQCZrtK00CHGBzjfDv9LBZr6kyjcRtmWq9USaq-NG3r_s7vuk5E1nzX-PsvFUg9_J-B6BLPrFtFGexZ0QuJ1KIGDu4gu7nMIfkCck7qaSYPRM7-FwHvj6G0WV13FNCQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var item = _7a468({defaultClassName:'_187aacd2 _187aacd1',variantClassNames:{color:{primary:'_187aacd3',secondary:'_187aacd4',tertiary:'_187aacd5'}},defaultVariants:{color:'primary'},compoundVariants:[]});\nexport var popup = '_187aacd0';","/**\n * fab-menu.ts — wires the VE styles into the shared FAB menu factory.\n */\nimport { createFabMenu } from '@m3-baseui/core';\nimport { fab } from '../fab/fab.css';\nimport { popup, item } from './fab-menu.css';\n\nexport const FabMenu = createFabMenu(({ size, color, variant }) => fab({ size, color, variant }), {\n popup,\n item: (color) => item({ color }),\n});\n\nexport type { FabMenuTriggerProps, FabMenuItemProps } from '@m3-baseui/core';\n"]}
|