@mage-ui/preset 0.0.17 → 0.0.19
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/breakpoints.js +2 -0
- package/dist/breakpoints.js.map +1 -0
- package/dist/conditions/index.js +1 -1
- package/dist/conditions/index.js.map +1 -1
- package/dist/conditions/item-selectors.js +1 -1
- package/dist/conditions/item-selectors.js.map +1 -1
- package/dist/conditions/media-queries.js +2 -0
- package/dist/conditions/media-queries.js.map +1 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/recipes/atoms/avatar/avatar-image.js +2 -0
- package/dist/recipes/atoms/avatar/avatar-image.js.map +1 -0
- package/dist/recipes/atoms/avatar/avatar-placeholder.js +2 -0
- package/dist/recipes/atoms/avatar/avatar-placeholder.js.map +1 -0
- package/dist/recipes/atoms/avatar/avatar.js.map +1 -1
- package/dist/recipes/atoms/badges/badge-section.js.map +1 -1
- package/dist/recipes/atoms/badges/badge.js +1 -1
- package/dist/recipes/atoms/badges/badge.js.map +1 -1
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs-item.js +2 -0
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs-item.js.map +1 -0
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs-link.js +2 -0
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs-link.js.map +1 -0
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs-list.js +2 -0
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs-list.js.map +1 -0
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs-separator.js +2 -0
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs-separator.js.map +1 -0
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs.js +1 -1
- package/dist/recipes/atoms/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/recipes/atoms/breadcrumbs/index.js +2 -0
- package/dist/recipes/atoms/breadcrumbs/index.js.map +1 -0
- package/dist/recipes/atoms/bubble/bubble.js +2 -0
- package/dist/recipes/atoms/bubble/bubble.js.map +1 -0
- package/dist/recipes/atoms/buttons/button-icon-icon.js.map +1 -1
- package/dist/recipes/atoms/buttons/button-inner.js.map +1 -1
- package/dist/recipes/atoms/buttons/button-label.js.map +1 -1
- package/dist/recipes/atoms/buttons/button-section.js.map +1 -1
- package/dist/recipes/atoms/buttons/button.js +1 -1
- package/dist/recipes/atoms/buttons/button.js.map +1 -1
- package/dist/recipes/atoms/carousel/carousel-container.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-container.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-control.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-control.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-controls.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-controls.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-indicator.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-indicator.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-indicators.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-indicators.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-settings.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-settings.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-slide-in.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-slide-in.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-slide.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-slide.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel-viewport.js +2 -0
- package/dist/recipes/atoms/carousel/carousel-viewport.js.map +1 -0
- package/dist/recipes/atoms/carousel/carousel.js +2 -0
- package/dist/recipes/atoms/carousel/carousel.js.map +1 -0
- package/dist/recipes/atoms/carousel/index.js +2 -0
- package/dist/recipes/atoms/carousel/index.js.map +1 -0
- package/dist/recipes/atoms/dropdown/dropdown.js +1 -1
- package/dist/recipes/atoms/dropdown/dropdown.js.map +1 -1
- package/dist/recipes/atoms/icon-wrapped/icon-wrapped.js +2 -0
- package/dist/recipes/atoms/icon-wrapped/icon-wrapped.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-body.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-description.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-error.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-icon.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-inner.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-input.js +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-input.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label.js.map +1 -1
- package/dist/recipes/atoms/inputs/checkbox/index.js +2 -0
- package/dist/recipes/atoms/inputs/checkbox/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-empty.js.map +1 -1
- package/dist/recipes/atoms/inputs/combobox/combobox-option.js.map +1 -1
- package/dist/recipes/atoms/inputs/combobox/combobox-options.js.map +1 -1
- package/dist/recipes/atoms/inputs/combobox/combobox-section.js.map +1 -1
- package/dist/recipes/atoms/inputs/combobox/index.js +2 -0
- package/dist/recipes/atoms/inputs/combobox/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/select-button.js +2 -0
- package/dist/recipes/atoms/inputs/combobox/select-button.js.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/select-section.js +2 -0
- package/dist/recipes/atoms/inputs/combobox/select-section.js.map +1 -0
- package/dist/recipes/atoms/inputs/datepicker-dropdown.js.map +1 -1
- package/dist/recipes/atoms/inputs/datepicker-input.js +1 -1
- package/dist/recipes/atoms/inputs/datepicker-input.js.map +1 -1
- package/dist/recipes/atoms/inputs/form-control.js.map +1 -1
- package/dist/recipes/atoms/inputs/index.js +1 -1
- package/dist/recipes/atoms/inputs/index.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-button.js +2 -0
- package/dist/recipes/atoms/inputs/input-button.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-description.js +1 -1
- package/dist/recipes/atoms/inputs/input-description.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-error.js +1 -1
- package/dist/recipes/atoms/inputs/input-error.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-file/index.js +2 -0
- package/dist/recipes/atoms/inputs/input-file/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-file/input-file-group.js +2 -0
- package/dist/recipes/atoms/inputs/input-file/input-file-group.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-file/input-file-input.js +2 -0
- package/dist/recipes/atoms/inputs/input-file/input-file-input.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-file/input-file-placeholder.js +2 -0
- package/dist/recipes/atoms/inputs/input-file/input-file-placeholder.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-file/input-file-section.js +2 -0
- package/dist/recipes/atoms/inputs/input-file/input-file-section.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-label.js +1 -1
- package/dist/recipes/atoms/inputs/input-label.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-password/index.js +2 -0
- package/dist/recipes/atoms/inputs/input-password/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-password/input-toggle.js +2 -0
- package/dist/recipes/atoms/inputs/input-password/input-toggle.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-placeholder.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-root.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-section.js +1 -1
- package/dist/recipes/atoms/inputs/input-section.js.map +1 -1
- package/dist/recipes/atoms/inputs/input-wrapper.js +1 -1
- package/dist/recipes/atoms/inputs/input-wrapper.js.map +1 -1
- package/dist/recipes/atoms/inputs/input.js +1 -1
- package/dist/recipes/atoms/inputs/input.js.map +1 -1
- package/dist/recipes/atoms/inputs/radio/index.js +2 -0
- package/dist/recipes/atoms/inputs/radio/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-body.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-body.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-description.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-description.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-error.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-error.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-group-root.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-group-root.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-icon.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-icon.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-inner.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-inner.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-label-wrapper.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-label-wrapper.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-label.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-label.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio-root.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio-root.js.map +1 -0
- package/dist/recipes/atoms/inputs/radio/radio.js +2 -0
- package/dist/recipes/atoms/inputs/radio/radio.js.map +1 -0
- package/dist/recipes/atoms/inputs/textarea/index.js +2 -0
- package/dist/recipes/atoms/inputs/textarea/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-description.js +2 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-description.js.map +1 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-error.js +2 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-error.js.map +1 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-input.js +2 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-input.js.map +1 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-label.js +2 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-label.js.map +1 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-root.js +2 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-root.js.map +1 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-section.js +2 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-section.js.map +1 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-wrapper.js +2 -0
- package/dist/recipes/atoms/inputs/textarea/textarea-wrapper.js.map +1 -0
- package/dist/recipes/atoms/scroll/index.js +2 -0
- package/dist/recipes/atoms/scroll/index.js.map +1 -0
- package/dist/recipes/atoms/scroll/scroll-content.js +2 -0
- package/dist/recipes/atoms/scroll/scroll-content.js.map +1 -0
- package/dist/recipes/atoms/scroll/scroll-corner.js +2 -0
- package/dist/recipes/atoms/scroll/scroll-corner.js.map +1 -0
- package/dist/recipes/atoms/scroll/scroll-root.js +2 -0
- package/dist/recipes/atoms/scroll/scroll-root.js.map +1 -0
- package/dist/recipes/atoms/scroll/scroll-scrollbar.js +2 -0
- package/dist/recipes/atoms/scroll/scroll-scrollbar.js.map +1 -0
- package/dist/recipes/atoms/scroll/scroll-thumb.js +2 -0
- package/dist/recipes/atoms/scroll/scroll-thumb.js.map +1 -0
- package/dist/recipes/atoms/scroll/scroll-viewport.js +2 -0
- package/dist/recipes/atoms/scroll/scroll-viewport.js.map +1 -0
- package/dist/recipes/atoms/tabs/index.js +2 -0
- package/dist/recipes/atoms/tabs/index.js.map +1 -0
- package/dist/recipes/atoms/tabs/tabs-label.js +2 -0
- package/dist/recipes/atoms/tabs/tabs-label.js.map +1 -0
- package/dist/recipes/atoms/tabs/tabs-list.js +2 -0
- package/dist/recipes/atoms/tabs/tabs-list.js.map +1 -0
- package/dist/recipes/atoms/tabs/tabs-panel.js +2 -0
- package/dist/recipes/atoms/tabs/tabs-panel.js.map +1 -0
- package/dist/recipes/atoms/tabs/tabs-section.js +2 -0
- package/dist/recipes/atoms/tabs/tabs-section.js.map +1 -0
- package/dist/recipes/atoms/tabs/tabs-tab.js +2 -0
- package/dist/recipes/atoms/tabs/tabs-tab.js.map +1 -0
- package/dist/recipes/atoms/{tab → tabs}/tabs.js +1 -1
- package/dist/recipes/atoms/tabs/tabs.js.map +1 -0
- package/dist/recipes/components/data-display/index.js +2 -0
- package/dist/recipes/components/data-display/index.js.map +1 -0
- package/dist/recipes/components/data-display/table/index.js +2 -0
- package/dist/recipes/components/data-display/table/index.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-head.js +2 -0
- package/dist/recipes/components/data-display/table/table-head.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-scroll-content.js +2 -0
- package/dist/recipes/components/data-display/table/table-scroll-content.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-scroll-scrollbar.js +2 -0
- package/dist/recipes/components/data-display/table/table-scroll-scrollbar.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-scroll-thumb.js +2 -0
- package/dist/recipes/components/data-display/table/table-scroll-thumb.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-scroll-viewport.js +2 -0
- package/dist/recipes/components/data-display/table/table-scroll-viewport.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-scroll.js +2 -0
- package/dist/recipes/components/data-display/table/table-scroll.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-td.js +2 -0
- package/dist/recipes/components/data-display/table/table-td.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-th.js +2 -0
- package/dist/recipes/components/data-display/table/table-th.js.map +1 -0
- package/dist/recipes/components/data-display/table/table-tr.js +2 -0
- package/dist/recipes/components/data-display/table/table-tr.js.map +1 -0
- package/dist/recipes/components/data-display/table/table.js +2 -0
- package/dist/recipes/components/data-display/table/table.js.map +1 -0
- package/dist/recipes/components/index.js +2 -0
- package/dist/recipes/components/index.js.map +1 -0
- package/dist/recipes/index.js +1 -1
- package/dist/recipes/index.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-control.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-header-control-icon.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-header-level.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-months-list-control.js.map +1 -1
- package/dist/recipes/molecules/calendar/calendar-years-list-control.js.map +1 -1
- package/dist/recipes/molecules/calendar/index.js +1 -1
- package/dist/recipes/molecules/calendar/index.js.map +1 -1
- package/dist/recipes/shared/focus.js.map +1 -1
- package/dist/semantic-tokens/colors.js +1 -1
- package/dist/semantic-tokens/colors.js.map +1 -1
- package/dist/semantic-tokens/index.js +1 -1
- package/dist/semantic-tokens/index.js.map +1 -1
- package/dist/semantic-tokens/sizes.js +1 -1
- package/dist/tokens/borders.js +1 -1
- package/dist/tokens/borders.js.map +1 -1
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/zIndex.js +2 -0
- package/dist/tokens/zIndex.js.map +1 -0
- package/package.json +3 -3
- package/dist/recipes/atoms/avatar/avatar-img.js +0 -2
- package/dist/recipes/atoms/avatar/avatar-img.js.map +0 -1
- package/dist/recipes/atoms/avatar/avatar-text.js +0 -2
- package/dist/recipes/atoms/avatar/avatar-text.js.map +0 -1
- package/dist/recipes/atoms/breadcrumbs/breadcrumb-separator.js +0 -2
- package/dist/recipes/atoms/breadcrumbs/breadcrumb-separator.js.map +0 -1
- package/dist/recipes/atoms/breadcrumbs/breadcrumb.js +0 -2
- package/dist/recipes/atoms/breadcrumbs/breadcrumb.js.map +0 -1
- package/dist/recipes/atoms/tab/tab-label.js +0 -2
- package/dist/recipes/atoms/tab/tab-label.js.map +0 -1
- package/dist/recipes/atoms/tab/tab-list.js +0 -2
- package/dist/recipes/atoms/tab/tab-list.js.map +0 -1
- package/dist/recipes/atoms/tab/tab-panel.js +0 -2
- package/dist/recipes/atoms/tab/tab-panel.js.map +0 -1
- package/dist/recipes/atoms/tab/tab-section.js +0 -2
- package/dist/recipes/atoms/tab/tab-section.js.map +0 -1
- package/dist/recipes/atoms/tab/tab.js +0 -2
- package/dist/recipes/atoms/tab/tab.js.map +0 -1
- package/dist/recipes/atoms/tab/tabs.js.map +0 -1
- package/dist/recipes/atoms/wrapped-icon/wrapped-icon.js +0 -2
- package/dist/recipes/atoms/wrapped-icon/wrapped-icon.js.map +0 -1
- package/dist/recipes/molecules/calendar/calendar-month-cell.js +0 -2
- package/dist/recipes/molecules/calendar/calendar-month-cell.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breakpoints.js","names":[],"sources":["../src/breakpoints.ts"],"sourcesContent":["export const breakpoints = {\n phone: '36rem', // 576px\n tablet: '48rem', // 768px\n laptop: '62rem', // 992px\n desktop: '75rem', // 1200px\n widescreen: '88rem', // 1408px\n};\n"],"mappings":"AAAA,MAAa,EAAc,CACzB,MAAO,QACP,OAAQ,QACR,OAAQ,QACR,QAAS,QACT,WAAY,OACb"}
|
package/dist/conditions/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{itemSelectors as e}from"./item-selectors.js";const
|
|
1
|
+
import{itemSelectors as e}from"./item-selectors.js";import{mediaQueries as t}from"./media-queries.js";const n={...e,...t};export{n as conditions};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/conditions/index.ts"],"sourcesContent":["import { itemSelectors } from './item-selectors';\n\nexport const conditions = {\n ...itemSelectors,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/conditions/index.ts"],"sourcesContent":["import { itemSelectors } from './item-selectors';\nimport { mediaQueries } from './media-queries';\n\nexport const conditions = {\n ...itemSelectors,\n ...mediaQueries,\n};\n"],"mappings":"sGAGA,MAAa,EAAa,CACxB,GAAG,EACH,GAAG,CACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e={invalid:`&:is(:invalid, [aria-invalid="true"], [data-invalid="true"], [data-error="true"])`,groupInvalid:`.group:is(:invalid, [aria-invalid=true], [data-invalid=true], [data-error="true"])
|
|
1
|
+
const e={invalid:`&:is(:invalid, [aria-invalid="true"], [data-invalid="true"], [data-error="true"])`,groupInvalid:`.group:is(:invalid, [aria-invalid=true], [data-invalid=true], [data-error="true"]) &`,right:`&[data-position="right"]`,left:`&[data-position="left"]`};export{e as itemSelectors};
|
|
2
2
|
//# sourceMappingURL=item-selectors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item-selectors.js","names":[],"sources":["../../src/conditions/item-selectors.ts"],"sourcesContent":["export const itemSelectors = {\n invalid:\n '&:is(:invalid, [aria-invalid=\"true\"], [data-invalid=\"true\"], [data-error=\"true\"])',\n groupInvalid:\n '.group:is(:invalid, [aria-invalid=true], [data-invalid=true], [data-error=\"true\"]) &',\n};\n"],"mappings":"AAAA,MAAa,EAAgB,CAC3B,QACE,oFACF,aACE,
|
|
1
|
+
{"version":3,"file":"item-selectors.js","names":[],"sources":["../../src/conditions/item-selectors.ts"],"sourcesContent":["export const itemSelectors = {\n invalid:\n '&:is(:invalid, [aria-invalid=\"true\"], [data-invalid=\"true\"], [data-error=\"true\"])',\n groupInvalid:\n '.group:is(:invalid, [aria-invalid=true], [data-invalid=true], [data-error=\"true\"]) &',\n right: '&[data-position=\"right\"]',\n left: '&[data-position=\"left\"]',\n};\n"],"mappings":"AAAA,MAAa,EAAgB,CAC3B,QACE,oFACF,aACE,wFACF,MAAO,2BACP,KAAM,yBACP"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e={toPhone:`@media (max-width: calc(token(breakpoints.phone) - 1px))`,toTablet:`@media (max-width: calc(token(breakpoints.tablet) - 1px))`,toLaptop:`@media (max-width: calc(token(breakpoints.laptop) - 1px))`,toDesktop:`@media (max-width: calc(token(breakpoints.desktop) - 1px))`};export{e as mediaQueries};
|
|
2
|
+
//# sourceMappingURL=media-queries.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-queries.js","names":[],"sources":["../../src/conditions/media-queries.ts"],"sourcesContent":["export const mediaQueries = {\n toPhone: '@media (max-width: calc(token(breakpoints.phone) - 1px))',\n toTablet: '@media (max-width: calc(token(breakpoints.tablet) - 1px))',\n toLaptop: '@media (max-width: calc(token(breakpoints.laptop) - 1px))',\n toDesktop: '@media (max-width: calc(token(breakpoints.desktop) - 1px))',\n};\n"],"mappings":"AAAA,MAAa,EAAe,CAC1B,QAAS,2DACT,SAAU,4DACV,SAAU,4DACV,UAAW,4DACZ"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{breakpoints as e}from"./breakpoints.js";import{conditions as t}from"./conditions/index.js";import{recipes as n,slotRecipes as r}from"./recipes/index.js";import{semanticTokens as i}from"./semantic-tokens/index.js";import{tokens as a}from"./tokens/index.js";import{definePreset as o}from"@pandacss/dev";var s=o({name:`mage-preset`,conditions:t,theme:{breakpoints:e,extend:{tokens:a,semanticTokens:i,recipes:n,slotRecipes:r}}});export{s as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { definePreset } from '@pandacss/dev';\nimport { conditions } from './conditions';\nimport { recipes } from './recipes';\nimport { slotRecipes } from './recipes/index';\nimport { semanticTokens } from './semantic-tokens';\nimport { tokens } from './tokens';\n\nexport default definePreset({\n name: 'mage-preset',\n conditions,\n theme: {\n extend: {\n tokens,\n semanticTokens,\n recipes,\n slotRecipes,\n },\n },\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { definePreset } from '@pandacss/dev';\n\nimport { breakpoints } from './breakpoints';\nimport { conditions } from './conditions';\nimport { recipes } from './recipes';\nimport { slotRecipes } from './recipes/index';\nimport { semanticTokens } from './semantic-tokens';\nimport { tokens } from './tokens';\n\nexport default definePreset({\n name: 'mage-preset',\n conditions,\n theme: {\n breakpoints,\n extend: {\n tokens,\n semanticTokens,\n recipes,\n slotRecipes,\n },\n },\n});\n"],"mappings":"oTASA,IAAA,EAAe,EAAa,CAC1B,KAAM,cACN,aACA,MAAO,CACL,cACA,OAAQ,CACN,SACA,iBACA,UACA,aACD,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-image.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar-image.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarImage = defineRecipe({\n className: 'avatar-image',\n jsx: ['Avatar'],\n base: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,MAAO,OACP,OAAQ,OACR,UAAW,OACZ,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-placeholder`,jsx:[`Avatar`],base:{lineHeight:`1`,fontWeight:`regular`,color:`neutral.foreground.1.onBrand.enabled`,textDecoration:`none`},variants:{size:{s:{fontSize:`200`},m:{fontSize:`300`},l:{fontSize:`800`}}},defaultVariants:{size:`m`}});export{t as avatarPlaceholder};
|
|
2
|
+
//# sourceMappingURL=avatar-placeholder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-placeholder.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar-placeholder.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarPlaceholder = defineRecipe({\n className: 'avatar-placeholder',\n jsx: ['Avatar'],\n base: {\n lineHeight: '1',\n fontWeight: 'regular',\n color: 'neutral.foreground.1.onBrand.enabled',\n textDecoration: 'none',\n },\n variants: {\n size: {\n s: {\n fontSize: '200',\n },\n m: {\n fontSize: '300',\n },\n l: {\n fontSize: '800',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,qBACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,WAAY,IACZ,WAAY,UACZ,MAAO,uCACP,eAAgB,MACjB,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,SAAU,KACX,EACD,EAAG,CACD,SAAU,KACX,EACD,EAAG,CACD,SAAU,KACX,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"avatar.js","names":[],"sources":["../../../../src/recipes/atoms/avatar/avatar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatar = defineRecipe({\n className: 'avatar',\n jsx: ['Avatar'],\n base: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: 0,\n aspectRatio: '1',\n borderRadius: '900',\n backgroundColor: 'primary.background.1.enabled',\n overflow: 'hidden',\n },\n variants: {\n size: {\n s: {\n width: '{sizes.300}',\n height: '{sizes.300}',\n },\n m: {\n width: '{sizes.400}',\n height: '{sizes.400}',\n },\n l: {\n width: '{sizes.1000}',\n height: '{sizes.1000}',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,WAAY,EACZ,YAAa,IACb,aAAc,MACd,gBAAiB,+BACjB,SAAU,QACX,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,MAAO,cACP,OAAQ,aACT,EACD,EAAG,CACD,MAAO,cACP,OAAQ,aACT,EACD,EAAG,CACD,MAAO,eACP,OAAQ,cACT,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-section.js","names":[],"sources":["../../../../src/recipes/atoms/badges/badge-section.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"badge-section.js","names":[],"sources":["../../../../src/recipes/atoms/badges/badge-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const badgeSection = defineRecipe({\n className: 'badge-section',\n jsx: ['BadgeSection'],\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '150',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,cAAe,EACrB,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,IAAK,KACN,CACF,EAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandacss/dev";const t=e({className:`badge`,jsx:[`Badge`],base:{display:`inline-flex`,justifyContent:`center`,alignItems:`center`,fontSize:`200`,paddingX:`200`,paddingY:`150`,borderRadius:`900`,gap:`150`},variants:{status:{neutral:{backgroundColor:`neutral.background.alpha.enabled`,color:`neutral.foreground.1.enabled`},primary:{backgroundColor:`primary.background.alpha.enabled`,color:`primary.foreground.4.enabled`},secondary:{backgroundColor:`secondary.background.alpha.enabled`,color:`
|
|
1
|
+
import{defineRecipe as e}from"@pandacss/dev";const t=e({className:`badge`,jsx:[`Badge`],base:{display:`inline-flex`,justifyContent:`center`,alignItems:`center`,fontSize:`200`,paddingX:`200`,paddingY:`150`,borderRadius:`900`,gap:`150`},variants:{status:{neutral:{backgroundColor:`neutral.background.alpha.enabled`,color:`neutral.foreground.1.enabled`},primary:{backgroundColor:`primary.background.alpha.enabled`,color:`primary.foreground.4.enabled`},secondary:{backgroundColor:`secondary.background.alpha.enabled`,color:`secondary.foreground.2.enabled`},success:{backgroundColor:`success.background.alpha.enabled`,color:`success.foreground.2.enabled`},error:{backgroundColor:`danger.background.alpha.enabled`,color:`danger.foreground.2.enabled`},warning:{backgroundColor:`warning.background.alpha.enabled`,color:`warning.foreground.2.enabled`}}},defaultVariants:{status:`neutral`}});export{t as badge};
|
|
2
2
|
//# sourceMappingURL=badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","names":[],"sources":["../../../../src/recipes/atoms/badges/badge.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { defineRecipe } from '@pandacss/dev';\n\nexport const badge = defineRecipe({\n className: 'badge',\n jsx: ['Badge'],\n base: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n fontSize: '200',\n paddingX: '200',\n paddingY: '150',\n borderRadius: '900',\n gap: '150',\n },\n variants: {\n status: {\n neutral: {\n backgroundColor: 'neutral.background.alpha.enabled',\n color: 'neutral.foreground.1.enabled',\n },\n primary: {\n backgroundColor: 'primary.background.alpha.enabled',\n color: 'primary.foreground.4.enabled',\n },\n secondary: {\n backgroundColor: 'secondary.background.alpha.enabled',\n color: '
|
|
1
|
+
{"version":3,"file":"badge.js","names":[],"sources":["../../../../src/recipes/atoms/badges/badge.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { defineRecipe } from '@pandacss/dev';\n\nexport const badge = defineRecipe({\n className: 'badge',\n jsx: ['Badge'],\n base: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n fontSize: '200',\n paddingX: '200',\n paddingY: '150',\n borderRadius: '900',\n gap: '150',\n },\n variants: {\n status: {\n neutral: {\n backgroundColor: 'neutral.background.alpha.enabled',\n color: 'neutral.foreground.1.enabled',\n },\n primary: {\n backgroundColor: 'primary.background.alpha.enabled',\n color: 'primary.foreground.4.enabled',\n },\n secondary: {\n backgroundColor: 'secondary.background.alpha.enabled',\n color: 'secondary.foreground.2.enabled',\n },\n success: {\n backgroundColor: 'success.background.alpha.enabled',\n color: 'success.foreground.2.enabled',\n },\n error: {\n backgroundColor: 'danger.background.alpha.enabled',\n color: 'danger.foreground.2.enabled',\n },\n warning: {\n backgroundColor: 'warning.background.alpha.enabled',\n color: 'warning.foreground.2.enabled',\n },\n },\n },\n defaultVariants: {\n status: 'neutral',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,OAAQ,EACd,KAAM,CACJ,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,SAAU,MACV,SAAU,MACV,SAAU,MACV,aAAc,MACd,IAAK,KACN,EACD,SAAU,CACR,OAAQ,CACN,QAAS,CACP,gBAAiB,mCACjB,MAAO,8BACR,EACD,QAAS,CACP,gBAAiB,mCACjB,MAAO,8BACR,EACD,UAAW,CACT,gBAAiB,qCACjB,MAAO,gCACR,EACD,QAAS,CACP,gBAAiB,mCACjB,MAAO,8BACR,EACD,MAAO,CACL,gBAAiB,kCACjB,MAAO,6BACR,EACD,QAAS,CACP,gBAAiB,mCACjB,MAAO,8BACR,CACF,CACF,EACD,gBAAiB,CACf,OAAQ,SACT,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-item`,jsx:[`Breadcrumbs.Item`],base:{display:`flex`,alignItems:`center`,fontSize:`200`,fontWeight:`500`,color:`neutral.foreground.2.enabled`,"& [aria-current='page']":{color:`primary.foreground.2.actived`}}});export{t as breadcrumbsItem};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-item.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumbs-item.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsItem = defineRecipe({\n className: 'breadcrumbs-item',\n jsx: ['Breadcrumbs.Item'],\n base: {\n display: 'flex',\n alignItems: 'center',\n fontSize: '200',\n fontWeight: '500',\n color: 'neutral.foreground.2.enabled',\n\n \"& [aria-current='page']\": {\n color: 'primary.foreground.2.actived',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,IAAK,CAAC,kBAAmB,EACzB,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,SAAU,MACV,WAAY,MACZ,MAAO,+BAEP,0BAA2B,CACzB,MAAO,8BACR,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{focus as e}from"../../shared/focus.js";const t=e.merge({className:`breadcrumbs-link`,jsx:[`Breadcrumbs.Link`],base:{color:`neutral.foreground.2.enabled`,transition:`{animations.base.100}`,_hover:{color:`primary.foreground.2.hovered`,transition:`{animations.base.100}`},_focus:{color:`primary.foreground.2.hovered`,transition:`{animations.base.100}`},_disabled:{opacity:.4,pointerEvents:`none`}}});export{t as breadcrumbsLink};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-link.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumbs-link.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { focus } from '../../shared/focus';\n\nexport const breadcrumbsLink = focus.merge({\n className: 'breadcrumbs-link',\n jsx: ['Breadcrumbs.Link'],\n base: {\n color: 'neutral.foreground.2.enabled',\n transition: '{animations.base.100}',\n\n _hover: {\n color: 'primary.foreground.2.hovered',\n transition: '{animations.base.100}',\n },\n _focus: {\n color: 'primary.foreground.2.hovered',\n transition: '{animations.base.100}',\n },\n\n _disabled: {\n opacity: 0.4,\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAkB,EAAM,MAAM,CACzC,UAAW,mBACX,IAAK,CAAC,kBAAmB,EACzB,KAAM,CACJ,MAAO,+BACP,WAAY,wBAEZ,OAAQ,CACN,MAAO,+BACP,WAAY,uBACb,EACD,OAAQ,CACN,MAAO,+BACP,WAAY,uBACb,EAED,UAAW,CACT,QAAS,GACT,cAAe,MAChB,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-list.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumbs-list.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsList = defineRecipe({\n className: 'breadcrumbs-list',\n base: {\n display: 'flex',\n alignItems: 'center',\n gap: '200',\n fontSize: '300',\n color: 'neutral.foreground.1.enabled',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,IAAK,MACL,SAAU,MACV,MAAO,8BACR,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-separator.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumbs-separator.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsSeparator = defineRecipe({\n className: 'breadcrumbs-separator',\n base: {\n marginLeft: '200',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,wBACX,KAAM,CACJ,WAAY,KACb,CACF,EAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs`,jsx:[`Breadcrumbs`],base:{width:`100%`}});export{t as breadcrumbsRoot};
|
|
2
2
|
//# sourceMappingURL=breadcrumbs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumbs.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/breadcrumbs.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsRoot = defineRecipe({\n className: 'breadcrumbs',\n jsx: ['Breadcrumbs'],\n\n base: {\n width: '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,cACX,IAAK,CAAC,aAAc,EAEpB,KAAM,CACJ,MAAO,MACR,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{breadcrumbsRoot as e}from"./breadcrumbs.js";import{breadcrumbsItem as t}from"./breadcrumbs-item.js";import{breadcrumbsLink as n}from"./breadcrumbs-link.js";import{breadcrumbsList as r}from"./breadcrumbs-list.js";import{breadcrumbsSeparator as i}from"./breadcrumbs-separator.js";const a={breadcrumbsRoot:e,breadcrumbsList:r,breadcrumbsItem:t,breadcrumbsSeparator:i,breadcrumbsLink:n};export{a as breadcrumbs};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/recipes/atoms/breadcrumbs/index.ts"],"sourcesContent":["import { breadcrumbsRoot } from './breadcrumbs';\nimport { breadcrumbsItem } from './breadcrumbs-item';\nimport { breadcrumbsLink } from './breadcrumbs-link';\nimport { breadcrumbsList } from './breadcrumbs-list';\nimport { breadcrumbsSeparator } from './breadcrumbs-separator';\n\nexport const breadcrumbs = {\n breadcrumbsRoot,\n breadcrumbsList,\n breadcrumbsItem,\n breadcrumbsSeparator,\n breadcrumbsLink,\n};\n"],"mappings":"6RAMA,MAAa,EAAc,CACzB,kBACA,kBACA,kBACA,uBACA,iBACD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{iconWrapped as e}from"../icon-wrapped/icon-wrapped.js";const t=e.merge({className:`bubble`,jsx:[`bubble`],base:{position:`relative`,_after:{content:`" "`,position:`absolute`,bottom:`0`,right:`0`,width:0,height:0,borderWidth:0,borderColor:`transparent`,borderStyle:`solid`,borderBottomColor:`inherit`,transform:`rotate(136deg)`}},variants:{color:{primary:{_after:{borderBottomColor:`primary.background.2.enabled`}},neutral:{_after:{borderBottomColor:`neutral.background.2.enabled`}}},size:{l:{_after:{borderLeftWidth:`{borders.600}`,borderRightWidth:`{borders.600}`,borderBottomWidth:`{borders.900}`}},m:{_after:{borderLeftWidth:`{borders.500}`,borderRightWidth:`{borders.500}`,borderBottomWidth:`{borders.800}`}},s:{_after:{borderLeftWidth:`{borders.300}`,borderRightWidth:`{borders.300}`,borderBottomWidth:`{borders.600}`}}}},defaultVariants:{color:`primary`,size:`l`}});export{t as bubble};
|
|
2
|
+
//# sourceMappingURL=bubble.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bubble.js","names":[],"sources":["../../../../src/recipes/atoms/bubble/bubble.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { iconWrapped } from '../icon-wrapped/icon-wrapped';\n\nexport const bubble = iconWrapped.merge({\n className: 'bubble',\n jsx: ['bubble'],\n base: {\n position: 'relative',\n _after: {\n content: '\" \"',\n position: 'absolute',\n bottom: '0',\n right: '0',\n width: 0,\n height: 0,\n borderWidth: 0,\n borderColor: 'transparent',\n borderStyle: 'solid',\n borderBottomColor: 'inherit',\n transform: 'rotate(136deg)',\n },\n },\n variants: {\n color: {\n primary: {\n _after: {\n borderBottomColor: 'primary.background.2.enabled',\n },\n },\n neutral: {\n _after: {\n borderBottomColor: 'neutral.background.2.enabled',\n },\n },\n },\n size: {\n l: {\n _after: {\n borderLeftWidth: '{borders.600}',\n borderRightWidth: '{borders.600}',\n borderBottomWidth: '{borders.900}',\n },\n },\n m: {\n _after: {\n borderLeftWidth: '{borders.500}',\n borderRightWidth: '{borders.500}',\n borderBottomWidth: '{borders.800}',\n },\n },\n s: {\n _after: {\n borderLeftWidth: '{borders.300}',\n borderRightWidth: '{borders.300}',\n borderBottomWidth: '{borders.600}',\n },\n },\n },\n },\n defaultVariants: {\n color: 'primary',\n size: 'l',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8DAOA,MAAa,EAAS,EAAY,MAAM,CACtC,UAAW,SACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,SAAU,WACV,OAAQ,CACN,QAAS,MACT,SAAU,WACV,OAAQ,IACR,MAAO,IACP,MAAO,EACP,OAAQ,EACR,YAAa,EACb,YAAa,cACb,YAAa,QACb,kBAAmB,UACnB,UAAW,gBACZ,CACF,EACD,SAAU,CACR,MAAO,CACL,QAAS,CACP,OAAQ,CACN,kBAAmB,8BACpB,CACF,EACD,QAAS,CACP,OAAQ,CACN,kBAAmB,8BACpB,CACF,CACF,EACD,KAAM,CACJ,EAAG,CACD,OAAQ,CACN,gBAAiB,gBACjB,iBAAkB,gBAClB,kBAAmB,eACpB,CACF,EACD,EAAG,CACD,OAAQ,CACN,gBAAiB,gBACjB,iBAAkB,gBAClB,kBAAmB,eACpB,CACF,EACD,EAAG,CACD,OAAQ,CACN,gBAAiB,gBACjB,iBAAkB,gBAClB,kBAAmB,eACpB,CACF,CACF,CACF,EACD,gBAAiB,CACf,MAAO,UACP,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon-icon.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-icon-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\
|
|
1
|
+
{"version":3,"file":"button-icon-icon.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-icon-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { defineRecipe } from '@pandacss/dev';\n\nexport const buttonIconIcon = defineRecipe({\n className: 'button-icon-icon',\n jsx: ['Button'],\n base: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n aspectRatio: '1',\n transition: 'all 0.2s ease',\n },\n variants: {\n size: {\n xs: {\n height: '0.75rem',\n width: '0.75rem',\n },\n s: {\n height: '1rem',\n width: '1rem',\n },\n m: {\n height: '1.25rem',\n width: '1.25rem',\n },\n l: {\n height: '1.5rem',\n width: '1.5rem',\n },\n xl: {\n height: '2rem',\n width: '2rem',\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,YAAa,IACb,WAAY,eACb,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,UACR,MAAO,SACR,EACD,EAAG,CACD,OAAQ,OACR,MAAO,MACR,EACD,EAAG,CACD,OAAQ,UACR,MAAO,SACR,EACD,EAAG,CACD,OAAQ,SACR,MAAO,QACR,EACD,GAAI,CACF,OAAQ,OACR,MAAO,MACR,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-inner.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-inner.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"button-inner.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonInner = defineRecipe({\n className: 'button-inner',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '300',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,IAAK,KACN,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-label.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-label.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"button-label.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonLabel = defineRecipe({\n className: 'button-label',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,MACT,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-section.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-section.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"button-section.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const buttonSection = defineRecipe({\n className: 'button-section',\n jsx: ['Button'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,QACjB,CACF,EAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{focus as e}from"../../shared/focus.js";const t=e.merge({className:`button`,jsx:[`Button`],base:{fontWeight:`medium`,whiteSpace:`nowrap`,alignItems:`center`,justifyContent:`center`,textAlign:`center`,textDecoration:`none`,borderRadius:`200`,cursor:`pointer`,transition:`{animations.base.100}`,fill:`currentColor`,stroke:`currentColor`,_focus:{outline:`none`,boxShadow:`none`},_active:{outline:`none!`},_disabled:{opacity:`0.5`,pointerEvents:`none`}},variants:{variant:{unstyled:{},filled:{border:`none`},outlined:{backgroundColor:`transparent`,borderWidth:`
|
|
1
|
+
import{focus as e}from"../../shared/focus.js";const t=e.merge({className:`button`,jsx:[`Button`],base:{fontWeight:`medium`,whiteSpace:`nowrap`,alignItems:`center`,justifyContent:`center`,textAlign:`center`,textDecoration:`none`,borderRadius:`200`,cursor:`pointer`,transition:`{animations.base.100}`,fill:`currentColor`,stroke:`currentColor`,_focus:{outline:`none`,boxShadow:`none`},_active:{outline:`none!`},_disabled:{opacity:`0.5`,pointerEvents:`none`}},variants:{variant:{unstyled:{},filled:{border:`none`},outlined:{backgroundColor:`transparent`,borderWidth:`{borders.100}`,borderStyle:`solid`},ghost:{backgroundColor:`transparent`,border:`none`}},color:{unstyled:{},primary:{},neutral:{},danger:{}},size:{l:{fontSize:`400`,height:`control.height.300`,paddingX:`500`,gap:`300`},m:{fontSize:`300`,height:`control.height.200`,paddingX:`400`,gap:`200`},s:{fontSize:`200`,height:`control.height.100`,paddingX:`400`,gap:`200`}}},compoundVariants:[{variant:`filled`,color:`primary`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`primary.background.2.enabled`,_hover:{backgroundColor:`primary.background.2.hovered`},_active:{backgroundColor:`primary.background.2.actived`}}},{variant:`filled`,color:`neutral`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`neutral.background.6.enabled`,_hover:{backgroundColor:`neutral.background.6.hovered`},_active:{backgroundColor:`neutral.background.6.actived`}}},{variant:`filled`,color:`danger`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`danger.background.1.enabled`,_hover:{backgroundColor:`danger.background.1.hovered`},_active:{backgroundColor:`danger.background.1.actived`}}},{variant:`outlined`,color:`primary`,css:{color:`primary.foreground.2.enabled`,borderColor:`primary.stroke.3.enabled`,_hover:{color:`primary.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`primary.stroke.3.hovered`},_active:{color:`primary.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`primary.stroke.3.actived`}}},{variant:`outlined`,color:`neutral`,css:{color:`neutral.foreground.2.enabled`,borderColor:`neutral.stroke.7.enabled`,_hover:{color:`neutral.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`neutral.stroke.7.hovered`},_active:{color:`neutral.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`neutral.stroke.7.actived`}}},{variant:`outlined`,color:`danger`,css:{color:`danger.foreground.1.enabled`,borderColor:`danger.stroke.1.enabled`,_hover:{color:`danger.foreground.1.hovered`,backgroundColor:`neutral.background.2.hovered`,borderColor:`danger.stroke.1.hovered`},_active:{color:`danger.foreground.1.actived`,backgroundColor:`neutral.background.2.actived`,borderColor:`danger.stroke.1.actived`}}},{variant:`ghost`,color:`primary`,css:{color:`primary.foreground.2.enabled`,_hover:{color:`primary.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`primary.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`}}},{variant:`ghost`,color:`neutral`,css:{color:`neutral.foreground.2.enabled`,_hover:{color:`neutral.foreground.2.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`neutral.foreground.2.actived`,backgroundColor:`neutral.background.2.actived`}}},{variant:`ghost`,color:`danger`,css:{color:`danger.foreground.1.enabled`,_hover:{color:`danger.foreground.1.hovered`,backgroundColor:`neutral.background.2.hovered`},_active:{color:`danger.foreground.1.actived`,backgroundColor:`neutral.background.2.actived`}}}],defaultVariants:{variant:`filled`,color:`neutral`,size:`m`}});export{t as button};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { focus } from '../../shared/focus';\n\nexport const button = focus.merge({\n className: 'button',\n jsx: ['Button'],\n base: {\n fontWeight: 'medium',\n whiteSpace: 'nowrap',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n textDecoration: 'none',\n borderRadius: '200',\n cursor: 'pointer',\n transition: '{animations.base.100}',\n fill: 'currentColor',\n stroke: 'currentColor',\n _focus: {\n outline: 'none',\n boxShadow: 'none',\n },\n _active: {\n outline: 'none!',\n },\n _disabled: {\n opacity: '0.5',\n pointerEvents: 'none',\n },\n },\n variants: {\n variant: {\n unstyled: {},\n filled: {\n border: 'none',\n },\n outlined: {\n backgroundColor: 'transparent',\n borderWidth: '
|
|
1
|
+
{"version":3,"file":"button.js","names":[],"sources":["../../../../src/recipes/atoms/buttons/button.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { focus } from '../../shared/focus';\n\nexport const button = focus.merge({\n className: 'button',\n jsx: ['Button'],\n base: {\n fontWeight: 'medium',\n whiteSpace: 'nowrap',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n textDecoration: 'none',\n borderRadius: '200',\n cursor: 'pointer',\n transition: '{animations.base.100}',\n fill: 'currentColor',\n stroke: 'currentColor',\n _focus: {\n outline: 'none',\n boxShadow: 'none',\n },\n _active: {\n outline: 'none!',\n },\n _disabled: {\n opacity: '0.5',\n pointerEvents: 'none',\n },\n },\n variants: {\n variant: {\n unstyled: {},\n filled: {\n border: 'none',\n },\n outlined: {\n backgroundColor: 'transparent',\n borderWidth: '{borders.100}',\n borderStyle: 'solid',\n },\n ghost: {\n backgroundColor: 'transparent',\n border: 'none',\n },\n },\n color: {\n unstyled: {},\n primary: {},\n neutral: {},\n danger: {},\n },\n size: {\n l: {\n fontSize: '400',\n height: 'control.height.300',\n paddingX: '500',\n gap: '300',\n },\n m: {\n fontSize: '300',\n height: 'control.height.200',\n paddingX: '400',\n gap: '200',\n },\n s: {\n fontSize: '200',\n height: 'control.height.100',\n paddingX: '400',\n gap: '200',\n },\n },\n },\n compoundVariants: [\n {\n variant: 'filled',\n color: 'primary',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'primary.background.2.enabled',\n _hover: {\n backgroundColor: 'primary.background.2.hovered',\n },\n _active: {\n backgroundColor: 'primary.background.2.actived',\n },\n },\n },\n {\n variant: 'filled',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'neutral.background.6.enabled',\n _hover: {\n backgroundColor: 'neutral.background.6.hovered',\n },\n _active: {\n backgroundColor: 'neutral.background.6.actived',\n },\n },\n },\n {\n variant: 'filled',\n color: 'danger',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'danger.background.1.enabled',\n _hover: {\n backgroundColor: 'danger.background.1.hovered',\n },\n _active: {\n backgroundColor: 'danger.background.1.actived',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'primary',\n css: {\n color: 'primary.foreground.2.enabled',\n borderColor: 'primary.stroke.3.enabled',\n _hover: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'primary.stroke.3.hovered',\n },\n _active: {\n color: 'primary.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'primary.stroke.3.actived',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.enabled',\n borderColor: 'neutral.stroke.7.enabled',\n _hover: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'neutral.stroke.7.actived',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'danger',\n css: {\n color: 'danger.foreground.1.enabled',\n borderColor: 'danger.stroke.1.enabled',\n _hover: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'danger.stroke.1.hovered',\n },\n _active: {\n color: 'danger.foreground.1.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'danger.stroke.1.actived',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'primary',\n css: {\n color: 'primary.foreground.2.enabled',\n _hover: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'primary.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.enabled',\n _hover: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'danger',\n css: {\n color: 'danger.foreground.1.enabled',\n _hover: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'danger.foreground.1.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n },\n },\n ],\n defaultVariants: {\n variant: 'filled',\n color: 'neutral',\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAS,EAAM,MAAM,CAChC,UAAW,SACX,IAAK,CAAC,QAAS,EACf,KAAM,CACJ,WAAY,SACZ,WAAY,SACZ,WAAY,SACZ,eAAgB,SAChB,UAAW,SACX,eAAgB,OAChB,aAAc,MACd,OAAQ,UACR,WAAY,wBACZ,KAAM,eACN,OAAQ,eACR,OAAQ,CACN,QAAS,OACT,UAAW,MACZ,EACD,QAAS,CACP,QAAS,OACV,EACD,UAAW,CACT,QAAS,MACT,cAAe,MAChB,CACF,EACD,SAAU,CACR,QAAS,CACP,SAAU,CAAE,EACZ,OAAQ,CACN,OAAQ,MACT,EACD,SAAU,CACR,gBAAiB,cACjB,YAAa,gBACb,YAAa,OACd,EACD,MAAO,CACL,gBAAiB,cACjB,OAAQ,MACT,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CAAE,EACX,QAAS,CAAE,EACX,OAAQ,CAAE,CACX,EACD,KAAM,CACJ,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,EACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,EACD,EAAG,CACD,SAAU,MACV,OAAQ,qBACR,SAAU,MACV,IAAK,KACN,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,+BACjB,OAAQ,CACN,gBAAiB,8BAClB,EACD,QAAS,CACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,SACT,MAAO,SACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BACjB,OAAQ,CACN,gBAAiB,6BAClB,EACD,QAAS,CACP,gBAAiB,6BAClB,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,2BACb,OAAQ,CACN,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,+BACjB,YAAa,0BACd,CACF,CACF,EACD,CACE,QAAS,WACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,YAAa,0BACb,OAAQ,CACN,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,EACD,QAAS,CACP,MAAO,8BACP,gBAAiB,+BACjB,YAAa,yBACd,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,OAAQ,CACN,MAAO,+BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,+BACP,gBAAiB,8BAClB,CACF,CACF,EACD,CACE,QAAS,QACT,MAAO,SACP,IAAK,CACH,MAAO,8BACP,OAAQ,CACN,MAAO,8BACP,gBAAiB,8BAClB,EACD,QAAS,CACP,MAAO,8BACP,gBAAiB,8BAClB,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,KAAM,GACP,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-container`,jsx:[`Carousel`],base:{display:`flex`,flexDirection:`row`,height:`20rem`,marginLeft:`calc(var(--slide-spacing) * -1)`}});export{t as carouselContainer};
|
|
2
|
+
//# sourceMappingURL=carousel-container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-container.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-container.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselContainer = defineRecipe({\n className: 'carousel-container',\n jsx: ['Carousel'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n height: '20rem',\n marginLeft: 'calc(var(--slide-spacing) * -1)',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAoB,EAAa,CAC5C,UAAW,qBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,OAAQ,QACR,WAAY,iCACb,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-control`,jsx:[`Carousel`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,borderRadius:`900`,height:`control.height.100`,width:`control.height.100`,padding:`{spacing.100}`,aspectRatio:`1`,color:`black`,backgroundColor:`white`,cursor:`pointer`,opacity:`.2`,transition:`{animations.base.100}`,_hover:{opacity:`.8`}}});export{t as carouselControl};
|
|
2
|
+
//# sourceMappingURL=carousel-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-control.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-control.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselControl = defineRecipe({\n className: 'carousel-control',\n jsx: ['Carousel'],\n base: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '900',\n height: 'control.height.100',\n width: 'control.height.100',\n padding: '{spacing.100}',\n aspectRatio: '1',\n color: 'black',\n backgroundColor: 'white',\n cursor: 'pointer',\n opacity: '.2',\n transition: '{animations.base.100}',\n _hover: {\n opacity: '.8',\n },\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,aAAc,MACd,OAAQ,qBACR,MAAO,qBACP,QAAS,gBACT,YAAa,IACb,MAAO,QACP,gBAAiB,QACjB,OAAQ,UACR,QAAS,KACT,WAAY,wBACZ,OAAQ,CACN,QAAS,IACV,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-controls`,jsx:[`Carousel`],base:{position:`absolute`,display:`flex`,flexDirection:`row`,alignItems:`center`,justifyContent:`space-between`,zIndex:1,insetInlineStart:`{spacing.400}`,insetInlineEnd:`{spacing.400}`,top:`50%`,transform:`translateY(-50%)`}});export{t as carouselControls};
|
|
2
|
+
//# sourceMappingURL=carousel-controls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-controls.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-controls.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselControls = defineRecipe({\n className: 'carousel-controls',\n jsx: ['Carousel'],\n base: {\n position: 'absolute',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n zIndex: 1,\n insetInlineStart: '{spacing.400}',\n insetInlineEnd: '{spacing.400}',\n top: '50%',\n transform: 'translateY(-50%)',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,WACV,QAAS,OACT,cAAe,MACf,WAAY,SACZ,eAAgB,gBAChB,OAAQ,EACR,iBAAkB,gBAClB,eAAgB,gBAChB,IAAK,MACL,UAAW,kBACZ,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-indicator`,jsx:[`Carousel`],base:{pointerEvents:`all`,borderRadius:`900`,opacity:.4,backgroundColor:`white`,cursor:`pointer`,width:`150`,height:`150`,_hover:{opacity:.8},_selected:{opacity:1}}});export{t as carouselIndicator};
|
|
2
|
+
//# sourceMappingURL=carousel-indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-indicator.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-indicator.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselIndicator = defineRecipe({\n className: 'carousel-indicator',\n jsx: ['Carousel'],\n base: {\n pointerEvents: 'all',\n borderRadius: '900',\n opacity: 0.4,\n backgroundColor: 'white',\n cursor: 'pointer',\n width: '150',\n height: '150',\n _hover: {\n opacity: 0.8,\n },\n _selected: {\n opacity: 1,\n },\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAoB,EAAa,CAC5C,UAAW,qBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,cAAe,MACf,aAAc,MACd,QAAS,GACT,gBAAiB,QACjB,OAAQ,UACR,MAAO,MACP,OAAQ,MACR,OAAQ,CACN,QAAS,EACV,EACD,UAAW,CACT,QAAS,CACV,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-indicators`,jsx:[`Carousel`],base:{position:`absolute`,display:`flex`,justifyContent:`center`,gap:`8px`,pointerEvents:`none`,bottom:`{spacing.400}`,insetInlineStart:0,insetInlineEnd:0,flexDirection:`row`}});export{t as carouselIndicators};
|
|
2
|
+
//# sourceMappingURL=carousel-indicators.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-indicators.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-indicators.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselIndicators = defineRecipe({\n className: 'carousel-indicators',\n jsx: ['Carousel'],\n base: {\n position: 'absolute',\n display: 'flex',\n justifyContent: 'center',\n gap: '8px',\n pointerEvents: 'none',\n bottom: '{spacing.400}',\n insetInlineStart: 0,\n insetInlineEnd: 0,\n flexDirection: 'row',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAqB,EAAa,CAC7C,UAAW,sBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,WACV,QAAS,OACT,eAAgB,SAChB,IAAK,MACL,cAAe,OACf,OAAQ,gBACR,iBAAkB,EAClB,eAAgB,EAChB,cAAe,KAChB,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-settings`,jsx:[`Carousel`],base:{"--slide-height":`auto`,"--slide-spacing":`{spacing.400}`,"--slide-size":`33%`,"--carousel-width":`100%`,_toPhone:{"--slide-size":`100%`},_toTablet:{"--slide-size":`50%`}}});export{t as carouselSettings};
|
|
2
|
+
//# sourceMappingURL=carousel-settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-settings.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-settings.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselSettings = defineRecipe({\n className: 'carousel-settings',\n jsx: ['Carousel'],\n base: {\n '--slide-height': 'auto',\n '--slide-spacing': '{spacing.400}',\n '--slide-size': '33%',\n '--carousel-width': '100%',\n _toPhone: {\n '--slide-size': '100%',\n },\n _toTablet: {\n '--slide-size': '50%',\n },\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,iBAAkB,OAClB,kBAAmB,gBACnB,eAAgB,MAChB,mBAAoB,OACpB,SAAU,CACR,eAAgB,MACjB,EACD,UAAW,CACT,eAAgB,KACjB,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel-slide-in`,jsx:[`Carousel`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,backgroundColor:`neutral.background.3.enabled`,borderRadius:`100`,fontSize:`1000`,fontWeight:`bold`,color:`neutral.foreground.1.enabled`,height:`100%`}});export{t as carouselSlideIn};
|
|
2
|
+
//# sourceMappingURL=carousel-slide-in.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-slide-in.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-slide-in.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselSlideIn = defineRecipe({\n className: 'carousel-slide-in',\n jsx: ['Carousel'],\n base: {\n // content slide example\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'neutral.background.3.enabled',\n borderRadius: '100',\n fontSize: '1000',\n fontWeight: 'bold',\n color: 'neutral.foreground.1.enabled',\n height: '100%',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAEJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,gBAAiB,+BACjB,aAAc,MACd,SAAU,OACV,WAAY,OACZ,MAAO,+BACP,OAAQ,MACT,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-slide.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-slide.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselSlide = defineRecipe({\n className: 'carousel-slide',\n jsx: ['Carousel'],\n base: {\n position: 'relative',\n paddingLeft: 'var(--slide-spacing)',\n flex: '0 0 var(--slide-size)',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,WACV,YAAa,uBACb,KAAM,uBACP,CACF,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-viewport.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel-viewport.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carouselViewport = defineRecipe({\n className: 'carousel-viewport',\n jsx: ['Carousel'],\n base: {\n height: 'auto',\n overflow: 'hidden',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,OAAQ,OACR,SAAU,QACX,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`carousel`,jsx:[`Carousel`],base:{"--slide-height":`auto`,"--slide-spacing":`{spacing.400}`,"--slide-size":`100%`,"--carousel-width":`100%`,width:`var(--carousel-width)`,position:`relative`}});export{t as carousel};
|
|
2
|
+
//# sourceMappingURL=carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/carousel.ts"],"sourcesContent":["import { defineRecipe } from '@pandabox/define-recipe';\n\nexport const carousel = defineRecipe({\n className: 'carousel',\n jsx: ['Carousel'],\n base: {\n '--slide-height': 'auto',\n '--slide-spacing': '{spacing.400}',\n '--slide-size': '100%',\n '--carousel-width': '100%',\n width: 'var(--carousel-width)',\n position: 'relative',\n },\n});\n"],"mappings":"uDAEA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,iBAAkB,OAClB,kBAAmB,gBACnB,eAAgB,OAChB,mBAAoB,OACpB,MAAO,wBACP,SAAU,UACX,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{carousel as e}from"./carousel.js";import{carouselContainer as t}from"./carousel-container.js";import{carouselControl as n}from"./carousel-control.js";import{carouselControls as r}from"./carousel-controls.js";import{carouselIndicator as i}from"./carousel-indicator.js";import{carouselIndicators as a}from"./carousel-indicators.js";import{carouselSettings as o}from"./carousel-settings.js";import{carouselSlide as s}from"./carousel-slide.js";import{carouselSlideIn as c}from"./carousel-slide-in.js";import{carouselViewport as l}from"./carousel-viewport.js";const u={carousel:e,carouselContainer:t,carouselControl:n,carouselControls:r,carouselIndicator:i,carouselIndicators:a,carouselSlide:s,carouselViewport:l,carouselSettings:o,carouselSlideIn:c};export{u as carousels};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/recipes/atoms/carousel/index.ts"],"sourcesContent":["import { carousel } from './carousel';\nimport { carouselContainer } from './carousel-container';\nimport { carouselControl } from './carousel-control';\nimport { carouselControls } from './carousel-controls';\nimport { carouselIndicator } from './carousel-indicator';\nimport { carouselIndicators } from './carousel-indicators';\nimport { carouselSettings } from './carousel-settings';\nimport { carouselSlide } from './carousel-slide';\nimport { carouselSlideIn } from './carousel-slide-in';\nimport { carouselViewport } from './carousel-viewport';\n\nexport const carousels = {\n carousel,\n carouselContainer,\n carouselControl,\n carouselControls,\n carouselIndicator,\n carouselIndicators,\n carouselSlide,\n carouselViewport,\n carouselSettings,\n carouselSlideIn,\n};\n"],"mappings":"kjBAWA,MAAa,EAAY,CACvB,WACA,oBACA,kBACA,mBACA,oBACA,qBACA,gBACA,mBACA,mBACA,iBACD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,base:{marginTop:`0!`,position:`absolute!`,backgroundColor:`neutral.background.1.enabled`,borderWidth:`{borders.100}`,borderStyle:`solid`,borderColor:`neutral.stroke.7.enabled`,borderRadius:`200`,maxHeight:`33vh!`,overflowY:`auto`,padding:`100`,boxShadow:`outside.y.2`},variants:{}});export{t as dropdown};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,base:{marginTop:`0!`,position:`absolute!`,backgroundColor:`neutral.background.1.enabled`,borderWidth:`{borders.100}`,borderStyle:`solid`,borderColor:`neutral.stroke.7.enabled`,borderRadius:`200`,maxHeight:`33vh!`,overflowY:`auto`,padding:`100`,boxShadow:`outside.y.2`},variants:{size:{m:{minWidth:`12.5rem!`},l:{minWidth:`15rem!`}}}});export{t as dropdown};
|
|
2
2
|
//# sourceMappingURL=dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { type RecipeBuilder
|
|
1
|
+
{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const dropdown = defineRecipe({\n className: 'dropdown',\n base: {\n marginTop: '0!',\n position: 'absolute!',\n backgroundColor: 'neutral.background.1.enabled',\n borderWidth: '{borders.100}',\n borderStyle: 'solid',\n borderColor: 'neutral.stroke.7.enabled',\n borderRadius: '200',\n maxHeight: '33vh!',\n overflowY: 'auto',\n padding: '100',\n boxShadow: 'outside.y.2',\n },\n variants: {\n size: {\n m: {\n minWidth: '12.5rem!',\n },\n l: {\n minWidth: '15rem!',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,KAAM,CACJ,UAAW,KACX,SAAU,YACV,gBAAiB,+BACjB,YAAa,gBACb,YAAa,QACb,YAAa,2BACb,aAAc,MACd,UAAW,QACX,UAAW,OACX,QAAS,MACT,UAAW,aACZ,EACD,SAAU,CACR,KAAM,CACJ,EAAG,CACD,SAAU,UACX,EACD,EAAG,CACD,SAAU,QACX,CACF,CACF,CACF,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`icon-wrapped`,jsx:[`IconWrapped`],base:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,aspectRatio:`1`},variants:{variant:{unstyled:{},filled:{border:`none`},outlined:{borderWidth:`{borders.100}`,borderStyle:`solid`,backgroundColor:`transparent`}},shape:{unstyled:{},rounded:{borderRadius:`900`},square:{borderRadius:`50`}},color:{unstyled:{},primary:{},neutral:{}},size:{l:{height:`{sizes.600}`},m:{height:`{sizes.500}`},s:{height:`{sizes.400}`}}},compoundVariants:[{variant:`filled`,color:`primary`,css:{color:`neutral.foreground.1.onBrand.enabled`,backgroundColor:`primary.background.2.enabled`}},{variant:`filled`,color:`neutral`,css:{color:`neutral.foreground.2.onBrand.enabled`,backgroundColor:`neutral.background.2.enabled`}},{variant:`outlined`,color:`primary`,css:{color:`primary.foreground.1.enabled`,borderColor:`primary.stroke.2.enabled`}},{variant:`outlined`,color:`neutral`,css:{color:`neutral.foreground.1.enabled`,borderColor:`neutral.stroke.2.enabled`}}],defaultVariants:{variant:`filled`,shape:`rounded`,color:`neutral`,size:`m`}});export{t as iconWrapped};
|
|
2
|
+
//# sourceMappingURL=icon-wrapped.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-wrapped.js","names":[],"sources":["../../../../src/recipes/atoms/icon-wrapped/icon-wrapped.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const iconWrapped = defineRecipe({\n className: 'icon-wrapped',\n jsx: ['IconWrapped'],\n base: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n aspectRatio: '1',\n },\n variants: {\n variant: {\n unstyled: {},\n filled: {\n border: 'none',\n },\n outlined: {\n borderWidth: '{borders.100}',\n borderStyle: 'solid',\n backgroundColor: 'transparent',\n },\n },\n shape: {\n unstyled: {},\n rounded: {\n borderRadius: '900',\n },\n square: {\n borderRadius: '50',\n },\n },\n color: {\n unstyled: {},\n primary: {},\n neutral: {},\n },\n size: {\n l: {\n height: '{sizes.600}',\n },\n m: {\n height: '{sizes.500}',\n },\n s: {\n height: '{sizes.400}',\n },\n },\n },\n compoundVariants: [\n {\n variant: 'filled',\n color: 'primary',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'primary.background.2.enabled',\n },\n },\n {\n variant: 'filled',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.onBrand.enabled',\n backgroundColor: 'neutral.background.2.enabled',\n },\n },\n {\n variant: 'outlined',\n color: 'primary',\n css: {\n color: 'primary.foreground.1.enabled',\n borderColor: 'primary.stroke.2.enabled',\n },\n },\n {\n variant: 'outlined',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'neutral.stroke.2.enabled',\n },\n },\n ],\n defaultVariants: {\n variant: 'filled',\n shape: 'rounded',\n color: 'neutral',\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,aAAc,EACpB,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,YAAa,GACd,EACD,SAAU,CACR,QAAS,CACP,SAAU,CAAE,EACZ,OAAQ,CACN,OAAQ,MACT,EACD,SAAU,CACR,YAAa,gBACb,YAAa,QACb,gBAAiB,aAClB,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CACP,aAAc,KACf,EACD,OAAQ,CACN,aAAc,IACf,CACF,EACD,MAAO,CACL,SAAU,CAAE,EACZ,QAAS,CAAE,EACX,QAAS,CAAE,CACZ,EACD,KAAM,CACJ,EAAG,CACD,OAAQ,aACT,EACD,EAAG,CACD,OAAQ,aACT,EACD,EAAG,CACD,OAAQ,aACT,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BAClB,CACF,EACD,CACE,QAAS,SACT,MAAO,UACP,IAAK,CACH,MAAO,uCACP,gBAAiB,8BAClB,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,0BACd,CACF,EACD,CACE,QAAS,WACT,MAAO,UACP,IAAK,CACH,MAAO,+BACP,YAAa,0BACd,CACF,CACF,EACD,gBAAiB,CACf,QAAS,SACT,MAAO,UACP,MAAO,UACP,KAAM,GACP,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-body.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-body.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"checkbox-body.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxBody = defineRecipe({\n className: 'checkbox-body',\n jsx: ['Checkbox'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n ':is([data-label-position=\"left\"]) &': {\n flexDirection: 'row-reverse',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,sCAAuC,CACrC,cAAe,aAChB,CACF,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-description.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-description.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputDescription } from '../input-description';\n\nexport const checkboxDescription = inputDescription.merge({\n className: 'checkbox-description',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox-description.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-description.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputDescription } from '../input-description';\n\nexport const checkboxDescription = inputDescription.merge({\n className: 'checkbox-description',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2DAOA,MAAa,EAAsB,EAAiB,MAAM,CACxD,UAAW,uBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-error.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-error.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputError } from '../input-error';\n\nexport const checkboxError = inputError.merge({\n className: 'checkbox-error',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+
|
|
1
|
+
{"version":3,"file":"checkbox-error.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-error.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputError } from '../input-error';\n\nexport const checkboxError = inputError.merge({\n className: 'checkbox-error',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAgB,EAAW,MAAM,CAC5C,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-icon.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"checkbox-icon.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n className: 'checkbox-icon',\n jsx: ['Checkbox'],\n base: {\n color: 'neutral.foreground.static.inverted.enabled',\n position: 'absolute',\n inset: 0,\n width: '60%',\n margin: 'auto',\n pointerEvents: 'none',\n opacity: 0,\n _peerChecked: {\n opacity: 1,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,MAAO,6CACP,SAAU,WACV,MAAO,EACP,MAAO,MACP,OAAQ,OACR,cAAe,OACf,QAAS,EACT,aAAc,CACZ,QAAS,CACV,CACF,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-inner.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-inner.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n
|
|
1
|
+
{"version":3,"file":"checkbox-inner.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInner = defineRecipe({\n className: 'checkbox-inner',\n jsx: ['Checkbox'],\n base: {\n position: 'relative',\n width: 'control.height.50',\n height: 'control.height.50',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,WACV,MAAO,oBACP,OAAQ,mBACT,CACF,EAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{formControl as e}from"../form-control.js";const t=e.merge({className:`checkbox-input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,transition:`{animations.base.100}`,width:`control.height.50`,aspectRatio:`1`,borderRadius:`100`,WebkitTapHighlightColor:`transparent`,padding:`0`,pointerEvents:`auto!`,_checked:{backgroundColor:`neutral.background.2.brand.selected`,color:`neutral.foreground.static.inverted.enabled`,borderColor:`neutral.background.2.brand.selected`},_disabled:{opacity:`0.5`,cursor:`not-allowed`,pointerEvents:`none`,_hover:{borderColor:`neutral.stroke.7.enabled`}}}});export{t as checkboxInput};
|
|
1
|
+
import{formControl as e}from"../form-control.js";const t=e.merge({className:`checkbox-input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,transition:`{animations.base.100}`,width:`control.height.50`,aspectRatio:`1`,borderRadius:`100`,WebkitTapHighlightColor:`transparent`,padding:`0`,pointerEvents:`auto!`,cursor:`pointer`,_checked:{backgroundColor:`neutral.background.2.brand.selected`,color:`neutral.foreground.static.inverted.enabled`,borderColor:`neutral.background.2.brand.selected`},_disabled:{opacity:`0.5`,cursor:`not-allowed`,pointerEvents:`none`,_hover:{borderColor:`neutral.stroke.7.enabled`}}}});export{t as checkboxInput};
|
|
2
2
|
//# sourceMappingURL=checkbox-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-input.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { formControl } from './../form-control';\n\nexport const checkboxInput = formControl.merge({\n className: 'checkbox-input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n transition: '{animations.base.100}',\n width: 'control.height.50',\n aspectRatio: '1',\n borderRadius: '100',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n pointerEvents: 'auto!',\n _checked: {\n backgroundColor: 'neutral.background.2.brand.selected',\n color: 'neutral.foreground.static.inverted.enabled',\n borderColor: 'neutral.background.2.brand.selected',\n },\n _disabled: {\n opacity: '0.5',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n _hover: {\n borderColor: 'neutral.stroke.7.enabled',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox-input.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { formControl } from './../form-control';\n\nexport const checkboxInput = formControl.merge({\n className: 'checkbox-input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n transition: '{animations.base.100}',\n width: 'control.height.50',\n aspectRatio: '1',\n borderRadius: '100',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n pointerEvents: 'auto!',\n cursor: 'pointer',\n _checked: {\n backgroundColor: 'neutral.background.2.brand.selected',\n color: 'neutral.foreground.static.inverted.enabled',\n borderColor: 'neutral.background.2.brand.selected',\n },\n _disabled: {\n opacity: '0.5',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n _hover: {\n borderColor: 'neutral.stroke.7.enabled',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iDAOA,MAAa,EAAgB,EAAY,MAAM,CAC7C,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,WAAY,wBACZ,MAAO,oBACP,YAAa,IACb,aAAc,MACd,wBAAyB,cACzB,QAAS,IACT,cAAe,QACf,OAAQ,UACR,SAAU,CACR,gBAAiB,sCACjB,MAAO,6CACP,YAAa,qCACd,EACD,UAAW,CACT,QAAS,MACT,OAAQ,cACR,cAAe,OACf,OAAQ,CACN,YAAa,0BACd,CACF,CACF,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-label-wrapper.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputRoot } from '../input-root';\n\nexport const checkboxLabelWrapper = inputRoot.merge({\n className: 'checkbox-label-wrapper',\n jsx: ['Checkbox'],\n base: {\n marginLeft: '200',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox-label-wrapper.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputRoot } from '../input-root';\n\nexport const checkboxLabelWrapper = inputRoot.merge({\n className: 'checkbox-label-wrapper',\n jsx: ['Checkbox'],\n base: {\n marginLeft: '200',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAOA,MAAa,EAAuB,EAAU,MAAM,CAClD,UAAW,yBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,WAAY,KACb,CACF,EAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-label.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputLabel } from '../input-label';\n\nexport const checkboxLabel = inputLabel.merge({\n className: 'checkbox-label',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+
|
|
1
|
+
{"version":3,"file":"checkbox-label.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { inputLabel } from '../input-label';\n\nexport const checkboxLabel = inputLabel.merge({\n className: 'checkbox-label',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+CAOA,MAAa,EAAgB,EAAW,MAAM,CAC5C,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CAAE,CACT,EAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{checkboxBody as e}from"./checkbox-body.js";import{checkboxDescription as t}from"./checkbox-description.js";import{checkboxError as n}from"./checkbox-error.js";import{checkboxIcon as r}from"./checkbox-icon.js";import{checkboxInner as i}from"./checkbox-inner.js";import{checkboxInput as a}from"./checkbox-input.js";import{checkboxLabel as o}from"./checkbox-label.js";import{checkboxLabelWrapper as s}from"./checkbox-label-wrapper.js";const c={checkboxBody:e,checkboxDescription:t,checkboxError:n,checkboxIcon:r,checkboxInner:i,checkboxInput:a,checkboxLabel:o,checkboxLabelWrapper:s};export{c as checkboxRecipe};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/checkbox/index.ts"],"sourcesContent":["import { checkboxBody } from './checkbox-body';\nimport { checkboxDescription } from './checkbox-description';\nimport { checkboxError } from './checkbox-error';\nimport { checkboxIcon } from './checkbox-icon';\nimport { checkboxInner } from './checkbox-inner';\nimport { checkboxInput } from './checkbox-input';\nimport { checkboxLabel } from './checkbox-label';\nimport { checkboxLabelWrapper } from './checkbox-label-wrapper';\n\nexport const checkboxRecipe = {\n checkboxBody,\n checkboxDescription,\n checkboxError,\n checkboxIcon,\n checkboxInner,\n checkboxInput,\n checkboxLabel,\n checkboxLabelWrapper,\n};\n"],"mappings":"ubASA,MAAa,EAAiB,CAC5B,eACA,sBACA,gBACA,eACA,gBACA,gBACA,gBACA,sBACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-empty.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-empty.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { type RecipeVariantRecord
|
|
1
|
+
{"version":3,"file":"combobox-empty.js","names":[],"sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-empty.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { defineRecipe, type RecipeVariantRecord } from '@pandacss/dev';\n\nexport const comboboxEmpty = defineRecipe({\n className: 'combobox-empty',\n jsx: ['Combobox'],\n base: {\n fontSize: '300',\n fontWeight: 'regular',\n lineHeight: '1',\n padding: '300',\n color: 'neutral.foreground.3.enabled',\n textAlign: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"6CAGA,MAAa,EAAgB,EAAa,CACxC,UAAW,iBACX,IAAK,CAAC,UAAW,EACjB,KAAM,CACJ,SAAU,MACV,WAAY,UACZ,WAAY,IACZ,QAAS,MACT,MAAO,+BACP,UAAW,QACZ,CACF,EAAC"}
|