@mage-ui/preset 1.0.111 → 1.0.113
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/recipes/controls/switch/switch-root.mjs +1 -1
- package/dist/recipes/controls/switch/switch-root.mjs.map +1 -1
- package/dist/recipes/controls/switch/switch.mjs +1 -1
- package/dist/recipes/controls/switch/switch.mjs.map +1 -1
- package/dist/recipes/overlays/toast/toast-description.mjs +1 -1
- package/dist/recipes/overlays/toast/toast-description.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`switch__root`,jsx:[`Switch`],base:{}});export{t as switchRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`switch__root`,jsx:[`Switch`],base:{backgroundColor:`var(--switch-root-background, transparent)`,paddingInline:`var(--switch-root-padding-inline, {spacing.0})`,paddingBlock:`var(--switch-root-padding-block, {spacing.0})`,marginInline:`var(--switch-root-margin-inline, {spacing.0})`,marginBlock:`var(--switch-root-margin-block, {spacing.0})`,borderWidth:`var(--switch-root-border-width, {borders.0})`,borderStyle:`var(--switch-root-border-style, solid)`,borderColor:`var(--switch-root-border-color, transparent)`,borderRadius:`var(--switch-root-radii, {radii.0})`,boxShadow:`var(--switch-root-box-shadow, none)`}});export{t as switchRoot};
|
|
2
2
|
//# sourceMappingURL=switch-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-root.mjs","names":[],"sources":["../../../../src/recipes/controls/switch/switch-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const switchRoot = defineRecipe({\n className: 'switch__root',\n jsx: ['Switch'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,
|
|
1
|
+
{"version":3,"file":"switch-root.mjs","names":[],"sources":["../../../../src/recipes/controls/switch/switch-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const switchRoot = defineRecipe({\n className: 'switch__root',\n jsx: ['Switch'],\n base: {\n backgroundColor: 'var(--switch-root-background, transparent)',\n paddingInline: 'var(--switch-root-padding-inline, {spacing.0})',\n paddingBlock: 'var(--switch-root-padding-block, {spacing.0})',\n marginInline: 'var(--switch-root-margin-inline, {spacing.0})',\n marginBlock: 'var(--switch-root-margin-block, {spacing.0})',\n borderWidth: 'var(--switch-root-border-width, {borders.0})',\n borderStyle: 'var(--switch-root-border-style, solid)',\n borderColor: 'var(--switch-root-border-color, transparent)',\n borderRadius: 'var(--switch-root-radii, {radii.0})',\n boxShadow: 'var(--switch-root-box-shadow, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,gBAAiB,6CACjB,cAAe,iDACf,aAAc,gDACd,aAAc,gDACd,YAAa,+CACb,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,aAAc,sCACd,UAAW,sCACZ,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`switch`,jsx:[`Switch`],base:{"--switch-root-background":`transparent`,"--switch-root-padding-inline":`{spacing.0}`,"--switch-root-padding-block":`{spacing.0}`,"--switch-root-margin-inline":`{spacing.0}`,"--switch-root-margin-block":`{spacing.0}`,"--switch-root-border-width":`{borders.0}`,"--switch-root-border-style":`solid`,"--switch-root-border-color":`transparent`,"--switch-root-radii":`{radii.0}`,"--switch-root-box-shadow":`none`,"--switch-track-width":`{sizes.600}`,"--switch-track-height":`{sizes.300}`,"--switch-track-radii":`{radii.900}`,"--switch-track-background":`{colors.neutral.background.5.enabled}`,"--switch-track-border-width":`{borders.100}`,"--switch-track-border-style":`solid`,"--switch-track-border-color":`transparent`,"--switch-track-background-checked":`{colors.neutral.background.5.primary.selected}`,"--switch-track-border-color-checked":`transparent`,"--switch-track-opacity-disabled":`.5`,"--switch-track-focus-outline-width":`{borders.100}`,"--switch-track-focus-outline-style":`solid`,"--switch-track-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--switch-track-focus-outline-offset":`{spacing.50}`,"--switch-track-focus-shadow":`none`,"--switch-track-border-color-error":`{colors.danger.stroke.1.enabled}`,"--switch-track-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--switch-thumb-radii":`{radii.900}`,"--switch-thumb-size":`{sizes.200}`,"--switch-thumb-offset":`{spacing.50}`,"--switch-thumb-background":`{colors.neutral.stroke.1.onPrimary.selected}`,"--switch-thumb-border-color":`transparent`,"--switch-thumb-shadow":`0 1px 2px 0 rgba(0, 0, 0, .15)`,"--checkbox-label-wrapper-gap":`var(--switch-label-wrapper-gap, {spacing.100})`,"--checkbox-label-font-family":`var(--switch-label-font-family, {fonts.base})`,"--checkbox-label-font-size":`var(--switch-label-font-size, {fontSizes.300})`,"--checkbox-label-font-weight":`var(--switch-label-font-weight, {fontWeights.regular})`,"--checkbox-label-line-height":`var(--switch-label-line-height, 1.4)`,"--checkbox-label-foreground":`var(--switch-label-foreground, {colors.neutral.foreground.2.enabled})`,"--checkbox-label-margin":`var(--switch-label-margin, 0)`,"--checkbox-label-opacity-disabled":`var(--switch-label-opacity-disabled, .5)`,"--checkbox-label-required-color":`var(--switch-label-required-color, {colors.neutral.foreground.3.enabled})`,"--switch-label-required-margin-left":`{spacing.50}`,"--checkbox-description-font-family":`var(--switch-description-font-family, {fonts.base})`,"--checkbox-description-font-size":`var(--switch-description-font-size, {fontSizes.300})`,"--checkbox-description-font-weight":`var(--switch-description-font-weight, {fontWeights.regular})`,"--checkbox-description-line-height":`var(--switch-description-line-height, 1.2)`,"--checkbox-description-foreground":`var(--switch-description-foreground, {colors.neutral.foreground.2.enabled})`,"--checkbox-description-margin":`var(--switch-description-margin, 0)`,"--switch-body-align":`flex-start`,"--switch-body-gap":`{spacing.200}`,"--switch-body-justify":`flex-start`,"--switch-transition":`{animations.base.100}`}});export{t as switchRecipe};
|
|
2
2
|
//# sourceMappingURL=switch.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.mjs","names":[],"sources":["../../../../src/recipes/controls/switch/switch.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const switchRecipe = defineRecipe({\n className: '
|
|
1
|
+
{"version":3,"file":"switch.mjs","names":[],"sources":["../../../../src/recipes/controls/switch/switch.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const switchRecipe = defineRecipe({\n className: 'switch',\n jsx: ['Switch'],\n base: {\n // switch root\n '--switch-root-background': 'transparent',\n '--switch-root-padding-inline': '{spacing.0}',\n '--switch-root-padding-block': '{spacing.0}',\n '--switch-root-margin-inline': '{spacing.0}',\n '--switch-root-margin-block': '{spacing.0}',\n '--switch-root-border-width': '{borders.0}',\n '--switch-root-border-style': 'solid',\n '--switch-root-border-color': 'transparent',\n '--switch-root-radii': '{radii.0}',\n '--switch-root-box-shadow': 'none',\n\n // switch track enabled\n '--switch-track-width': '{sizes.600}',\n '--switch-track-height': '{sizes.300}',\n '--switch-track-radii': '{radii.900}',\n '--switch-track-background': '{colors.neutral.background.5.enabled}',\n '--switch-track-border-width': '{borders.100}',\n '--switch-track-border-style': 'solid',\n '--switch-track-border-color': 'transparent',\n // switch track checked\n '--switch-track-background-checked':\n '{colors.neutral.background.5.primary.selected}',\n '--switch-track-border-color-checked': 'transparent',\n // switch track disabled\n '--switch-track-opacity-disabled': '.5',\n // switch track focus\n '--switch-track-focus-outline-width': '{borders.100}',\n '--switch-track-focus-outline-style': 'solid',\n '--switch-track-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--switch-track-focus-outline-offset': '{spacing.50}',\n '--switch-track-focus-shadow': 'none',\n // switch track error\n '--switch-track-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--switch-track-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // switch thumb\n '--switch-thumb-radii': '{radii.900}',\n '--switch-thumb-size': '{sizes.200}',\n '--switch-thumb-offset': '{spacing.50}',\n '--switch-thumb-background': '{colors.neutral.stroke.1.onPrimary.selected}',\n '--switch-thumb-border-color': 'transparent',\n '--switch-thumb-shadow': '0 1px 2px 0 rgba(0, 0, 0, .15)',\n\n // switch label wrapper\n '--checkbox-label-wrapper-gap':\n 'var(--switch-label-wrapper-gap, {spacing.100})',\n\n // switch label\n '--checkbox-label-font-family':\n 'var(--switch-label-font-family, {fonts.base})',\n '--checkbox-label-font-size':\n 'var(--switch-label-font-size, {fontSizes.300})',\n '--checkbox-label-font-weight':\n 'var(--switch-label-font-weight, {fontWeights.regular})',\n '--checkbox-label-line-height': 'var(--switch-label-line-height, 1.4)',\n '--checkbox-label-foreground':\n 'var(--switch-label-foreground, {colors.neutral.foreground.2.enabled})',\n '--checkbox-label-margin': 'var(--switch-label-margin, 0)',\n '--checkbox-label-opacity-disabled':\n 'var(--switch-label-opacity-disabled, .5)',\n\n // switch label required\n '--checkbox-label-required-color':\n 'var(--switch-label-required-color, {colors.neutral.foreground.3.enabled})',\n '--switch-label-required-margin-left': '{spacing.50}',\n\n // switch description\n '--checkbox-description-font-family':\n 'var(--switch-description-font-family, {fonts.base})',\n '--checkbox-description-font-size':\n 'var(--switch-description-font-size, {fontSizes.300})',\n '--checkbox-description-font-weight':\n 'var(--switch-description-font-weight, {fontWeights.regular})',\n '--checkbox-description-line-height':\n 'var(--switch-description-line-height, 1.2)',\n '--checkbox-description-foreground':\n 'var(--switch-description-foreground, {colors.neutral.foreground.2.enabled})',\n '--checkbox-description-margin': 'var(--switch-description-margin, 0)',\n\n // switch body\n '--switch-body-align': 'flex-start',\n '--switch-body-gap': '{spacing.200}',\n '--switch-body-justify': 'flex-start',\n\n // switch transition\n '--switch-transition': '{animations.base.100}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CAEJ,2BAA4B,cAC5B,+BAAgC,cAChC,8BAA+B,cAC/B,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,sBAAuB,YACvB,2BAA4B,OAG5B,uBAAwB,cACxB,wBAAyB,cACzB,uBAAwB,cACxB,4BAA6B,wCAC7B,8BAA+B,gBAC/B,8BAA+B,QAC/B,8BAA+B,cAE/B,oCACE,iDACF,sCAAuC,cAEvC,kCAAmC,KAEnC,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,sCAAuC,eACvC,8BAA+B,OAE/B,oCAAqC,mCACrC,2CACE,mCAGF,uBAAwB,cACxB,sBAAuB,cACvB,wBAAyB,eACzB,4BAA6B,+CAC7B,8BAA+B,cAC/B,wBAAyB,iCAGzB,+BACE,iDAGF,+BACE,gDACF,6BACE,iDACF,+BACE,yDACF,+BAAgC,uCAChC,8BACE,wEACF,0BAA2B,gCAC3B,oCACE,2CAGF,kCACE,4EACF,sCAAuC,eAGvC,qCACE,sDACF,mCACE,uDACF,qCACE,+DACF,qCACE,6CACF,oCACE,8EACF,gCAAiC,sCAGjC,sBAAuB,aACvB,oBAAqB,gBACrB,wBAAyB,aAGzB,sBAAuB,wBACxB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__description`,jsx:[`Toast`],base:{
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__description`,jsx:[`Toast`],base:{fontSize:`var(--toast-description-font-size, {fontSizes.200})`,lineHeight:`var(--toast-description-line-height, 1.4)`,color:`var(--toast-description-color, inherit)`,"&[data-with-title]":{color:`var(--toast-description-color-with-title, inherit)`}}});export{t as toastDescription};
|
|
2
2
|
//# sourceMappingURL=toast-description.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-description.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastDescription = defineRecipe({\n className: 'toast__description',\n jsx: ['Toast'],\n base: {\n
|
|
1
|
+
{"version":3,"file":"toast-description.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastDescription = defineRecipe({\n className: 'toast__description',\n jsx: ['Toast'],\n base: {\n fontSize: 'var(--toast-description-font-size, {fontSizes.200})',\n lineHeight: 'var(--toast-description-line-height, 1.4)',\n color: 'var(--toast-description-color, inherit)',\n '&[data-with-title]': {\n color: 'var(--toast-description-color-with-title, inherit)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,qBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,sDACV,WAAY,4CACZ,MAAO,0CACP,qBAAsB,CACpB,MAAO,qDACR,CACF,CACF,CAAC"}
|