@mage-ui/preset 1.0.87 → 1.0.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/recipes/controls/checkbox/checkbox-description.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-description.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox-error.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox-error.mjs.map +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs +1 -1
- package/dist/recipes/controls/checkbox/checkbox.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-error.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-error.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-group.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-group.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-label.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-label.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-root.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group-root.mjs.map +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group.mjs +1 -1
- package/dist/recipes/controls/checkbox-group/checkbox-group.mjs.map +1 -1
- package/dist/recipes/controls/date-picker/date-picker.mjs +1 -1
- package/dist/recipes/controls/date-picker/date-picker.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/dropdown-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropdown/select/select-text-input.mjs +1 -1
- package/dist/recipes/controls/dropdown/select/select-text-input.mjs.map +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-description.mjs +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-description.mjs.map +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-error.mjs +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-error.mjs.map +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-label.mjs +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files-label.mjs.map +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files.mjs +1 -1
- package/dist/recipes/controls/dropzone-files/dropzone-files.mjs.map +1 -1
- package/dist/recipes/controls/file-input/file-input.mjs +1 -1
- package/dist/recipes/controls/file-input/file-input.mjs.map +1 -1
- package/dist/recipes/controls/filter/filter-text-input.mjs +1 -1
- package/dist/recipes/controls/filter/filter-text-input.mjs.map +1 -1
- package/dist/recipes/controls/password-input/password-input.mjs +1 -1
- package/dist/recipes/controls/password-input/password-input.mjs.map +1 -1
- package/dist/recipes/controls/password-input-strength/password-input-strength.mjs +1 -1
- package/dist/recipes/controls/password-input-strength/password-input-strength.mjs.map +1 -1
- package/dist/recipes/controls/password-strength-input/password-strength-input-input.mjs +1 -1
- package/dist/recipes/controls/password-strength-input/password-strength-input-input.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio-description.mjs +1 -1
- package/dist/recipes/controls/radio/radio-description.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio-error.mjs +1 -1
- package/dist/recipes/controls/radio/radio-error.mjs.map +1 -1
- package/dist/recipes/controls/radio/radio.mjs +1 -1
- package/dist/recipes/controls/radio/radio.mjs.map +1 -1
- package/dist/recipes/controls/radio-group/radio-group.mjs +1 -1
- package/dist/recipes/controls/radio-group/radio-group.mjs.map +1 -1
- package/dist/recipes/controls/switch-group/switch-group.mjs +1 -1
- package/dist/recipes/controls/switch-group/switch-group.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-description.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-description.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-error.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-error.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-section.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-section.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input-wrapper.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input-wrapper.mjs.map +1 -1
- package/dist/recipes/controls/text-input/text-input.mjs +1 -1
- package/dist/recipes/controls/text-input/text-input.mjs.map +1 -1
- package/dist/recipes/controls/textarea/textarea-input.mjs +1 -1
- package/dist/recipes/controls/textarea/textarea-input.mjs.map +1 -1
- package/dist/recipes/controls/textarea/textarea.mjs +1 -1
- package/dist/recipes/controls/textarea/textarea.mjs.map +1 -1
- package/dist/recipes/data-display/calendar/calendar-event.mjs +1 -1
- package/dist/recipes/data-display/calendar/calendar-event.mjs.map +1 -1
- package/dist/recipes/data-display/data-table/data-table-header.mjs +1 -1
- package/dist/recipes/data-display/data-table/data-table-header.mjs.map +1 -1
- package/dist/recipes/data-display/data-table/data-table-skeleton.mjs.map +1 -1
- package/dist/recipes/data-display/data-table/data-table.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs.map +1 -1
- package/package.json +7 -7
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{passwordInput as e}from"../password-input/password-input.mjs";const t=e.merge({className:`password-strength-input__input`,jsx:[`PasswordStrengthInput`],base:{"--password-input-root-gap":`var(--password-strength-input-input-root-gap, {spacing.200})`,"--password-input-label-order":`var(--password-strength-input-input-label-order, 1)`,"--password-input-label-font-family":`var(--password-strength-input-input-label-font-family, {fonts.base})`,"--password-input-label-font-size":`var(--password-strength-input-input-label-font-size, {fontSizes.300})`,"--password-input-label-font-weight":`var(--password-strength-input-input-label-font-weight, {fontWeights.medium})`,"--password-input-label-line-height":`var(--password-strength-input-input-label-line-height, inherit)`,"--password-input-label-foreground":`var(--password-strength-input-input-label-foreground, {colors.neutral.foreground.2.enabled})`,"--password-input-required-font-family":`var(--password-strength-input-input-required-font-family, {fonts.base})`,"--password-input-required-font-size":`var(--password-strength-input-input-required-font-size, {fontSizes.300})`,"--password-input-required-font-weight":`var(--password-strength-input-input-required-font-weight, {fontWeights.medium})`,"--password-input-required-foreground":`var(--password-strength-input-input-required-foreground, {colors.neutral.foreground.2.enabled})`,"--password-input-required-foreground-error":`var(--password-strength-input-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--password-input-description-order":`var(--password-strength-input-input-description-order,
|
|
1
|
+
import{passwordInput as e}from"../password-input/password-input.mjs";const t=e.merge({className:`password-strength-input__input`,jsx:[`PasswordStrengthInput`],base:{"--password-input-root-gap":`var(--password-strength-input-input-root-gap, {spacing.200})`,"--password-input-label-order":`var(--password-strength-input-input-label-order, 1)`,"--password-input-label-font-family":`var(--password-strength-input-input-label-font-family, {fonts.base})`,"--password-input-label-font-size":`var(--password-strength-input-input-label-font-size, {fontSizes.300})`,"--password-input-label-font-weight":`var(--password-strength-input-input-label-font-weight, {fontWeights.medium})`,"--password-input-label-line-height":`var(--password-strength-input-input-label-line-height, inherit)`,"--password-input-label-foreground":`var(--password-strength-input-input-label-foreground, {colors.neutral.foreground.2.enabled})`,"--password-input-required-font-family":`var(--password-strength-input-input-required-font-family, {fonts.base})`,"--password-input-required-font-size":`var(--password-strength-input-input-required-font-size, {fontSizes.300})`,"--password-input-required-font-weight":`var(--password-strength-input-input-required-font-weight, {fontWeights.medium})`,"--password-input-required-foreground":`var(--password-strength-input-input-required-foreground, {colors.neutral.foreground.2.enabled})`,"--password-input-required-foreground-error":`var(--password-strength-input-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--password-input-description-order":`var(--password-strength-input-input-description-order, 2)`,"--password-input-description-font-family":`var(--password-strength-input-input-description-font-family, {fonts.base})`,"--password-input-description-font-size":`var(--password-strength-input-input-description-font-size, {fontSizes.300})`,"--password-input-description-font-weight":`var(--password-strength-input-input-description-font-weight, {fontWeights.regular})`,"--password-input-description-line-height":`var(--password-strength-input-input-description-line-height, inherit)`,"--password-input-description-foreground":`var(--password-strength-input-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--password-input-error-order":`var(--password-strength-input-input-error-order, 4)`,"--password-input-error-font-family":`var(--password-strength-input-input-error-font-family, {fonts.base})`,"--password-input-error-font-size":`var(--password-strength-input-input-error-font-size, {fontSizes.200})`,"--password-input-error-font-weight":`var(--password-strength-input-input-error-font-weight, {fontWeights.regular})`,"--password-input-error-line-height":`var(--password-strength-input-input-error-line-height, inherit)`,"--password-input-error-foreground":`var(--password-strength-input-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--password-input-wrapper-order":`var(--password-strength-input-input-wrapper-order, 2)`,"--password-input-wrapper-margin-top":`var(--password-strength-input-input-wrapper-margin-top, {spacing.100})`,"--password-input-wrapper-disabled-opacity":`var(--password-strength-input-input-wrapper-disabled-opacity, 0.5)`,"--password-input-input-font-family":`var(--password-strength-input-input-inner-input-font-family, {fonts.base})`,"--password-input-input-font-size":`var(--password-strength-input-input-inner-input-font-size, {fontSizes.300})`,"--password-input-input-font-weight":`var(--password-strength-input-input-inner-input-font-weight, {fontWeights.regular})`,"--password-input-input-line-height":`var(--password-strength-input-input-inner-input-line-height, inherit)`,"--password-input-input-text-align":`var(--password-strength-input-input-inner-input-text-align, left)`,"--password-input-input-background":`var(--password-strength-input-input-inner-input-background, transparent)`,"--password-input-input-foreground":`var(--password-strength-input-input-inner-input-foreground, {colors.neutral.foreground.2.enabled})`,"--password-input-input-border-color":`var(--password-strength-input-input-inner-input-border-color, {colors.neutral.stroke.7.enabled})`,"--password-input-input-placeholder-foreground":`var(--password-strength-input-input-inner-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--password-input-input-border-width":`var(--password-strength-input-input-inner-input-border-width, {borders.150})`,"--password-input-input-border-style":`var(--password-strength-input-input-inner-input-border-style, solid)`,"--password-input-input-radii":`var(--password-strength-input-input-inner-input-radii, {radii.200})`,"--password-input-input-height":`var(--password-strength-input-input-inner-input-height, {sizes.700})`,"--password-input-input-padding-inline-start":`var(--password-strength-input-input-inner-input-padding-inline-start, {spacing.300})`,"--password-input-input-padding-inline-end":`var(--password-strength-input-input-inner-input-padding-inline-end, {spacing.300})`,"--password-input-input-transition":`var(--password-strength-input-input-inner-input-transition, all 0.2s ease-in-out)`,"--password-input-input-border-color-error":`var(--password-strength-input-input-inner-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--password-input-input-hover-background":`var(--password-strength-input-input-inner-input-hover-background, transparent)`,"--password-input-input-hover-border-color":`var(--password-strength-input-input-inner-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--password-input-input-hover-foreground":`var(--password-strength-input-input-inner-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--password-input-input-focus-outline-width":`var(--password-strength-input-input-inner-input-focus-outline-width, {borders.150})`,"--password-input-input-focus-outline-style":`var(--password-strength-input-input-inner-input-focus-outline-style, solid)`,"--password-input-input-focus-outline-offset":`var(--password-strength-input-input-inner-input-focus-outline-offset, {spacing.50})`,"--password-input-input-focus-outline-color":`var(--password-strength-input-input-inner-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--password-input-input-focus-border-color":`var(--password-strength-input-input-inner-input-focus-border-color, {colors.neutral.stroke.7.focused})`,"--password-input-input-focus-shadow":`var(--password-strength-input-input-inner-input-focus-shadow, none)`,"--password-input-input-disabled-background":`var(--password-strength-input-input-inner-input-disabled-background, transparent)`,"--password-input-input-disabled-foreground":`var(--password-strength-input-input-inner-input-disabled-foreground, {colors.neutral.foreground.2.enabled})`,"--password-input-input-disabled-border-color":`var(--password-strength-input-input-inner-input-disabled-border-color, {colors.neutral.stroke.7.enabled})`,"--password-input-input-disabled-opacity":`var(--password-strength-input-input-inner-input-disabled-opacity, 0.5)`,"--password-input-section-size":`var(--password-strength-input-input-section-size, {sizes.600})`,"--password-input-left-section-width":`var(--password-strength-input-input-left-section-width, {sizes.600})`,"--password-input-right-section-width":`var(--password-strength-input-input-right-section-width, {sizes.600})`,"--password-input-left-section-position":`var(--password-strength-input-input-left-section-position, {spacing.200})`,"--password-input-right-section-position":`var(--password-strength-input-input-right-section-position, {spacing.200})`,"--password-input-left-section-pointer-events":`var(--password-strength-input-input-left-section-pointer-events, none)`,"--password-input-right-section-pointer-events":`var(--password-strength-input-input-right-section-pointer-events, auto)`}});export{t as passwordStrengthInputInput};
|
|
2
2
|
//# sourceMappingURL=password-strength-input-input.mjs.map
|
|
@@ -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, 4)',\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.200})',\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, 3)',\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.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,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__description`,jsx:[`Radio`],base:{fontFamily:`var(--radio-description-font-family, {fonts.base})`,fontSize:`var(--radio-description-font-size, {fontSizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__description`,jsx:[`Radio`],base:{fontFamily:`var(--radio-description-font-family, {fonts.base})`,fontSize:`var(--radio-description-font-size, {fontSizes.300})`,fontWeight:`var(--radio-description-font-weight, {fontWeights.regular})`,lineHeight:`var(--radio-description-line-height, inherit)`,color:`var(--radio-description-foreground, {colors.neutral.foreground.2.enabled})`,margin:`var(--radio-description-margin, 0)`}});export{t as radioDescription};
|
|
2
2
|
//# sourceMappingURL=radio-description.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-description.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioDescription = defineRecipe({\n className: 'radio__description',\n jsx: ['Radio'],\n base: {\n fontFamily: 'var(--radio-description-font-family, {fonts.base})',\n fontSize: 'var(--radio-description-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"radio-description.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioDescription = defineRecipe({\n className: 'radio__description',\n jsx: ['Radio'],\n base: {\n fontFamily: 'var(--radio-description-font-family, {fonts.base})',\n fontSize: 'var(--radio-description-font-size, {fontSizes.300})',\n fontWeight: 'var(--radio-description-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--radio-description-line-height, inherit)',\n color:\n 'var(--radio-description-foreground, {colors.neutral.foreground.2.enabled})',\n margin: 'var(--radio-description-margin, 0)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,qBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,WAAY,qDACZ,SAAU,sDACV,WAAY,8DACZ,WAAY,gDACZ,MACE,6EACF,OAAQ,qCACT,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__error`,jsx:[`Radio`],base:{fontFamily:`var(--radio-error-font-family, {fonts.base})`,fontSize:`var(--radio-error-font-size, {fontSizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio__error`,jsx:[`Radio`],base:{fontFamily:`var(--radio-error-font-family, {fonts.base})`,fontSize:`var(--radio-error-font-size, {fontSizes.200})`,fontWeight:`var(--radio-error-font-weight, {fontWeights.regular})`,lineHeight:`var(--radio-error-line-height, inherit)`,color:`var(--radio-error-foreground, {colors.danger.foreground.1.enabled})`,margin:`var(--radio-error-margin, {spacing.100} 0 0 0)`}});export{t as radioError};
|
|
2
2
|
//# sourceMappingURL=radio-error.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-error.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioError = defineRecipe({\n className: 'radio__error',\n jsx: ['Radio'],\n base: {\n fontFamily: 'var(--radio-error-font-family, {fonts.base})',\n fontSize: 'var(--radio-error-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"radio-error.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioError = defineRecipe({\n className: 'radio__error',\n jsx: ['Radio'],\n base: {\n fontFamily: 'var(--radio-error-font-family, {fonts.base})',\n fontSize: 'var(--radio-error-font-size, {fontSizes.200})',\n fontWeight: 'var(--radio-error-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--radio-error-line-height, inherit)',\n color:\n 'var(--radio-error-foreground, {colors.danger.foreground.1.enabled})',\n margin: 'var(--radio-error-margin, {spacing.100} 0 0 0)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,WAAY,+CACZ,SAAU,gDACV,WAAY,wDACZ,WAAY,0CACZ,MACE,sEACF,OAAQ,iDACT,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio`,jsx:[`Radio`],base:{"--radio-input-size":`{sizes.300}`,"--radio-input-radii":`{radii.900}`,"--radio-input-background":`transparent`,"--radio-input-border-width":`{borders.100}`,"--radio-input-border-style":`solid`,"--radio-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--radio-input-background-checked":`transparent`,"--radio-input-border-width-checked":`{borders.100}`,"--radio-input-border-style-checked":`solid`,"--radio-input-border-color-checked":`{colors.neutral.stroke.5.enabled}`,"--radio-input-opacity-disabled":`.5`,"--radio-input-focus-outline-width":`{borders.100}`,"--radio-input-focus-outline-style":`solid`,"--radio-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--radio-input-focus-outline-offset":`{spacing.50}`,"--radio-input-focus-shadow":`none`,"--radio-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--radio-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--radio-icon-color":`{colors.neutral.background.5.primary.selected}`,"--radio-icon-size":`60%`,"--radio-icon-transition":`{animations.base.100}`,"--radio-inner-size":`{sizes.300}`,"--radio-label-wrapper-gap":`{spacing.100}`,"--radio-label-font-family":`{fonts.base}`,"--radio-label-font-size":`{fontSizes.300}`,"--radio-label-font-weight":`{fontWeights.regular}`,"--radio-label-line-height":`1.25`,"--radio-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--radio-label-margin":`0`,"--radio-label-opacity-disabled":`.5`,"--radio-description-font-family":`{fonts.base}`,"--radio-description-font-size":`{fontSizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio`,jsx:[`Radio`],base:{"--radio-input-size":`{sizes.300}`,"--radio-input-radii":`{radii.900}`,"--radio-input-background":`transparent`,"--radio-input-border-width":`{borders.100}`,"--radio-input-border-style":`solid`,"--radio-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--radio-input-background-checked":`transparent`,"--radio-input-border-width-checked":`{borders.100}`,"--radio-input-border-style-checked":`solid`,"--radio-input-border-color-checked":`{colors.neutral.stroke.5.enabled}`,"--radio-input-opacity-disabled":`.5`,"--radio-input-focus-outline-width":`{borders.100}`,"--radio-input-focus-outline-style":`solid`,"--radio-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--radio-input-focus-outline-offset":`{spacing.50}`,"--radio-input-focus-shadow":`none`,"--radio-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--radio-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--radio-icon-color":`{colors.neutral.background.5.primary.selected}`,"--radio-icon-size":`60%`,"--radio-icon-transition":`{animations.base.100}`,"--radio-inner-size":`{sizes.300}`,"--radio-label-wrapper-gap":`{spacing.100}`,"--radio-label-font-family":`{fonts.base}`,"--radio-label-font-size":`{fontSizes.300}`,"--radio-label-font-weight":`{fontWeights.regular}`,"--radio-label-line-height":`1.25`,"--radio-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--radio-label-margin":`0`,"--radio-label-opacity-disabled":`.5`,"--radio-description-font-family":`{fonts.base}`,"--radio-description-font-size":`{fontSizes.300}`,"--radio-description-font-weight":`{fontWeights.regular}`,"--radio-description-line-height":`inherit`,"--radio-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--radio-description-margin":`0`,"--radio-body-gap":`{spacing.200}`,"--radio-error-font-family":`{fonts.base}`,"--radio-error-font-size":`{fontSizes.200}`,"--radio-error-font-weight":`{fontWeights.regular}`,"--radio-error-line-height":`inherit`,"--radio-error-foreground":`{colors.danger.foreground.1.enabled}`,"--radio-error-margin":`{spacing.100} 0 0 0`}});export{t as radio};
|
|
2
2
|
//# sourceMappingURL=radio.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radio = defineRecipe({\n className: 'radio',\n jsx: ['Radio'],\n base: {\n // radio input enabled\n '--radio-input-size': '{sizes.300}',\n '--radio-input-radii': '{radii.900}',\n '--radio-input-background': 'transparent',\n '--radio-input-border-width': '{borders.100}',\n '--radio-input-border-style': 'solid',\n '--radio-input-border-color': '{colors.neutral.stroke.5.enabled}',\n\n // radio input checked\n '--radio-input-background-checked': 'transparent',\n '--radio-input-border-width-checked': '{borders.100}',\n '--radio-input-border-style-checked': 'solid',\n '--radio-input-border-color-checked': '{colors.neutral.stroke.5.enabled}',\n\n // radio input disabled\n '--radio-input-opacity-disabled': '.5',\n\n // radio input focus\n '--radio-input-focus-outline-width': '{borders.100}',\n '--radio-input-focus-outline-style': 'solid',\n '--radio-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--radio-input-focus-outline-offset': '{spacing.50}',\n '--radio-input-focus-shadow': 'none',\n\n // radio input error\n '--radio-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--radio-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // radio icon\n '--radio-icon-color': '{colors.neutral.background.5.primary.selected}',\n '--radio-icon-size': '60%',\n '--radio-icon-transition': '{animations.base.100}',\n\n // radio inner\n '--radio-inner-size': '{sizes.300}',\n\n // radio label wrapper\n '--radio-label-wrapper-gap': '{spacing.100}',\n\n // radio label\n '--radio-label-font-family': '{fonts.base}',\n '--radio-label-font-size': '{fontSizes.300}',\n '--radio-label-font-weight': '{fontWeights.regular}',\n '--radio-label-line-height': '1.25',\n '--radio-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--radio-label-margin': '0',\n '--radio-label-opacity-disabled': '.5',\n\n // radio description\n '--radio-description-font-family': '{fonts.base}',\n '--radio-description-font-size': '{fontSizes.
|
|
1
|
+
{"version":3,"file":"radio.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radio = defineRecipe({\n className: 'radio',\n jsx: ['Radio'],\n base: {\n // radio input enabled\n '--radio-input-size': '{sizes.300}',\n '--radio-input-radii': '{radii.900}',\n '--radio-input-background': 'transparent',\n '--radio-input-border-width': '{borders.100}',\n '--radio-input-border-style': 'solid',\n '--radio-input-border-color': '{colors.neutral.stroke.5.enabled}',\n\n // radio input checked\n '--radio-input-background-checked': 'transparent',\n '--radio-input-border-width-checked': '{borders.100}',\n '--radio-input-border-style-checked': 'solid',\n '--radio-input-border-color-checked': '{colors.neutral.stroke.5.enabled}',\n\n // radio input disabled\n '--radio-input-opacity-disabled': '.5',\n\n // radio input focus\n '--radio-input-focus-outline-width': '{borders.100}',\n '--radio-input-focus-outline-style': 'solid',\n '--radio-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--radio-input-focus-outline-offset': '{spacing.50}',\n '--radio-input-focus-shadow': 'none',\n\n // radio input error\n '--radio-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--radio-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // radio icon\n '--radio-icon-color': '{colors.neutral.background.5.primary.selected}',\n '--radio-icon-size': '60%',\n '--radio-icon-transition': '{animations.base.100}',\n\n // radio inner\n '--radio-inner-size': '{sizes.300}',\n\n // radio label wrapper\n '--radio-label-wrapper-gap': '{spacing.100}',\n\n // radio label\n '--radio-label-font-family': '{fonts.base}',\n '--radio-label-font-size': '{fontSizes.300}',\n '--radio-label-font-weight': '{fontWeights.regular}',\n '--radio-label-line-height': '1.25',\n '--radio-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--radio-label-margin': '0',\n '--radio-label-opacity-disabled': '.5',\n\n // radio description\n '--radio-description-font-family': '{fonts.base}',\n '--radio-description-font-size': '{fontSizes.300}',\n '--radio-description-font-weight': '{fontWeights.regular}',\n '--radio-description-line-height': 'inherit',\n '--radio-description-foreground': '{colors.neutral.foreground.2.enabled}',\n '--radio-description-margin': '0',\n\n // radio body\n '--radio-body-gap': '{spacing.200}',\n\n // radio error\n '--radio-error-font-family': '{fonts.base}',\n '--radio-error-font-size': '{fontSizes.200}',\n '--radio-error-font-weight': '{fontWeights.regular}',\n '--radio-error-line-height': 'inherit',\n '--radio-error-foreground': '{colors.danger.foreground.1.enabled}',\n '--radio-error-margin': '{spacing.100} 0 0 0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,qBAAsB,cACtB,sBAAuB,cACvB,2BAA4B,cAC5B,6BAA8B,gBAC9B,6BAA8B,QAC9B,6BAA8B,oCAG9B,mCAAoC,cACpC,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCAGtC,iCAAkC,KAGlC,oCAAqC,gBACrC,oCAAqC,QACrC,oCAAqC,oCACrC,qCAAsC,eACtC,6BAA8B,OAG9B,mCAAoC,mCACpC,0CACE,mCAGF,qBAAsB,iDACtB,oBAAqB,MACrB,0BAA2B,wBAG3B,qBAAsB,cAGtB,4BAA6B,gBAG7B,4BAA6B,eAC7B,0BAA2B,kBAC3B,4BAA6B,wBAC7B,4BAA6B,OAC7B,2BAA4B,wCAC5B,uBAAwB,IACxB,iCAAkC,KAGlC,kCAAmC,eACnC,gCAAiC,kBACjC,kCAAmC,wBACnC,kCAAmC,UACnC,iCAAkC,wCAClC,6BAA8B,IAG9B,mBAAoB,gBAGpB,4BAA6B,eAC7B,0BAA2B,kBAC3B,4BAA6B,wBAC7B,4BAA6B,UAC7B,2BAA4B,uCAC5B,uBAAwB,sBACzB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-group`,jsx:[`RadioGroup`],base:{"--text-input-root-gap":`var(--radio-group-root-gap, {spacing.100})`,"--radio-group-group-direction":`column`,"--radio-group-group-gap":`{spacing.400}`,"--radio-group-group-margin-top":`{spacing.400}`,"--radio-group-group-order":`2`,"--text-input-label-order":`var(--radio-group-label-order, 0)`,"--text-input-label-font-family":`var(--radio-group-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--radio-group-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--radio-group-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--radio-group-label-line-height, inherit)`,"--text-input-label-foreground":`var(--radio-group-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--radio-group-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--radio-group-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--radio-group-required-font-weight, {fontWeights.medium})`,"--text-input-required-color":`var(--radio-group-required-color, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--radio-group-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--radio-group-description-order, 0)`,"--text-input-description-font-family":`var(--radio-group-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--radio-group-description-font-size, {fontSizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`radio-group`,jsx:[`RadioGroup`],base:{"--text-input-root-gap":`var(--radio-group-root-gap, {spacing.100})`,"--radio-group-group-direction":`column`,"--radio-group-group-gap":`{spacing.400}`,"--radio-group-group-margin-top":`{spacing.400}`,"--radio-group-group-order":`2`,"--text-input-label-order":`var(--radio-group-label-order, 0)`,"--text-input-label-font-family":`var(--radio-group-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--radio-group-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--radio-group-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--radio-group-label-line-height, inherit)`,"--text-input-label-foreground":`var(--radio-group-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--radio-group-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--radio-group-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--radio-group-required-font-weight, {fontWeights.medium})`,"--text-input-required-color":`var(--radio-group-required-color, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--radio-group-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--radio-group-description-order, 0)`,"--text-input-description-font-family":`var(--radio-group-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--radio-group-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--radio-group-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--radio-group-description-line-height, inherit)`,"--text-input-description-foreground":`var(--radio-group-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--radio-group-error-order, 4)`,"--text-input-error-font-family":`var(--radio-group-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--radio-group-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--radio-group-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--radio-group-error-line-height, inherit)`,"--text-input-error-foreground":`var(--radio-group-error-foreground, {colors.danger.foreground.1.enabled})`}});export{t as radioGroup};
|
|
2
2
|
//# sourceMappingURL=radio-group.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.mjs","names":[],"sources":["../../../../src/recipes/controls/radio-group/radio-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioGroup = defineRecipe({\n className: 'radio-group',\n jsx: ['RadioGroup'],\n base: {\n // root\n '--text-input-root-gap': 'var(--radio-group-root-gap, {spacing.100})',\n\n // group\n '--radio-group-group-direction': 'column',\n '--radio-group-group-gap': '{spacing.400}',\n '--radio-group-group-margin-top': '{spacing.400}',\n '--radio-group-group-order': '2',\n\n // label\n '--text-input-label-order': 'var(--radio-group-label-order, 0)',\n '--text-input-label-font-family':\n 'var(--radio-group-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--radio-group-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--radio-group-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--radio-group-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--radio-group-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--radio-group-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--radio-group-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--radio-group-required-font-weight, {fontWeights.medium})',\n '--text-input-required-color':\n 'var(--radio-group-required-color, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--radio-group-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order': 'var(--radio-group-description-order, 0)',\n '--text-input-description-font-family':\n 'var(--radio-group-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--radio-group-description-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"radio-group.mjs","names":[],"sources":["../../../../src/recipes/controls/radio-group/radio-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioGroup = defineRecipe({\n className: 'radio-group',\n jsx: ['RadioGroup'],\n base: {\n // root\n '--text-input-root-gap': 'var(--radio-group-root-gap, {spacing.100})',\n\n // group\n '--radio-group-group-direction': 'column',\n '--radio-group-group-gap': '{spacing.400}',\n '--radio-group-group-margin-top': '{spacing.400}',\n '--radio-group-group-order': '2',\n\n // label\n '--text-input-label-order': 'var(--radio-group-label-order, 0)',\n '--text-input-label-font-family':\n 'var(--radio-group-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--radio-group-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--radio-group-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--radio-group-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--radio-group-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--radio-group-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--radio-group-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--radio-group-required-font-weight, {fontWeights.medium})',\n '--text-input-required-color':\n 'var(--radio-group-required-color, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--radio-group-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order': 'var(--radio-group-description-order, 0)',\n '--text-input-description-font-family':\n 'var(--radio-group-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--radio-group-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--radio-group-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--radio-group-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--radio-group-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n // error\n '--text-input-error-order': 'var(--radio-group-error-order, 4)',\n '--text-input-error-font-family':\n 'var(--radio-group-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--radio-group-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--radio-group-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--radio-group-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--radio-group-error-foreground, {colors.danger.foreground.1.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,wBAAyB,6CAGzB,gCAAiC,SACjC,0BAA2B,gBAC3B,iCAAkC,gBAClC,4BAA6B,IAG7B,2BAA4B,oCAC5B,iCACE,qDACF,+BACE,sDACF,iCACE,6DACF,iCACE,gDACF,gCACE,6EAGF,oCACE,wDACF,kCACE,yDACF,oCACE,gEACF,8BACE,2EACF,yCACE,qFAGF,iCAAkC,0CAClC,uCACE,2DACF,qCACE,4DACF,uCACE,oEACF,uCACE,sDACF,sCACE,mFAGF,2BAA4B,oCAC5B,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4EACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`switch-group`,jsx:[`SwitchGroup`],base:{"--text-input-root-gap":`var(--switch-group-root-gap, {spacing.100})`,"--switch-group-group-direction":`column`,"--switch-group-group-gap":`{spacing.400}`,"--switch-group-group-margin-top":`{spacing.400}`,"--switch-group-group-order":`2`,"--text-input-label-order":`var(--switch-group-label-order, 0)`,"--text-input-label-font-family":`var(--switch-group-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--switch-group-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--switch-group-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--switch-group-label-line-height, inherit)`,"--text-input-label-foreground":`var(--switch-group-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--switch-group-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--switch-group-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--switch-group-required-font-weight, {fontWeights.medium})`,"--text-input-required-color":`var(--switch-group-required-color, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--switch-group-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--switch-group-description-order, 1)`,"--text-input-description-font-family":`var(--switch-group-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--switch-group-description-font-size, {fontSizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`switch-group`,jsx:[`SwitchGroup`],base:{"--text-input-root-gap":`var(--switch-group-root-gap, {spacing.100})`,"--switch-group-group-direction":`column`,"--switch-group-group-gap":`{spacing.400}`,"--switch-group-group-margin-top":`{spacing.400}`,"--switch-group-group-order":`2`,"--text-input-label-order":`var(--switch-group-label-order, 0)`,"--text-input-label-font-family":`var(--switch-group-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--switch-group-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--switch-group-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--switch-group-label-line-height, inherit)`,"--text-input-label-foreground":`var(--switch-group-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--switch-group-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--switch-group-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--switch-group-required-font-weight, {fontWeights.medium})`,"--text-input-required-color":`var(--switch-group-required-color, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--switch-group-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--switch-group-description-order, 1)`,"--text-input-description-font-family":`var(--switch-group-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--switch-group-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--switch-group-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--switch-group-description-line-height, inherit)`,"--text-input-description-foreground":`var(--switch-group-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--switch-group-error-order, 3)`,"--text-input-error-font-family":`var(--switch-group-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--switch-group-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--switch-group-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--switch-group-error-line-height, inherit)`,"--text-input-error-foreground":`var(--switch-group-error-foreground, {colors.danger.foreground.1.enabled})`}});export{t as switchGroup};
|
|
2
2
|
//# sourceMappingURL=switch-group.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-group.mjs","names":[],"sources":["../../../../src/recipes/controls/switch-group/switch-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const switchGroup = defineRecipe({\n className: 'switch-group',\n jsx: ['SwitchGroup'],\n base: {\n // root\n '--text-input-root-gap': 'var(--switch-group-root-gap, {spacing.100})',\n\n // group\n '--switch-group-group-direction': 'column',\n '--switch-group-group-gap': '{spacing.400}',\n '--switch-group-group-margin-top': '{spacing.400}',\n '--switch-group-group-order': '2',\n\n // label\n '--text-input-label-order': 'var(--switch-group-label-order, 0)',\n '--text-input-label-font-family':\n 'var(--switch-group-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--switch-group-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--switch-group-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--switch-group-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--switch-group-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--switch-group-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--switch-group-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--switch-group-required-font-weight, {fontWeights.medium})',\n '--text-input-required-color':\n 'var(--switch-group-required-color, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--switch-group-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order':\n 'var(--switch-group-description-order, 1)',\n '--text-input-description-font-family':\n 'var(--switch-group-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--switch-group-description-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"switch-group.mjs","names":[],"sources":["../../../../src/recipes/controls/switch-group/switch-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const switchGroup = defineRecipe({\n className: 'switch-group',\n jsx: ['SwitchGroup'],\n base: {\n // root\n '--text-input-root-gap': 'var(--switch-group-root-gap, {spacing.100})',\n\n // group\n '--switch-group-group-direction': 'column',\n '--switch-group-group-gap': '{spacing.400}',\n '--switch-group-group-margin-top': '{spacing.400}',\n '--switch-group-group-order': '2',\n\n // label\n '--text-input-label-order': 'var(--switch-group-label-order, 0)',\n '--text-input-label-font-family':\n 'var(--switch-group-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--switch-group-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--switch-group-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--switch-group-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--switch-group-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--switch-group-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--switch-group-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--switch-group-required-font-weight, {fontWeights.medium})',\n '--text-input-required-color':\n 'var(--switch-group-required-color, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--switch-group-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order':\n 'var(--switch-group-description-order, 1)',\n '--text-input-description-font-family':\n 'var(--switch-group-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--switch-group-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--switch-group-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--switch-group-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--switch-group-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n // error\n '--text-input-error-order': 'var(--switch-group-error-order, 3)',\n '--text-input-error-font-family':\n 'var(--switch-group-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--switch-group-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--switch-group-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--switch-group-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--switch-group-error-foreground, {colors.danger.foreground.1.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,eACX,IAAK,CAAC,cAAc,CACpB,KAAM,CAEJ,wBAAyB,8CAGzB,iCAAkC,SAClC,2BAA4B,gBAC5B,kCAAmC,gBACnC,6BAA8B,IAG9B,2BAA4B,qCAC5B,iCACE,sDACF,+BACE,uDACF,iCACE,8DACF,iCACE,iDACF,gCACE,8EAGF,oCACE,yDACF,kCACE,0DACF,oCACE,iEACF,8BACE,4EACF,yCACE,sFAGF,iCACE,2CACF,uCACE,4DACF,qCACE,6DACF,uCACE,qEACF,uCACE,uDACF,sCACE,oFAGF,2BAA4B,qCAC5B,iCACE,sDACF,+BACE,uDACF,iCACE,+DACF,iCACE,iDACF,gCACE,6EACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__description`,jsx:[`TextInput`],base:{order:`var(--text-input-description-order,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__description`,jsx:[`TextInput`],base:{order:`var(--text-input-description-order, 2)`,fontFamily:`var(--text-input-description-font-family, {fonts.base})`,fontSize:`var(--text-input-description-font-size, {fontSizes.300})`,fontWeight:`var(--text-input-description-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-description-line-height, inherit)`,color:`var(--text-input-description-foreground, {colors.neutral.foreground.2.enabled})`}});export{t as textInputDescription};
|
|
2
2
|
//# sourceMappingURL=text-input-description.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input-description.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputDescription = defineRecipe({\n className: 'text-input__description',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-description-order,
|
|
1
|
+
{"version":3,"file":"text-input-description.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputDescription = defineRecipe({\n className: 'text-input__description',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-description-order, 2)',\n fontFamily: 'var(--text-input-description-font-family, {fonts.base})',\n fontSize: 'var(--text-input-description-font-size, {fontSizes.300})',\n fontWeight:\n 'var(--text-input-description-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-description-line-height, inherit)',\n color:\n 'var(--text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,0BACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,yCACP,WAAY,0DACZ,SAAU,2DACV,WACE,mEACF,WAAY,qDACZ,MACE,kFACH,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__error`,jsx:[`TextInput`],base:{order:`var(--text-input-error-order, 4)`,fontFamily:`var(--text-input-error-font-family, {fonts.base})`,fontSize:`var(--text-input-error-font-size, {fontSizes.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__error`,jsx:[`TextInput`],base:{order:`var(--text-input-error-order, 4)`,fontFamily:`var(--text-input-error-font-family, {fonts.base})`,fontSize:`var(--text-input-error-font-size, {fontSizes.200})`,fontWeight:`var(--text-input-error-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-error-line-height, inherit)`,color:`var(--text-input-error-foreground, {colors.danger.foreground.1.enabled})`}});export{t as textInputError};
|
|
2
2
|
//# sourceMappingURL=text-input-error.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input-error.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputError = defineRecipe({\n className: 'text-input__error',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-error-order, 4)',\n fontFamily: 'var(--text-input-error-font-family, {fonts.base})',\n fontSize: 'var(--text-input-error-font-size, {fontSizes.
|
|
1
|
+
{"version":3,"file":"text-input-error.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputError = defineRecipe({\n className: 'text-input__error',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-error-order, 4)',\n fontFamily: 'var(--text-input-error-font-family, {fonts.base})',\n fontSize: 'var(--text-input-error-font-size, {fontSizes.200})',\n fontWeight: 'var(--text-input-error-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-error-line-height, inherit)',\n color:\n 'var(--text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,mCACP,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,MACE,2EACH,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.
|
|
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};
|
|
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.
|
|
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,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__section`,jsx:[`TextInput`],base:{color:`var(--text-input-section-foreground, {colors.neutral.foreground.2.enabled})`,position:`absolute`,top:`50%`,transform:`translateY(-50%)`,display:`flex`,alignItems:`center`,justifyContent:`center`,aspectRatio:`1 / 1`,'&[data-position="left"]':{left:`var(--text-input-left-section-position, {spacing.
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__section`,jsx:[`TextInput`],base:{color:`var(--text-input-section-foreground, {colors.neutral.foreground.2.enabled})`,position:`absolute`,top:`50%`,transform:`translateY(-50%)`,display:`flex`,alignItems:`center`,justifyContent:`center`,aspectRatio:`1 / 1`,'&[data-position="left"]':{left:`var(--text-input-left-section-position, {spacing.300})`,width:`var(--text-input-left-section-width, {sizes.300})`,pointerEvents:`var(--text-input-left-section-pointer-events, none)`},'&[data-position="right"]':{right:`var(--text-input-right-section-position, {spacing.300})`,width:`var(--text-input-right-section-width, {sizes.300})`,pointerEvents:`var(--text-input-right-section-pointer-events, none)`}}});export{t as textInputSection};
|
|
2
2
|
//# sourceMappingURL=text-input-section.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input-section.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputSection = defineRecipe({\n className: 'text-input__section',\n jsx: ['TextInput'],\n base: {\n color:\n 'var(--text-input-section-foreground, {colors.neutral.foreground.2.enabled})',\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n aspectRatio: '1 / 1',\n '&[data-position=\"left\"]': {\n left: 'var(--text-input-left-section-position, {spacing.
|
|
1
|
+
{"version":3,"file":"text-input-section.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputSection = defineRecipe({\n className: 'text-input__section',\n jsx: ['TextInput'],\n base: {\n color:\n 'var(--text-input-section-foreground, {colors.neutral.foreground.2.enabled})',\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n aspectRatio: '1 / 1',\n '&[data-position=\"left\"]': {\n left: 'var(--text-input-left-section-position, {spacing.300})',\n width: 'var(--text-input-left-section-width, {sizes.300})',\n pointerEvents: 'var(--text-input-left-section-pointer-events, none)',\n },\n '&[data-position=\"right\"]': {\n right: 'var(--text-input-right-section-position, {spacing.300})',\n width: 'var(--text-input-right-section-width, {sizes.300})',\n pointerEvents: 'var(--text-input-right-section-pointer-events, none)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MACE,8EACF,SAAU,WACV,IAAK,MACL,UAAW,mBACX,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,YAAa,QACb,0BAA2B,CACzB,KAAM,yDACN,MAAO,oDACP,cAAe,sDAChB,CACD,2BAA4B,CAC1B,MAAO,0DACP,MAAO,qDACP,cAAe,uDAChB,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__wrapper`,jsx:[`TextInput`],base:{order:`var(--text-input-wrapper-order,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__wrapper`,jsx:[`TextInput`],base:{order:`var(--text-input-wrapper-order, 3)`,position:`var(--text-input-wrapper-position, relative)`,marginTop:`var(--text-input-wrapper-margin-top, {spacing.100})`,width:`var(--text-input-wrapper-width, 100%)`,flex:`var(--text-input-wrapper-flex, 1)`,_disabled:{opacity:`var(--text-input-wrapper-disabled-opacity, 0.5)`,pointerEvents:`none`}}});export{t as textInputWrapper};
|
|
2
2
|
//# sourceMappingURL=text-input-wrapper.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputWrapper = defineRecipe({\n className: 'text-input__wrapper',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-wrapper-order,
|
|
1
|
+
{"version":3,"file":"text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputWrapper = defineRecipe({\n className: 'text-input__wrapper',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-wrapper-order, 3)',\n position: 'var(--text-input-wrapper-position, relative)',\n marginTop: 'var(--text-input-wrapper-margin-top, {spacing.100})',\n width: 'var(--text-input-wrapper-width, 100%)',\n flex: 'var(--text-input-wrapper-flex, 1)',\n _disabled: {\n opacity: 'var(--text-input-wrapper-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,qCACP,SAAU,+CACV,UAAW,sDACX,MAAO,wCACP,KAAM,oCACN,UAAW,CACT,QAAS,kDACT,cAAe,OAChB,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.
|
|
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};
|
|
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.
|
|
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,2 +1,2 @@
|
|
|
1
|
-
import{textInputInput as e}from"../text-input/text-input-input.mjs";const t=e.merge({className:`textarea__input`,jsx:[`Textarea`],base:{display:`block`,height:`var(--text-input-input-height, auto)`,minHeight:`var(--textarea-input-min-height, {sizes.700})`,paddingBlock:`var(--textarea-input-padding-block, {spacing.200})`}});export{t as textareaInput};
|
|
1
|
+
import{textInputInput as e}from"../text-input/text-input-input.mjs";const t=e.merge({className:`textarea__input`,jsx:[`Textarea`],base:{display:`block`,height:`var(--text-input-input-height, auto)`,minHeight:`var(--textarea-input-min-height, {sizes.700})`,maxHeight:`var(--textarea-input-max-height, {sizes.1400})`,paddingBlock:`var(--textarea-input-padding-block, {spacing.200})`,resize:`var(--textarea-input-resize, vertical)`,overflowY:`auto`}});export{t as textareaInput};
|
|
2
2
|
//# sourceMappingURL=textarea-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-input.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../text-input/text-input-input';\n\nexport const textareaInput = textInputInput.merge({\n className: 'textarea__input',\n jsx: ['Textarea'],\n base: {\n display: 'block',\n height: 'var(--text-input-input-height, auto)',\n minHeight: 'var(--textarea-input-min-height, {sizes.700})', // 48px\n paddingBlock: 'var(--textarea-input-padding-block, {spacing.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAgB,EAAe,MAAM,CAChD,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,OAAQ,uCACR,UAAW,gDACX,aAAc,
|
|
1
|
+
{"version":3,"file":"textarea-input.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../text-input/text-input-input';\n\nexport const textareaInput = textInputInput.merge({\n className: 'textarea__input',\n jsx: ['Textarea'],\n base: {\n display: 'block',\n height: 'var(--text-input-input-height, auto)',\n minHeight: 'var(--textarea-input-min-height, {sizes.700})', // 48px\n maxHeight: 'var(--textarea-input-max-height, {sizes.1400})', // 104px\n paddingBlock: 'var(--textarea-input-padding-block, {spacing.200})',\n resize: 'var(--textarea-input-resize, vertical)',\n overflowY: 'auto',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAgB,EAAe,MAAM,CAChD,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,OAAQ,uCACR,UAAW,gDACX,UAAW,iDACX,aAAc,qDACd,OAAQ,yCACR,UAAW,OACZ,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}`,"--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,
|
|
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};
|
|
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\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,
|
|
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"}
|