@mage-ui/preset 1.0.82 → 1.0.84
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/avatar-upload/avatar-upload-avatar.mjs +2 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-avatar.mjs.map +1 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-icon-slot.mjs +2 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-icon-slot.mjs.map +1 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-icon.mjs +2 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-icon.mjs.map +1 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-image.mjs +2 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-image.mjs.map +1 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-overlay.mjs +2 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-overlay.mjs.map +1 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-root.mjs +2 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload-root.mjs.map +1 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload.mjs +2 -0
- package/dist/recipes/controls/avatar-upload/avatar-upload.mjs.map +1 -0
- package/dist/recipes/controls/avatar-upload/index.mjs +2 -0
- package/dist/recipes/controls/avatar-upload/index.mjs.map +1 -0
- package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-option-create-create.mjs +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-option-create-create.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-option-create.mjs +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-option-create.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown-root.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown-root.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/select/select-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/select/select-text-input.mjs.map +1 -1
- package/dist/recipes/controls/file-input/file-input.mjs +1 -1
- package/dist/recipes/controls/file-input/file-input.mjs.map +1 -1
- package/dist/recipes/controls/index.mjs +1 -1
- package/dist/recipes/controls/index.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-label.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-label.mjs.map +1 -1
- package/dist/recipes/data-display/removable-item/removable-item-button-icon.mjs +1 -1
- package/dist/recipes/data-display/removable-item/removable-item-button-icon.mjs.map +1 -1
- package/dist/recipes/data-display/removable-item/removable-item-root.mjs +1 -1
- package/dist/recipes/data-display/removable-item/removable-item-root.mjs.map +1 -1
- package/dist/recipes/data-display/removable-item/removable-item.mjs +1 -1
- package/dist/recipes/data-display/removable-item/removable-item.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon-icon-raw-root.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon-icon-raw-root.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon-icon-raw.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon-icon-raw.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon-icon.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon-icon.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon-root.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon-root.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-content.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-content.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-root.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-root.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-section.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file-section.mjs.map +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file.mjs +1 -1
- package/dist/recipes/data-display/uploaded-file/uploaded-file.mjs.map +1 -1
- package/dist/recipes/layouts/card/card-body.mjs +1 -1
- package/dist/recipes/layouts/card/card-body.mjs.map +1 -1
- package/dist/recipes/navigations/menu/menu-item.mjs +1 -1
- package/dist/recipes/navigations/menu/menu-item.mjs.map +1 -1
- package/dist/recipes/navigations/menu/menu.mjs +1 -1
- package/dist/recipes/navigations/menu/menu.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-upload__avatar`,jsx:[`AvatarUpload`],base:{position:`relative`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,flexShrink:`0`,width:`var(--avatar-upload-size, {sizes.1300})`,height:`var(--avatar-upload-size, {sizes.1300})`,borderRadius:`var(--avatar-upload-radii, {radii.900})`,borderWidth:`var(--avatar-upload-border-width, {borders.200})`,borderStyle:`var(--avatar-upload-border-style, solid)`,borderColor:`var(--avatar-upload-border-color, white)`,backgroundColor:`var(--avatar-upload-background, {colors.primary.background.1.enabled})`,overflow:`hidden`,transition:`var(--avatar-upload-transition, {animations.200})`}});export{t as avatarUploadAvatar};
|
|
2
|
+
//# sourceMappingURL=avatar-upload-avatar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-upload-avatar.mjs","names":[],"sources":["../../../../src/recipes/controls/avatar-upload/avatar-upload-avatar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarUploadAvatar = defineRecipe({\n className: 'avatar-upload__avatar',\n jsx: ['AvatarUpload'],\n base: {\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: '0',\n width: 'var(--avatar-upload-size, {sizes.1300})',\n height: 'var(--avatar-upload-size, {sizes.1300})',\n borderRadius: 'var(--avatar-upload-radii, {radii.900})',\n borderWidth: 'var(--avatar-upload-border-width, {borders.200})',\n borderStyle: 'var(--avatar-upload-border-style, solid)',\n borderColor: 'var(--avatar-upload-border-color, white)',\n backgroundColor:\n 'var(--avatar-upload-background, {colors.primary.background.1.enabled})',\n overflow: 'hidden',\n transition: 'var(--avatar-upload-transition, {animations.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,wBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,SAAU,WACV,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,WAAY,IACZ,MAAO,0CACP,OAAQ,0CACR,aAAc,0CACd,YAAa,mDACb,YAAa,2CACb,YAAa,2CACb,gBACE,yEACF,SAAU,SACV,WAAY,oDACb,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-upload__icon-slot`,jsx:[`AvatarUpload`],base:{position:`relative`,zIndex:`1`,display:`flex`,alignItems:`center`,justifyContent:`center`,transition:`var(--avatar-upload-transition, {animations.200})`,color:`var(--avatar-upload-icon-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,opacity:`1`,"[data-has-image] &":{opacity:`0`},"[data-has-image]:hover &":{opacity:`1`}}});export{t as avatarUploadIconSlot};
|
|
2
|
+
//# sourceMappingURL=avatar-upload-icon-slot.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-upload-icon-slot.mjs","names":[],"sources":["../../../../src/recipes/controls/avatar-upload/avatar-upload-icon-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarUploadIconSlot = defineRecipe({\n className: 'avatar-upload__icon-slot',\n jsx: ['AvatarUpload'],\n base: {\n position: 'relative',\n zIndex: '1',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'var(--avatar-upload-transition, {animations.200})',\n color:\n 'var(--avatar-upload-icon-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n opacity: '1',\n '[data-has-image] &': {\n opacity: '0',\n },\n '[data-has-image]:hover &': {\n opacity: '1',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,2BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,SAAU,WACV,OAAQ,IACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,oDACZ,MACE,wFACF,QAAS,IACT,qBAAsB,CACpB,QAAS,IACV,CACD,2BAA4B,CAC1B,QAAS,IACV,CACF,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{icon as e}from"../../data-display/icons/icon/icon.mjs";const t=e.merge({className:`avatar-upload__icon`,jsx:[`AvatarUpload`],base:{"--icon-size":`var(--avatar-upload-icon-size, {sizes.500})`}});export{t as avatarUploadIcon};
|
|
2
|
+
//# sourceMappingURL=avatar-upload-icon.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-upload-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/avatar-upload/avatar-upload-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { icon } from '../../data-display/icons/icon/icon';\n\nexport const avatarUploadIcon = icon.merge({\n className: 'avatar-upload__icon',\n jsx: ['AvatarUpload'],\n base: {\n '--icon-size': 'var(--avatar-upload-icon-size, {sizes.500})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8DAOA,MAAa,EAAmB,EAAK,MAAM,CACzC,UAAW,sBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,cAAe,8CAChB,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-upload__image`,jsx:[`AvatarUpload`],base:{position:`absolute`,inset:`0`,width:`100%`,height:`100%`,objectFit:`cover`}});export{t as avatarUploadImage};
|
|
2
|
+
//# sourceMappingURL=avatar-upload-image.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-upload-image.mjs","names":[],"sources":["../../../../src/recipes/controls/avatar-upload/avatar-upload-image.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarUploadImage = defineRecipe({\n className: 'avatar-upload__image',\n jsx: ['AvatarUpload'],\n base: {\n position: 'absolute',\n inset: '0',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,uBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,SAAU,WACV,MAAO,IACP,MAAO,OACP,OAAQ,OACR,UAAW,QACZ,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-upload__overlay`,jsx:[`AvatarUpload`],base:{position:`absolute`,inset:`0`,borderRadius:`inherit`,backgroundColor:`var(--avatar-upload-overlay-background, {colors.primary.background.1.enabled})`,opacity:`0`,transition:`var(--avatar-upload-transition, {animations.base.300})`,"[data-has-image]:hover &":{opacity:`var(--avatar-upload-overlay-opacity, 0.5)`}}});export{t as avatarUploadOverlay};
|
|
2
|
+
//# sourceMappingURL=avatar-upload-overlay.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-upload-overlay.mjs","names":[],"sources":["../../../../src/recipes/controls/avatar-upload/avatar-upload-overlay.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarUploadOverlay = defineRecipe({\n className: 'avatar-upload__overlay',\n jsx: ['AvatarUpload'],\n base: {\n position: 'absolute',\n inset: '0',\n borderRadius: 'inherit',\n backgroundColor:\n 'var(--avatar-upload-overlay-background, {colors.primary.background.1.enabled})',\n opacity: '0',\n transition: 'var(--avatar-upload-transition, {animations.base.300})',\n '[data-has-image]:hover &': {\n opacity: 'var(--avatar-upload-overlay-opacity, 0.5)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,yBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,SAAU,WACV,MAAO,IACP,aAAc,UACd,gBACE,iFACF,QAAS,IACT,WAAY,yDACZ,2BAA4B,CAC1B,QAAS,4CACV,CACF,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-upload__root`,jsx:[`AvatarUpload`],base:{position:`relative`,cursor:`pointer`,"&:has(:focus-visible)":{outlineWidth:`var(--avatar-upload-focus-outline-width, {borders.200})`,outlineStyle:`var(--avatar-upload-focus-outline-style, solid)`,outlineColor:`var(--avatar-upload-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--avatar-upload-focus-outline-offset, {spacing.50})`,borderRadius:`var(--avatar-upload-focus-outline-border-radius, {radii.900})`}}});export{t as avatarUploadRoot};
|
|
2
|
+
//# sourceMappingURL=avatar-upload-root.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-upload-root.mjs","names":[],"sources":["../../../../src/recipes/controls/avatar-upload/avatar-upload-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarUploadRoot = defineRecipe({\n className: 'avatar-upload__root',\n jsx: ['AvatarUpload'],\n base: {\n position: 'relative',\n cursor: 'pointer',\n '&:has(:focus-visible)': {\n outlineWidth: 'var(--avatar-upload-focus-outline-width, {borders.200})',\n outlineStyle: 'var(--avatar-upload-focus-outline-style, solid)',\n outlineColor:\n 'var(--avatar-upload-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset: 'var(--avatar-upload-focus-outline-offset, {spacing.50})',\n borderRadius:\n 'var(--avatar-upload-focus-outline-border-radius, {radii.900})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,SAAU,WACV,OAAQ,UACR,wBAAyB,CACvB,aAAc,0DACd,aAAc,kDACd,aACE,8EACF,cAAe,0DACf,aACE,gEACH,CACF,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar-upload`,jsx:[`AvatarUpload`],base:{"--avatar-upload-size":`{sizes.1300}`,"--avatar-upload-radii":`{radii.900}`,"--avatar-upload-background":`{colors.primary.background.1.enabled}`,"--avatar-upload-border-width":`{borders.200}`,"--avatar-upload-border-style":`solid`,"--avatar-upload-border-color":`{colors.primary.foreground.onPrimary.2.enabled}`,"--avatar-upload-transition":`{animations.base.200}`,"--avatar-upload-icon-size":`{sizes.500}`,"--avatar-upload-icon-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--avatar-upload-overlay-background":`{colors.primary.background.1.enabled}`,"--avatar-upload-overlay-opacity":`0.65`}});export{t as avatarUpload};
|
|
2
|
+
//# sourceMappingURL=avatar-upload.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-upload.mjs","names":[],"sources":["../../../../src/recipes/controls/avatar-upload/avatar-upload.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarUpload = defineRecipe({\n className: 'avatar-upload',\n jsx: ['AvatarUpload'],\n base: {\n /* avatar */\n '--avatar-upload-size': '{sizes.1300}',\n '--avatar-upload-radii': '{radii.900}',\n '--avatar-upload-background': '{colors.primary.background.1.enabled}',\n '--avatar-upload-border-width': '{borders.200}',\n '--avatar-upload-border-style': 'solid',\n '--avatar-upload-border-color':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--avatar-upload-transition': '{animations.base.200}',\n\n /* icon */\n '--avatar-upload-icon-size': '{sizes.500}',\n '--avatar-upload-icon-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n\n /* overlay */\n '--avatar-upload-overlay-background':\n '{colors.primary.background.1.enabled}',\n '--avatar-upload-overlay-opacity': '0.65',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,gBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CAEJ,uBAAwB,eACxB,wBAAyB,cACzB,6BAA8B,wCAC9B,+BAAgC,gBAChC,+BAAgC,QAChC,+BACE,kDACF,6BAA8B,wBAG9B,4BAA6B,cAC7B,kCACE,kDAGF,qCACE,wCACF,kCAAmC,OACpC,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{avatarUpload as e}from"./avatar-upload.mjs";import{avatarUploadAvatar as t}from"./avatar-upload-avatar.mjs";import{avatarUploadIcon as n}from"./avatar-upload-icon.mjs";import{avatarUploadIconSlot as r}from"./avatar-upload-icon-slot.mjs";import{avatarUploadImage as i}from"./avatar-upload-image.mjs";import{avatarUploadOverlay as a}from"./avatar-upload-overlay.mjs";import{avatarUploadRoot as o}from"./avatar-upload-root.mjs";var s={avatarUpload:e,avatarUploadRoot:o,avatarUploadAvatar:t,avatarUploadImage:i,avatarUploadOverlay:a,avatarUploadIcon:n,avatarUploadIconSlot:r};export{s as default};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/controls/avatar-upload/index.ts"],"sourcesContent":["import { avatarUpload } from './avatar-upload';\nimport { avatarUploadAvatar } from './avatar-upload-avatar';\nimport { avatarUploadIcon } from './avatar-upload-icon';\nimport { avatarUploadIconSlot } from './avatar-upload-icon-slot';\nimport { avatarUploadImage } from './avatar-upload-image';\nimport { avatarUploadOverlay } from './avatar-upload-overlay';\nimport { avatarUploadRoot } from './avatar-upload-root';\n\nexport default {\n avatarUpload,\n avatarUploadRoot,\n avatarUploadAvatar,\n avatarUploadImage,\n avatarUploadOverlay,\n avatarUploadIcon,\n avatarUploadIconSlot,\n};\n"],"mappings":"gbAQA,IAAA,EAAe,CACb,eACA,mBACA,qBACA,oBACA,sBACA,mBACA,uBACD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{comboboxTextInput as e}from"../combobox/combobox-text-input.mjs";const t=e.merge({className:`autocomplete__text-input`,jsx:[`Autocomplete`],base:{"--combobox-text-input-root-gap":`var(--autocomplete-text-input-root-gap, {spacing.100})`,"--combobox-text-input-root-width":`var(--autocomplete-text-input-root-width, 100%)`,"--combobox-text-input-root-flex-direction":`var(--autocomplete-text-input-root-flex-direction, column)`,"--combobox-text-input-root-justify-content":`var(--autocomplete-text-input-root-justify-content, flex-start)`,"--combobox-text-input-root-align-items":`var(--autocomplete-text-input-root-align-items, stretch)`,"--combobox-text-input-label-font-family":`var(--autocomplete-text-input-label-font-family, {fonts.base})`,"--combobox-text-input-label-font-size":`var(--autocomplete-text-input-label-font-size, {fontSizes.
|
|
1
|
+
import{comboboxTextInput as e}from"../combobox/combobox-text-input.mjs";const t=e.merge({className:`autocomplete__text-input`,jsx:[`Autocomplete`],base:{"--combobox-text-input-root-gap":`var(--autocomplete-text-input-root-gap, {spacing.100})`,"--combobox-text-input-root-width":`var(--autocomplete-text-input-root-width, 100%)`,"--combobox-text-input-root-flex-direction":`var(--autocomplete-text-input-root-flex-direction, column)`,"--combobox-text-input-root-justify-content":`var(--autocomplete-text-input-root-justify-content, flex-start)`,"--combobox-text-input-root-align-items":`var(--autocomplete-text-input-root-align-items, stretch)`,"--combobox-text-input-label-font-family":`var(--autocomplete-text-input-label-font-family, {fonts.base})`,"--combobox-text-input-label-font-size":`var(--autocomplete-text-input-label-font-size, {fontSizes.300})`,"--combobox-text-input-label-font-weight":`var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})`,"--combobox-text-input-label-line-height":`var(--autocomplete-text-input-label-line-height, inherit)`,"--combobox-text-input-label-foreground":`var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.2.enabled})`,"--combobox-text-input-required-font-family":`var(--autocomplete-text-input-required-font-family, {fonts.base})`,"--combobox-text-input-required-font-size":`var(--autocomplete-text-input-required-font-size, {fontSizes.400})`,"--combobox-text-input-required-font-weight":`var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})`,"--combobox-text-input-required-foreground":`var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-foreground-error":`var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-description-font-family":`var(--autocomplete-text-input-description-font-family, {fonts.base})`,"--combobox-text-input-description-font-size":`var(--autocomplete-text-input-description-font-size, {fontSizes.300})`,"--combobox-text-input-description-font-weight":`var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})`,"--combobox-text-input-description-line-height":`var(--autocomplete-text-input-description-line-height, inherit)`,"--combobox-text-input-description-foreground":`var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--combobox-text-input-error-font-family":`var(--autocomplete-text-input-error-font-family, {fonts.base})`,"--combobox-text-input-error-font-size":`var(--autocomplete-text-input-error-font-size, {fontSizes.300})`,"--combobox-text-input-error-font-weight":`var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})`,"--combobox-text-input-error-line-height":`var(--autocomplete-text-input-error-line-height, inherit)`,"--combobox-text-input-error-foreground":`var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-wrapper-margin-top":`var(--autocomplete-text-input-wrapper-margin-top, {spacing.100})`,"--combobox-text-input-wrapper-width":`var(--autocomplete-text-input-wrapper-width, 100%)`,"--combobox-text-input-wrapper-flex":`var(--autocomplete-text-input-wrapper-flex, 1)`,"--combobox-text-input-wrapper-disabled-opacity":`var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)`,"--combobox-text-input-input-font-family":`var(--autocomplete-text-input-input-font-family, {fonts.base})`,"--combobox-text-input-input-font-size":`var(--autocomplete-text-input-input-font-size, {fontSizes.400})`,"--combobox-text-input-input-font-weight":`var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})`,"--combobox-text-input-input-line-height":`var(--autocomplete-text-input-input-line-height, inherit)`,"--combobox-text-input-input-text-align":`var(--autocomplete-text-input-input-text-align, left)`,"--combobox-text-input-input-background":`var(--autocomplete-text-input-input-background, transparent)`,"--combobox-text-input-input-foreground":`var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-input-placeholder-foreground":`var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--combobox-text-input-input-border-width":`var(--autocomplete-text-input-input-border-width, {borders.100})`,"--combobox-text-input-input-border-color":`var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-text-input-input-border-color-error":`var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--combobox-text-input-input-border-style":`var(--autocomplete-text-input-input-border-style, solid)`,"--combobox-text-input-input-radii":`var(--autocomplete-text-input-input-radii, {radii.200})`,"--combobox-text-input-input-height":`var(--autocomplete-text-input-input-height, {sizes.700})`,"--combobox-text-input-input-padding-inline-start":`var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})`,"--combobox-text-input-input-padding-inline-end":`var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})`,"--combobox-text-input-input-width":`var(--autocomplete-text-input-input-width, 100%)`,"--combobox-text-input-input-min-width":`var(--autocomplete-text-input-input-min-width, unset)`,"--combobox-text-input-input-field-sizing":`var(--autocomplete-text-input-input-field-sizing, fixed)`,"--combobox-text-input-input-focus-outline-width":`var(--autocomplete-text-input-input-focus-outline-width, {borders.150})`,"--combobox-text-input-input-focus-outline-style":`var(--autocomplete-text-input-input-focus-outline-style, solid)`,"--combobox-text-input-input-focus-outline-offset":`var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})`,"--combobox-text-input-input-focus-outline-color":`var(--autocomplete-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--combobox-text-input-input-focus-border-color":`var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--combobox-text-input-input-focus-shadow":`var(--autocomplete-text-input-input-focus-shadow, none)`,"--combobox-text-input-section-size":`var(--autocomplete-text-input-section-size, {sizes.600})`,"--combobox-text-input-left-section-width":`var(--autocomplete-text-input-left-section-width, {sizes.600})`,"--combobox-text-input-right-section-width":`var(--autocomplete-text-input-right-section-width, {sizes.600})`,"--combobox-text-input-left-section-position":`var(--autocomplete-text-input-left-section-position, {spacing.200})`,"--combobox-text-input-right-section-position":`var(--autocomplete-text-input-right-section-position, {spacing.200})`,"--combobox-text-input-left-section-pointer-events":`var(--autocomplete-text-input-left-section-pointer-events, none)`,"--combobox-text-input-right-section-pointer-events":`var(--autocomplete-text-input-right-section-pointer-events, none)`}});export{t as autocompleteTextInput};
|
|
2
2
|
//# sourceMappingURL=autocomplete-text-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/autocomplete/autocomplete-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { comboboxTextInput } from '../combobox/combobox-text-input';\n\nexport const autocompleteTextInput = comboboxTextInput.merge({\n className: 'autocomplete__text-input',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-text-input-root-gap':\n 'var(--autocomplete-text-input-root-gap, {spacing.100})',\n '--combobox-text-input-root-width':\n 'var(--autocomplete-text-input-root-width, 100%)',\n '--combobox-text-input-root-flex-direction':\n 'var(--autocomplete-text-input-root-flex-direction, column)',\n '--combobox-text-input-root-justify-content':\n 'var(--autocomplete-text-input-root-justify-content, flex-start)',\n '--combobox-text-input-root-align-items':\n 'var(--autocomplete-text-input-root-align-items, stretch)',\n\n /* Label */\n '--combobox-text-input-label-font-family':\n 'var(--autocomplete-text-input-label-font-family, {fonts.base})',\n '--combobox-text-input-label-font-size':\n 'var(--autocomplete-text-input-label-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"autocomplete-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/autocomplete/autocomplete-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { comboboxTextInput } from '../combobox/combobox-text-input';\n\nexport const autocompleteTextInput = comboboxTextInput.merge({\n className: 'autocomplete__text-input',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-text-input-root-gap':\n 'var(--autocomplete-text-input-root-gap, {spacing.100})',\n '--combobox-text-input-root-width':\n 'var(--autocomplete-text-input-root-width, 100%)',\n '--combobox-text-input-root-flex-direction':\n 'var(--autocomplete-text-input-root-flex-direction, column)',\n '--combobox-text-input-root-justify-content':\n 'var(--autocomplete-text-input-root-justify-content, flex-start)',\n '--combobox-text-input-root-align-items':\n 'var(--autocomplete-text-input-root-align-items, stretch)',\n\n /* Label */\n '--combobox-text-input-label-font-family':\n 'var(--autocomplete-text-input-label-font-family, {fonts.base})',\n '--combobox-text-input-label-font-size':\n 'var(--autocomplete-text-input-label-font-size, {fontSizes.300})',\n '--combobox-text-input-label-font-weight':\n 'var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})',\n '--combobox-text-input-label-line-height':\n 'var(--autocomplete-text-input-label-line-height, inherit)',\n '--combobox-text-input-label-foreground':\n 'var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Required */\n '--combobox-text-input-required-font-family':\n 'var(--autocomplete-text-input-required-font-family, {fonts.base})',\n '--combobox-text-input-required-font-size':\n 'var(--autocomplete-text-input-required-font-size, {fontSizes.400})',\n '--combobox-text-input-required-font-weight':\n 'var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})',\n '--combobox-text-input-required-foreground':\n 'var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-required-foreground-error':\n 'var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--combobox-text-input-description-font-family':\n 'var(--autocomplete-text-input-description-font-family, {fonts.base})',\n '--combobox-text-input-description-font-size':\n 'var(--autocomplete-text-input-description-font-size, {fontSizes.300})',\n '--combobox-text-input-description-font-weight':\n 'var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})',\n '--combobox-text-input-description-line-height':\n 'var(--autocomplete-text-input-description-line-height, inherit)',\n '--combobox-text-input-description-foreground':\n 'var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--combobox-text-input-error-font-family':\n 'var(--autocomplete-text-input-error-font-family, {fonts.base})',\n '--combobox-text-input-error-font-size':\n 'var(--autocomplete-text-input-error-font-size, {fontSizes.300})',\n '--combobox-text-input-error-font-weight':\n 'var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})',\n '--combobox-text-input-error-line-height':\n 'var(--autocomplete-text-input-error-line-height, inherit)',\n '--combobox-text-input-error-foreground':\n 'var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--combobox-text-input-wrapper-margin-top':\n 'var(--autocomplete-text-input-wrapper-margin-top, {spacing.100})',\n '--combobox-text-input-wrapper-width':\n 'var(--autocomplete-text-input-wrapper-width, 100%)',\n '--combobox-text-input-wrapper-flex':\n 'var(--autocomplete-text-input-wrapper-flex, 1)',\n '--combobox-text-input-wrapper-disabled-opacity':\n 'var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--combobox-text-input-input-font-family':\n 'var(--autocomplete-text-input-input-font-family, {fonts.base})',\n '--combobox-text-input-input-font-size':\n 'var(--autocomplete-text-input-input-font-size, {fontSizes.400})',\n '--combobox-text-input-input-font-weight':\n 'var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})',\n '--combobox-text-input-input-line-height':\n 'var(--autocomplete-text-input-input-line-height, inherit)',\n '--combobox-text-input-input-text-align':\n 'var(--autocomplete-text-input-input-text-align, left)',\n '--combobox-text-input-input-background':\n 'var(--autocomplete-text-input-input-background, transparent)',\n '--combobox-text-input-input-foreground':\n 'var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-input-placeholder-foreground':\n 'var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--combobox-text-input-input-border-width':\n 'var(--autocomplete-text-input-input-border-width, {borders.100})',\n '--combobox-text-input-input-border-color':\n 'var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--combobox-text-input-input-border-color-error':\n 'var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--combobox-text-input-input-border-style':\n 'var(--autocomplete-text-input-input-border-style, solid)',\n '--combobox-text-input-input-radii':\n 'var(--autocomplete-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--combobox-text-input-input-height':\n 'var(--autocomplete-text-input-input-height, {sizes.700})',\n '--combobox-text-input-input-padding-inline-start':\n 'var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})',\n '--combobox-text-input-input-padding-inline-end':\n 'var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})',\n '--combobox-text-input-input-width':\n 'var(--autocomplete-text-input-input-width, 100%)',\n '--combobox-text-input-input-min-width':\n 'var(--autocomplete-text-input-input-min-width, unset)',\n '--combobox-text-input-input-field-sizing':\n 'var(--autocomplete-text-input-input-field-sizing, fixed)',\n\n /* Input focus */\n '--combobox-text-input-input-focus-outline-width':\n 'var(--autocomplete-text-input-input-focus-outline-width, {borders.150})',\n '--combobox-text-input-input-focus-outline-style':\n 'var(--autocomplete-text-input-input-focus-outline-style, solid)',\n '--combobox-text-input-input-focus-outline-offset':\n 'var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})',\n '--combobox-text-input-input-focus-outline-color':\n 'var(--autocomplete-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--combobox-text-input-input-focus-border-color':\n 'var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--combobox-text-input-input-focus-shadow':\n 'var(--autocomplete-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--combobox-text-input-section-size':\n 'var(--autocomplete-text-input-section-size, {sizes.600})',\n '--combobox-text-input-left-section-width':\n 'var(--autocomplete-text-input-left-section-width, {sizes.600})',\n '--combobox-text-input-right-section-width':\n 'var(--autocomplete-text-input-right-section-width, {sizes.600})',\n '--combobox-text-input-left-section-position':\n 'var(--autocomplete-text-input-left-section-position, {spacing.200})',\n '--combobox-text-input-right-section-position':\n 'var(--autocomplete-text-input-right-section-position, {spacing.200})',\n '--combobox-text-input-left-section-pointer-events':\n 'var(--autocomplete-text-input-left-section-pointer-events, none)',\n '--combobox-text-input-right-section-pointer-events':\n 'var(--autocomplete-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAOA,MAAa,EAAwB,EAAkB,MAAM,CAC3D,UAAW,2BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,iCACE,yDACF,mCACE,kDACF,4CACE,6DACF,6CACE,kEACF,yCACE,2DAGF,0CACE,iEACF,wCACE,kEACF,0CACE,yEACF,0CACE,4DACF,yCACE,yFAGF,6CACE,oEACF,2CACE,qEACF,6CACE,4EACF,4CACE,4FACF,kDACE,iGAGF,gDACE,uEACF,8CACE,wEACF,gDACE,gFACF,gDACE,kEACF,+CACE,+FAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wFAGF,2CACE,mEACF,sCACE,qDACF,qCACE,iDACF,iDACE,+DAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wDACF,yCACE,+DACF,yCACE,yFACF,qDACE,qGAGF,2CACE,mEACF,2CACE,uFACF,iDACE,4FACF,2CACE,2DACF,oCACE,0DAGF,qCACE,2DACF,mDACE,2EACF,iDACE,yEACF,oCACE,mDACF,wCACE,wDACF,2CACE,2DAGF,kDACE,0EACF,kDACE,kEACF,mDACE,0EACF,kDACE,8FACF,iDACE,6FACF,2CACE,0DAGF,qCACE,2DACF,2CACE,iEACF,4CACE,kEACF,8CACE,sEACF,+CACE,uEACF,oDACE,mEACF,qDACE,oEACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`combobox__option__create-create`,jsx:[`Combobox`],base:{display:`flex`,gap:`var(--combobox-option-create-create-gap, {spacing.200})`,color:`var(--combobox-option-create-create-foreground, {colors.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`combobox__option__create-create`,jsx:[`Combobox`],base:{display:`flex`,gap:`var(--combobox-option-create-create-gap, {spacing.200})`,color:`var(--combobox-option-create-create-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,backgroundColor:`var(--combobox-option-create-create-background, {colors.primary.background.2.enabled})`,fontWeight:`var(--combobox-option-create-create-font-weight, {fontWeights.medium})`,alignItems:`center`,justifyContent:`var(--combobox-option-create-create-justify-content, center)`,textAlign:`var(--combobox-option-create-create-text-align, center)`,paddingBlock:`var(--combobox-option-create-padding-block, {spacing.200})`,cursor:`pointer`,_hover:{color:`var(--combobox-option-create-create-foreground-hover, {colors.primary.foreground.onPrimary.2.hovered})`,backgroundColor:`var(--combobox-option-create-create-background-hover, {colors.primary.background.2.hovered})`}}});export{t as comboboxOptionCreateCreate};
|
|
2
2
|
//# sourceMappingURL=combobox-option-create-create.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-option-create-create.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox-option-create-create.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const comboboxOptionCreateCreate = defineRecipe({\n className: 'combobox__option__create-create',\n jsx: ['Combobox'],\n base: {\n display: 'flex',\n gap: 'var(--combobox-option-create-create-gap, {spacing.200})',\n color:\n 'var(--combobox-option-create-create-foreground, {colors.
|
|
1
|
+
{"version":3,"file":"combobox-option-create-create.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox-option-create-create.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const comboboxOptionCreateCreate = defineRecipe({\n className: 'combobox__option__create-create',\n jsx: ['Combobox'],\n base: {\n display: 'flex',\n gap: 'var(--combobox-option-create-create-gap, {spacing.200})',\n color:\n 'var(--combobox-option-create-create-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n backgroundColor:\n 'var(--combobox-option-create-create-background, {colors.primary.background.2.enabled})',\n fontWeight:\n 'var(--combobox-option-create-create-font-weight, {fontWeights.medium})',\n alignItems: 'center',\n justifyContent:\n 'var(--combobox-option-create-create-justify-content, center)',\n textAlign: 'var(--combobox-option-create-create-text-align, center)',\n paddingBlock: 'var(--combobox-option-create-padding-block, {spacing.200})',\n cursor: 'pointer',\n _hover: {\n color:\n 'var(--combobox-option-create-create-foreground-hover, {colors.primary.foreground.onPrimary.2.hovered})',\n backgroundColor:\n 'var(--combobox-option-create-create-background-hover, {colors.primary.background.2.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA6B,EAAa,CACrD,UAAW,kCACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,OACT,IAAK,0DACL,MACE,mGACF,gBACE,yFACF,WACE,yEACF,WAAY,SACZ,eACE,+DACF,UAAW,0DACX,aAAc,6DACd,OAAQ,UACR,OAAQ,CACN,MACE,yGACF,gBACE,+FACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`combobox__option__create`,jsx:[`Combobox`],base:{"--combobox-option-create-create-gap":`{spacing.200}`,"--combobox-option-create-create-foreground":`{colors.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`combobox__option__create`,jsx:[`Combobox`],base:{"--combobox-option-create-create-gap":`{spacing.200}`,"--combobox-option-create-create-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--combobox-option-create-create-foreground-hover":`{colors.primary.foreground.onPrimary.2.hovered}`,"--combobox-option-create-create-background":`{colors.primary.background.2.enabled}`,"--combobox-option-create-create-background-hover":`{colors.primary.background.2.hovered}`,"--combobox-option-create-create-font-weight":`{fontWeights.medium}`,"--combobox-option-create-create-justify-content":`center`,"--combobox-option-create-create-text-align":`center`,"--combobox-option-create-padding-block":`{spacing.200}`}});export{t as comboboxOptionCreate};
|
|
2
2
|
//# sourceMappingURL=combobox-option-create.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-option-create.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox-option-create.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const comboboxOptionCreate = defineRecipe({\n className: 'combobox__option__create',\n jsx: ['Combobox'],\n base: {\n '--combobox-option-create-create-gap': '{spacing.200}',\n '--combobox-option-create-create-foreground':\n '{colors.
|
|
1
|
+
{"version":3,"file":"combobox-option-create.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox-option-create.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const comboboxOptionCreate = defineRecipe({\n className: 'combobox__option__create',\n jsx: ['Combobox'],\n base: {\n '--combobox-option-create-create-gap': '{spacing.200}',\n '--combobox-option-create-create-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--combobox-option-create-create-foreground-hover':\n '{colors.primary.foreground.onPrimary.2.hovered}',\n '--combobox-option-create-create-background':\n '{colors.primary.background.2.enabled}',\n '--combobox-option-create-create-background-hover':\n '{colors.primary.background.2.hovered}',\n '--combobox-option-create-create-font-weight': '{fontWeights.medium}',\n '--combobox-option-create-create-justify-content': 'center',\n '--combobox-option-create-create-text-align': 'center',\n '--combobox-option-create-padding-block': '{spacing.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,2BACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,sCAAuC,gBACvC,6CACE,kDACF,mDACE,kDACF,6CACE,wCACF,mDACE,wCACF,8CAA+C,uBAC/C,kDAAmD,SACnD,6CAA8C,SAC9C,yCAA0C,gBAC3C,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{dropdownTextInput as e}from"../dropdown-text-input.mjs";const t=e.merge({className:`combobox__text-input`,jsx:[`Combobox`],base:{"--dropdown-text-input-root-gap":`var(--combobox-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-root-width":`var(--combobox-text-input-root-width, 100%)`,"--dropdown-text-input-root-flex-direction":`var(--combobox-text-input-root-flex-direction, column)`,"--dropdown-text-input-root-justify-content":`var(--combobox-text-input-root-justify-content, flex-start)`,"--dropdown-text-input-root-align-items":`var(--combobox-text-input-root-align-items, stretch)`,"--dropdown-text-input-label-font-family":`var(--combobox-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--combobox-text-input-label-font-size, {fontSizes.
|
|
1
|
+
import{dropdownTextInput as e}from"../dropdown-text-input.mjs";const t=e.merge({className:`combobox__text-input`,jsx:[`Combobox`],base:{"--dropdown-text-input-root-gap":`var(--combobox-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-root-width":`var(--combobox-text-input-root-width, 100%)`,"--dropdown-text-input-root-flex-direction":`var(--combobox-text-input-root-flex-direction, column)`,"--dropdown-text-input-root-justify-content":`var(--combobox-text-input-root-justify-content, flex-start)`,"--dropdown-text-input-root-align-items":`var(--combobox-text-input-root-align-items, stretch)`,"--dropdown-text-input-label-font-family":`var(--combobox-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--combobox-text-input-label-font-size, {fontSizes.300})`,"--dropdown-text-input-label-font-weight":`var(--combobox-text-input-label-font-weight, {fontWeights.medium})`,"--dropdown-text-input-label-line-height":`var(--combobox-text-input-label-line-height, inherit)`,"--dropdown-text-input-label-foreground":`var(--combobox-text-input-label-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-required-font-family":`var(--combobox-text-input-required-font-family, {fonts.base})`,"--dropdown-text-input-required-font-size":`var(--combobox-text-input-required-font-size, {fontSizes.400})`,"--dropdown-text-input-required-font-weight":`var(--combobox-text-input-required-font-weight, {fontWeights.medium})`,"--dropdown-text-input-required-foreground":`var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-foreground-error":`var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-description-font-family":`var(--combobox-text-input-description-font-family, {fonts.base})`,"--dropdown-text-input-description-font-size":`var(--combobox-text-input-description-font-size, {fontSizes.300})`,"--dropdown-text-input-description-font-weight":`var(--combobox-text-input-description-font-weight, {fontWeights.regular})`,"--dropdown-text-input-description-line-height":`var(--combobox-text-input-description-line-height, inherit)`,"--dropdown-text-input-description-foreground":`var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-error-font-family":`var(--combobox-text-input-error-font-family, {fonts.base})`,"--dropdown-text-input-error-font-size":`var(--combobox-text-input-error-font-size, {fontSizes.300})`,"--dropdown-text-input-error-font-weight":`var(--combobox-text-input-error-font-weight, {fontWeights.regular})`,"--dropdown-text-input-error-line-height":`var(--combobox-text-input-error-line-height, inherit)`,"--dropdown-text-input-error-foreground":`var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-wrapper-margin-top":`var(--combobox-text-input-wrapper-margin-top, {spacing.100})`,"--dropdown-text-input-wrapper-width":`var(--combobox-text-input-wrapper-width, 100%)`,"--dropdown-text-input-wrapper-flex":`var(--combobox-text-input-wrapper-flex, 1)`,"--dropdown-text-input-wrapper-disabled-opacity":`var(--combobox-text-input-wrapper-disabled-opacity, 0.5)`,"--dropdown-text-input-input-font-family":`var(--combobox-text-input-input-font-family, {fonts.base})`,"--dropdown-text-input-input-font-size":`var(--combobox-text-input-input-font-size, {fontSizes.400})`,"--dropdown-text-input-input-font-weight":`var(--combobox-text-input-input-font-weight, {fontWeights.regular})`,"--dropdown-text-input-input-line-height":`var(--combobox-text-input-input-line-height, inherit)`,"--dropdown-text-input-input-text-align":`var(--combobox-text-input-input-text-align, left)`,"--dropdown-text-input-input-background":`var(--combobox-text-input-input-background, transparent)`,"--dropdown-text-input-input-foreground":`var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-input-placeholder-foreground":`var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--dropdown-text-input-input-border-width":`var(--combobox-text-input-input-border-width, {borders.100})`,"--dropdown-text-input-input-border-color":`var(--combobox-text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-text-input-input-border-color-error":`var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--dropdown-text-input-input-border-style":`var(--combobox-text-input-input-border-style, solid)`,"--dropdown-text-input-input-radii":`var(--combobox-text-input-input-radii, {radii.200})`,"--dropdown-text-input-input-height":`var(--combobox-text-input-input-height, {sizes.700})`,"--dropdown-text-input-input-padding-inline-start":`var(--combobox-text-input-input-padding-inline-start, {spacing.300})`,"--dropdown-text-input-input-padding-inline-end":`var(--combobox-text-input-input-padding-inline-end, {spacing.200})`,"--dropdown-text-input-input-width":`var(--combobox-text-input-input-width, 100%)`,"--dropdown-text-input-input-min-width":`var(--combobox-text-input-input-min-width, unset)`,"--dropdown-text-input-input-field-sizing":`var(--combobox-text-input-input-field-sizing, fixed)`,"--dropdown-text-input-input-focus-outline-width":`var(--combobox-text-input-input-focus-outline-width, {borders.150})`,"--dropdown-text-input-input-focus-outline-style":`var(--combobox-text-input-input-focus-outline-style, solid)`,"--dropdown-text-input-input-focus-outline-offset":`var(--combobox-text-input-input-focus-outline-offset, {spacing.50})`,"--dropdown-text-input-input-focus-outline-color":`var(--combobox-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--dropdown-text-input-input-focus-border-color":`var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--dropdown-text-input-input-focus-shadow":`var(--combobox-text-input-input-focus-shadow, none)`,"--dropdown-text-input-section-size":`var(--combobox-text-input-section-size, {sizes.600})`,"--dropdown-text-input-left-section-width":`var(--combobox-text-input-left-section-width, {sizes.600})`,"--dropdown-text-input-right-section-width":`var(--combobox-text-input-right-section-width, {sizes.600})`,"--dropdown-text-input-left-section-position":`var(--combobox-text-input-left-section-position, {spacing.200})`,"--dropdown-text-input-right-section-position":`var(--combobox-text-input-right-section-position, {spacing.200})`,"--dropdown-text-input-left-section-pointer-events":`var(--combobox-text-input-left-section-pointer-events, none)`,"--dropdown-text-input-right-section-pointer-events":`var(--combobox-text-input-right-section-pointer-events, none)`}});export{t as comboboxTextInput};
|
|
2
2
|
//# sourceMappingURL=combobox-text-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownTextInput } from '../dropdown-text-input';\n\nexport const comboboxTextInput = dropdownTextInput.merge({\n className: 'combobox__text-input',\n jsx: ['Combobox'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--combobox-text-input-root-gap, {spacing.100})',\n '--dropdown-text-input-root-width':\n 'var(--combobox-text-input-root-width, 100%)',\n '--dropdown-text-input-root-flex-direction':\n 'var(--combobox-text-input-root-flex-direction, column)',\n '--dropdown-text-input-root-justify-content':\n 'var(--combobox-text-input-root-justify-content, flex-start)',\n '--dropdown-text-input-root-align-items':\n 'var(--combobox-text-input-root-align-items, stretch)',\n\n /* Label */\n '--dropdown-text-input-label-font-family':\n 'var(--combobox-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--combobox-text-input-label-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"combobox-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownTextInput } from '../dropdown-text-input';\n\nexport const comboboxTextInput = dropdownTextInput.merge({\n className: 'combobox__text-input',\n jsx: ['Combobox'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--combobox-text-input-root-gap, {spacing.100})',\n '--dropdown-text-input-root-width':\n 'var(--combobox-text-input-root-width, 100%)',\n '--dropdown-text-input-root-flex-direction':\n 'var(--combobox-text-input-root-flex-direction, column)',\n '--dropdown-text-input-root-justify-content':\n 'var(--combobox-text-input-root-justify-content, flex-start)',\n '--dropdown-text-input-root-align-items':\n 'var(--combobox-text-input-root-align-items, stretch)',\n\n /* Label */\n '--dropdown-text-input-label-font-family':\n 'var(--combobox-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--combobox-text-input-label-font-size, {fontSizes.300})',\n '--dropdown-text-input-label-font-weight':\n 'var(--combobox-text-input-label-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-label-line-height':\n 'var(--combobox-text-input-label-line-height, inherit)',\n '--dropdown-text-input-label-foreground':\n 'var(--combobox-text-input-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Required */\n '--dropdown-text-input-required-font-family':\n 'var(--combobox-text-input-required-font-family, {fonts.base})',\n '--dropdown-text-input-required-font-size':\n 'var(--combobox-text-input-required-font-size, {fontSizes.400})',\n '--dropdown-text-input-required-font-weight':\n 'var(--combobox-text-input-required-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-required-foreground':\n 'var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-required-foreground-error':\n 'var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--dropdown-text-input-description-font-family':\n 'var(--combobox-text-input-description-font-family, {fonts.base})',\n '--dropdown-text-input-description-font-size':\n 'var(--combobox-text-input-description-font-size, {fontSizes.300})',\n '--dropdown-text-input-description-font-weight':\n 'var(--combobox-text-input-description-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-description-line-height':\n 'var(--combobox-text-input-description-line-height, inherit)',\n '--dropdown-text-input-description-foreground':\n 'var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--dropdown-text-input-error-font-family':\n 'var(--combobox-text-input-error-font-family, {fonts.base})',\n '--dropdown-text-input-error-font-size':\n 'var(--combobox-text-input-error-font-size, {fontSizes.300})',\n '--dropdown-text-input-error-font-weight':\n 'var(--combobox-text-input-error-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-error-line-height':\n 'var(--combobox-text-input-error-line-height, inherit)',\n '--dropdown-text-input-error-foreground':\n 'var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--dropdown-text-input-wrapper-margin-top':\n 'var(--combobox-text-input-wrapper-margin-top, {spacing.100})',\n '--dropdown-text-input-wrapper-width':\n 'var(--combobox-text-input-wrapper-width, 100%)',\n '--dropdown-text-input-wrapper-flex':\n 'var(--combobox-text-input-wrapper-flex, 1)',\n '--dropdown-text-input-wrapper-disabled-opacity':\n 'var(--combobox-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--dropdown-text-input-input-font-family':\n 'var(--combobox-text-input-input-font-family, {fonts.base})',\n '--dropdown-text-input-input-font-size':\n 'var(--combobox-text-input-input-font-size, {fontSizes.400})',\n '--dropdown-text-input-input-font-weight':\n 'var(--combobox-text-input-input-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-input-line-height':\n 'var(--combobox-text-input-input-line-height, inherit)',\n '--dropdown-text-input-input-text-align':\n 'var(--combobox-text-input-input-text-align, left)',\n '--dropdown-text-input-input-background':\n 'var(--combobox-text-input-input-background, transparent)',\n '--dropdown-text-input-input-foreground':\n 'var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-input-placeholder-foreground':\n 'var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--dropdown-text-input-input-border-width':\n 'var(--combobox-text-input-input-border-width, {borders.100})',\n '--dropdown-text-input-input-border-color':\n 'var(--combobox-text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--dropdown-text-input-input-border-color-error':\n 'var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--dropdown-text-input-input-border-style':\n 'var(--combobox-text-input-input-border-style, solid)',\n '--dropdown-text-input-input-radii':\n 'var(--combobox-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--dropdown-text-input-input-height':\n 'var(--combobox-text-input-input-height, {sizes.700})',\n '--dropdown-text-input-input-padding-inline-start':\n 'var(--combobox-text-input-input-padding-inline-start, {spacing.300})',\n '--dropdown-text-input-input-padding-inline-end':\n 'var(--combobox-text-input-input-padding-inline-end, {spacing.200})',\n '--dropdown-text-input-input-width':\n 'var(--combobox-text-input-input-width, 100%)',\n '--dropdown-text-input-input-min-width':\n 'var(--combobox-text-input-input-min-width, unset)',\n '--dropdown-text-input-input-field-sizing':\n 'var(--combobox-text-input-input-field-sizing, fixed)',\n\n /* Input focus */\n '--dropdown-text-input-input-focus-outline-width':\n 'var(--combobox-text-input-input-focus-outline-width, {borders.150})',\n '--dropdown-text-input-input-focus-outline-style':\n 'var(--combobox-text-input-input-focus-outline-style, solid)',\n '--dropdown-text-input-input-focus-outline-offset':\n 'var(--combobox-text-input-input-focus-outline-offset, {spacing.50})',\n '--dropdown-text-input-input-focus-outline-color':\n 'var(--combobox-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--dropdown-text-input-input-focus-border-color':\n 'var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--dropdown-text-input-input-focus-shadow':\n 'var(--combobox-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--dropdown-text-input-section-size':\n 'var(--combobox-text-input-section-size, {sizes.600})',\n '--dropdown-text-input-left-section-width':\n 'var(--combobox-text-input-left-section-width, {sizes.600})',\n '--dropdown-text-input-right-section-width':\n 'var(--combobox-text-input-right-section-width, {sizes.600})',\n '--dropdown-text-input-left-section-position':\n 'var(--combobox-text-input-left-section-position, {spacing.200})',\n '--dropdown-text-input-right-section-position':\n 'var(--combobox-text-input-right-section-position, {spacing.200})',\n '--dropdown-text-input-left-section-pointer-events':\n 'var(--combobox-text-input-left-section-pointer-events, none)',\n '--dropdown-text-input-right-section-pointer-events':\n 'var(--combobox-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+DAOA,MAAa,EAAoB,EAAkB,MAAM,CACvD,UAAW,uBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iCACE,qDACF,mCACE,8CACF,4CACE,yDACF,6CACE,8DACF,yCACE,uDAGF,0CACE,6DACF,wCACE,8DACF,0CACE,qEACF,0CACE,wDACF,yCACE,qFAGF,6CACE,gEACF,2CACE,iEACF,6CACE,wEACF,4CACE,wFACF,kDACE,6FAGF,gDACE,mEACF,8CACE,oEACF,gDACE,4EACF,gDACE,8DACF,+CACE,2FAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oFAGF,2CACE,+DACF,sCACE,iDACF,qCACE,6CACF,iDACE,2DAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oDACF,yCACE,2DACF,yCACE,qFACF,qDACE,iGAGF,2CACE,+DACF,2CACE,mFACF,iDACE,wFACF,2CACE,uDACF,oCACE,sDAGF,qCACE,uDACF,mDACE,uEACF,iDACE,qEACF,oCACE,+CACF,wCACE,oDACF,2CACE,uDAGF,kDACE,sEACF,kDACE,8DACF,mDACE,sEACF,kDACE,0FACF,iDACE,yFACF,2CACE,sDAGF,qCACE,uDACF,2CACE,6DACF,4CACE,8DACF,8CACE,kEACF,+CACE,mEACF,oDACE,+DACF,qDACE,gEACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__root`,jsx:[`Dropdown`],base:{position:`absolute`,backgroundColor:`var(--dropdown-background, {colors.neutral.background.1.enabled})`,borderWidth:`var(--dropdown-border-width, {borders.100})`,borderStyle:`var(--dropdown-border-style, solid)`,borderColor:`var(--dropdown-border-color, {colors.neutral.stroke.7.enabled})`,paddingInline:`var(--dropdown-padding-inline, {spacing.200})`,paddingInlineEnd:`0`,paddingBlock:`var(--dropdown-padding-block, {spacing.100})`,paddingBlockStart:`var(--dropdown-padding-block-start, {spacing.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__root`,jsx:[`Dropdown`],base:{position:`absolute`,backgroundColor:`var(--dropdown-background, {colors.neutral.background.1.enabled})`,borderWidth:`var(--dropdown-border-width, {borders.100})`,borderStyle:`var(--dropdown-border-style, solid)`,borderColor:`var(--dropdown-border-color, {colors.neutral.stroke.7.enabled})`,paddingInline:`var(--dropdown-padding-inline, {spacing.200})`,paddingInlineEnd:`0`,paddingBlock:`var(--dropdown-padding-block, {spacing.100})`,paddingBlockStart:`var(--dropdown-padding-block-start, {spacing.200})`,paddingInlineStart:`var(--dropdown-padding-inline-start, {spacing.200})`,borderRadius:`var(--dropdown-radii, {radii.200})`,marginTop:`var(--dropdown-margin-top, {spacing.0})`,overflow:`hidden`}});export{t as dropdownRoot};
|
|
2
2
|
//# sourceMappingURL=dropdown-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-root.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownRoot = defineRecipe({\n className: 'dropdown__root',\n jsx: ['Dropdown'],\n base: {\n position: 'absolute',\n backgroundColor:\n 'var(--dropdown-background, {colors.neutral.background.1.enabled})',\n borderWidth: 'var(--dropdown-border-width, {borders.100})',\n borderStyle: 'var(--dropdown-border-style, solid)',\n borderColor:\n 'var(--dropdown-border-color, {colors.neutral.stroke.7.enabled})',\n paddingInline: 'var(--dropdown-padding-inline, {spacing.200})',\n paddingInlineEnd: '0',\n paddingBlock: 'var(--dropdown-padding-block, {spacing.100})',\n paddingBlockStart: 'var(--dropdown-padding-block-start, {spacing.
|
|
1
|
+
{"version":3,"file":"dropdown-root.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownRoot = defineRecipe({\n className: 'dropdown__root',\n jsx: ['Dropdown'],\n base: {\n position: 'absolute',\n backgroundColor:\n 'var(--dropdown-background, {colors.neutral.background.1.enabled})',\n borderWidth: 'var(--dropdown-border-width, {borders.100})',\n borderStyle: 'var(--dropdown-border-style, solid)',\n borderColor:\n 'var(--dropdown-border-color, {colors.neutral.stroke.7.enabled})',\n paddingInline: 'var(--dropdown-padding-inline, {spacing.200})',\n paddingInlineEnd: '0',\n paddingBlock: 'var(--dropdown-padding-block, {spacing.100})',\n paddingBlockStart: 'var(--dropdown-padding-block-start, {spacing.200})',\n paddingInlineStart: 'var(--dropdown-padding-inline-start, {spacing.200})',\n borderRadius: 'var(--dropdown-radii, {radii.200})',\n marginTop: 'var(--dropdown-margin-top, {spacing.0})',\n overflow: 'hidden',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,SAAU,WACV,gBACE,oEACF,YAAa,8CACb,YAAa,sCACb,YACE,kEACF,cAAe,gDACf,iBAAkB,IAClB,aAAc,+CACd,kBAAmB,qDACnB,mBAAoB,sDACpB,aAAc,qCACd,UAAW,0CACX,SAAU,SACX,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{textInput as e}from"../text-input/text-input.mjs";const t=e.merge({className:`dropdown__text-input`,jsx:[`Dropdown`],base:{"--text-input-root-gap":`var(--dropdown-text-input-root-gap, {spacing.100})`,"--text-input-root-width":`var(--dropdown-text-input-root-width, 100%)`,"--text-input-root-flex-direction":`var(--dropdown-text-input-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--dropdown-text-input-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--dropdown-text-input-root-align-items, stretch)`,"--text-input-label-font-family":`var(--dropdown-text-input-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--dropdown-text-input-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--dropdown-text-input-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--dropdown-text-input-label-line-height, inherit)`,"--text-input-label-foreground":`var(--dropdown-text-input-label-foreground, {colors.neutral.foreground.
|
|
1
|
+
import{textInput as e}from"../text-input/text-input.mjs";const t=e.merge({className:`dropdown__text-input`,jsx:[`Dropdown`],base:{"--text-input-root-gap":`var(--dropdown-text-input-root-gap, {spacing.100})`,"--text-input-root-width":`var(--dropdown-text-input-root-width, 100%)`,"--text-input-root-flex-direction":`var(--dropdown-text-input-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--dropdown-text-input-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--dropdown-text-input-root-align-items, stretch)`,"--text-input-label-font-family":`var(--dropdown-text-input-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--dropdown-text-input-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--dropdown-text-input-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--dropdown-text-input-label-line-height, inherit)`,"--text-input-label-foreground":`var(--dropdown-text-input-label-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-font-family":`var(--dropdown-text-input-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--dropdown-text-input-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--dropdown-text-input-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--dropdown-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--dropdown-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--dropdown-text-input-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--dropdown-text-input-description-font-size, {fontSizes.200})`,"--text-input-description-font-weight":`var(--dropdown-text-input-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--dropdown-text-input-description-line-height, inherit)`,"--text-input-description-foreground":`var(--dropdown-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--dropdown-text-input-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--dropdown-text-input-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--dropdown-text-input-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--dropdown-text-input-error-line-height, inherit)`,"--text-input-error-foreground":`var(--dropdown-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-wrapper-margin-top":`var(--dropdown-text-input-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-width":`var(--dropdown-text-input-wrapper-width, 100%)`,"--text-input-wrapper-flex":`var(--dropdown-text-input-wrapper-flex, 1)`,"--text-input-wrapper-disabled-opacity":`var(--dropdown-text-input-wrapper-disabled-opacity, 0.5)`,"--text-input-input-font-family":`var(--dropdown-text-input-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--dropdown-text-input-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--dropdown-text-input-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--dropdown-text-input-input-line-height, inherit)`,"--text-input-input-text-align":`var(--dropdown-text-input-input-text-align, left)`,"--text-input-input-background":`var(--dropdown-text-input-input-background, transparent)`,"--text-input-input-foreground":`var(--dropdown-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-placeholder-foreground":`var(--dropdown-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--dropdown-text-input-input-border-width, {borders.100})`,"--text-input-input-border-color":`var(--dropdown-text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-border-color-error":`var(--dropdown-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--dropdown-text-input-input-border-style, solid)`,"--text-input-input-radii":`var(--dropdown-text-input-input-radii, {radii.200})`,"--text-input-input-height":`var(--dropdown-text-input-input-height, {sizes.700})`,"--text-input-input-padding-inline-start":`var(--dropdown-text-input-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--dropdown-text-input-input-padding-inline-end, {spacing.200})`,"--text-input-input-width":`var(--dropdown-text-input-input-width, 100%)`,"--text-input-input-focus-outline-width":`var(--dropdown-text-input-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--dropdown-text-input-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--dropdown-text-input-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--dropdown-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--dropdown-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--dropdown-text-input-input-focus-shadow, none)`,"--text-input-section-size":`var(--dropdown-text-input-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--dropdown-text-input-left-section-width, {sizes.600})`,"--text-input-right-section-width":`var(--dropdown-text-input-right-section-width, {sizes.600})`,"--text-input-left-section-position":`var(--dropdown-text-input-left-section-position, {spacing.200})`,"--text-input-right-section-position":`var(--dropdown-text-input-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--dropdown-text-input-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--dropdown-text-input-right-section-pointer-events, none)`}});export{t as dropdownTextInput};
|
|
2
2
|
//# sourceMappingURL=dropdown-text-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInput } from '../text-input/text-input';\n\nexport const dropdownTextInput = textInput.merge({\n className: 'dropdown__text-input',\n jsx: ['Dropdown'],\n base: {\n '--text-input-root-gap':\n 'var(--dropdown-text-input-root-gap, {spacing.100})',\n '--text-input-root-width': 'var(--dropdown-text-input-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--dropdown-text-input-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--dropdown-text-input-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--dropdown-text-input-root-align-items, stretch)',\n\n /* Label */\n '--text-input-label-font-family':\n 'var(--dropdown-text-input-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--dropdown-text-input-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--dropdown-text-input-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--dropdown-text-input-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--dropdown-text-input-label-foreground, {colors.neutral.foreground.
|
|
1
|
+
{"version":3,"file":"dropdown-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInput } from '../text-input/text-input';\n\nexport const dropdownTextInput = textInput.merge({\n className: 'dropdown__text-input',\n jsx: ['Dropdown'],\n base: {\n '--text-input-root-gap':\n 'var(--dropdown-text-input-root-gap, {spacing.100})',\n '--text-input-root-width': 'var(--dropdown-text-input-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--dropdown-text-input-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--dropdown-text-input-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--dropdown-text-input-root-align-items, stretch)',\n\n /* Label */\n '--text-input-label-font-family':\n 'var(--dropdown-text-input-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--dropdown-text-input-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--dropdown-text-input-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--dropdown-text-input-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--dropdown-text-input-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Required */\n '--text-input-required-font-family':\n 'var(--dropdown-text-input-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--dropdown-text-input-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--dropdown-text-input-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--dropdown-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--dropdown-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--text-input-description-font-family':\n 'var(--dropdown-text-input-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--dropdown-text-input-description-font-size, {fontSizes.200})',\n '--text-input-description-font-weight':\n 'var(--dropdown-text-input-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--dropdown-text-input-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--dropdown-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--text-input-error-font-family':\n 'var(--dropdown-text-input-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--dropdown-text-input-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--dropdown-text-input-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--dropdown-text-input-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--dropdown-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--text-input-wrapper-margin-top':\n 'var(--dropdown-text-input-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-width':\n 'var(--dropdown-text-input-wrapper-width, 100%)',\n '--text-input-wrapper-flex': 'var(--dropdown-text-input-wrapper-flex, 1)',\n '--text-input-wrapper-disabled-opacity':\n 'var(--dropdown-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--text-input-input-font-family':\n 'var(--dropdown-text-input-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--dropdown-text-input-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--dropdown-text-input-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--dropdown-text-input-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--dropdown-text-input-input-text-align, left)',\n '--text-input-input-background':\n 'var(--dropdown-text-input-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--dropdown-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--dropdown-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--text-input-input-border-width':\n 'var(--dropdown-text-input-input-border-width, {borders.100})',\n '--text-input-input-border-color':\n 'var(--dropdown-text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-border-color-error':\n 'var(--dropdown-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--dropdown-text-input-input-border-style, solid)',\n '--text-input-input-radii':\n 'var(--dropdown-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--text-input-input-height':\n 'var(--dropdown-text-input-input-height, {sizes.700})',\n '--text-input-input-padding-inline-start':\n 'var(--dropdown-text-input-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--dropdown-text-input-input-padding-inline-end, {spacing.200})',\n '--text-input-input-width': 'var(--dropdown-text-input-input-width, 100%)',\n\n /* Input focus */\n '--text-input-input-focus-outline-width':\n 'var(--dropdown-text-input-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--dropdown-text-input-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--dropdown-text-input-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--dropdown-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--dropdown-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--dropdown-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--text-input-section-size':\n 'var(--dropdown-text-input-section-size, {sizes.600})',\n '--text-input-left-section-width':\n 'var(--dropdown-text-input-left-section-width, {sizes.600})',\n '--text-input-right-section-width':\n 'var(--dropdown-text-input-right-section-width, {sizes.600})',\n '--text-input-left-section-position':\n 'var(--dropdown-text-input-left-section-position, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--dropdown-text-input-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--dropdown-text-input-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--dropdown-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAAoB,EAAU,MAAM,CAC/C,UAAW,uBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBACE,qDACF,0BAA2B,8CAC3B,mCACE,yDACF,oCACE,8DACF,gCACE,uDAGF,iCACE,6DACF,+BACE,8DACF,iCACE,qEACF,iCACE,wDACF,gCACE,qFAGF,oCACE,gEACF,kCACE,iEACF,oCACE,wEACF,mCACE,wFACF,yCACE,6FAGF,uCACE,mEACF,qCACE,oEACF,uCACE,4EACF,uCACE,8DACF,sCACE,2FAGF,iCACE,6DACF,+BACE,8DACF,iCACE,sEACF,iCACE,wDACF,gCACE,oFAGF,kCACE,+DACF,6BACE,iDACF,4BAA6B,6CAC7B,wCACE,2DAGF,iCACE,6DACF,+BACE,8DACF,iCACE,sEACF,iCACE,wDACF,gCACE,oDACF,gCACE,2DACF,gCACE,qFACF,4CACE,iGAGF,kCACE,+DACF,kCACE,mFACF,wCACE,wFACF,kCACE,uDACF,2BACE,sDAGF,4BACE,uDACF,0CACE,uEACF,wCACE,qEACF,2BAA4B,+CAG5B,yCACE,sEACF,yCACE,8DACF,0CACE,sEACF,yCACE,0FACF,wCACE,yFACF,kCACE,sDAGF,4BACE,uDACF,kCACE,6DACF,mCACE,8DACF,qCACE,kEACF,sCACE,mEACF,2CACE,+DACF,4CACE,gEACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,jsx:[`Dropdown`],base:{"--dropdown-background":`{colors.neutral.background.1.enabled}`,"--dropdown-border-width":`{borders.100}`,"--dropdown-border-style":`solid`,"--dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--dropdown-padding-inline":`{spacing.200}`,"--dropdown-padding-block":`{spacing.200}`,"--dropdown-padding-block-start":`{spacing.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,jsx:[`Dropdown`],base:{"--dropdown-background":`{colors.neutral.background.1.enabled}`,"--dropdown-border-width":`{borders.100}`,"--dropdown-border-style":`solid`,"--dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--dropdown-padding-inline":`{spacing.200}`,"--dropdown-padding-block":`{spacing.200}`,"--dropdown-padding-block-start":`{spacing.200}`,"--dropdown-padding-inline-start":`{spacing.200}`,"--dropdown-radii":`{radii.200}`,"--dropdown-margin-top":`{spacing.0}`,"--dropdown-options-gap":`{spacing.100}`,"--dropdown-options-padding-block-start":`{spacing.0}`,"--dropdown-options-padding-inline-start":`{spacing.0}`,"--dropdown-option-gap":`{spacing.200}`,"--dropdown-option-font-family":`{fonts.base}`,"--dropdown-option-font-size":`{fontSizes.300}`,"--dropdown-option-line-height":`{lineHeights.400}`,"--dropdown-option-padding-inline":`{spacing.200}`,"--dropdown-option-padding-block":`{spacing.100}`,"--dropdown-option-radii":`{radii.100}`,"--dropdown-option-background":`transparent`,"--dropdown-option-foreground":`{colors.neutral.foreground.1.enabled}`,"--dropdown-option-transition":`{animations.base.100}`,"--dropdown-option-background-hover":`{colors.neutral.background.2.hovered}`,"--dropdown-option-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--dropdown-option-background-selected":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-option-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--dropdown-option-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--dropdown-option-background-active":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-empty-font-family":`{fonts.base}`,"--dropdown-empty-font-size":`{fontSizes.300}`,"--dropdown-empty-line-height":`1`,"--dropdown-empty-foreground":`{colors.neutral.foreground.4.enabled}`,"--dropdown-empty-padding-block":`{spacing.300}`,"--dropdown-empty-text-align":`center`}});export{t as dropdown};
|
|
2
2
|
//# sourceMappingURL=dropdown.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdown = defineRecipe({\n className: 'dropdown',\n jsx: ['Dropdown'],\n base: {\n /* root */\n '--dropdown-background': '{colors.neutral.background.1.enabled}',\n '--dropdown-border-width': '{borders.100}',\n '--dropdown-border-style': 'solid',\n '--dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n '--dropdown-padding-inline': '{spacing.200}',\n '--dropdown-padding-block': '{spacing.200}',\n '--dropdown-padding-block-start': '{spacing.
|
|
1
|
+
{"version":3,"file":"dropdown.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdown = defineRecipe({\n className: 'dropdown',\n jsx: ['Dropdown'],\n base: {\n /* root */\n '--dropdown-background': '{colors.neutral.background.1.enabled}',\n '--dropdown-border-width': '{borders.100}',\n '--dropdown-border-style': 'solid',\n '--dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n '--dropdown-padding-inline': '{spacing.200}',\n '--dropdown-padding-block': '{spacing.200}',\n '--dropdown-padding-block-start': '{spacing.200}',\n '--dropdown-padding-inline-start': '{spacing.200}',\n '--dropdown-radii': '{radii.200}',\n '--dropdown-margin-top': '{spacing.0}',\n\n /* options */\n '--dropdown-options-gap': '{spacing.100}',\n '--dropdown-options-padding-block-start': '{spacing.0}',\n '--dropdown-options-padding-inline-start': '{spacing.0}',\n\n /* option */\n '--dropdown-option-gap': '{spacing.200}',\n '--dropdown-option-font-family': '{fonts.base}',\n '--dropdown-option-font-size': '{fontSizes.300}',\n '--dropdown-option-line-height': '{lineHeights.400}',\n '--dropdown-option-padding-inline': '{spacing.200}',\n '--dropdown-option-padding-block': '{spacing.100}',\n '--dropdown-option-radii': '{radii.100}',\n '--dropdown-option-background': 'transparent',\n '--dropdown-option-foreground': '{colors.neutral.foreground.1.enabled}',\n '--dropdown-option-transition': '{animations.base.100}',\n '--dropdown-option-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--dropdown-option-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--dropdown-option-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--dropdown-option-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--dropdown-option-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--dropdown-option-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--dropdown-option-background-active':\n '{colors.neutral.background.2.primary.selected}',\n '--dropdown-option-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n\n /* empty */\n '--dropdown-empty-font-family': '{fonts.base}',\n '--dropdown-empty-font-size': '{fontSizes.300}',\n '--dropdown-empty-line-height': '1',\n '--dropdown-empty-foreground': '{colors.neutral.foreground.4.enabled}',\n '--dropdown-empty-padding-block': '{spacing.300}',\n '--dropdown-empty-text-align': 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,wCACzB,0BAA2B,gBAC3B,0BAA2B,QAC3B,0BAA2B,oCAC3B,4BAA6B,gBAC7B,2BAA4B,gBAC5B,iCAAkC,gBAClC,kCAAmC,gBACnC,mBAAoB,cACpB,wBAAyB,cAGzB,yBAA0B,gBAC1B,yCAA0C,cAC1C,0CAA2C,cAG3C,wBAAyB,gBACzB,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,oBACjC,mCAAoC,gBACpC,kCAAmC,gBACnC,0BAA2B,cAC3B,+BAAgC,cAChC,+BAAgC,wCAChC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,wCACE,iDACF,wCACE,iDACF,gDACE,wDACF,gDACE,wDACF,sCACE,iDACF,sCACE,iDAGF,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,IAChC,8BAA+B,wCAC/B,iCAAkC,gBAClC,8BAA+B,SAChC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{dropdownTextInput as e}from"../dropdown-text-input.mjs";const t=e.merge({className:`select__text-input`,jsx:[`Select`],base:{"--dropdown-text-input-root-gap":`var(--select-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-root-width":`var(--select-text-input-root-width, 100%)`,"--dropdown-text-input-root-flex-direction":`var(--select-text-input-root-flex-direction, column)`,"--dropdown-text-input-root-justify-content":`var(--select-text-input-root-justify-content, flex-start)`,"--dropdown-text-input-root-align-items":`var(--select-text-input-root-align-items, stretch)`,"--dropdown-text-input-label-font-family":`var(--select-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--select-text-input-label-font-size, {fontSizes.
|
|
1
|
+
import{dropdownTextInput as e}from"../dropdown-text-input.mjs";const t=e.merge({className:`select__text-input`,jsx:[`Select`],base:{"--dropdown-text-input-root-gap":`var(--select-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-root-width":`var(--select-text-input-root-width, 100%)`,"--dropdown-text-input-root-flex-direction":`var(--select-text-input-root-flex-direction, column)`,"--dropdown-text-input-root-justify-content":`var(--select-text-input-root-justify-content, flex-start)`,"--dropdown-text-input-root-align-items":`var(--select-text-input-root-align-items, stretch)`,"--dropdown-text-input-label-font-family":`var(--select-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--select-text-input-label-font-size, {fontSizes.300})`,"--dropdown-text-input-label-font-weight":`var(--select-text-input-label-font-weight, {fontWeights.medium})`,"--dropdown-text-input-label-line-height":`var(--select-text-input-label-line-height, inherit)`,"--dropdown-text-input-label-foreground":`var(--select-text-input-label-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-required-font-family":`var(--select-text-input-required-font-family, {fonts.base})`,"--dropdown-text-input-required-font-size":`var(--select-text-input-required-font-size, {fontSizes.400})`,"--dropdown-text-input-required-font-weight":`var(--select-text-input-required-font-weight, {fontWeights.medium})`,"--dropdown-text-input-required-foreground":`var(--select-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-foreground-error":`var(--select-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-description-font-family":`var(--select-text-input-description-font-family, {fonts.base})`,"--dropdown-text-input-description-font-size":`var(--select-text-input-description-font-size, {fontSizes.300})`,"--dropdown-text-input-description-font-weight":`var(--select-text-input-description-font-weight, {fontWeights.regular})`,"--dropdown-text-input-description-line-height":`var(--select-text-input-description-line-height, inherit)`,"--dropdown-text-input-description-foreground":`var(--select-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-error-font-family":`var(--select-text-input-error-font-family, {fonts.base})`,"--dropdown-text-input-error-font-size":`var(--select-text-input-error-font-size, {fontSizes.300})`,"--dropdown-text-input-error-font-weight":`var(--select-text-input-error-font-weight, {fontWeights.regular})`,"--dropdown-text-input-error-line-height":`var(--select-text-input-error-line-height, inherit)`,"--dropdown-text-input-error-foreground":`var(--select-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-wrapper-margin-top":`var(--select-text-input-wrapper-margin-top, {spacing.100})`,"--dropdown-text-input-wrapper-width":`var(--select-text-input-wrapper-width, 100%)`,"--dropdown-text-input-wrapper-flex":`var(--select-text-input-wrapper-flex, 1)`,"--dropdown-text-input-wrapper-disabled-opacity":`var(--select-text-input-wrapper-disabled-opacity, 0.5)`,"--dropdown-text-input-input-font-family":`var(--select-text-input-input-font-family, {fonts.base})`,"--dropdown-text-input-input-font-size":`var(--select-text-input-input-font-size, {fontSizes.400})`,"--dropdown-text-input-input-font-weight":`var(--select-text-input-input-font-weight, {fontWeights.regular})`,"--dropdown-text-input-input-line-height":`var(--select-text-input-input-line-height, inherit)`,"--dropdown-text-input-input-text-align":`var(--select-text-input-input-text-align, left)`,"--dropdown-text-input-input-background":`var(--select-text-input-input-background, transparent)`,"--dropdown-text-input-input-foreground":`var(--select-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-input-placeholder-foreground":`var(--select-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--dropdown-text-input-input-border-width":`var(--select-text-input-input-border-width, {borders.100})`,"--dropdown-text-input-input-border-color":`var(--select-text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-text-input-input-border-color-error":`var(--select-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--dropdown-text-input-input-border-style":`var(--select-text-input-input-border-style, solid)`,"--dropdown-text-input-input-radii":`var(--select-text-input-input-radii, {radii.200})`,"--dropdown-text-input-input-height":`var(--select-text-input-input-height, {sizes.700})`,"--dropdown-text-input-input-padding-inline-start":`var(--select-text-input-input-padding-inline-start, {spacing.300})`,"--dropdown-text-input-input-padding-inline-end":`var(--select-text-input-input-padding-inline-end, {spacing.200})`,"--dropdown-text-input-input-width":`var(--select-text-input-input-width, 100%)`,"--dropdown-text-input-input-min-width":`var(--select-text-input-input-min-width, unset)`,"--dropdown-text-input-input-field-sizing":`var(--select-text-input-input-field-sizing, fixed)`,"--dropdown-text-input-input-focus-outline-width":`var(--select-text-input-input-focus-outline-width, {borders.150})`,"--dropdown-text-input-input-focus-outline-style":`var(--select-text-input-input-focus-outline-style, solid)`,"--dropdown-text-input-input-focus-outline-offset":`var(--select-text-input-input-focus-outline-offset, {spacing.50})`,"--dropdown-text-input-input-focus-outline-color":`var(--select-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--dropdown-text-input-input-focus-border-color":`var(--select-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--dropdown-text-input-input-focus-shadow":`var(--select-text-input-input-focus-shadow, none)`,"--dropdown-text-input-section-size":`var(--select-text-input-section-size, {sizes.600})`,"--dropdown-text-input-left-section-width":`var(--select-text-input-left-section-width, {sizes.600})`,"--dropdown-text-input-right-section-width":`var(--select-text-input-right-section-width, {sizes.600})`,"--dropdown-text-input-left-section-position":`var(--select-text-input-left-section-position, {spacing.200})`,"--dropdown-text-input-right-section-position":`var(--select-text-input-right-section-position, {spacing.200})`,"--dropdown-text-input-left-section-pointer-events":`var(--select-text-input-left-section-pointer-events, none)`,"--dropdown-text-input-right-section-pointer-events":`var(--select-text-input-right-section-pointer-events, none)`}});export{t as selectTextInput};
|
|
2
2
|
//# sourceMappingURL=select-text-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownTextInput } from '../dropdown-text-input';\n\nexport const selectTextInput = dropdownTextInput.merge({\n className: 'select__text-input',\n jsx: ['Select'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--select-text-input-root-gap, {spacing.100})',\n '--dropdown-text-input-root-width':\n 'var(--select-text-input-root-width, 100%)',\n '--dropdown-text-input-root-flex-direction':\n 'var(--select-text-input-root-flex-direction, column)',\n '--dropdown-text-input-root-justify-content':\n 'var(--select-text-input-root-justify-content, flex-start)',\n '--dropdown-text-input-root-align-items':\n 'var(--select-text-input-root-align-items, stretch)',\n\n /* Label */\n '--dropdown-text-input-label-font-family':\n 'var(--select-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--select-text-input-label-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"select-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownTextInput } from '../dropdown-text-input';\n\nexport const selectTextInput = dropdownTextInput.merge({\n className: 'select__text-input',\n jsx: ['Select'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--select-text-input-root-gap, {spacing.100})',\n '--dropdown-text-input-root-width':\n 'var(--select-text-input-root-width, 100%)',\n '--dropdown-text-input-root-flex-direction':\n 'var(--select-text-input-root-flex-direction, column)',\n '--dropdown-text-input-root-justify-content':\n 'var(--select-text-input-root-justify-content, flex-start)',\n '--dropdown-text-input-root-align-items':\n 'var(--select-text-input-root-align-items, stretch)',\n\n /* Label */\n '--dropdown-text-input-label-font-family':\n 'var(--select-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--select-text-input-label-font-size, {fontSizes.300})',\n '--dropdown-text-input-label-font-weight':\n 'var(--select-text-input-label-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-label-line-height':\n 'var(--select-text-input-label-line-height, inherit)',\n '--dropdown-text-input-label-foreground':\n 'var(--select-text-input-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Required */\n '--dropdown-text-input-required-font-family':\n 'var(--select-text-input-required-font-family, {fonts.base})',\n '--dropdown-text-input-required-font-size':\n 'var(--select-text-input-required-font-size, {fontSizes.400})',\n '--dropdown-text-input-required-font-weight':\n 'var(--select-text-input-required-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-required-foreground':\n 'var(--select-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-required-foreground-error':\n 'var(--select-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--dropdown-text-input-description-font-family':\n 'var(--select-text-input-description-font-family, {fonts.base})',\n '--dropdown-text-input-description-font-size':\n 'var(--select-text-input-description-font-size, {fontSizes.300})',\n '--dropdown-text-input-description-font-weight':\n 'var(--select-text-input-description-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-description-line-height':\n 'var(--select-text-input-description-line-height, inherit)',\n '--dropdown-text-input-description-foreground':\n 'var(--select-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--dropdown-text-input-error-font-family':\n 'var(--select-text-input-error-font-family, {fonts.base})',\n '--dropdown-text-input-error-font-size':\n 'var(--select-text-input-error-font-size, {fontSizes.300})',\n '--dropdown-text-input-error-font-weight':\n 'var(--select-text-input-error-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-error-line-height':\n 'var(--select-text-input-error-line-height, inherit)',\n '--dropdown-text-input-error-foreground':\n 'var(--select-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--dropdown-text-input-wrapper-margin-top':\n 'var(--select-text-input-wrapper-margin-top, {spacing.100})',\n '--dropdown-text-input-wrapper-width':\n 'var(--select-text-input-wrapper-width, 100%)',\n '--dropdown-text-input-wrapper-flex':\n 'var(--select-text-input-wrapper-flex, 1)',\n '--dropdown-text-input-wrapper-disabled-opacity':\n 'var(--select-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--dropdown-text-input-input-font-family':\n 'var(--select-text-input-input-font-family, {fonts.base})',\n '--dropdown-text-input-input-font-size':\n 'var(--select-text-input-input-font-size, {fontSizes.400})',\n '--dropdown-text-input-input-font-weight':\n 'var(--select-text-input-input-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-input-line-height':\n 'var(--select-text-input-input-line-height, inherit)',\n '--dropdown-text-input-input-text-align':\n 'var(--select-text-input-input-text-align, left)',\n '--dropdown-text-input-input-background':\n 'var(--select-text-input-input-background, transparent)',\n '--dropdown-text-input-input-foreground':\n 'var(--select-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-input-placeholder-foreground':\n 'var(--select-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--dropdown-text-input-input-border-width':\n 'var(--select-text-input-input-border-width, {borders.100})',\n '--dropdown-text-input-input-border-color':\n 'var(--select-text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--dropdown-text-input-input-border-color-error':\n 'var(--select-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--dropdown-text-input-input-border-style':\n 'var(--select-text-input-input-border-style, solid)',\n '--dropdown-text-input-input-radii':\n 'var(--select-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--dropdown-text-input-input-height':\n 'var(--select-text-input-input-height, {sizes.700})',\n '--dropdown-text-input-input-padding-inline-start':\n 'var(--select-text-input-input-padding-inline-start, {spacing.300})',\n '--dropdown-text-input-input-padding-inline-end':\n 'var(--select-text-input-input-padding-inline-end, {spacing.200})',\n '--dropdown-text-input-input-width':\n 'var(--select-text-input-input-width, 100%)',\n '--dropdown-text-input-input-min-width':\n 'var(--select-text-input-input-min-width, unset)',\n '--dropdown-text-input-input-field-sizing':\n 'var(--select-text-input-input-field-sizing, fixed)',\n\n /* Input focus */\n '--dropdown-text-input-input-focus-outline-width':\n 'var(--select-text-input-input-focus-outline-width, {borders.150})',\n '--dropdown-text-input-input-focus-outline-style':\n 'var(--select-text-input-input-focus-outline-style, solid)',\n '--dropdown-text-input-input-focus-outline-offset':\n 'var(--select-text-input-input-focus-outline-offset, {spacing.50})',\n '--dropdown-text-input-input-focus-outline-color':\n 'var(--select-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--dropdown-text-input-input-focus-border-color':\n 'var(--select-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--dropdown-text-input-input-focus-shadow':\n 'var(--select-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--dropdown-text-input-section-size':\n 'var(--select-text-input-section-size, {sizes.600})',\n '--dropdown-text-input-left-section-width':\n 'var(--select-text-input-left-section-width, {sizes.600})',\n '--dropdown-text-input-right-section-width':\n 'var(--select-text-input-right-section-width, {sizes.600})',\n '--dropdown-text-input-left-section-position':\n 'var(--select-text-input-left-section-position, {spacing.200})',\n '--dropdown-text-input-right-section-position':\n 'var(--select-text-input-right-section-position, {spacing.200})',\n '--dropdown-text-input-left-section-pointer-events':\n 'var(--select-text-input-left-section-pointer-events, none)',\n '--dropdown-text-input-right-section-pointer-events':\n 'var(--select-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+DAOA,MAAa,EAAkB,EAAkB,MAAM,CACrD,UAAW,qBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,iCACE,mDACF,mCACE,4CACF,4CACE,uDACF,6CACE,4DACF,yCACE,qDAGF,0CACE,2DACF,wCACE,4DACF,0CACE,mEACF,0CACE,sDACF,yCACE,mFAGF,6CACE,8DACF,2CACE,+DACF,6CACE,sEACF,4CACE,sFACF,kDACE,2FAGF,gDACE,iEACF,8CACE,kEACF,gDACE,0EACF,gDACE,4DACF,+CACE,yFAGF,0CACE,2DACF,wCACE,4DACF,0CACE,oEACF,0CACE,sDACF,yCACE,kFAGF,2CACE,6DACF,sCACE,+CACF,qCACE,2CACF,iDACE,yDAGF,0CACE,2DACF,wCACE,4DACF,0CACE,oEACF,0CACE,sDACF,yCACE,kDACF,yCACE,yDACF,yCACE,mFACF,qDACE,+FAGF,2CACE,6DACF,2CACE,iFACF,iDACE,sFACF,2CACE,qDACF,oCACE,oDAGF,qCACE,qDACF,mDACE,qEACF,iDACE,mEACF,oCACE,6CACF,wCACE,kDACF,2CACE,qDAGF,kDACE,oEACF,kDACE,4DACF,mDACE,oEACF,kDACE,wFACF,iDACE,uFACF,2CACE,oDAGF,qCACE,qDACF,2CACE,2DACF,4CACE,4DACF,8CACE,gEACF,+CACE,iEACF,oDACE,6DACF,qDACE,8DACH,CACF,CAAC"}
|