@mage-ui/preset 1.0.185 → 1.0.187

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.
Files changed (31) hide show
  1. package/dist/recipes/controls/date-picker/date-picker.mjs +1 -1
  2. package/dist/recipes/controls/date-picker/date-picker.mjs.map +1 -1
  3. package/dist/recipes/controls/date-time-picker/date-time-picker.mjs +1 -1
  4. package/dist/recipes/controls/date-time-picker/date-time-picker.mjs.map +1 -1
  5. package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs +1 -1
  6. package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs.map +1 -1
  7. package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs +1 -1
  8. package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs.map +1 -1
  9. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs +1 -1
  10. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
  11. package/dist/recipes/controls/dropdown/select/select-text-input.mjs +1 -1
  12. package/dist/recipes/controls/dropdown/select/select-text-input.mjs.map +1 -1
  13. package/dist/recipes/controls/file-input/file-input.mjs +1 -1
  14. package/dist/recipes/controls/file-input/file-input.mjs.map +1 -1
  15. package/dist/recipes/controls/password-input/password-input.mjs +1 -1
  16. package/dist/recipes/controls/password-input/password-input.mjs.map +1 -1
  17. package/dist/recipes/controls/password-input-strength/password-input-strength.mjs +1 -1
  18. package/dist/recipes/controls/password-input-strength/password-input-strength.mjs.map +1 -1
  19. package/dist/recipes/controls/password-strength-input/password-strength-input-input.mjs +1 -1
  20. package/dist/recipes/controls/password-strength-input/password-strength-input-input.mjs.map +1 -1
  21. package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
  22. package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
  23. package/dist/recipes/controls/text-input/text-input.mjs +1 -1
  24. package/dist/recipes/controls/text-input/text-input.mjs.map +1 -1
  25. package/dist/recipes/controls/textarea/textarea.mjs +1 -1
  26. package/dist/recipes/controls/textarea/textarea.mjs.map +1 -1
  27. package/dist/recipes/data-display/description-list/description-list-root.mjs +1 -1
  28. package/dist/recipes/data-display/description-list/description-list-root.mjs.map +1 -1
  29. package/dist/recipes/data-display/description-list/description-list.mjs +1 -1
  30. package/dist/recipes/data-display/description-list/description-list.mjs.map +1 -1
  31. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"password-strength-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/password-strength-input/password-strength-input-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { passwordInput } from '../password-input/password-input';\n\nexport const passwordStrengthInputInput = passwordInput.merge({\n className: 'password-strength-input__input',\n jsx: ['PasswordStrengthInput'],\n base: {\n /* Root */\n '--password-input-root-gap':\n 'var(--password-strength-input-input-root-gap, {spacing.200})',\n\n /* Label */\n '--password-input-label-order':\n 'var(--password-strength-input-input-label-order, 1)',\n '--password-input-label-font-family':\n 'var(--password-strength-input-input-label-font-family, {fonts.base})',\n '--password-input-label-font-size':\n 'var(--password-strength-input-input-label-font-size, {fontSizes.300})',\n '--password-input-label-font-weight':\n 'var(--password-strength-input-input-label-font-weight, {fontWeights.medium})',\n '--password-input-label-line-height':\n 'var(--password-strength-input-input-label-line-height, inherit)',\n '--password-input-label-foreground':\n 'var(--password-strength-input-input-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Required */\n '--password-input-required-font-family':\n 'var(--password-strength-input-input-required-font-family, {fonts.base})',\n '--password-input-required-font-size':\n 'var(--password-strength-input-input-required-font-size, {fontSizes.300})',\n '--password-input-required-font-weight':\n 'var(--password-strength-input-input-required-font-weight, {fontWeights.medium})',\n '--password-input-required-foreground':\n 'var(--password-strength-input-input-required-foreground, {colors.neutral.foreground.2.enabled})',\n '--password-input-required-foreground-error':\n 'var(--password-strength-input-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--password-input-description-order':\n 'var(--password-strength-input-input-description-order, 2)',\n '--password-input-description-font-family':\n 'var(--password-strength-input-input-description-font-family, {fonts.base})',\n '--password-input-description-font-size':\n 'var(--password-strength-input-input-description-font-size, {fontSizes.300})',\n '--password-input-description-font-weight':\n 'var(--password-strength-input-input-description-font-weight, {fontWeights.regular})',\n '--password-input-description-line-height':\n 'var(--password-strength-input-input-description-line-height, inherit)',\n '--password-input-description-foreground':\n 'var(--password-strength-input-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--password-input-error-order':\n 'var(--password-strength-input-input-error-order, 4)',\n '--password-input-error-font-family':\n 'var(--password-strength-input-input-error-font-family, {fonts.base})',\n '--password-input-error-font-size':\n 'var(--password-strength-input-input-error-font-size, {fontSizes.200})',\n '--password-input-error-font-weight':\n 'var(--password-strength-input-input-error-font-weight, {fontWeights.regular})',\n '--password-input-error-line-height':\n 'var(--password-strength-input-input-error-line-height, inherit)',\n '--password-input-error-foreground':\n 'var(--password-strength-input-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Wrapper */\n '--password-input-wrapper-order':\n 'var(--password-strength-input-input-wrapper-order, 2)',\n '--password-input-wrapper-margin-top':\n 'var(--password-strength-input-input-wrapper-margin-top, {spacing.100})',\n '--password-input-wrapper-disabled-opacity':\n 'var(--password-strength-input-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--password-input-input-font-family':\n 'var(--password-strength-input-input-inner-input-font-family, {fonts.base})',\n '--password-input-input-font-size':\n 'var(--password-strength-input-input-inner-input-font-size, {fontSizes.300})',\n '--password-input-input-font-weight':\n 'var(--password-strength-input-input-inner-input-font-weight, {fontWeights.regular})',\n '--password-input-input-line-height':\n 'var(--password-strength-input-input-inner-input-line-height, inherit)',\n '--password-input-input-text-align':\n 'var(--password-strength-input-input-inner-input-text-align, left)',\n '--password-input-input-background':\n 'var(--password-strength-input-input-inner-input-background, transparent)',\n '--password-input-input-foreground':\n 'var(--password-strength-input-input-inner-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--password-input-input-border-color':\n 'var(--password-strength-input-input-inner-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--password-input-input-placeholder-foreground':\n 'var(--password-strength-input-input-inner-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--password-input-input-border-width':\n 'var(--password-strength-input-input-inner-input-border-width, {borders.150})',\n '--password-input-input-border-style':\n 'var(--password-strength-input-input-inner-input-border-style, solid)',\n '--password-input-input-radii':\n 'var(--password-strength-input-input-inner-input-radii, {radii.200})',\n '--password-input-input-height':\n 'var(--password-strength-input-input-inner-input-height, {sizes.700})',\n '--password-input-input-padding-inline-start':\n 'var(--password-strength-input-input-inner-input-padding-inline-start, {spacing.300})',\n '--password-input-input-padding-inline-end':\n 'var(--password-strength-input-input-inner-input-padding-inline-end, {spacing.300})',\n '--password-input-input-transition':\n 'var(--password-strength-input-input-inner-input-transition, all 0.2s ease-in-out)',\n\n /* Input - error */\n '--password-input-input-border-color-error':\n 'var(--password-strength-input-input-inner-input-border-color-error, {colors.danger.stroke.1.enabled})',\n\n /* Input - hover */\n '--password-input-input-hover-background':\n 'var(--password-strength-input-input-inner-input-hover-background, transparent)',\n '--password-input-input-hover-border-color':\n 'var(--password-strength-input-input-inner-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--password-input-input-hover-foreground':\n 'var(--password-strength-input-input-inner-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n\n /* Input - focus */\n '--password-input-input-focus-outline-width':\n 'var(--password-strength-input-input-inner-input-focus-outline-width, {borders.150})',\n '--password-input-input-focus-outline-style':\n 'var(--password-strength-input-input-inner-input-focus-outline-style, solid)',\n '--password-input-input-focus-outline-offset':\n 'var(--password-strength-input-input-inner-input-focus-outline-offset, {spacing.50})',\n '--password-input-input-focus-outline-color':\n 'var(--password-strength-input-input-inner-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--password-input-input-focus-border-color':\n 'var(--password-strength-input-input-inner-input-focus-border-color, {colors.neutral.stroke.7.focused})',\n '--password-input-input-focus-shadow':\n 'var(--password-strength-input-input-inner-input-focus-shadow, none)',\n\n /* Input - disabled */\n '--password-input-input-disabled-background':\n 'var(--password-strength-input-input-inner-input-disabled-background, transparent)',\n '--password-input-input-disabled-foreground':\n 'var(--password-strength-input-input-inner-input-disabled-foreground, {colors.neutral.foreground.2.enabled})',\n '--password-input-input-disabled-border-color':\n 'var(--password-strength-input-input-inner-input-disabled-border-color, {colors.neutral.stroke.7.enabled})',\n '--password-input-input-disabled-opacity':\n 'var(--password-strength-input-input-inner-input-disabled-opacity, 0.5)',\n\n /* Input - sections */\n '--password-input-section-size':\n 'var(--password-strength-input-input-section-size, {sizes.600})',\n '--password-input-left-section-width':\n 'var(--password-strength-input-input-left-section-width, {sizes.600})',\n '--password-input-right-section-width':\n 'var(--password-strength-input-input-right-section-width, {sizes.600})',\n '--password-input-left-section-position':\n 'var(--password-strength-input-input-left-section-position, {spacing.200})',\n '--password-input-right-section-position':\n 'var(--password-strength-input-input-right-section-position, {spacing.200})',\n '--password-input-left-section-pointer-events':\n 'var(--password-strength-input-input-left-section-pointer-events, none)',\n '--password-input-right-section-pointer-events':\n 'var(--password-strength-input-input-right-section-pointer-events, auto)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qEAOA,MAAa,EAA6B,EAAc,MAAM,CAC5D,UAAW,iCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CAEJ,4BACE,+DAGF,+BACE,sDACF,qCACE,uEACF,mCACE,wEACF,qCACE,+EACF,qCACE,kEACF,oCACE,+FAGF,wCACE,0EACF,sCACE,2EACF,wCACE,kFACF,uCACE,kGACF,6CACE,uGAGF,qCACE,4DACF,2CACE,6EACF,yCACE,8EACF,2CACE,sFACF,2CACE,wEACF,0CACE,qGAGF,+BACE,sDACF,qCACE,uEACF,mCACE,wEACF,qCACE,gFACF,qCACE,kEACF,oCACE,8FAGF,iCACE,wDACF,sCACE,yEACF,4CACE,qEAGF,qCACE,6EACF,mCACE,8EACF,qCACE,sFACF,qCACE,wEACF,oCACE,oEACF,oCACE,2EACF,oCACE,qGACF,sCACE,mGACF,gDACE,iHACF,sCACE,+EACF,sCACE,uEACF,+BACE,sEACF,gCACE,uEACF,8CACE,uFACF,4CACE,qFACF,oCACE,oFAGF,4CACE,wGAGF,0CACE,iFACF,4CACE,yGACF,0CACE,2GAGF,6CACE,sFACF,6CACE,8EACF,8CACE,sFACF,6CACE,0GACF,4CACE,yGACF,sCACE,sEAGF,6CACE,oFACF,6CACE,8GACF,+CACE,4GACF,0CACE,yEAGF,gCACE,iEACF,sCACE,uEACF,uCACE,wEACF,yCACE,4EACF,0CACE,6EACF,+CACE,yEACF,gDACE,0EACH,CACF,CAAC"}
1
+ {"version":3,"file":"password-strength-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/password-strength-input/password-strength-input-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { passwordInput } from '../password-input/password-input';\n\nexport const passwordStrengthInputInput = passwordInput.merge({\n className: 'password-strength-input__input',\n jsx: ['PasswordStrengthInput'],\n base: {\n /* Root */\n '--password-input-root-gap':\n 'var(--password-strength-input-input-root-gap, {spacing.200})',\n\n /* Label */\n '--password-input-label-order':\n 'var(--password-strength-input-input-label-order, 1)',\n '--password-input-label-font-family':\n 'var(--password-strength-input-input-label-font-family, {fonts.base})',\n '--password-input-label-font-size':\n 'var(--password-strength-input-input-label-font-size, {fontSizes.300})',\n '--password-input-label-font-weight':\n 'var(--password-strength-input-input-label-font-weight, {fontWeights.medium})',\n '--password-input-label-line-height':\n 'var(--password-strength-input-input-label-line-height, inherit)',\n '--password-input-label-foreground':\n 'var(--password-strength-input-input-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Required */\n '--password-input-required-font-family':\n 'var(--password-strength-input-input-required-font-family, {fonts.base})',\n '--password-input-required-font-size':\n 'var(--password-strength-input-input-required-font-size, {fontSizes.300})',\n '--password-input-required-font-weight':\n 'var(--password-strength-input-input-required-font-weight, {fontWeights.medium})',\n '--password-input-required-foreground':\n 'var(--password-strength-input-input-required-foreground, {colors.neutral.foreground.2.enabled})',\n '--password-input-required-foreground-error':\n 'var(--password-strength-input-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--password-input-description-order':\n 'var(--password-strength-input-input-description-order, 2)',\n '--password-input-description-font-family':\n 'var(--password-strength-input-input-description-font-family, {fonts.base})',\n '--password-input-description-font-size':\n 'var(--password-strength-input-input-description-font-size, {fontSizes.300})',\n '--password-input-description-font-weight':\n 'var(--password-strength-input-input-description-font-weight, {fontWeights.regular})',\n '--password-input-description-line-height':\n 'var(--password-strength-input-input-description-line-height, inherit)',\n '--password-input-description-foreground':\n 'var(--password-strength-input-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--password-input-error-order':\n 'var(--password-strength-input-input-error-order, 4)',\n '--password-input-error-font-family':\n 'var(--password-strength-input-input-error-font-family, {fonts.base})',\n '--password-input-error-font-size':\n 'var(--password-strength-input-input-error-font-size, {fontSizes.200})',\n '--password-input-error-font-weight':\n 'var(--password-strength-input-input-error-font-weight, {fontWeights.regular})',\n '--password-input-error-line-height':\n 'var(--password-strength-input-input-error-line-height, inherit)',\n '--password-input-error-foreground':\n 'var(--password-strength-input-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Wrapper */\n '--password-input-wrapper-order':\n 'var(--password-strength-input-input-wrapper-order, 2)',\n '--password-input-wrapper-margin-top':\n 'var(--password-strength-input-input-wrapper-margin-top, {spacing.100})',\n '--password-input-wrapper-disabled-opacity':\n 'var(--password-strength-input-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--password-input-input-font-family':\n 'var(--password-strength-input-input-inner-input-font-family, {fonts.base})',\n '--password-input-input-font-size':\n 'var(--password-strength-input-input-inner-input-font-size, {fontSizes.300})',\n '--password-input-input-font-weight':\n 'var(--password-strength-input-input-inner-input-font-weight, {fontWeights.regular})',\n '--password-input-input-line-height':\n 'var(--password-strength-input-input-inner-input-line-height, inherit)',\n '--password-input-input-text-align':\n 'var(--password-strength-input-input-inner-input-text-align, left)',\n '--password-input-input-background':\n 'var(--password-strength-input-input-inner-input-background, transparent)',\n '--password-input-input-foreground':\n 'var(--password-strength-input-input-inner-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--password-input-input-border-color':\n 'var(--password-strength-input-input-inner-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--password-input-input-placeholder-foreground':\n 'var(--password-strength-input-input-inner-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--password-input-input-border-width':\n 'var(--password-strength-input-input-inner-input-border-width, {borders.150})',\n '--password-input-input-border-style':\n 'var(--password-strength-input-input-inner-input-border-style, solid)',\n '--password-input-input-radii':\n 'var(--password-strength-input-input-inner-input-radii, {radii.200})',\n '--password-input-input-height':\n 'var(--password-strength-input-input-inner-input-height, {sizes.700})',\n '--password-input-input-padding-inline-start':\n 'var(--password-strength-input-input-inner-input-padding-inline-start, {spacing.300})',\n '--password-input-input-padding-inline-end':\n 'var(--password-strength-input-input-inner-input-padding-inline-end, {spacing.300})',\n '--password-input-input-transition':\n 'var(--password-strength-input-input-inner-input-transition, all 0.2s ease-in-out)',\n\n /* Input - error */\n '--password-input-input-border-color-error':\n 'var(--password-strength-input-input-inner-input-border-color-error, {colors.danger.stroke.1.enabled})',\n\n /* Input - hover */\n '--password-input-input-hover-background':\n 'var(--password-strength-input-input-inner-input-hover-background, transparent)',\n '--password-input-input-hover-border-color':\n 'var(--password-strength-input-input-inner-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--password-input-input-hover-foreground':\n 'var(--password-strength-input-input-inner-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n\n /* Input - focus */\n '--password-input-input-focus-outline-width':\n 'var(--password-strength-input-input-inner-input-focus-outline-width, {borders.150})',\n '--password-input-input-focus-outline-style':\n 'var(--password-strength-input-input-inner-input-focus-outline-style, solid)',\n '--password-input-input-focus-outline-offset':\n 'var(--password-strength-input-input-inner-input-focus-outline-offset, {spacing.50})',\n '--password-input-input-focus-outline-color':\n 'var(--password-strength-input-input-inner-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--password-input-input-focus-border-color':\n 'var(--password-strength-input-input-inner-input-focus-border-color, {colors.neutral.stroke.7.focused})',\n '--password-input-input-focus-shadow':\n 'var(--password-strength-input-input-inner-input-focus-shadow, none)',\n\n /* Input - disabled */\n '--password-input-input-disabled-background':\n 'var(--password-strength-input-input-inner-input-disabled-background, transparent)',\n '--password-input-input-disabled-foreground':\n 'var(--password-strength-input-input-inner-input-disabled-foreground, {colors.neutral.foreground.2.enabled})',\n '--password-input-input-disabled-border-color':\n 'var(--password-strength-input-input-inner-input-disabled-border-color, {colors.neutral.stroke.7.enabled})',\n '--password-input-input-disabled-opacity':\n 'var(--password-strength-input-input-inner-input-disabled-opacity, 0.5)',\n\n /* Input - sections */\n '--password-input-section-size':\n 'var(--password-strength-input-input-section-size, {sizes.300})',\n '--password-input-left-section-width':\n 'var(--password-strength-input-input-left-section-width, {sizes.300})',\n '--password-input-right-section-width':\n 'var(--password-strength-input-input-right-section-width, {sizes.300})',\n '--password-input-left-section-position':\n 'var(--password-strength-input-input-left-section-position, {spacing.300})',\n '--password-input-right-section-position':\n 'var(--password-strength-input-input-right-section-position, {spacing.300})',\n '--password-input-left-section-pointer-events':\n 'var(--password-strength-input-input-left-section-pointer-events, none)',\n '--password-input-right-section-pointer-events':\n 'var(--password-strength-input-input-right-section-pointer-events, auto)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qEAOA,MAAa,EAA6B,EAAc,MAAM,CAC5D,UAAW,iCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CAEJ,4BACE,+DAGF,+BACE,sDACF,qCACE,uEACF,mCACE,wEACF,qCACE,+EACF,qCACE,kEACF,oCACE,+FAGF,wCACE,0EACF,sCACE,2EACF,wCACE,kFACF,uCACE,kGACF,6CACE,uGAGF,qCACE,4DACF,2CACE,6EACF,yCACE,8EACF,2CACE,sFACF,2CACE,wEACF,0CACE,qGAGF,+BACE,sDACF,qCACE,uEACF,mCACE,wEACF,qCACE,gFACF,qCACE,kEACF,oCACE,8FAGF,iCACE,wDACF,sCACE,yEACF,4CACE,qEAGF,qCACE,6EACF,mCACE,8EACF,qCACE,sFACF,qCACE,wEACF,oCACE,oEACF,oCACE,2EACF,oCACE,qGACF,sCACE,mGACF,gDACE,iHACF,sCACE,+EACF,sCACE,uEACF,+BACE,sEACF,gCACE,uEACF,8CACE,uFACF,4CACE,qFACF,oCACE,oFAGF,4CACE,wGAGF,0CACE,iFACF,4CACE,yGACF,0CACE,2GAGF,6CACE,sFACF,6CACE,8EACF,8CACE,sFACF,6CACE,0GACF,4CACE,yGACF,sCACE,sEAGF,6CACE,oFACF,6CACE,8GACF,+CACE,4GACF,0CACE,yEAGF,gCACE,iEACF,sCACE,uEACF,uCACE,wEACF,yCACE,4EACF,0CACE,6EACF,+CACE,yEACF,gDACE,0EACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__input`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-input-font-family, {fonts.base})`,fontSize:`var(--text-input-input-font-size, {fontSizes.300})`,fontWeight:`var(--text-input-input-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-input-line-height, inherit)`,textAlign:`var(--text-input-input-text-align, left)`,color:`var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--text-input-input-background, transparent)`,borderColor:`var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,borderWidth:`var(--text-input-input-border-width, {borders.100})`,borderStyle:`var(--text-input-input-border-style, solid)`,borderRadius:`var(--text-input-input-radii, {radii.200})`,width:`var(--text-input-input-width, 100%)`,minWidth:`var(--text-input-input-min-width, unset)`,fieldSizing:`var(--text-input-input-field-sizing, fixed)`,height:`var(--text-input-input-height, {sizes.700})`,paddingInlineStart:`var(--text-input-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--text-input-input-padding-inline-end, {spacing.300})`,transition:`var(--text-input-input-transition, all 0.2s ease-in-out)`,outlineWidth:`var(--text-input-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,outlineColor:`transparent`,boxSizing:`border-box`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineColor:`var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,boxShadow:`var(--text-input-input-focus-shadow, none)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.600}) + var(--text-input-left-section-position, {spacing.300}))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.600}) + var(--text-input-right-section-position, {spacing.200}))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__input`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-input-font-family, {fonts.base})`,fontSize:`var(--text-input-input-font-size, {fontSizes.300})`,fontWeight:`var(--text-input-input-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-input-line-height, inherit)`,textAlign:`var(--text-input-input-text-align, left)`,color:`var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--text-input-input-background, transparent)`,borderColor:`var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,borderWidth:`var(--text-input-input-border-width, {borders.100})`,borderStyle:`var(--text-input-input-border-style, solid)`,borderRadius:`var(--text-input-input-radii, {radii.200})`,width:`var(--text-input-input-width, 100%)`,minWidth:`var(--text-input-input-min-width, unset)`,fieldSizing:`var(--text-input-input-field-sizing, fixed)`,height:`var(--text-input-input-height, {sizes.700})`,paddingInlineStart:`var(--text-input-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--text-input-input-padding-inline-end, {spacing.300})`,transition:`var(--text-input-input-transition, all 0.2s ease-in-out)`,outlineWidth:`var(--text-input-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,outlineColor:`transparent`,boxSizing:`border-box`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineColor:`var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,boxShadow:`var(--text-input-input-focus-shadow, none)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.300}) + var(--text-input-left-section-position, {spacing.300}))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.300}) + var(--text-input-right-section-position, {spacing.300}))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
2
2
  //# sourceMappingURL=text-input-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputInput = defineRecipe({\n className: 'text-input__input',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-input-font-family, {fonts.base})',\n fontSize: 'var(--text-input-input-font-size, {fontSizes.300})',\n fontWeight: 'var(--text-input-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-input-line-height, inherit)',\n textAlign: 'var(--text-input-input-text-align, left)',\n color:\n 'var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--text-input-input-background, transparent)',\n borderColor:\n 'var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n borderWidth: 'var(--text-input-input-border-width, {borders.100})',\n borderStyle: 'var(--text-input-input-border-style, solid)',\n borderRadius: 'var(--text-input-input-radii, {radii.200})',\n width: 'var(--text-input-input-width, 100%)',\n minWidth: 'var(--text-input-input-min-width, unset)',\n fieldSizing: 'var(--text-input-input-field-sizing, fixed)',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n outlineWidth: 'var(--text-input-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineOffset: 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n outlineColor: 'transparent',\n boxSizing: 'border-box',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n boxShadow: 'var(--text-input-input-focus-shadow, none)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.600}) + var(--text-input-left-section-position, {spacing.300}))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.600}) + var(--text-input-right-section-position, {spacing.200}))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,sCACP,SAAU,2CACV,YAAa,8CACb,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,aAAc,6DACd,aAAc,qDACd,cAAe,6DACf,aAAc,cACd,UAAW,aAEX,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,iFACF,UAAW,6CACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,iLACH,CACD,qCAAsC,CACpC,iBACE,iLACH,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputInput = defineRecipe({\n className: 'text-input__input',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-input-font-family, {fonts.base})',\n fontSize: 'var(--text-input-input-font-size, {fontSizes.300})',\n fontWeight: 'var(--text-input-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-input-line-height, inherit)',\n textAlign: 'var(--text-input-input-text-align, left)',\n color:\n 'var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--text-input-input-background, transparent)',\n borderColor:\n 'var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n borderWidth: 'var(--text-input-input-border-width, {borders.100})',\n borderStyle: 'var(--text-input-input-border-style, solid)',\n borderRadius: 'var(--text-input-input-radii, {radii.200})',\n width: 'var(--text-input-input-width, 100%)',\n minWidth: 'var(--text-input-input-min-width, unset)',\n fieldSizing: 'var(--text-input-input-field-sizing, fixed)',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n outlineWidth: 'var(--text-input-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineOffset: 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n outlineColor: 'transparent',\n boxSizing: 'border-box',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n boxShadow: 'var(--text-input-input-focus-shadow, none)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.300}) + var(--text-input-left-section-position, {spacing.300}))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.300}) + var(--text-input-right-section-position, {spacing.300}))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,sCACP,SAAU,2CACV,YAAa,8CACb,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,aAAc,6DACd,aAAc,qDACd,cAAe,6DACf,aAAc,cACd,UAAW,aAEX,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,iFACF,UAAW,6CACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,iLACH,CACD,qCAAsC,CACpC,iBACE,iLACH,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input`,jsx:[`TextInput`],base:{"--text-input-root-flex-direction":`column`,"--text-input-root-justify-content":`flex-start`,"--text-input-root-align-items":`stretch`,"--text-input-root-gap":`{spacing.100}`,"--text-input-root-width":`100%`,"--text-input-label-order":`0`,"--text-input-label-font-family":`{fonts.base}`,"--text-input-label-font-size":`{fontSizes.300}`,"--text-input-label-font-weight":`{fontWeights.medium}`,"--text-input-label-line-height":`inherit`,"--text-input-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-font-family":`{fonts.base}`,"--text-input-required-font-size":`{fontSizes.300}`,"--text-input-required-font-weight":`{fontWeights.medium}`,"--text-input-required-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-foreground-error":`{colors.danger.foreground.1.enabled}`,"--text-input-description-order":`1`,"--text-input-description-font-family":`{fonts.base}`,"--text-input-description-font-size":`{fontSizes.300}`,"--text-input-description-font-weight":`{fontWeights.regular}`,"--text-input-description-line-height":`inherit`,"--text-input-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-error-order":`3`,"--text-input-error-font-family":`{fonts.base}`,"--text-input-error-font-size":`{fontSizes.200}`,"--text-input-error-font-weight":`{fontWeights.regular}`,"--text-input-error-line-height":`inherit`,"--text-input-error-foreground":`{colors.danger.foreground.1.enabled}`,"--text-input-wrapper-order":`2`,"--text-input-wrapper-position":`relative`,"--text-input-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-wrapper-width":`100%`,"--text-input-wrapper-flex":`1`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.300}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.150}`,"--text-input-input-border-style":`solid`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-width":`100%`,"--text-input-input-min-width":`unset`,"--text-input-input-field-sizing":`fixed`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--text-input-input-focus-outline-width":`{borders.150}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.5`,"--text-input-section-foreground":`var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-section-size":`{sizes.300}`,"--text-input-left-section-width":`{sizes.300}`,"--text-input-right-section-width":`{sizes.600}`,"--text-input-left-section-position":`{spacing.300}`,"--text-input-right-section-position":`{spacing.200}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input`,jsx:[`TextInput`],base:{"--text-input-root-flex-direction":`column`,"--text-input-root-justify-content":`flex-start`,"--text-input-root-align-items":`stretch`,"--text-input-root-gap":`{spacing.100}`,"--text-input-root-width":`100%`,"--text-input-label-order":`0`,"--text-input-label-font-family":`{fonts.base}`,"--text-input-label-font-size":`{fontSizes.300}`,"--text-input-label-font-weight":`{fontWeights.medium}`,"--text-input-label-line-height":`inherit`,"--text-input-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-font-family":`{fonts.base}`,"--text-input-required-font-size":`{fontSizes.300}`,"--text-input-required-font-weight":`{fontWeights.medium}`,"--text-input-required-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-foreground-error":`{colors.danger.foreground.1.enabled}`,"--text-input-description-order":`1`,"--text-input-description-font-family":`{fonts.base}`,"--text-input-description-font-size":`{fontSizes.300}`,"--text-input-description-font-weight":`{fontWeights.regular}`,"--text-input-description-line-height":`inherit`,"--text-input-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-error-order":`3`,"--text-input-error-font-family":`{fonts.base}`,"--text-input-error-font-size":`{fontSizes.200}`,"--text-input-error-font-weight":`{fontWeights.regular}`,"--text-input-error-line-height":`inherit`,"--text-input-error-foreground":`{colors.danger.foreground.1.enabled}`,"--text-input-wrapper-order":`2`,"--text-input-wrapper-position":`relative`,"--text-input-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-wrapper-width":`100%`,"--text-input-wrapper-flex":`1`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.300}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.150}`,"--text-input-input-border-style":`solid`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-width":`100%`,"--text-input-input-min-width":`unset`,"--text-input-input-field-sizing":`fixed`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--text-input-input-focus-outline-width":`{borders.150}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.5`,"--text-input-section-foreground":`var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-section-size":`{sizes.300}`,"--text-input-left-section-width":`{sizes.300}`,"--text-input-right-section-width":`{sizes.300}`,"--text-input-left-section-position":`{spacing.300}`,"--text-input-right-section-position":`{spacing.300}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
2
2
  //# sourceMappingURL=text-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInput = defineRecipe({\n className: 'text-input',\n jsx: ['TextInput'],\n base: {\n /* Root */\n '--text-input-root-flex-direction': 'column',\n '--text-input-root-justify-content': 'flex-start',\n '--text-input-root-align-items': 'stretch',\n '--text-input-root-gap': '{spacing.100}',\n '--text-input-root-width': '100%',\n\n /* Label */\n '--text-input-label-order': '0',\n '--text-input-label-font-family': '{fonts.base}',\n '--text-input-label-font-size': '{fontSizes.300}',\n '--text-input-label-font-weight': '{fontWeights.medium}',\n '--text-input-label-line-height': 'inherit',\n '--text-input-label-foreground': '{colors.neutral.foreground.2.enabled}',\n\n /* Required */\n '--text-input-required-font-family': '{fonts.base}',\n '--text-input-required-font-size': '{fontSizes.300}',\n '--text-input-required-font-weight': '{fontWeights.medium}',\n '--text-input-required-foreground': '{colors.neutral.foreground.2.enabled}',\n '--text-input-required-foreground-error':\n '{colors.danger.foreground.1.enabled}',\n\n /* Description */\n '--text-input-description-order': '1',\n '--text-input-description-font-family': '{fonts.base}',\n '--text-input-description-font-size': '{fontSizes.300}',\n '--text-input-description-font-weight': '{fontWeights.regular}',\n '--text-input-description-line-height': 'inherit',\n '--text-input-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n /* Error */\n '--text-input-error-order': '3',\n '--text-input-error-font-family': '{fonts.base}',\n '--text-input-error-font-size': '{fontSizes.200}',\n '--text-input-error-font-weight': '{fontWeights.regular}',\n '--text-input-error-line-height': 'inherit',\n '--text-input-error-foreground': '{colors.danger.foreground.1.enabled}',\n\n /* Wrapper */\n '--text-input-wrapper-order': '2',\n '--text-input-wrapper-position': 'relative',\n '--text-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-wrapper-disabled-opacity': '0.5',\n '--text-input-wrapper-width': '100%',\n '--text-input-wrapper-flex': '1',\n\n /* Input */\n '--text-input-input-font-family': '{fonts.base}',\n '--text-input-input-font-size': '{fontSizes.300}',\n '--text-input-input-font-weight': '{fontWeights.regular}',\n '--text-input-input-line-height': 'inherit',\n '--text-input-input-text-align': 'left',\n '--text-input-input-background': 'transparent',\n '--text-input-input-foreground': '{colors.neutral.foreground.2.enabled}',\n '--text-input-input-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--text-input-input-border-width': '{borders.150}',\n '--text-input-input-border-style': 'solid',\n '--text-input-input-border-color': '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-radii': '{radii.200}',\n '--text-input-input-height': '{sizes.700}',\n '--text-input-input-padding-inline-start': '{spacing.300}',\n '--text-input-input-padding-inline-end': '{spacing.300}',\n '--text-input-input-width': '100%',\n '--text-input-input-min-width': 'unset',\n '--text-input-input-field-sizing': 'fixed',\n '--text-input-input-transition': 'all 0.2s ease-in-out',\n\n /* Input - error */\n '--text-input-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n\n /* Input - hover */\n '--text-input-input-hover-background': 'transparent',\n '--text-input-input-hover-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-hover-foreground':\n '{colors.neutral.foreground.2.hovered}',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width': '{borders.150}',\n '--text-input-input-focus-outline-style': 'solid',\n '--text-input-input-focus-outline-offset': '{spacing.50}',\n '--text-input-input-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--text-input-input-focus-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-focus-shadow': 'none',\n\n /* Input - disabled */\n '--text-input-input-disabled-background': 'transparent',\n '--text-input-input-disabled-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--text-input-input-disabled-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-disabled-opacity': '0.5',\n\n /* Input - sections */\n '--text-input-section-foreground':\n 'var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-section-size': '{sizes.300}',\n '--text-input-left-section-width': '{sizes.300}',\n '--text-input-right-section-width': '{sizes.600}',\n '--text-input-left-section-position': '{spacing.300}',\n '--text-input-right-section-position': '{spacing.200}',\n '--text-input-left-section-pointer-events': 'none',\n '--text-input-right-section-pointer-events': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CAEJ,mCAAoC,SACpC,oCAAqC,aACrC,gCAAiC,UACjC,wBAAyB,gBACzB,0BAA2B,OAG3B,2BAA4B,IAC5B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,uBAClC,iCAAkC,UAClC,gCAAiC,wCAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,mCAAoC,wCACpC,yCACE,uCAGF,iCAAkC,IAClC,uCAAwC,eACxC,qCAAsC,kBACtC,uCAAwC,wBACxC,uCAAwC,UACxC,sCACE,wCAGF,2BAA4B,IAC5B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,uCAGjC,6BAA8B,IAC9B,gCAAiC,WACjC,kCAAmC,gBACnC,wCAAyC,MACzC,6BAA8B,OAC9B,4BAA6B,IAG7B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,OACjC,gCAAiC,cACjC,gCAAiC,wCACjC,4CACE,wCACF,kCAAmC,gBACnC,kCAAmC,QACnC,kCAAmC,oCACnC,2BAA4B,cAC5B,4BAA6B,cAC7B,0CAA2C,gBAC3C,wCAAyC,gBACzC,2BAA4B,OAC5B,+BAAgC,QAChC,kCAAmC,QACnC,gCAAiC,uBAGjC,wCAAyC,mCAGzC,sCAAuC,cACvC,wCACE,oCACF,sCACE,wCAGF,yCAA0C,gBAC1C,yCAA0C,QAC1C,0CAA2C,eAC3C,yCACE,oCACF,wCACE,oCACF,kCAAmC,OAGnC,yCAA0C,cAC1C,yCACE,wCACF,2CACE,oCACF,sCAAuC,MAGvC,kCACE,4EACF,4BAA6B,cAC7B,kCAAmC,cACnC,mCAAoC,cACpC,qCAAsC,gBACtC,sCAAuC,gBACvC,2CAA4C,OAC5C,4CAA6C,OAC9C,CACF,CAAC"}
1
+ {"version":3,"file":"text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInput = defineRecipe({\n className: 'text-input',\n jsx: ['TextInput'],\n base: {\n /* Root */\n '--text-input-root-flex-direction': 'column',\n '--text-input-root-justify-content': 'flex-start',\n '--text-input-root-align-items': 'stretch',\n '--text-input-root-gap': '{spacing.100}',\n '--text-input-root-width': '100%',\n\n /* Label */\n '--text-input-label-order': '0',\n '--text-input-label-font-family': '{fonts.base}',\n '--text-input-label-font-size': '{fontSizes.300}',\n '--text-input-label-font-weight': '{fontWeights.medium}',\n '--text-input-label-line-height': 'inherit',\n '--text-input-label-foreground': '{colors.neutral.foreground.2.enabled}',\n\n /* Required */\n '--text-input-required-font-family': '{fonts.base}',\n '--text-input-required-font-size': '{fontSizes.300}',\n '--text-input-required-font-weight': '{fontWeights.medium}',\n '--text-input-required-foreground': '{colors.neutral.foreground.2.enabled}',\n '--text-input-required-foreground-error':\n '{colors.danger.foreground.1.enabled}',\n\n /* Description */\n '--text-input-description-order': '1',\n '--text-input-description-font-family': '{fonts.base}',\n '--text-input-description-font-size': '{fontSizes.300}',\n '--text-input-description-font-weight': '{fontWeights.regular}',\n '--text-input-description-line-height': 'inherit',\n '--text-input-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n /* Error */\n '--text-input-error-order': '3',\n '--text-input-error-font-family': '{fonts.base}',\n '--text-input-error-font-size': '{fontSizes.200}',\n '--text-input-error-font-weight': '{fontWeights.regular}',\n '--text-input-error-line-height': 'inherit',\n '--text-input-error-foreground': '{colors.danger.foreground.1.enabled}',\n\n /* Wrapper */\n '--text-input-wrapper-order': '2',\n '--text-input-wrapper-position': 'relative',\n '--text-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-wrapper-disabled-opacity': '0.5',\n '--text-input-wrapper-width': '100%',\n '--text-input-wrapper-flex': '1',\n\n /* Input */\n '--text-input-input-font-family': '{fonts.base}',\n '--text-input-input-font-size': '{fontSizes.300}',\n '--text-input-input-font-weight': '{fontWeights.regular}',\n '--text-input-input-line-height': 'inherit',\n '--text-input-input-text-align': 'left',\n '--text-input-input-background': 'transparent',\n '--text-input-input-foreground': '{colors.neutral.foreground.2.enabled}',\n '--text-input-input-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--text-input-input-border-width': '{borders.150}',\n '--text-input-input-border-style': 'solid',\n '--text-input-input-border-color': '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-radii': '{radii.200}',\n '--text-input-input-height': '{sizes.700}',\n '--text-input-input-padding-inline-start': '{spacing.300}',\n '--text-input-input-padding-inline-end': '{spacing.300}',\n '--text-input-input-width': '100%',\n '--text-input-input-min-width': 'unset',\n '--text-input-input-field-sizing': 'fixed',\n '--text-input-input-transition': 'all 0.2s ease-in-out',\n\n /* Input - error */\n '--text-input-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n\n /* Input - hover */\n '--text-input-input-hover-background': 'transparent',\n '--text-input-input-hover-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-hover-foreground':\n '{colors.neutral.foreground.2.hovered}',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width': '{borders.150}',\n '--text-input-input-focus-outline-style': 'solid',\n '--text-input-input-focus-outline-offset': '{spacing.50}',\n '--text-input-input-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--text-input-input-focus-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-focus-shadow': 'none',\n\n /* Input - disabled */\n '--text-input-input-disabled-background': 'transparent',\n '--text-input-input-disabled-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--text-input-input-disabled-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-disabled-opacity': '0.5',\n\n /* Input - sections */\n '--text-input-section-foreground':\n 'var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-section-size': '{sizes.300}',\n '--text-input-left-section-width': '{sizes.300}',\n '--text-input-right-section-width': '{sizes.300}',\n '--text-input-left-section-position': '{spacing.300}',\n '--text-input-right-section-position': '{spacing.300}',\n '--text-input-left-section-pointer-events': 'none',\n '--text-input-right-section-pointer-events': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CAEJ,mCAAoC,SACpC,oCAAqC,aACrC,gCAAiC,UACjC,wBAAyB,gBACzB,0BAA2B,OAG3B,2BAA4B,IAC5B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,uBAClC,iCAAkC,UAClC,gCAAiC,wCAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,mCAAoC,wCACpC,yCACE,uCAGF,iCAAkC,IAClC,uCAAwC,eACxC,qCAAsC,kBACtC,uCAAwC,wBACxC,uCAAwC,UACxC,sCACE,wCAGF,2BAA4B,IAC5B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,uCAGjC,6BAA8B,IAC9B,gCAAiC,WACjC,kCAAmC,gBACnC,wCAAyC,MACzC,6BAA8B,OAC9B,4BAA6B,IAG7B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,OACjC,gCAAiC,cACjC,gCAAiC,wCACjC,4CACE,wCACF,kCAAmC,gBACnC,kCAAmC,QACnC,kCAAmC,oCACnC,2BAA4B,cAC5B,4BAA6B,cAC7B,0CAA2C,gBAC3C,wCAAyC,gBACzC,2BAA4B,OAC5B,+BAAgC,QAChC,kCAAmC,QACnC,gCAAiC,uBAGjC,wCAAyC,mCAGzC,sCAAuC,cACvC,wCACE,oCACF,sCACE,wCAGF,yCAA0C,gBAC1C,yCAA0C,QAC1C,0CAA2C,eAC3C,yCACE,oCACF,wCACE,oCACF,kCAAmC,OAGnC,yCAA0C,cAC1C,yCACE,wCACF,2CACE,oCACF,sCAAuC,MAGvC,kCACE,4EACF,4BAA6B,cAC7B,kCAAmC,cACnC,mCAAoC,cACpC,qCAAsC,gBACtC,sCAAuC,gBACvC,2CAA4C,OAC5C,4CAA6C,OAC9C,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea`,jsx:[`Textarea`],base:{"--textarea-input-padding-block":`{spacing.200}`,"--textarea-input-min-height":`{sizes.700}`,"--textarea-input-max-height":`{sizes.1400}`,"--textarea-input-resize":`vertical`,"--text-input-root-gap":`var(--textarea-root-gap, {spacing.200})`,"--text-input-root-width":`var(--textarea-root-width, 100%)`,"--text-input-root-flex-direction":`var(--textarea-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--textarea-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--textarea-root-align-items, stretch)`,"--text-input-wrapper-order":`var(--textarea-wrapper-order, 3)`,"--text-input-wrapper-margin-top":`var(--textarea-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-width":`var(--textarea-wrapper-width, 100%)`,"--text-input-wrapper-flex":`var(--textarea-wrapper-flex, 1)`,"--text-input-wrapper-disabled-opacity":`var(--textarea-wrapper-disabled-opacity, 0.5)`,"--text-input-label-order":`var(--textarea-label-order, 1)`,"--text-input-label-font-family":`var(--textarea-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--textarea-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--textarea-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--textarea-label-line-height, inherit)`,"--text-input-label-foreground":`var(--textarea-label-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-font-family":`var(--textarea-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--textarea-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--textarea-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--textarea-required-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-foreground-error":`var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--textarea-description-order, 2)`,"--text-input-description-font-family":`var(--textarea-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--textarea-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--textarea-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--textarea-description-line-height, inherit)`,"--text-input-description-foreground":`var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--textarea-error-order, 4)`,"--text-input-error-font-family":`var(--textarea-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--textarea-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--textarea-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--textarea-error-line-height, inherit)`,"--text-input-error-foreground":`var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-input-font-family":`var(--textarea-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--textarea-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--textarea-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--textarea-input-line-height, inherit)`,"--text-input-input-text-align":`var(--textarea-input-text-align, left)`,"--text-input-input-background":`var(--textarea-input-background, transparent)`,"--text-input-input-foreground":`var(--textarea-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-border-color":`var(--textarea-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-placeholder-foreground":`var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--textarea-input-border-width, {borders.100})`,"--text-input-input-border-color-error":`var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--textarea-input-border-style, solid)`,"--text-input-input-radii":`var(--textarea-input-radii, {radii.200})`,"--text-input-input-padding-inline-start":`var(--textarea-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--textarea-input-padding-inline-end, {spacing.300})`,"--text-input-input-height":`var(--textarea-input-height, auto)`,"--text-input-input-width":`var(--textarea-input-width, 100%)`,"--text-input-input-min-width":`var(--textarea-input-min-width, unset)`,"--text-input-input-field-sizing":`var(--textarea-input-field-sizing, fixed)`,"--text-input-input-transition":`var(--textarea-input-transition, {animations.base.200})`,"--text-input-input-hover-background":`var(--textarea-input-hover-background, transparent)`,"--text-input-input-hover-border-color":`var(--textarea-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-hover-foreground":`var(--textarea-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--text-input-input-focus-outline-width":`var(--textarea-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--textarea-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--textarea-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--textarea-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--textarea-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--textarea-input-focus-shadow, none)`,"--text-input-input-disabled-background":`var(--textarea-input-disabled-background, transparent)`,"--text-input-input-disabled-foreground":`var(--textarea-input-disabled-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-disabled-border-color":`var(--textarea-input-disabled-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-disabled-opacity":`var(--textarea-input-disabled-opacity, 0.5)`,"--text-input-section-size":`var(--textarea-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--textarea-left-section-width, {sizes.600})`,"--text-input-right-section-width":`var(--textarea-right-section-width, {sizes.600})`,"--text-input-left-section-position":`var(--textarea-left-section-position, {spacing.200})`,"--text-input-right-section-position":`var(--textarea-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--textarea-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--textarea-right-section-pointer-events, none)`}});export{t as textarea};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea`,jsx:[`Textarea`],base:{"--textarea-input-padding-block":`{spacing.200}`,"--textarea-input-min-height":`{sizes.700}`,"--textarea-input-max-height":`{sizes.1400}`,"--textarea-input-resize":`vertical`,"--text-input-root-gap":`var(--textarea-root-gap, {spacing.200})`,"--text-input-root-width":`var(--textarea-root-width, 100%)`,"--text-input-root-flex-direction":`var(--textarea-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--textarea-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--textarea-root-align-items, stretch)`,"--text-input-wrapper-order":`var(--textarea-wrapper-order, 3)`,"--text-input-wrapper-margin-top":`var(--textarea-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-width":`var(--textarea-wrapper-width, 100%)`,"--text-input-wrapper-flex":`var(--textarea-wrapper-flex, 1)`,"--text-input-wrapper-disabled-opacity":`var(--textarea-wrapper-disabled-opacity, 0.5)`,"--text-input-label-order":`var(--textarea-label-order, 1)`,"--text-input-label-font-family":`var(--textarea-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--textarea-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--textarea-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--textarea-label-line-height, inherit)`,"--text-input-label-foreground":`var(--textarea-label-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-font-family":`var(--textarea-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--textarea-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--textarea-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--textarea-required-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-foreground-error":`var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--textarea-description-order, 2)`,"--text-input-description-font-family":`var(--textarea-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--textarea-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--textarea-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--textarea-description-line-height, inherit)`,"--text-input-description-foreground":`var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--textarea-error-order, 4)`,"--text-input-error-font-family":`var(--textarea-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--textarea-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--textarea-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--textarea-error-line-height, inherit)`,"--text-input-error-foreground":`var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-input-font-family":`var(--textarea-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--textarea-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--textarea-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--textarea-input-line-height, inherit)`,"--text-input-input-text-align":`var(--textarea-input-text-align, left)`,"--text-input-input-background":`var(--textarea-input-background, transparent)`,"--text-input-input-foreground":`var(--textarea-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-border-color":`var(--textarea-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-placeholder-foreground":`var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--textarea-input-border-width, {borders.100})`,"--text-input-input-border-color-error":`var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--textarea-input-border-style, solid)`,"--text-input-input-radii":`var(--textarea-input-radii, {radii.200})`,"--text-input-input-padding-inline-start":`var(--textarea-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--textarea-input-padding-inline-end, {spacing.300})`,"--text-input-input-height":`var(--textarea-input-height, auto)`,"--text-input-input-width":`var(--textarea-input-width, 100%)`,"--text-input-input-min-width":`var(--textarea-input-min-width, unset)`,"--text-input-input-field-sizing":`var(--textarea-input-field-sizing, fixed)`,"--text-input-input-transition":`var(--textarea-input-transition, {animations.base.200})`,"--text-input-input-hover-background":`var(--textarea-input-hover-background, transparent)`,"--text-input-input-hover-border-color":`var(--textarea-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-hover-foreground":`var(--textarea-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--text-input-input-focus-outline-width":`var(--textarea-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--textarea-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--textarea-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--textarea-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--textarea-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--textarea-input-focus-shadow, none)`,"--text-input-input-disabled-background":`var(--textarea-input-disabled-background, transparent)`,"--text-input-input-disabled-foreground":`var(--textarea-input-disabled-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-disabled-border-color":`var(--textarea-input-disabled-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-disabled-opacity":`var(--textarea-input-disabled-opacity, 0.5)`,"--text-input-section-size":`var(--textarea-section-size, {sizes.300})`,"--text-input-left-section-width":`var(--textarea-left-section-width, {sizes.300})`,"--text-input-right-section-width":`var(--textarea-right-section-width, {sizes.300})`,"--text-input-left-section-position":`var(--textarea-left-section-position, {spacing.300})`,"--text-input-right-section-position":`var(--textarea-right-section-position, {spacing.300})`,"--text-input-left-section-pointer-events":`var(--textarea-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--textarea-right-section-pointer-events, none)`}});export{t as textarea};
2
2
  //# sourceMappingURL=textarea.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textarea = defineRecipe({\n className: 'textarea',\n jsx: ['Textarea'],\n base: {\n // textarea input\n '--textarea-input-padding-block': '{spacing.200}',\n '--textarea-input-min-height': '{sizes.700}',\n '--textarea-input-max-height': '{sizes.1400}',\n '--textarea-input-resize': 'vertical',\n\n // root\n '--text-input-root-gap': 'var(--textarea-root-gap, {spacing.200})',\n '--text-input-root-width': 'var(--textarea-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--textarea-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--textarea-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--textarea-root-align-items, stretch)',\n\n // wrapper\n '--text-input-wrapper-order': 'var(--textarea-wrapper-order, 3)',\n '--text-input-wrapper-margin-top':\n 'var(--textarea-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-width': 'var(--textarea-wrapper-width, 100%)',\n '--text-input-wrapper-flex': 'var(--textarea-wrapper-flex, 1)',\n '--text-input-wrapper-disabled-opacity':\n 'var(--textarea-wrapper-disabled-opacity, 0.5)',\n\n // label\n '--text-input-label-order': 'var(--textarea-label-order, 1)',\n '--text-input-label-font-family':\n 'var(--textarea-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--textarea-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--textarea-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--textarea-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--textarea-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--textarea-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--textarea-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--textarea-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--textarea-required-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-required-foreground-error':\n 'var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order': 'var(--textarea-description-order, 2)',\n '--text-input-description-font-family':\n 'var(--textarea-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--textarea-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--textarea-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--textarea-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n // error\n '--text-input-error-order': 'var(--textarea-error-order, 4)',\n '--text-input-error-font-family':\n 'var(--textarea-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--textarea-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--textarea-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--textarea-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})',\n\n // input\n '--text-input-input-font-family':\n 'var(--textarea-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--textarea-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--textarea-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--textarea-input-line-height, inherit)',\n '--text-input-input-text-align': 'var(--textarea-input-text-align, left)',\n '--text-input-input-background':\n 'var(--textarea-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--textarea-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-border-color':\n 'var(--textarea-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--textarea-input-border-width, {borders.100})',\n '--text-input-input-border-color-error':\n 'var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--textarea-input-border-style, solid)',\n '--text-input-input-radii': 'var(--textarea-input-radii, {radii.200})',\n '--text-input-input-padding-inline-start':\n 'var(--textarea-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--textarea-input-padding-inline-end, {spacing.300})',\n '--text-input-input-height': 'var(--textarea-input-height, auto)',\n '--text-input-input-width': 'var(--textarea-input-width, 100%)',\n '--text-input-input-min-width': 'var(--textarea-input-min-width, unset)',\n '--text-input-input-field-sizing':\n 'var(--textarea-input-field-sizing, fixed)',\n '--text-input-input-transition':\n 'var(--textarea-input-transition, {animations.base.200})',\n // input hover\n '--text-input-input-hover-background':\n 'var(--textarea-input-hover-background, transparent)',\n '--text-input-input-hover-border-color':\n 'var(--textarea-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-hover-foreground':\n 'var(--textarea-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n // input focus\n '--text-input-input-focus-outline-width':\n 'var(--textarea-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--textarea-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--textarea-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--textarea-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--textarea-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--textarea-input-focus-shadow, none)',\n // input disabled\n '--text-input-input-disabled-background':\n 'var(--textarea-input-disabled-background, transparent)',\n '--text-input-input-disabled-foreground':\n 'var(--textarea-input-disabled-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-disabled-border-color':\n 'var(--textarea-input-disabled-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-disabled-opacity':\n 'var(--textarea-input-disabled-opacity, 0.5)',\n // input section\n '--text-input-section-size': 'var(--textarea-section-size, {sizes.600})',\n '--text-input-left-section-width':\n 'var(--textarea-left-section-width, {sizes.600})',\n '--text-input-right-section-width':\n 'var(--textarea-right-section-width, {sizes.600})',\n '--text-input-left-section-position':\n 'var(--textarea-left-section-position, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--textarea-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--textarea-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--textarea-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iCAAkC,gBAClC,8BAA+B,cAC/B,8BAA+B,eAC/B,0BAA2B,WAG3B,wBAAyB,0CACzB,0BAA2B,mCAC3B,mCACE,8CACF,oCACE,mDACF,gCACE,4CAGF,6BAA8B,mCAC9B,kCACE,oDACF,6BAA8B,sCAC9B,4BAA6B,kCAC7B,wCACE,gDAGF,2BAA4B,iCAC5B,iCACE,kDACF,+BACE,mDACF,iCACE,0DACF,iCACE,6CACF,gCACE,0EAGF,oCACE,qDACF,kCACE,sDACF,oCACE,6DACF,mCACE,6EACF,yCACE,kFAGF,iCAAkC,uCAClC,uCACE,wDACF,qCACE,yDACF,uCACE,iEACF,uCACE,mDACF,sCACE,gFAGF,2BAA4B,iCAC5B,iCACE,kDACF,+BACE,mDACF,iCACE,2DACF,iCACE,6CACF,gCACE,yEAGF,iCACE,kDACF,+BACE,mDACF,iCACE,2DACF,iCACE,6CACF,gCAAiC,yCACjC,gCACE,gDACF,gCACE,0EACF,kCACE,wEACF,4CACE,sFACF,kCACE,oDACF,wCACE,6EACF,kCACE,4CACF,2BAA4B,2CAC5B,0CACE,4DACF,wCACE,0DACF,4BAA6B,qCAC7B,2BAA4B,oCAC5B,+BAAgC,yCAChC,kCACE,4CACF,gCACE,0DAEF,sCACE,sDACF,wCACE,8EACF,sCACE,gFAEF,yCACE,2DACF,yCACE,mDACF,0CACE,2DACF,yCACE,+EACF,wCACE,8EACF,kCACE,2CAEF,yCACE,yDACF,yCACE,mFACF,2CACE,iFACF,sCACE,8CAEF,4BAA6B,4CAC7B,kCACE,kDACF,mCACE,mDACF,qCACE,uDACF,sCACE,wDACF,2CACE,oDACF,4CACE,qDACH,CACF,CAAC"}
1
+ {"version":3,"file":"textarea.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textarea = defineRecipe({\n className: 'textarea',\n jsx: ['Textarea'],\n base: {\n // textarea input\n '--textarea-input-padding-block': '{spacing.200}',\n '--textarea-input-min-height': '{sizes.700}',\n '--textarea-input-max-height': '{sizes.1400}',\n '--textarea-input-resize': 'vertical',\n\n // root\n '--text-input-root-gap': 'var(--textarea-root-gap, {spacing.200})',\n '--text-input-root-width': 'var(--textarea-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--textarea-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--textarea-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--textarea-root-align-items, stretch)',\n\n // wrapper\n '--text-input-wrapper-order': 'var(--textarea-wrapper-order, 3)',\n '--text-input-wrapper-margin-top':\n 'var(--textarea-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-width': 'var(--textarea-wrapper-width, 100%)',\n '--text-input-wrapper-flex': 'var(--textarea-wrapper-flex, 1)',\n '--text-input-wrapper-disabled-opacity':\n 'var(--textarea-wrapper-disabled-opacity, 0.5)',\n\n // label\n '--text-input-label-order': 'var(--textarea-label-order, 1)',\n '--text-input-label-font-family':\n 'var(--textarea-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--textarea-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--textarea-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--textarea-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--textarea-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--textarea-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--textarea-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--textarea-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--textarea-required-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-required-foreground-error':\n 'var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order': 'var(--textarea-description-order, 2)',\n '--text-input-description-font-family':\n 'var(--textarea-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--textarea-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--textarea-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--textarea-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n // error\n '--text-input-error-order': 'var(--textarea-error-order, 4)',\n '--text-input-error-font-family':\n 'var(--textarea-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--textarea-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--textarea-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--textarea-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})',\n\n // input\n '--text-input-input-font-family':\n 'var(--textarea-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--textarea-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--textarea-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--textarea-input-line-height, inherit)',\n '--text-input-input-text-align': 'var(--textarea-input-text-align, left)',\n '--text-input-input-background':\n 'var(--textarea-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--textarea-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-border-color':\n 'var(--textarea-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--textarea-input-border-width, {borders.100})',\n '--text-input-input-border-color-error':\n 'var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--textarea-input-border-style, solid)',\n '--text-input-input-radii': 'var(--textarea-input-radii, {radii.200})',\n '--text-input-input-padding-inline-start':\n 'var(--textarea-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--textarea-input-padding-inline-end, {spacing.300})',\n '--text-input-input-height': 'var(--textarea-input-height, auto)',\n '--text-input-input-width': 'var(--textarea-input-width, 100%)',\n '--text-input-input-min-width': 'var(--textarea-input-min-width, unset)',\n '--text-input-input-field-sizing':\n 'var(--textarea-input-field-sizing, fixed)',\n '--text-input-input-transition':\n 'var(--textarea-input-transition, {animations.base.200})',\n // input hover\n '--text-input-input-hover-background':\n 'var(--textarea-input-hover-background, transparent)',\n '--text-input-input-hover-border-color':\n 'var(--textarea-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-hover-foreground':\n 'var(--textarea-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n // input focus\n '--text-input-input-focus-outline-width':\n 'var(--textarea-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--textarea-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--textarea-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--textarea-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--textarea-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--textarea-input-focus-shadow, none)',\n // input disabled\n '--text-input-input-disabled-background':\n 'var(--textarea-input-disabled-background, transparent)',\n '--text-input-input-disabled-foreground':\n 'var(--textarea-input-disabled-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-disabled-border-color':\n 'var(--textarea-input-disabled-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-disabled-opacity':\n 'var(--textarea-input-disabled-opacity, 0.5)',\n // input section\n '--text-input-section-size': 'var(--textarea-section-size, {sizes.300})',\n '--text-input-left-section-width':\n 'var(--textarea-left-section-width, {sizes.300})',\n '--text-input-right-section-width':\n 'var(--textarea-right-section-width, {sizes.300})',\n '--text-input-left-section-position':\n 'var(--textarea-left-section-position, {spacing.300})',\n '--text-input-right-section-position':\n 'var(--textarea-right-section-position, {spacing.300})',\n '--text-input-left-section-pointer-events':\n 'var(--textarea-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--textarea-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iCAAkC,gBAClC,8BAA+B,cAC/B,8BAA+B,eAC/B,0BAA2B,WAG3B,wBAAyB,0CACzB,0BAA2B,mCAC3B,mCACE,8CACF,oCACE,mDACF,gCACE,4CAGF,6BAA8B,mCAC9B,kCACE,oDACF,6BAA8B,sCAC9B,4BAA6B,kCAC7B,wCACE,gDAGF,2BAA4B,iCAC5B,iCACE,kDACF,+BACE,mDACF,iCACE,0DACF,iCACE,6CACF,gCACE,0EAGF,oCACE,qDACF,kCACE,sDACF,oCACE,6DACF,mCACE,6EACF,yCACE,kFAGF,iCAAkC,uCAClC,uCACE,wDACF,qCACE,yDACF,uCACE,iEACF,uCACE,mDACF,sCACE,gFAGF,2BAA4B,iCAC5B,iCACE,kDACF,+BACE,mDACF,iCACE,2DACF,iCACE,6CACF,gCACE,yEAGF,iCACE,kDACF,+BACE,mDACF,iCACE,2DACF,iCACE,6CACF,gCAAiC,yCACjC,gCACE,gDACF,gCACE,0EACF,kCACE,wEACF,4CACE,sFACF,kCACE,oDACF,wCACE,6EACF,kCACE,4CACF,2BAA4B,2CAC5B,0CACE,4DACF,wCACE,0DACF,4BAA6B,qCAC7B,2BAA4B,oCAC5B,+BAAgC,yCAChC,kCACE,4CACF,gCACE,0DAEF,sCACE,sDACF,wCACE,8EACF,sCACE,gFAEF,yCACE,2DACF,yCACE,mDACF,0CACE,2DACF,yCACE,+EACF,wCACE,8EACF,kCACE,2CAEF,yCACE,yDACF,yCACE,mFACF,2CACE,iFACF,sCACE,8CAEF,4BAA6B,4CAC7B,kCACE,kDACF,mCACE,mDACF,qCACE,uDACF,sCACE,wDACF,2CACE,oDACF,4CACE,qDACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`description-list__root`,jsx:[`DescriptionList`],base:{background:`var(--description-list-background, transparent)`,display:`grid`,rowGap:`var(--description-list-row-gap, {spacing.600})`,columnGap:`var(--description-list-column-gap, {spacing.600})`,paddingTop:`var(--description-list-padding-top, {spacing.0})`,paddingBottom:`var(--description-list-padding-bottom, {spacing.0})`,paddingLeft:`var(--description-list-padding-left, {spacing.0})`,paddingRight:`var(--description-list-padding-right, {spacing.0})`,borderRadius:`var(--description-list-radii, {radii.0})`,borderColor:`var(--description-list-border-color, transparent)`,borderWidth:`var(--description-list-border-width, {borders.0})`,'&[data-orientation="vertical"]':{gridTemplateColumns:`var(--description-list-vertical-grid-template-columns, minmax(0, 1fr))`},'&[data-orientation="horizontal"]':{width:`fit-content`,maxWidth:`100%`,gridTemplateColumns:`repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))`}}});export{t as descriptionListRoot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`description-list__root`,jsx:[`DescriptionList`],base:{background:`var(--description-list-background, transparent)`,display:`grid`,rowGap:`var(--description-list-row-gap, {spacing.600})`,columnGap:`var(--description-list-column-gap, {spacing.600})`,paddingTop:`var(--description-list-padding-top, {spacing.0})`,paddingBottom:`var(--description-list-padding-bottom, {spacing.0})`,paddingLeft:`var(--description-list-padding-left, {spacing.0})`,paddingRight:`var(--description-list-padding-right, {spacing.0})`,marginTop:`var(--description-list-margin-top, {spacing.0})`,marginBottom:`var(--description-list-margin-bottom, {spacing.0})`,marginLeft:`var(--description-list-margin-left, {spacing.0})`,marginRight:`var(--description-list-margin-right, {spacing.0})`,borderRadius:`var(--description-list-radii, {radii.0})`,borderColor:`var(--description-list-border-color, transparent)`,borderWidth:`var(--description-list-border-width, {borders.0})`,'&[data-orientation="vertical"]':{gridTemplateColumns:`var(--description-list-vertical-grid-template-columns, minmax(0, 1fr))`},'&[data-orientation="horizontal"]':{width:`fit-content`,maxWidth:`100%`,gridTemplateColumns:`repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))`}}});export{t as descriptionListRoot};
2
2
  //# sourceMappingURL=description-list-root.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"description-list-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/description-list/description-list-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const descriptionListRoot = defineRecipe({\n className: 'description-list__root',\n jsx: ['DescriptionList'],\n base: {\n background: 'var(--description-list-background, transparent)',\n display: 'grid',\n rowGap: 'var(--description-list-row-gap, {spacing.600})',\n columnGap: 'var(--description-list-column-gap, {spacing.600})',\n paddingTop: 'var(--description-list-padding-top, {spacing.0})',\n paddingBottom: 'var(--description-list-padding-bottom, {spacing.0})',\n paddingLeft: 'var(--description-list-padding-left, {spacing.0})',\n paddingRight: 'var(--description-list-padding-right, {spacing.0})',\n borderRadius: 'var(--description-list-radii, {radii.0})',\n borderColor: 'var(--description-list-border-color, transparent)',\n borderWidth: 'var(--description-list-border-width, {borders.0})',\n\n '&[data-orientation=\"vertical\"]': {\n gridTemplateColumns:\n 'var(--description-list-vertical-grid-template-columns, minmax(0, 1fr))',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n width: 'fit-content',\n maxWidth: '100%',\n gridTemplateColumns:\n 'repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,yBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,WAAY,kDACZ,QAAS,OACT,OAAQ,iDACR,UAAW,oDACX,WAAY,mDACZ,cAAe,sDACf,YAAa,oDACb,aAAc,qDACd,aAAc,2CACd,YAAa,oDACb,YAAa,oDAEb,iCAAkC,CAChC,oBACE,yEACH,CAED,mCAAoC,CAClC,MAAO,cACP,SAAU,OACV,oBACE,uFACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"description-list-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/description-list/description-list-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const descriptionListRoot = defineRecipe({\n className: 'description-list__root',\n jsx: ['DescriptionList'],\n base: {\n background: 'var(--description-list-background, transparent)',\n display: 'grid',\n rowGap: 'var(--description-list-row-gap, {spacing.600})',\n columnGap: 'var(--description-list-column-gap, {spacing.600})',\n paddingTop: 'var(--description-list-padding-top, {spacing.0})',\n paddingBottom: 'var(--description-list-padding-bottom, {spacing.0})',\n paddingLeft: 'var(--description-list-padding-left, {spacing.0})',\n paddingRight: 'var(--description-list-padding-right, {spacing.0})',\n marginTop: 'var(--description-list-margin-top, {spacing.0})',\n marginBottom: 'var(--description-list-margin-bottom, {spacing.0})',\n marginLeft: 'var(--description-list-margin-left, {spacing.0})',\n marginRight: 'var(--description-list-margin-right, {spacing.0})',\n borderRadius: 'var(--description-list-radii, {radii.0})',\n borderColor: 'var(--description-list-border-color, transparent)',\n borderWidth: 'var(--description-list-border-width, {borders.0})',\n\n '&[data-orientation=\"vertical\"]': {\n gridTemplateColumns:\n 'var(--description-list-vertical-grid-template-columns, minmax(0, 1fr))',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n width: 'fit-content',\n maxWidth: '100%',\n gridTemplateColumns:\n 'repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,yBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,WAAY,kDACZ,QAAS,OACT,OAAQ,iDACR,UAAW,oDACX,WAAY,mDACZ,cAAe,sDACf,YAAa,oDACb,aAAc,qDACd,UAAW,kDACX,aAAc,qDACd,WAAY,mDACZ,YAAa,oDACb,aAAc,2CACd,YAAa,oDACb,YAAa,oDAEb,iCAAkC,CAChC,oBACE,yEACH,CAED,mCAAoC,CAClC,MAAO,cACP,SAAU,OACV,oBACE,uFACH,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`description-list`,jsx:[`DescriptionList`],base:{"--description-list-column-size":`12rem`,"--description-list-row-gap":`{spacing.600}`,"--description-list-background":`transparent`,"--description-list-column-gap":`{spacing.600}`,"--description-list-padding-top":`{spacing.0}`,"--description-list-padding-bottom":`{spacing.0}`,"--description-list-padding-left":`{spacing.0}`,"--description-list-padding-right":`{spacing.0}`,"--description-list-radii":`{radii.0}`,"--description-list-border-color":`transparent`,"--description-list-border-width":`{borders.0}`,"--description-list-vertical-grid-template-columns":`minmax(0, 1fr)`,"--description-list-horizontal-grid-template-columns":`repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))`,"--description-list-wrapper-background":`transparent`,"--description-list-wrapper-gap":`{spacing.200}`,"--description-list-wrapper-padding-top":`{spacing.0}`,"--description-list-wrapper-padding-bottom":`{spacing.0}`,"--description-list-wrapper-padding-left":`{spacing.0}`,"--description-list-wrapper-padding-right":`{spacing.0}`,"--description-list-wrapper-margin-top":`{spacing.0}`,"--description-list-wrapper-margin-bottom":`{spacing.0}`,"--description-list-wrapper-margin-left":`{spacing.0}`,"--description-list-wrapper-margin-right":`{spacing.0}`,"--description-list-wrapper-radii":`{radii.0}`,"--description-list-wrapper-border-color":`transparent`,"--description-list-wrapper-border-width":`{borders.0}`,"--description-list-wrapper-border-style":`solid`,"--description-list-wrapper-display":`flex`,"--description-list-wrapper-flex-direction":`column`,"--description-list-wrapper-flex-wrap":`nowrap`,"--description-list-wrapper-align-items":`stretch`,"--description-list-wrapper-justify-content":`space-between`,"--description-list-wrapper-grid-template-columns":`none`,"--description-list-wrapper-grid-column":`auto`,"--description-list-wrapper-first-border-width":`var(--description-list-wrapper-border-width)`,"--description-list-wrapper-first-border-color":`var(--description-list-wrapper-border-color)`,"--description-list-wrapper-first-border-style":`var(--description-list-wrapper-border-style)`,"--description-list-wrapper-first-background":`var(--description-list-wrapper-background)`,"--description-list-wrapper-first-padding-top":`var(--description-list-wrapper-padding-top)`,"--description-list-wrapper-first-padding-bottom":`var(--description-list-wrapper-padding-bottom)`,"--description-list-wrapper-first-padding-left":`var(--description-list-wrapper-padding-left)`,"--description-list-wrapper-first-padding-right":`var(--description-list-wrapper-padding-right)`,"--description-list-wrapper-first-margin-top":`var(--description-list-wrapper-margin-top)`,"--description-list-wrapper-first-margin-bottom":`var(--description-list-wrapper-margin-bottom)`,"--description-list-wrapper-first-margin-left":`var(--description-list-wrapper-margin-left)`,"--description-list-wrapper-first-margin-right":`var(--description-list-wrapper-margin-right)`,"--description-list-wrapper-last-border-width":`var(--description-list-wrapper-border-width)`,"--description-list-wrapper-last-border-color":`var(--description-list-wrapper-border-color)`,"--description-list-wrapper-last-border-style":`var(--description-list-wrapper-border-style)`,"--description-list-wrapper-last-background":`var(--description-list-wrapper-background)`,"--description-list-wrapper-last-padding-top":`var(--description-list-wrapper-padding-top)`,"--description-list-wrapper-last-padding-bottom":`var(--description-list-wrapper-padding-bottom)`,"--description-list-wrapper-last-padding-left":`var(--description-list-wrapper-padding-left)`,"--description-list-wrapper-last-padding-right":`var(--description-list-wrapper-padding-right)`,"--description-list-wrapper-last-margin-top":`var(--description-list-wrapper-margin-top)`,"--description-list-wrapper-last-margin-bottom":`var(--description-list-wrapper-margin-bottom)`,"--description-list-wrapper-last-margin-left":`var(--description-list-wrapper-margin-left)`,"--description-list-wrapper-last-margin-right":`var(--description-list-wrapper-margin-right)`,"--description-list-wrapper-odd-border-width":`var(--description-list-wrapper-border-width)`,"--description-list-wrapper-odd-border-color":`var(--description-list-wrapper-border-color)`,"--description-list-wrapper-odd-border-style":`var(--description-list-wrapper-border-style)`,"--description-list-wrapper-odd-background":`var(--description-list-wrapper-background)`,"--description-list-wrapper-even-border-width":`var(--description-list-wrapper-border-width)`,"--description-list-wrapper-even-border-color":`var(--description-list-wrapper-border-color)`,"--description-list-wrapper-even-border-style":`var(--description-list-wrapper-border-style)`,"--description-list-wrapper-even-background":`var(--description-list-wrapper-background)`,"--description-list-term-grid-column":`auto`,"--description-list-term-font-size":`{fontSizes.300}`,"--description-list-term-font-weight":`{fontWeights.bold}`,"--description-list-term-align-text":`left`,"--description-list-term-color":`{colors.neutral.foreground.1.enabled}`,"--description-list-term-odd-color":`var(--description-list-term-color)`,"--description-list-term-even-color":`var(--description-list-term-color)`,"--description-list-term-first-font-size":`var(--description-list-term-font-size)`,"--description-list-term-first-font-weight":`var(--description-list-term-font-weight)`,"--description-list-term-first-align-text":`var(--description-list-term-align-text)`,"--description-list-term-first-color":`var(--description-list-term-color)`,"--description-list-term-last-font-size":`var(--description-list-term-font-size)`,"--description-list-term-last-font-weight":`var(--description-list-term-font-weight)`,"--description-list-term-last-align-text":`var(--description-list-term-align-text)`,"--description-list-term-last-color":`var(--description-list-term-color)`,"--description-list-description-font-size":`{fontSizes.300}`,"--description-list-description-font-weight":`{fontWeights.medium}`,"--description-list-description-align-text":`left`,"--description-list-description-color":`{colors.neutral.foreground.2.enabled}`,"--description-list-description-grid-column":`auto`,"--description-list-description-odd-color":`var(--description-list-description-color)`,"--description-list-description-even-color":`var(--description-list-description-color)`,"--description-list-description-first-font-size":`var(--description-list-description-font-size)`,"--description-list-description-first-font-weight":`var(--description-list-description-font-weight)`,"--description-list-description-first-align-text":`var(--description-list-description-align-text)`,"--description-list-description-first-color":`var(--description-list-description-color)`,"--description-list-description-last-font-size":`var(--description-list-description-font-size)`,"--description-list-description-last-font-weight":`var(--description-list-description-font-weight)`,"--description-list-description-last-align-text":`var(--description-list-description-align-text)`,"--description-list-description-last-color":`var(--description-list-description-color)`,"--description-list-description-link-color":`{colors.primary.foreground.1.enabled}`}});export{t as descriptionList};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`description-list`,jsx:[`DescriptionList`],base:{"--description-list-column-size":`12rem`,"--description-list-row-gap":`{spacing.600}`,"--description-list-background":`transparent`,"--description-list-column-gap":`{spacing.600}`,"--description-list-padding-top":`{spacing.0}`,"--description-list-padding-bottom":`{spacing.0}`,"--description-list-padding-left":`{spacing.0}`,"--description-list-padding-right":`{spacing.0}`,"--description-list-margin-top":`{spacing.0}`,"--description-list-margin-bottom":`{spacing.0}`,"--description-list-margin-left":`{spacing.0}`,"--description-list-margin-right":`{spacing.0}`,"--description-list-radii":`{radii.0}`,"--description-list-border-color":`transparent`,"--description-list-border-width":`{borders.0}`,"--description-list-vertical-grid-template-columns":`minmax(0, 1fr)`,"--description-list-horizontal-grid-template-columns":`repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))`,"--description-list-wrapper-background":`transparent`,"--description-list-wrapper-gap":`{spacing.200}`,"--description-list-wrapper-padding-top":`{spacing.0}`,"--description-list-wrapper-padding-bottom":`{spacing.0}`,"--description-list-wrapper-padding-left":`{spacing.0}`,"--description-list-wrapper-padding-right":`{spacing.0}`,"--description-list-wrapper-margin-top":`{spacing.0}`,"--description-list-wrapper-margin-bottom":`{spacing.0}`,"--description-list-wrapper-margin-left":`{spacing.0}`,"--description-list-wrapper-margin-right":`{spacing.0}`,"--description-list-wrapper-radii":`{radii.0}`,"--description-list-wrapper-border-color":`transparent`,"--description-list-wrapper-border-width":`{borders.0}`,"--description-list-wrapper-border-style":`solid`,"--description-list-wrapper-display":`flex`,"--description-list-wrapper-flex-direction":`column`,"--description-list-wrapper-flex-wrap":`nowrap`,"--description-list-wrapper-align-items":`stretch`,"--description-list-wrapper-justify-content":`space-between`,"--description-list-wrapper-grid-template-columns":`none`,"--description-list-wrapper-grid-column":`auto`,"--description-list-wrapper-first-border-width":`var(--description-list-wrapper-border-width)`,"--description-list-wrapper-first-border-color":`var(--description-list-wrapper-border-color)`,"--description-list-wrapper-first-border-style":`var(--description-list-wrapper-border-style)`,"--description-list-wrapper-first-background":`var(--description-list-wrapper-background)`,"--description-list-wrapper-first-padding-top":`var(--description-list-wrapper-padding-top)`,"--description-list-wrapper-first-padding-bottom":`var(--description-list-wrapper-padding-bottom)`,"--description-list-wrapper-first-padding-left":`var(--description-list-wrapper-padding-left)`,"--description-list-wrapper-first-padding-right":`var(--description-list-wrapper-padding-right)`,"--description-list-wrapper-first-margin-top":`var(--description-list-wrapper-margin-top)`,"--description-list-wrapper-first-margin-bottom":`var(--description-list-wrapper-margin-bottom)`,"--description-list-wrapper-first-margin-left":`var(--description-list-wrapper-margin-left)`,"--description-list-wrapper-first-margin-right":`var(--description-list-wrapper-margin-right)`,"--description-list-wrapper-last-border-width":`var(--description-list-wrapper-border-width)`,"--description-list-wrapper-last-border-color":`var(--description-list-wrapper-border-color)`,"--description-list-wrapper-last-border-style":`var(--description-list-wrapper-border-style)`,"--description-list-wrapper-last-background":`var(--description-list-wrapper-background)`,"--description-list-wrapper-last-padding-top":`var(--description-list-wrapper-padding-top)`,"--description-list-wrapper-last-padding-bottom":`var(--description-list-wrapper-padding-bottom)`,"--description-list-wrapper-last-padding-left":`var(--description-list-wrapper-padding-left)`,"--description-list-wrapper-last-padding-right":`var(--description-list-wrapper-padding-right)`,"--description-list-wrapper-last-margin-top":`var(--description-list-wrapper-margin-top)`,"--description-list-wrapper-last-margin-bottom":`var(--description-list-wrapper-margin-bottom)`,"--description-list-wrapper-last-margin-left":`var(--description-list-wrapper-margin-left)`,"--description-list-wrapper-last-margin-right":`var(--description-list-wrapper-margin-right)`,"--description-list-wrapper-odd-border-width":`var(--description-list-wrapper-border-width)`,"--description-list-wrapper-odd-border-color":`var(--description-list-wrapper-border-color)`,"--description-list-wrapper-odd-border-style":`var(--description-list-wrapper-border-style)`,"--description-list-wrapper-odd-background":`var(--description-list-wrapper-background)`,"--description-list-wrapper-even-border-width":`var(--description-list-wrapper-border-width)`,"--description-list-wrapper-even-border-color":`var(--description-list-wrapper-border-color)`,"--description-list-wrapper-even-border-style":`var(--description-list-wrapper-border-style)`,"--description-list-wrapper-even-background":`var(--description-list-wrapper-background)`,"--description-list-term-grid-column":`auto`,"--description-list-term-font-size":`{fontSizes.300}`,"--description-list-term-font-weight":`{fontWeights.bold}`,"--description-list-term-align-text":`left`,"--description-list-term-color":`{colors.neutral.foreground.1.enabled}`,"--description-list-term-odd-color":`var(--description-list-term-color)`,"--description-list-term-even-color":`var(--description-list-term-color)`,"--description-list-term-first-font-size":`var(--description-list-term-font-size)`,"--description-list-term-first-font-weight":`var(--description-list-term-font-weight)`,"--description-list-term-first-align-text":`var(--description-list-term-align-text)`,"--description-list-term-first-color":`var(--description-list-term-color)`,"--description-list-term-last-font-size":`var(--description-list-term-font-size)`,"--description-list-term-last-font-weight":`var(--description-list-term-font-weight)`,"--description-list-term-last-align-text":`var(--description-list-term-align-text)`,"--description-list-term-last-color":`var(--description-list-term-color)`,"--description-list-description-font-size":`{fontSizes.300}`,"--description-list-description-font-weight":`{fontWeights.medium}`,"--description-list-description-align-text":`left`,"--description-list-description-color":`{colors.neutral.foreground.2.enabled}`,"--description-list-description-grid-column":`auto`,"--description-list-description-odd-color":`var(--description-list-description-color)`,"--description-list-description-even-color":`var(--description-list-description-color)`,"--description-list-description-first-font-size":`var(--description-list-description-font-size)`,"--description-list-description-first-font-weight":`var(--description-list-description-font-weight)`,"--description-list-description-first-align-text":`var(--description-list-description-align-text)`,"--description-list-description-first-color":`var(--description-list-description-color)`,"--description-list-description-last-font-size":`var(--description-list-description-font-size)`,"--description-list-description-last-font-weight":`var(--description-list-description-font-weight)`,"--description-list-description-last-align-text":`var(--description-list-description-align-text)`,"--description-list-description-last-color":`var(--description-list-description-color)`,"--description-list-description-link-color":`{colors.primary.foreground.1.enabled}`}});export{t as descriptionList};
2
2
  //# sourceMappingURL=description-list.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"description-list.mjs","names":[],"sources":["../../../../src/recipes/data-display/description-list/description-list.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const descriptionList = defineRecipe({\n className: 'description-list',\n jsx: ['DescriptionList'],\n base: {\n '--description-list-column-size': '12rem',\n '--description-list-row-gap': '{spacing.600}',\n '--description-list-background': 'transparent',\n '--description-list-column-gap': '{spacing.600}',\n '--description-list-padding-top': '{spacing.0}',\n '--description-list-padding-bottom': '{spacing.0}',\n '--description-list-padding-left': '{spacing.0}',\n '--description-list-padding-right': '{spacing.0}',\n '--description-list-radii': '{radii.0}',\n '--description-list-border-color': 'transparent',\n '--description-list-border-width': '{borders.0}',\n\n '--description-list-vertical-grid-template-columns': 'minmax(0, 1fr)',\n\n '--description-list-horizontal-grid-template-columns':\n 'repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))',\n\n // wrapper\n '--description-list-wrapper-background': 'transparent',\n '--description-list-wrapper-gap': '{spacing.200}',\n '--description-list-wrapper-padding-top': '{spacing.0}',\n '--description-list-wrapper-padding-bottom': '{spacing.0}',\n '--description-list-wrapper-padding-left': '{spacing.0}',\n '--description-list-wrapper-padding-right': '{spacing.0}',\n '--description-list-wrapper-margin-top': '{spacing.0}',\n '--description-list-wrapper-margin-bottom': '{spacing.0}',\n '--description-list-wrapper-margin-left': '{spacing.0}',\n '--description-list-wrapper-margin-right': '{spacing.0}',\n '--description-list-wrapper-radii': '{radii.0}',\n '--description-list-wrapper-border-color': 'transparent',\n '--description-list-wrapper-border-width': '{borders.0}',\n '--description-list-wrapper-border-style': 'solid',\n '--description-list-wrapper-display': 'flex',\n '--description-list-wrapper-flex-direction': 'column',\n '--description-list-wrapper-flex-wrap': 'nowrap',\n '--description-list-wrapper-align-items': 'stretch',\n '--description-list-wrapper-justify-content': 'space-between',\n '--description-list-wrapper-grid-template-columns': 'none',\n '--description-list-wrapper-grid-column': 'auto',\n\n '--description-list-wrapper-first-border-width':\n 'var(--description-list-wrapper-border-width)',\n '--description-list-wrapper-first-border-color':\n 'var(--description-list-wrapper-border-color)',\n '--description-list-wrapper-first-border-style':\n 'var(--description-list-wrapper-border-style)',\n '--description-list-wrapper-first-background':\n 'var(--description-list-wrapper-background)',\n '--description-list-wrapper-first-padding-top':\n 'var(--description-list-wrapper-padding-top)',\n '--description-list-wrapper-first-padding-bottom':\n 'var(--description-list-wrapper-padding-bottom)',\n '--description-list-wrapper-first-padding-left':\n 'var(--description-list-wrapper-padding-left)',\n '--description-list-wrapper-first-padding-right':\n 'var(--description-list-wrapper-padding-right)',\n '--description-list-wrapper-first-margin-top':\n 'var(--description-list-wrapper-margin-top)',\n '--description-list-wrapper-first-margin-bottom':\n 'var(--description-list-wrapper-margin-bottom)',\n '--description-list-wrapper-first-margin-left':\n 'var(--description-list-wrapper-margin-left)',\n '--description-list-wrapper-first-margin-right':\n 'var(--description-list-wrapper-margin-right)',\n\n '--description-list-wrapper-last-border-width':\n 'var(--description-list-wrapper-border-width)',\n '--description-list-wrapper-last-border-color':\n 'var(--description-list-wrapper-border-color)',\n '--description-list-wrapper-last-border-style':\n 'var(--description-list-wrapper-border-style)',\n '--description-list-wrapper-last-background':\n 'var(--description-list-wrapper-background)',\n '--description-list-wrapper-last-padding-top':\n 'var(--description-list-wrapper-padding-top)',\n '--description-list-wrapper-last-padding-bottom':\n 'var(--description-list-wrapper-padding-bottom)',\n '--description-list-wrapper-last-padding-left':\n 'var(--description-list-wrapper-padding-left)',\n '--description-list-wrapper-last-padding-right':\n 'var(--description-list-wrapper-padding-right)',\n '--description-list-wrapper-last-margin-top':\n 'var(--description-list-wrapper-margin-top)',\n '--description-list-wrapper-last-margin-bottom':\n 'var(--description-list-wrapper-margin-bottom)',\n '--description-list-wrapper-last-margin-left':\n 'var(--description-list-wrapper-margin-left)',\n '--description-list-wrapper-last-margin-right':\n 'var(--description-list-wrapper-margin-right)',\n\n '--description-list-wrapper-odd-border-width':\n 'var(--description-list-wrapper-border-width)',\n '--description-list-wrapper-odd-border-color':\n 'var(--description-list-wrapper-border-color)',\n '--description-list-wrapper-odd-border-style':\n 'var(--description-list-wrapper-border-style)',\n '--description-list-wrapper-odd-background':\n 'var(--description-list-wrapper-background)',\n\n '--description-list-wrapper-even-border-width':\n 'var(--description-list-wrapper-border-width)',\n '--description-list-wrapper-even-border-color':\n 'var(--description-list-wrapper-border-color)',\n '--description-list-wrapper-even-border-style':\n 'var(--description-list-wrapper-border-style)',\n '--description-list-wrapper-even-background':\n 'var(--description-list-wrapper-background)',\n\n // term\n '--description-list-term-grid-column': 'auto',\n '--description-list-term-font-size': '{fontSizes.300}',\n '--description-list-term-font-weight': '{fontWeights.bold}',\n '--description-list-term-align-text': 'left',\n '--description-list-term-color': '{colors.neutral.foreground.1.enabled}',\n\n '--description-list-term-odd-color': 'var(--description-list-term-color)',\n\n '--description-list-term-even-color': 'var(--description-list-term-color)',\n\n '--description-list-term-first-font-size':\n 'var(--description-list-term-font-size)',\n '--description-list-term-first-font-weight':\n 'var(--description-list-term-font-weight)',\n '--description-list-term-first-align-text':\n 'var(--description-list-term-align-text)',\n '--description-list-term-first-color': 'var(--description-list-term-color)',\n\n '--description-list-term-last-font-size':\n 'var(--description-list-term-font-size)',\n '--description-list-term-last-font-weight':\n 'var(--description-list-term-font-weight)',\n '--description-list-term-last-align-text':\n 'var(--description-list-term-align-text)',\n '--description-list-term-last-color': 'var(--description-list-term-color)',\n\n // description\n '--description-list-description-font-size': '{fontSizes.300}',\n '--description-list-description-font-weight': '{fontWeights.medium}',\n '--description-list-description-align-text': 'left',\n '--description-list-description-color':\n '{colors.neutral.foreground.2.enabled}',\n '--description-list-description-grid-column': 'auto',\n\n '--description-list-description-odd-color':\n 'var(--description-list-description-color)',\n\n '--description-list-description-even-color':\n 'var(--description-list-description-color)',\n\n '--description-list-description-first-font-size':\n 'var(--description-list-description-font-size)',\n '--description-list-description-first-font-weight':\n 'var(--description-list-description-font-weight)',\n '--description-list-description-first-align-text':\n 'var(--description-list-description-align-text)',\n '--description-list-description-first-color':\n 'var(--description-list-description-color)',\n\n '--description-list-description-last-font-size':\n 'var(--description-list-description-font-size)',\n '--description-list-description-last-font-weight':\n 'var(--description-list-description-font-weight)',\n '--description-list-description-last-align-text':\n 'var(--description-list-description-align-text)',\n '--description-list-description-last-color':\n 'var(--description-list-description-color)',\n\n '--description-list-description-link-color':\n '{colors.primary.foreground.1.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,iCAAkC,QAClC,6BAA8B,gBAC9B,gCAAiC,cACjC,gCAAiC,gBACjC,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,2BAA4B,YAC5B,kCAAmC,cACnC,kCAAmC,cAEnC,oDAAqD,iBAErD,sDACE,uFAGF,wCAAyC,cACzC,iCAAkC,gBAClC,yCAA0C,cAC1C,4CAA6C,cAC7C,0CAA2C,cAC3C,2CAA4C,cAC5C,wCAAyC,cACzC,2CAA4C,cAC5C,yCAA0C,cAC1C,0CAA2C,cAC3C,mCAAoC,YACpC,0CAA2C,cAC3C,0CAA2C,cAC3C,0CAA2C,QAC3C,qCAAsC,OACtC,4CAA6C,SAC7C,uCAAwC,SACxC,yCAA0C,UAC1C,6CAA8C,gBAC9C,mDAAoD,OACpD,yCAA0C,OAE1C,gDACE,+CACF,gDACE,+CACF,gDACE,+CACF,8CACE,6CACF,+CACE,8CACF,kDACE,iDACF,gDACE,+CACF,iDACE,gDACF,8CACE,6CACF,iDACE,gDACF,+CACE,8CACF,gDACE,+CAEF,+CACE,+CACF,+CACE,+CACF,+CACE,+CACF,6CACE,6CACF,8CACE,8CACF,iDACE,iDACF,+CACE,+CACF,gDACE,gDACF,6CACE,6CACF,gDACE,gDACF,8CACE,8CACF,+CACE,+CAEF,8CACE,+CACF,8CACE,+CACF,8CACE,+CACF,4CACE,6CAEF,+CACE,+CACF,+CACE,+CACF,+CACE,+CACF,6CACE,6CAGF,sCAAuC,OACvC,oCAAqC,kBACrC,sCAAuC,qBACvC,qCAAsC,OACtC,gCAAiC,wCAEjC,oCAAqC,qCAErC,qCAAsC,qCAEtC,0CACE,yCACF,4CACE,2CACF,2CACE,0CACF,sCAAuC,qCAEvC,yCACE,yCACF,2CACE,2CACF,0CACE,0CACF,qCAAsC,qCAGtC,2CAA4C,kBAC5C,6CAA8C,uBAC9C,4CAA6C,OAC7C,uCACE,wCACF,6CAA8C,OAE9C,2CACE,4CAEF,4CACE,4CAEF,iDACE,gDACF,mDACE,kDACF,kDACE,iDACF,6CACE,4CAEF,gDACE,gDACF,kDACE,kDACF,iDACE,iDACF,4CACE,4CAEF,4CACE,wCACH,CACF,CAAC"}
1
+ {"version":3,"file":"description-list.mjs","names":[],"sources":["../../../../src/recipes/data-display/description-list/description-list.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const descriptionList = defineRecipe({\n className: 'description-list',\n jsx: ['DescriptionList'],\n base: {\n '--description-list-column-size': '12rem',\n '--description-list-row-gap': '{spacing.600}',\n '--description-list-background': 'transparent',\n '--description-list-column-gap': '{spacing.600}',\n '--description-list-padding-top': '{spacing.0}',\n '--description-list-padding-bottom': '{spacing.0}',\n '--description-list-padding-left': '{spacing.0}',\n '--description-list-padding-right': '{spacing.0}',\n '--description-list-margin-top': '{spacing.0}',\n '--description-list-margin-bottom': '{spacing.0}',\n '--description-list-margin-left': '{spacing.0}',\n '--description-list-margin-right': '{spacing.0}',\n '--description-list-radii': '{radii.0}',\n '--description-list-border-color': 'transparent',\n '--description-list-border-width': '{borders.0}',\n\n '--description-list-vertical-grid-template-columns': 'minmax(0, 1fr)',\n\n '--description-list-horizontal-grid-template-columns':\n 'repeat(auto-fit, minmax(min(var(--description-list-column-size, 12rem), 100%), 1fr))',\n\n // wrapper\n '--description-list-wrapper-background': 'transparent',\n '--description-list-wrapper-gap': '{spacing.200}',\n '--description-list-wrapper-padding-top': '{spacing.0}',\n '--description-list-wrapper-padding-bottom': '{spacing.0}',\n '--description-list-wrapper-padding-left': '{spacing.0}',\n '--description-list-wrapper-padding-right': '{spacing.0}',\n '--description-list-wrapper-margin-top': '{spacing.0}',\n '--description-list-wrapper-margin-bottom': '{spacing.0}',\n '--description-list-wrapper-margin-left': '{spacing.0}',\n '--description-list-wrapper-margin-right': '{spacing.0}',\n '--description-list-wrapper-radii': '{radii.0}',\n '--description-list-wrapper-border-color': 'transparent',\n '--description-list-wrapper-border-width': '{borders.0}',\n '--description-list-wrapper-border-style': 'solid',\n '--description-list-wrapper-display': 'flex',\n '--description-list-wrapper-flex-direction': 'column',\n '--description-list-wrapper-flex-wrap': 'nowrap',\n '--description-list-wrapper-align-items': 'stretch',\n '--description-list-wrapper-justify-content': 'space-between',\n '--description-list-wrapper-grid-template-columns': 'none',\n '--description-list-wrapper-grid-column': 'auto',\n\n '--description-list-wrapper-first-border-width':\n 'var(--description-list-wrapper-border-width)',\n '--description-list-wrapper-first-border-color':\n 'var(--description-list-wrapper-border-color)',\n '--description-list-wrapper-first-border-style':\n 'var(--description-list-wrapper-border-style)',\n '--description-list-wrapper-first-background':\n 'var(--description-list-wrapper-background)',\n '--description-list-wrapper-first-padding-top':\n 'var(--description-list-wrapper-padding-top)',\n '--description-list-wrapper-first-padding-bottom':\n 'var(--description-list-wrapper-padding-bottom)',\n '--description-list-wrapper-first-padding-left':\n 'var(--description-list-wrapper-padding-left)',\n '--description-list-wrapper-first-padding-right':\n 'var(--description-list-wrapper-padding-right)',\n '--description-list-wrapper-first-margin-top':\n 'var(--description-list-wrapper-margin-top)',\n '--description-list-wrapper-first-margin-bottom':\n 'var(--description-list-wrapper-margin-bottom)',\n '--description-list-wrapper-first-margin-left':\n 'var(--description-list-wrapper-margin-left)',\n '--description-list-wrapper-first-margin-right':\n 'var(--description-list-wrapper-margin-right)',\n\n '--description-list-wrapper-last-border-width':\n 'var(--description-list-wrapper-border-width)',\n '--description-list-wrapper-last-border-color':\n 'var(--description-list-wrapper-border-color)',\n '--description-list-wrapper-last-border-style':\n 'var(--description-list-wrapper-border-style)',\n '--description-list-wrapper-last-background':\n 'var(--description-list-wrapper-background)',\n '--description-list-wrapper-last-padding-top':\n 'var(--description-list-wrapper-padding-top)',\n '--description-list-wrapper-last-padding-bottom':\n 'var(--description-list-wrapper-padding-bottom)',\n '--description-list-wrapper-last-padding-left':\n 'var(--description-list-wrapper-padding-left)',\n '--description-list-wrapper-last-padding-right':\n 'var(--description-list-wrapper-padding-right)',\n '--description-list-wrapper-last-margin-top':\n 'var(--description-list-wrapper-margin-top)',\n '--description-list-wrapper-last-margin-bottom':\n 'var(--description-list-wrapper-margin-bottom)',\n '--description-list-wrapper-last-margin-left':\n 'var(--description-list-wrapper-margin-left)',\n '--description-list-wrapper-last-margin-right':\n 'var(--description-list-wrapper-margin-right)',\n\n '--description-list-wrapper-odd-border-width':\n 'var(--description-list-wrapper-border-width)',\n '--description-list-wrapper-odd-border-color':\n 'var(--description-list-wrapper-border-color)',\n '--description-list-wrapper-odd-border-style':\n 'var(--description-list-wrapper-border-style)',\n '--description-list-wrapper-odd-background':\n 'var(--description-list-wrapper-background)',\n\n '--description-list-wrapper-even-border-width':\n 'var(--description-list-wrapper-border-width)',\n '--description-list-wrapper-even-border-color':\n 'var(--description-list-wrapper-border-color)',\n '--description-list-wrapper-even-border-style':\n 'var(--description-list-wrapper-border-style)',\n '--description-list-wrapper-even-background':\n 'var(--description-list-wrapper-background)',\n\n // term\n '--description-list-term-grid-column': 'auto',\n '--description-list-term-font-size': '{fontSizes.300}',\n '--description-list-term-font-weight': '{fontWeights.bold}',\n '--description-list-term-align-text': 'left',\n '--description-list-term-color': '{colors.neutral.foreground.1.enabled}',\n\n '--description-list-term-odd-color': 'var(--description-list-term-color)',\n\n '--description-list-term-even-color': 'var(--description-list-term-color)',\n\n '--description-list-term-first-font-size':\n 'var(--description-list-term-font-size)',\n '--description-list-term-first-font-weight':\n 'var(--description-list-term-font-weight)',\n '--description-list-term-first-align-text':\n 'var(--description-list-term-align-text)',\n '--description-list-term-first-color': 'var(--description-list-term-color)',\n\n '--description-list-term-last-font-size':\n 'var(--description-list-term-font-size)',\n '--description-list-term-last-font-weight':\n 'var(--description-list-term-font-weight)',\n '--description-list-term-last-align-text':\n 'var(--description-list-term-align-text)',\n '--description-list-term-last-color': 'var(--description-list-term-color)',\n\n // description\n '--description-list-description-font-size': '{fontSizes.300}',\n '--description-list-description-font-weight': '{fontWeights.medium}',\n '--description-list-description-align-text': 'left',\n '--description-list-description-color':\n '{colors.neutral.foreground.2.enabled}',\n '--description-list-description-grid-column': 'auto',\n\n '--description-list-description-odd-color':\n 'var(--description-list-description-color)',\n\n '--description-list-description-even-color':\n 'var(--description-list-description-color)',\n\n '--description-list-description-first-font-size':\n 'var(--description-list-description-font-size)',\n '--description-list-description-first-font-weight':\n 'var(--description-list-description-font-weight)',\n '--description-list-description-first-align-text':\n 'var(--description-list-description-align-text)',\n '--description-list-description-first-color':\n 'var(--description-list-description-color)',\n\n '--description-list-description-last-font-size':\n 'var(--description-list-description-font-size)',\n '--description-list-description-last-font-weight':\n 'var(--description-list-description-font-weight)',\n '--description-list-description-last-align-text':\n 'var(--description-list-description-align-text)',\n '--description-list-description-last-color':\n 'var(--description-list-description-color)',\n\n '--description-list-description-link-color':\n '{colors.primary.foreground.1.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,mBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,iCAAkC,QAClC,6BAA8B,gBAC9B,gCAAiC,cACjC,gCAAiC,gBACjC,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,gCAAiC,cACjC,mCAAoC,cACpC,iCAAkC,cAClC,kCAAmC,cACnC,2BAA4B,YAC5B,kCAAmC,cACnC,kCAAmC,cAEnC,oDAAqD,iBAErD,sDACE,uFAGF,wCAAyC,cACzC,iCAAkC,gBAClC,yCAA0C,cAC1C,4CAA6C,cAC7C,0CAA2C,cAC3C,2CAA4C,cAC5C,wCAAyC,cACzC,2CAA4C,cAC5C,yCAA0C,cAC1C,0CAA2C,cAC3C,mCAAoC,YACpC,0CAA2C,cAC3C,0CAA2C,cAC3C,0CAA2C,QAC3C,qCAAsC,OACtC,4CAA6C,SAC7C,uCAAwC,SACxC,yCAA0C,UAC1C,6CAA8C,gBAC9C,mDAAoD,OACpD,yCAA0C,OAE1C,gDACE,+CACF,gDACE,+CACF,gDACE,+CACF,8CACE,6CACF,+CACE,8CACF,kDACE,iDACF,gDACE,+CACF,iDACE,gDACF,8CACE,6CACF,iDACE,gDACF,+CACE,8CACF,gDACE,+CAEF,+CACE,+CACF,+CACE,+CACF,+CACE,+CACF,6CACE,6CACF,8CACE,8CACF,iDACE,iDACF,+CACE,+CACF,gDACE,gDACF,6CACE,6CACF,gDACE,gDACF,8CACE,8CACF,+CACE,+CAEF,8CACE,+CACF,8CACE,+CACF,8CACE,+CACF,4CACE,6CAEF,+CACE,+CACF,+CACE,+CACF,+CACE,+CACF,6CACE,6CAGF,sCAAuC,OACvC,oCAAqC,kBACrC,sCAAuC,qBACvC,qCAAsC,OACtC,gCAAiC,wCAEjC,oCAAqC,qCAErC,qCAAsC,qCAEtC,0CACE,yCACF,4CACE,2CACF,2CACE,0CACF,sCAAuC,qCAEvC,yCACE,yCACF,2CACE,2CACF,0CACE,0CACF,qCAAsC,qCAGtC,2CAA4C,kBAC5C,6CAA8C,uBAC9C,4CAA6C,OAC7C,uCACE,wCACF,6CAA8C,OAE9C,2CACE,4CAEF,4CACE,4CAEF,iDACE,gDACF,mDACE,kDACF,kDACE,iDACF,6CACE,4CAEF,gDACE,gDACF,kDACE,kDACF,iDACE,iDACF,4CACE,4CAEF,4CACE,wCACH,CACF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/preset",
3
- "version": "1.0.185",
3
+ "version": "1.0.187",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],