@mage-ui/preset 0.0.10
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/conditions/index.d.ts +5 -0
- package/dist/conditions/index.d.ts.map +1 -0
- package/dist/conditions/index.js +8 -0
- package/dist/conditions/index.js.map +1 -0
- package/dist/conditions/item-selectors.d.ts +5 -0
- package/dist/conditions/item-selectors.d.ts.map +1 -0
- package/dist/conditions/item-selectors.js +7 -0
- package/dist/conditions/item-selectors.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +21 -0
- package/dist/index.js.map +1 -0
- package/dist/recipes/atoms/avatar/avatar.d.ts +2 -0
- package/dist/recipes/atoms/avatar/avatar.d.ts.map +1 -0
- package/dist/recipes/atoms/avatar/avatar.js +73 -0
- package/dist/recipes/atoms/avatar/avatar.js.map +1 -0
- package/dist/recipes/atoms/badges/badge-section.d.ts +3 -0
- package/dist/recipes/atoms/badges/badge-section.d.ts.map +1 -0
- package/dist/recipes/atoms/badges/badge-section.js +17 -0
- package/dist/recipes/atoms/badges/badge-section.js.map +1 -0
- package/dist/recipes/atoms/badges/badge.d.ts +3 -0
- package/dist/recipes/atoms/badges/badge.d.ts.map +1 -0
- package/dist/recipes/atoms/badges/badge.js +52 -0
- package/dist/recipes/atoms/badges/badge.js.map +1 -0
- package/dist/recipes/atoms/buttons/button-icon-icon.d.ts +3 -0
- package/dist/recipes/atoms/buttons/button-icon-icon.d.ts.map +1 -0
- package/dist/recipes/atoms/buttons/button-icon-icon.js +45 -0
- package/dist/recipes/atoms/buttons/button-icon-icon.js.map +1 -0
- package/dist/recipes/atoms/buttons/button-icon.d.ts +3 -0
- package/dist/recipes/atoms/buttons/button-icon.d.ts.map +1 -0
- package/dist/recipes/atoms/buttons/button-icon.js +40 -0
- package/dist/recipes/atoms/buttons/button-icon.js.map +1 -0
- package/dist/recipes/atoms/buttons/button-inner.d.ts +3 -0
- package/dist/recipes/atoms/buttons/button-inner.d.ts.map +1 -0
- package/dist/recipes/atoms/buttons/button-inner.js +17 -0
- package/dist/recipes/atoms/buttons/button-inner.js.map +1 -0
- package/dist/recipes/atoms/buttons/button-label.d.ts +3 -0
- package/dist/recipes/atoms/buttons/button-label.d.ts.map +1 -0
- package/dist/recipes/atoms/buttons/button-label.js +17 -0
- package/dist/recipes/atoms/buttons/button-label.js.map +1 -0
- package/dist/recipes/atoms/buttons/button-section.d.ts +3 -0
- package/dist/recipes/atoms/buttons/button-section.d.ts.map +1 -0
- package/dist/recipes/atoms/buttons/button-section.js +16 -0
- package/dist/recipes/atoms/buttons/button-section.js.map +1 -0
- package/dist/recipes/atoms/buttons/button.d.ts +3 -0
- package/dist/recipes/atoms/buttons/button.d.ts.map +1 -0
- package/dist/recipes/atoms/buttons/button.js +226 -0
- package/dist/recipes/atoms/buttons/button.js.map +1 -0
- package/dist/recipes/atoms/buttons/index.d.ts +9 -0
- package/dist/recipes/atoms/buttons/index.d.ts.map +1 -0
- package/dist/recipes/atoms/buttons/index.js +18 -0
- package/dist/recipes/atoms/buttons/index.js.map +1 -0
- package/dist/recipes/atoms/dropdown/dropdown.d.ts +4 -0
- package/dist/recipes/atoms/dropdown/dropdown.d.ts.map +1 -0
- package/dist/recipes/atoms/dropdown/dropdown.js +22 -0
- package/dist/recipes/atoms/dropdown/dropdown.js.map +1 -0
- package/dist/recipes/atoms/icon/icon.d.ts +50 -0
- package/dist/recipes/atoms/icon/icon.d.ts.map +1 -0
- package/dist/recipes/atoms/icon/icon.js +85 -0
- package/dist/recipes/atoms/icon/icon.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-body.d.ts +3 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-body.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-body.js +18 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-body.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-description.d.ts +3 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-description.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-description.js +12 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-description.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-error.d.ts +3 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-error.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-error.js +12 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-error.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-icon.d.ts +3 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-icon.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-icon.js +23 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-icon.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-inner.d.ts +3 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-inner.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-inner.js +16 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-inner.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-input.d.ts +3 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-input.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-input.js +35 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-input.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.d.ts +3 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.js +14 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.js.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label.d.ts +3 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label.js +12 -0
- package/dist/recipes/atoms/inputs/checkbox/checkbox-label.js.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-empty.d.ts +4 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-empty.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-empty.js +19 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-empty.js.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-option.d.ts +4 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-option.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-option.js +52 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-option.js.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-section.d.ts +4 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-section.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-section.js +14 -0
- package/dist/recipes/atoms/inputs/combobox/combobox-section.js.map +1 -0
- package/dist/recipes/atoms/inputs/datepicker-dropdown.d.ts +3 -0
- package/dist/recipes/atoms/inputs/datepicker-dropdown.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/datepicker-dropdown.js +17 -0
- package/dist/recipes/atoms/inputs/datepicker-dropdown.js.map +1 -0
- package/dist/recipes/atoms/inputs/datepicker-input.d.ts +3 -0
- package/dist/recipes/atoms/inputs/datepicker-input.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/datepicker-input.js +19 -0
- package/dist/recipes/atoms/inputs/datepicker-input.js.map +1 -0
- package/dist/recipes/atoms/inputs/form-control.d.ts +4 -0
- package/dist/recipes/atoms/inputs/form-control.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/form-control.js +52 -0
- package/dist/recipes/atoms/inputs/form-control.js.map +1 -0
- package/dist/recipes/atoms/inputs/index.d.ts +25 -0
- package/dist/recipes/atoms/inputs/index.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/index.js +50 -0
- package/dist/recipes/atoms/inputs/index.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-description.d.ts +3 -0
- package/dist/recipes/atoms/inputs/input-description.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/input-description.js +18 -0
- package/dist/recipes/atoms/inputs/input-description.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-error.d.ts +3 -0
- package/dist/recipes/atoms/inputs/input-error.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/input-error.js +20 -0
- package/dist/recipes/atoms/inputs/input-error.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-label.d.ts +3 -0
- package/dist/recipes/atoms/inputs/input-label.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/input-label.js +28 -0
- package/dist/recipes/atoms/inputs/input-label.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-placeholder.d.ts +3 -0
- package/dist/recipes/atoms/inputs/input-placeholder.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/input-placeholder.js +14 -0
- package/dist/recipes/atoms/inputs/input-placeholder.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-root.d.ts +3 -0
- package/dist/recipes/atoms/inputs/input-root.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/input-root.js +17 -0
- package/dist/recipes/atoms/inputs/input-root.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-section.d.ts +3 -0
- package/dist/recipes/atoms/inputs/input-section.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/input-section.js +37 -0
- package/dist/recipes/atoms/inputs/input-section.js.map +1 -0
- package/dist/recipes/atoms/inputs/input-wrapper.d.ts +3 -0
- package/dist/recipes/atoms/inputs/input-wrapper.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/input-wrapper.js +18 -0
- package/dist/recipes/atoms/inputs/input-wrapper.js.map +1 -0
- package/dist/recipes/atoms/inputs/input.d.ts +3 -0
- package/dist/recipes/atoms/inputs/input.d.ts.map +1 -0
- package/dist/recipes/atoms/inputs/input.js +46 -0
- package/dist/recipes/atoms/inputs/input.js.map +1 -0
- package/dist/recipes/atoms/tab/tab-label.d.ts +3 -0
- package/dist/recipes/atoms/tab/tab-label.d.ts.map +1 -0
- package/dist/recipes/atoms/tab/tab-label.js +18 -0
- package/dist/recipes/atoms/tab/tab-label.js.map +1 -0
- package/dist/recipes/atoms/tab/tab-panel.d.ts +3 -0
- package/dist/recipes/atoms/tab/tab-panel.d.ts.map +1 -0
- package/dist/recipes/atoms/tab/tab-panel.js +16 -0
- package/dist/recipes/atoms/tab/tab-panel.js.map +1 -0
- package/dist/recipes/atoms/tab/tab-section.d.ts +3 -0
- package/dist/recipes/atoms/tab/tab-section.d.ts.map +1 -0
- package/dist/recipes/atoms/tab/tab-section.js +22 -0
- package/dist/recipes/atoms/tab/tab-section.js.map +1 -0
- package/dist/recipes/atoms/tab/tab.d.ts +3 -0
- package/dist/recipes/atoms/tab/tab.d.ts.map +1 -0
- package/dist/recipes/atoms/tab/tab.js +158 -0
- package/dist/recipes/atoms/tab/tab.js.map +1 -0
- package/dist/recipes/atoms/wrapped-icon/wrapped-icon.d.ts +3 -0
- package/dist/recipes/atoms/wrapped-icon/wrapped-icon.d.ts.map +1 -0
- package/dist/recipes/atoms/wrapped-icon/wrapped-icon.js +95 -0
- package/dist/recipes/atoms/wrapped-icon/wrapped-icon.js.map +1 -0
- package/dist/recipes/index.d.ts +4 -0
- package/dist/recipes/index.d.ts.map +1 -0
- package/dist/recipes/index.js +41 -0
- package/dist/recipes/index.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-control.d.ts +4 -0
- package/dist/recipes/molecules/calendar/calendar-control.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-control.js +32 -0
- package/dist/recipes/molecules/calendar/calendar-control.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-day.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-day.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-day.js +38 -0
- package/dist/recipes/molecules/calendar/calendar-day.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-header-control-icon.d.ts +4 -0
- package/dist/recipes/molecules/calendar/calendar-header-control-icon.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-header-control-icon.js +21 -0
- package/dist/recipes/molecules/calendar/calendar-header-control-icon.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-header-level.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-header-level.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-header-level.js +15 -0
- package/dist/recipes/molecules/calendar/calendar-header-level.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-header.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-header.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-header.js +17 -0
- package/dist/recipes/molecules/calendar/calendar-header.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-month-cell.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-month-cell.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-month-cell.js +12 -0
- package/dist/recipes/molecules/calendar/calendar-month-cell.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-month-row.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-month-row.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-month-row.js +17 -0
- package/dist/recipes/molecules/calendar/calendar-month-row.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-month.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-month.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-month.js +14 -0
- package/dist/recipes/molecules/calendar/calendar-month.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-cell.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-cell.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-cell.js +15 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-cell.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-control.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-control.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-control.js +15 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-control.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-row.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-row.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-row.js +17 -0
- package/dist/recipes/molecules/calendar/calendar-months-list-row.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-months-list.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-months-list.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-months-list.js +14 -0
- package/dist/recipes/molecules/calendar/calendar-months-list.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-week-day.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-week-day.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-week-day.js +18 -0
- package/dist/recipes/molecules/calendar/calendar-week-day.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-weeks-days-row.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-weeks-days-row.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-weeks-days-row.js +17 -0
- package/dist/recipes/molecules/calendar/calendar-weeks-days-row.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-cell.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-cell.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-cell.js +15 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-cell.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-control.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-control.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-control.js +12 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-control.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-row.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-row.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-row.js +17 -0
- package/dist/recipes/molecules/calendar/calendar-years-list-row.js.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-years-list.d.ts +3 -0
- package/dist/recipes/molecules/calendar/calendar-years-list.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/calendar-years-list.js +14 -0
- package/dist/recipes/molecules/calendar/calendar-years-list.js.map +1 -0
- package/dist/recipes/molecules/calendar/index.d.ts +21 -0
- package/dist/recipes/molecules/calendar/index.d.ts.map +1 -0
- package/dist/recipes/molecules/calendar/index.js +42 -0
- package/dist/recipes/molecules/calendar/index.js.map +1 -0
- package/dist/recipes/molecules/tab-list/tabList.d.ts +3 -0
- package/dist/recipes/molecules/tab-list/tabList.d.ts.map +1 -0
- package/dist/recipes/molecules/tab-list/tabList.js +23 -0
- package/dist/recipes/molecules/tab-list/tabList.js.map +1 -0
- package/dist/recipes/molecules/tabs/tabs.d.ts +3 -0
- package/dist/recipes/molecules/tabs/tabs.d.ts.map +1 -0
- package/dist/recipes/molecules/tabs/tabs.js +27 -0
- package/dist/recipes/molecules/tabs/tabs.js.map +1 -0
- package/dist/recipes/shared/focus.d.ts +4 -0
- package/dist/recipes/shared/focus.d.ts.map +1 -0
- package/dist/recipes/shared/focus.js +34 -0
- package/dist/recipes/shared/focus.js.map +1 -0
- package/dist/semantic-tokens/colors.d.ts +965 -0
- package/dist/semantic-tokens/colors.d.ts.map +1 -0
- package/dist/semantic-tokens/colors.js +969 -0
- package/dist/semantic-tokens/colors.js.map +1 -0
- package/dist/semantic-tokens/gradients.d.ts +45 -0
- package/dist/semantic-tokens/gradients.d.ts.map +1 -0
- package/dist/semantic-tokens/gradients.js +72 -0
- package/dist/semantic-tokens/gradients.js.map +1 -0
- package/dist/semantic-tokens/index.d.ts +1055 -0
- package/dist/semantic-tokens/index.d.ts.map +1 -0
- package/dist/semantic-tokens/index.js +15 -0
- package/dist/semantic-tokens/index.js.map +1 -0
- package/dist/semantic-tokens/shadows.d.ts +27 -0
- package/dist/semantic-tokens/shadows.d.ts.map +1 -0
- package/dist/semantic-tokens/shadows.js +31 -0
- package/dist/semantic-tokens/shadows.js.map +1 -0
- package/dist/semantic-tokens/sizes.d.ts +19 -0
- package/dist/semantic-tokens/sizes.d.ts.map +1 -0
- package/dist/semantic-tokens/sizes.js +23 -0
- package/dist/semantic-tokens/sizes.js.map +1 -0
- package/dist/tokens/animations.d.ts +14 -0
- package/dist/tokens/animations.d.ts.map +1 -0
- package/dist/tokens/animations.js +18 -0
- package/dist/tokens/animations.js.map +1 -0
- package/dist/tokens/borders.d.ts +18 -0
- package/dist/tokens/borders.d.ts.map +1 -0
- package/dist/tokens/borders.js +22 -0
- package/dist/tokens/borders.js.map +1 -0
- package/dist/tokens/colors.d.ts +260 -0
- package/dist/tokens/colors.d.ts.map +1 -0
- package/dist/tokens/colors.js +264 -0
- package/dist/tokens/colors.js.map +1 -0
- package/dist/tokens/font-sizes.d.ts +33 -0
- package/dist/tokens/font-sizes.d.ts.map +1 -0
- package/dist/tokens/font-sizes.js +37 -0
- package/dist/tokens/font-sizes.js.map +1 -0
- package/dist/tokens/font-weights.d.ts +18 -0
- package/dist/tokens/font-weights.d.ts.map +1 -0
- package/dist/tokens/font-weights.js +22 -0
- package/dist/tokens/font-weights.js.map +1 -0
- package/dist/tokens/fonts.d.ts +6 -0
- package/dist/tokens/fonts.d.ts.map +1 -0
- package/dist/tokens/fonts.js +10 -0
- package/dist/tokens/fonts.js.map +1 -0
- package/dist/tokens/index.d.ts +496 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +24 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tokens/radii.d.ts +27 -0
- package/dist/tokens/radii.d.ts.map +1 -0
- package/dist/tokens/radii.js +31 -0
- package/dist/tokens/radii.js.map +1 -0
- package/dist/tokens/sizes.d.ts +57 -0
- package/dist/tokens/sizes.d.ts.map +1 -0
- package/dist/tokens/sizes.js +61 -0
- package/dist/tokens/sizes.js.map +1 -0
- package/dist/tokens/spacing.d.ts +69 -0
- package/dist/tokens/spacing.d.ts.map +1 -0
- package/dist/tokens/spacing.js +73 -0
- package/dist/tokens/spacing.js.map +1 -0
- package/package.json +46 -0
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { formControl } from '../form-control.js';
|
|
2
|
+
|
|
3
|
+
const checkboxInput = formControl.merge({
|
|
4
|
+
className: 'checkbox-input',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Checkbox'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
display: 'block',
|
|
10
|
+
appearance: 'none',
|
|
11
|
+
transition: '{animations.base.100}',
|
|
12
|
+
width: 'control.height.50',
|
|
13
|
+
aspectRatio: '1',
|
|
14
|
+
borderRadius: '100',
|
|
15
|
+
WebkitTapHighlightColor: 'transparent',
|
|
16
|
+
padding: '0',
|
|
17
|
+
pointerEvents: 'auto!',
|
|
18
|
+
_checked: {
|
|
19
|
+
backgroundColor: 'neutral.background.2.brand.selected',
|
|
20
|
+
color: 'neutral.foreground.static.inverted.enabled',
|
|
21
|
+
borderColor: 'neutral.background.2.brand.selected'
|
|
22
|
+
},
|
|
23
|
+
_disabled: {
|
|
24
|
+
opacity: '0.5',
|
|
25
|
+
cursor: 'not-allowed',
|
|
26
|
+
pointerEvents: 'none',
|
|
27
|
+
_hover: {
|
|
28
|
+
borderColor: 'neutral.stroke.7.enabled'
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
export { checkboxInput };
|
|
35
|
+
//# sourceMappingURL=checkbox-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-input.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { formControl } from './../form-control';\n\nexport const checkboxInput = formControl.merge({\n className: 'checkbox-input',\n jsx: ['Checkbox'],\n base: {\n display: 'block',\n appearance: 'none',\n transition: '{animations.base.100}',\n width: 'control.height.50',\n aspectRatio: '1',\n borderRadius: '100',\n WebkitTapHighlightColor: 'transparent',\n padding: '0',\n pointerEvents: 'auto!',\n _checked: {\n backgroundColor: 'neutral.background.2.brand.selected',\n color: 'neutral.foreground.static.inverted.enabled',\n borderColor: 'neutral.background.2.brand.selected',\n },\n _disabled: {\n opacity: '0.5',\n cursor: 'not-allowed',\n pointerEvents: 'none',\n _hover: {\n borderColor: 'neutral.stroke.7.enabled',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxInput","formControl","merge","className","jsx","base","display","appearance","transition","width","aspectRatio","borderRadius","WebkitTapHighlightColor","padding","pointerEvents","_checked","backgroundColor","color","borderColor","_disabled","opacity","cursor","_hover"],"mappings":";;AAMaA,MAAAA,aAAAA,GAAgBC,WAAYC,CAAAA,KAAK,CAAC;IAC7CC,SAAW,EAAA,gBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,OAAS,EAAA,OAAA;QACTC,UAAY,EAAA,MAAA;QACZC,UAAY,EAAA,uBAAA;QACZC,KAAO,EAAA,mBAAA;QACPC,WAAa,EAAA,GAAA;QACbC,YAAc,EAAA,KAAA;QACdC,uBAAyB,EAAA,aAAA;QACzBC,OAAS,EAAA,GAAA;QACTC,aAAe,EAAA,OAAA;QACfC,QAAU,EAAA;YACRC,eAAiB,EAAA,qCAAA;YACjBC,KAAO,EAAA,4CAAA;YACPC,WAAa,EAAA;AACf,SAAA;QACAC,SAAW,EAAA;YACTC,OAAS,EAAA,KAAA;YACTC,MAAQ,EAAA,aAAA;YACRP,aAAe,EAAA,MAAA;YACfQ,MAAQ,EAAA;gBACNJ,WAAa,EAAA;AACf;AACF;AACF;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-label-wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,oBAAoB,EAM3B,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { inputRoot } from '../input-root.js';
|
|
2
|
+
|
|
3
|
+
const checkboxLabelWrapper = inputRoot.merge({
|
|
4
|
+
className: 'checkbox-label-wrapper',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Checkbox'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
marginLeft: '200'
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { checkboxLabelWrapper };
|
|
14
|
+
//# sourceMappingURL=checkbox-label-wrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-label-wrapper.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputRoot } from '../input-root';\n\nexport const checkboxLabelWrapper = inputRoot.merge({\n className: 'checkbox-label-wrapper',\n jsx: ['Checkbox'],\n base: {\n marginLeft: '200',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxLabelWrapper","inputRoot","merge","className","jsx","base","marginLeft"],"mappings":";;AAMaA,MAAAA,oBAAAA,GAAuBC,SAAUC,CAAAA,KAAK,CAAC;IAClDC,SAAW,EAAA,wBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,UAAY,EAAA;AACd;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-label.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,aAAa,EAIpB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-label.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputLabel } from '../input-label';\n\nexport const checkboxLabel = inputLabel.merge({\n className: 'checkbox-label',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxLabel","inputLabel","merge","className","jsx","base"],"mappings":";;AAMaA,MAAAA,aAAAA,GAAgBC,UAAWC,CAAAA,KAAK,CAAC;IAC5CC,SAAW,EAAA,gBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;AACjBC,IAAAA,IAAAA,EAAM;AACR,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-empty.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-empty.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,KAAK,mBAAmB,EAAgB,MAAM,eAAe,CAAC;AAEvE,eAAO,MAAM,aAAa,EAWpB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandacss/dev';
|
|
2
|
+
|
|
3
|
+
const comboboxEmpty = defineRecipe({
|
|
4
|
+
className: 'combobox-empty',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Combobox'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
fontSize: '300',
|
|
10
|
+
fontWeight: 'regular',
|
|
11
|
+
lineHeight: '1',
|
|
12
|
+
padding: '300',
|
|
13
|
+
color: 'neutral.foreground.3.enabled',
|
|
14
|
+
textAlign: 'center'
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
export { comboboxEmpty };
|
|
19
|
+
//# sourceMappingURL=combobox-empty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-empty.js","sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-empty.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { type RecipeVariantRecord, defineRecipe } from '@pandacss/dev';\n\nexport const comboboxEmpty = defineRecipe({\n className: 'combobox-empty',\n jsx: ['Combobox'],\n base: {\n fontSize: '300',\n fontWeight: 'regular',\n lineHeight: '1',\n padding: '300',\n color: 'neutral.foreground.3.enabled',\n textAlign: 'center',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["comboboxEmpty","defineRecipe","className","jsx","base","fontSize","fontWeight","lineHeight","padding","color","textAlign"],"mappings":";;AAGO,MAAMA,gBAAgBC,YAAa,CAAA;IACxCC,SAAW,EAAA,gBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,QAAU,EAAA,KAAA;QACVC,UAAY,EAAA,SAAA;QACZC,UAAY,EAAA,GAAA;QACZC,OAAS,EAAA,KAAA;QACTC,KAAO,EAAA,8BAAA;QACPC,SAAW,EAAA;AACb;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGzD,eAAO,MAAM,cAAc,EA4CrB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { focus } from '../../../shared/focus.js';
|
|
2
|
+
|
|
3
|
+
const comboboxOption = focus.merge({
|
|
4
|
+
className: 'combobox-option',
|
|
5
|
+
jsx: [
|
|
6
|
+
'ComboboxOption'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
fontSize: '300',
|
|
10
|
+
fontWeight: 'regular',
|
|
11
|
+
lineHeight: '1',
|
|
12
|
+
padding: '300',
|
|
13
|
+
borderRadius: '100',
|
|
14
|
+
cursor: 'pointer',
|
|
15
|
+
color: 'neutral.foreground.1.enabled',
|
|
16
|
+
transition: '{animations.base.100}',
|
|
17
|
+
_hover: {
|
|
18
|
+
backgroundColor: 'neutral.background.2.hovered'
|
|
19
|
+
},
|
|
20
|
+
'&:is([data-combobox-active])': {
|
|
21
|
+
color: 'neutral.foreground.1.onBrand.selected',
|
|
22
|
+
backgroundColor: 'neutral.background.2.brand.selected',
|
|
23
|
+
_hover: {
|
|
24
|
+
backgroundColor: 'neutral.background.2.brand.selectedHovered'
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
variants: {
|
|
29
|
+
type: {
|
|
30
|
+
create: {
|
|
31
|
+
display: 'flex',
|
|
32
|
+
gap: '200',
|
|
33
|
+
color: 'neutral.foreground.1.onBrand.enabled',
|
|
34
|
+
backgroundColor: 'primary.background.2.enabled',
|
|
35
|
+
fontWeight: 'medium',
|
|
36
|
+
alignItems: 'center',
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
textAlign: 'center',
|
|
39
|
+
cursor: 'pointer',
|
|
40
|
+
_hover: {
|
|
41
|
+
backgroundColor: 'primary.background.2.hovered'
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
defaultVariants: {
|
|
47
|
+
colors: 'neutral'
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
export { comboboxOption };
|
|
52
|
+
//# sourceMappingURL=combobox-option.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-option.js","sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-option.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\nimport { focus } from '../../../shared/focus';\n\nexport const comboboxOption = focus.merge({\n className: 'combobox-option',\n jsx: ['ComboboxOption'],\n base: {\n fontSize: '300',\n fontWeight: 'regular',\n lineHeight: '1',\n padding: '300',\n borderRadius: '100',\n cursor: 'pointer',\n color: 'neutral.foreground.1.enabled',\n transition: '{animations.base.100}',\n _hover: {\n backgroundColor: 'neutral.background.2.hovered',\n },\n '&:is([data-combobox-active])': {\n color: 'neutral.foreground.1.onBrand.selected',\n backgroundColor: 'neutral.background.2.brand.selected',\n _hover: {\n backgroundColor: 'neutral.background.2.brand.selectedHovered',\n },\n },\n },\n variants: {\n type: {\n create: {\n display: 'flex',\n gap: '200',\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'primary.background.2.enabled',\n fontWeight: 'medium',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n cursor: 'pointer',\n _hover: {\n backgroundColor: 'primary.background.2.hovered',\n },\n },\n },\n },\n defaultVariants: {\n colors: 'neutral',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["comboboxOption","focus","merge","className","jsx","base","fontSize","fontWeight","lineHeight","padding","borderRadius","cursor","color","transition","_hover","backgroundColor","variants","type","create","display","gap","alignItems","justifyContent","textAlign","defaultVariants","colors"],"mappings":";;AAIaA,MAAAA,cAAAA,GAAiBC,KAAMC,CAAAA,KAAK,CAAC;IACxCC,SAAW,EAAA,iBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAiB,KAAA;IACvBC,IAAM,EAAA;QACJC,QAAU,EAAA,KAAA;QACVC,UAAY,EAAA,SAAA;QACZC,UAAY,EAAA,GAAA;QACZC,OAAS,EAAA,KAAA;QACTC,YAAc,EAAA,KAAA;QACdC,MAAQ,EAAA,SAAA;QACRC,KAAO,EAAA,8BAAA;QACPC,UAAY,EAAA,uBAAA;QACZC,MAAQ,EAAA;YACNC,eAAiB,EAAA;AACnB,SAAA;QACA,8BAAgC,EAAA;YAC9BH,KAAO,EAAA,uCAAA;YACPG,eAAiB,EAAA,qCAAA;YACjBD,MAAQ,EAAA;gBACNC,eAAiB,EAAA;AACnB;AACF;AACF,KAAA;IACAC,QAAU,EAAA;QACRC,IAAM,EAAA;YACJC,MAAQ,EAAA;gBACNC,OAAS,EAAA,MAAA;gBACTC,GAAK,EAAA,KAAA;gBACLR,KAAO,EAAA,sCAAA;gBACPG,eAAiB,EAAA,8BAAA;gBACjBR,UAAY,EAAA,QAAA;gBACZc,UAAY,EAAA,QAAA;gBACZC,cAAgB,EAAA,QAAA;gBAChBC,SAAW,EAAA,QAAA;gBACXZ,MAAQ,EAAA,SAAA;gBACRG,MAAQ,EAAA;oBACNC,eAAiB,EAAA;AACnB;AACF;AACF;AACF,KAAA;IACAS,eAAiB,EAAA;QACfC,MAAQ,EAAA;AACV;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-section.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-section.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,KAAK,mBAAmB,EAAgB,MAAM,eAAe,CAAC;AAEvE,eAAO,MAAM,eAAe,EAMtB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandacss/dev';
|
|
2
|
+
|
|
3
|
+
const comboboxSection = defineRecipe({
|
|
4
|
+
className: 'combobox-section',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Combobox'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
pointerEvents: 'none'
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { comboboxSection };
|
|
14
|
+
//# sourceMappingURL=combobox-section.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-section.js","sources":["../../../../../src/recipes/atoms/inputs/combobox/combobox-section.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport { type RecipeVariantRecord, defineRecipe } from '@pandacss/dev';\n\nexport const comboboxSection = defineRecipe({\n className: 'combobox-section',\n jsx: ['Combobox'],\n base: {\n pointerEvents: 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["comboboxSection","defineRecipe","className","jsx","base","pointerEvents"],"mappings":";;AAGO,MAAMA,kBAAkBC,YAAa,CAAA;IAC1CC,SAAW,EAAA,kBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,aAAe,EAAA;AACjB;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/datepicker-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,kBAAkB,EASzB,YAAY,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { dropdown } from '../dropdown/dropdown.js';
|
|
2
|
+
|
|
3
|
+
const datepickerDropdown = dropdown.merge({
|
|
4
|
+
className: 'datepicker-dropdown',
|
|
5
|
+
jsx: [
|
|
6
|
+
'DatePicker'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
padding: '400!',
|
|
10
|
+
minWidth: '17.75rem!',
|
|
11
|
+
maxHeight: 'fit-content!',
|
|
12
|
+
overflow: 'hidden'
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
export { datepickerDropdown };
|
|
17
|
+
//# sourceMappingURL=datepicker-dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker-dropdown.js","sources":["../../../../src/recipes/atoms/inputs/datepicker-dropdown.ts"],"sourcesContent":["import type {\n RecipeConfig,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { dropdown } from '../dropdown/dropdown';\n\nexport const datepickerDropdown = dropdown.merge({\n className: 'datepicker-dropdown',\n jsx: ['DatePicker'],\n base: {\n padding: '400!',\n minWidth: '17.75rem!',\n maxHeight: 'fit-content!',\n overflow: 'hidden',\n },\n}) as RecipeConfig<RecipeVariantRecord>;\n"],"names":["datepickerDropdown","dropdown","merge","className","jsx","base","padding","minWidth","maxHeight","overflow"],"mappings":";;AAMaA,MAAAA,kBAAAA,GAAqBC,QAASC,CAAAA,KAAK,CAAC;IAC/CC,SAAW,EAAA,qBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAa,KAAA;IACnBC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,QAAU,EAAA,WAAA;QACVC,SAAW,EAAA,cAAA;QACXC,QAAU,EAAA;AACZ;AACF,CAAwC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker-input.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/datepicker-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,eAAe,EAWtB,YAAY,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandacss/dev';
|
|
2
|
+
|
|
3
|
+
const datepickerInput = defineRecipe({
|
|
4
|
+
className: 'datepicker-input',
|
|
5
|
+
jsx: [
|
|
6
|
+
'DatePicker'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
display: 'flex',
|
|
10
|
+
justifyContent: 'flex-start',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
_readOnly: {
|
|
13
|
+
pointerEvents: 'auto'
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
export { datepickerInput };
|
|
19
|
+
//# sourceMappingURL=datepicker-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker-input.js","sources":["../../../../src/recipes/atoms/inputs/datepicker-input.ts"],"sourcesContent":["import type {\n RecipeConfig,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { defineRecipe } from '@pandacss/dev';\n\nexport const datepickerInput = defineRecipe({\n className: 'datepicker-input',\n jsx: ['DatePicker'],\n base: {\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n _readOnly: {\n pointerEvents: 'auto',\n },\n },\n}) as RecipeConfig<RecipeVariantRecord>;\n"],"names":["datepickerInput","defineRecipe","className","jsx","base","display","justifyContent","alignItems","_readOnly","pointerEvents"],"mappings":";;AAMO,MAAMA,kBAAkBC,YAAa,CAAA;IAC1CC,SAAW,EAAA,kBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAa,KAAA;IACnBC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,cAAgB,EAAA,YAAA;QAChBC,UAAY,EAAA,QAAA;QACZC,SAAW,EAAA;YACTC,aAAe,EAAA;AACjB;AACF;AACF,CAAwC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/form-control.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGzD,eAAO,MAAM,WAAW,EA8ClB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { focus } from '../../shared/focus.js';
|
|
2
|
+
|
|
3
|
+
const formControl = focus.merge({
|
|
4
|
+
className: 'form-control',
|
|
5
|
+
base: {
|
|
6
|
+
fontFamily: 'base',
|
|
7
|
+
fontSize: '300',
|
|
8
|
+
fontWeight: 'regular',
|
|
9
|
+
backgroundColor: 'transparent',
|
|
10
|
+
color: 'neutral.foreground.1.enabled',
|
|
11
|
+
borderWidth: '{borders.150}',
|
|
12
|
+
borderStyle: 'solid',
|
|
13
|
+
borderColor: 'neutral.stroke.7.enabled',
|
|
14
|
+
borderRadius: '200',
|
|
15
|
+
paddingX: '400',
|
|
16
|
+
width: '100%',
|
|
17
|
+
boxSizing: 'border-box',
|
|
18
|
+
transition: 'all 0.2s ease',
|
|
19
|
+
_placeholder: {
|
|
20
|
+
color: 'neutral.foreground.3.enabled'
|
|
21
|
+
},
|
|
22
|
+
_hover: {
|
|
23
|
+
color: 'neutral.foreground.1.enabled',
|
|
24
|
+
borderColor: 'neutral.stroke.7.hovered'
|
|
25
|
+
},
|
|
26
|
+
_focus: {
|
|
27
|
+
color: 'neutral.foreground.1.enabled',
|
|
28
|
+
borderColor: 'neutral.stroke.7.hovered'
|
|
29
|
+
},
|
|
30
|
+
_disabled: {
|
|
31
|
+
opacity: '0.5',
|
|
32
|
+
pointerEvents: 'none',
|
|
33
|
+
cursor: 'not-allowed'
|
|
34
|
+
},
|
|
35
|
+
_invalid: {
|
|
36
|
+
color: 'neutral.foreground.1.enabled',
|
|
37
|
+
borderColor: 'danger.stroke.1.enabled',
|
|
38
|
+
_focus: {
|
|
39
|
+
borderColor: 'danger.stroke.1.enabled'
|
|
40
|
+
},
|
|
41
|
+
_hover: {
|
|
42
|
+
borderColor: 'danger.stroke.1.enabled'
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
_readOnly: {
|
|
46
|
+
pointerEvents: 'none'
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
export { formControl };
|
|
52
|
+
//# sourceMappingURL=form-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-control.js","sources":["../../../../src/recipes/atoms/inputs/form-control.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\nimport { focus } from '../../shared/focus';\n\nexport const formControl = focus.merge({\n className: 'form-control',\n base: {\n fontFamily: 'base',\n fontSize: '300',\n fontWeight: 'regular',\n backgroundColor: 'transparent',\n color: 'neutral.foreground.1.enabled',\n borderWidth: '{borders.150}',\n borderStyle: 'solid',\n borderColor: 'neutral.stroke.7.enabled',\n borderRadius: '200',\n paddingX: '400',\n width: '100%',\n boxSizing: 'border-box',\n transition: 'all 0.2s ease',\n _placeholder: {\n color: 'neutral.foreground.3.enabled',\n },\n _hover: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _focus: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _disabled: {\n opacity: '0.5',\n pointerEvents: 'none',\n cursor: 'not-allowed',\n },\n _invalid: {\n color: 'neutral.foreground.1.enabled',\n borderColor: 'danger.stroke.1.enabled',\n _focus: {\n borderColor: 'danger.stroke.1.enabled',\n },\n _hover: {\n borderColor: 'danger.stroke.1.enabled',\n },\n },\n _readOnly: {\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["formControl","focus","merge","className","base","fontFamily","fontSize","fontWeight","backgroundColor","color","borderWidth","borderStyle","borderColor","borderRadius","paddingX","width","boxSizing","transition","_placeholder","_hover","_focus","_disabled","opacity","pointerEvents","cursor","_invalid","_readOnly"],"mappings":";;AAIaA,MAAAA,WAAAA,GAAcC,KAAMC,CAAAA,KAAK,CAAC;IACrCC,SAAW,EAAA,cAAA;IACXC,IAAM,EAAA;QACJC,UAAY,EAAA,MAAA;QACZC,QAAU,EAAA,KAAA;QACVC,UAAY,EAAA,SAAA;QACZC,eAAiB,EAAA,aAAA;QACjBC,KAAO,EAAA,8BAAA;QACPC,WAAa,EAAA,eAAA;QACbC,WAAa,EAAA,OAAA;QACbC,WAAa,EAAA,0BAAA;QACbC,YAAc,EAAA,KAAA;QACdC,QAAU,EAAA,KAAA;QACVC,KAAO,EAAA,MAAA;QACPC,SAAW,EAAA,YAAA;QACXC,UAAY,EAAA,eAAA;QACZC,YAAc,EAAA;YACZT,KAAO,EAAA;AACT,SAAA;QACAU,MAAQ,EAAA;YACNV,KAAO,EAAA,8BAAA;YACPG,WAAa,EAAA;AACf,SAAA;QACAQ,MAAQ,EAAA;YACNX,KAAO,EAAA,8BAAA;YACPG,WAAa,EAAA;AACf,SAAA;QACAS,SAAW,EAAA;YACTC,OAAS,EAAA,KAAA;YACTC,aAAe,EAAA,MAAA;YACfC,MAAQ,EAAA;AACV,SAAA;QACAC,QAAU,EAAA;YACRhB,KAAO,EAAA,8BAAA;YACPG,WAAa,EAAA,yBAAA;YACbQ,MAAQ,EAAA;gBACNR,WAAa,EAAA;AACf,aAAA;YACAO,MAAQ,EAAA;gBACNP,WAAa,EAAA;AACf;AACF,SAAA;QACAc,SAAW,EAAA;YACTH,aAAe,EAAA;AACjB;AACF;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export declare const inputs: {
|
|
2
|
+
checkboxBody: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
3
|
+
checkboxDescription: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
4
|
+
checkboxError: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
5
|
+
checkboxIcon: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
6
|
+
checkboxInner: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
7
|
+
checkboxInput: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
8
|
+
checkboxLabel: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
9
|
+
checkboxLabelWrapper: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
10
|
+
comboboxEmpty: import("@pandabox/define-recipe").RecipeBuilder<import("@pandacss/dev").RecipeVariantRecord>;
|
|
11
|
+
comboboxOption: import("@pandabox/define-recipe").RecipeBuilder<import("@pandacss/dev").RecipeVariantRecord>;
|
|
12
|
+
comboboxSection: import("@pandabox/define-recipe").RecipeBuilder<import("@pandacss/dev").RecipeVariantRecord>;
|
|
13
|
+
datepickerDropdown: import("@pandabox/define-recipe").RecipeConfig<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
14
|
+
datepickerInput: import("@pandabox/define-recipe").RecipeConfig<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
15
|
+
formControl: import("@pandabox/define-recipe").RecipeBuilder<import("@pandacss/dev").RecipeVariantRecord>;
|
|
16
|
+
input: import("@pandabox/define-recipe").RecipeConfig<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
17
|
+
inputDescription: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
18
|
+
inputError: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
19
|
+
inputLabel: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
20
|
+
inputPlaceholder: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
21
|
+
inputRoot: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
22
|
+
inputSection: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
23
|
+
inputWrapper: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/index.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAuBlB,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { checkboxBody } from './checkbox/checkbox-body.js';
|
|
2
|
+
import { checkboxDescription } from './checkbox/checkbox-description.js';
|
|
3
|
+
import { checkboxError } from './checkbox/checkbox-error.js';
|
|
4
|
+
import { checkboxIcon } from './checkbox/checkbox-icon.js';
|
|
5
|
+
import { checkboxInner } from './checkbox/checkbox-inner.js';
|
|
6
|
+
import { checkboxInput } from './checkbox/checkbox-input.js';
|
|
7
|
+
import { checkboxLabel } from './checkbox/checkbox-label.js';
|
|
8
|
+
import { checkboxLabelWrapper } from './checkbox/checkbox-label-wrapper.js';
|
|
9
|
+
import { comboboxEmpty } from './combobox/combobox-empty.js';
|
|
10
|
+
import { comboboxOption } from './combobox/combobox-option.js';
|
|
11
|
+
import { comboboxSection } from './combobox/combobox-section.js';
|
|
12
|
+
import { datepickerDropdown } from './datepicker-dropdown.js';
|
|
13
|
+
import { datepickerInput } from './datepicker-input.js';
|
|
14
|
+
import { formControl } from './form-control.js';
|
|
15
|
+
import { input } from './input.js';
|
|
16
|
+
import { inputDescription } from './input-description.js';
|
|
17
|
+
import { inputError } from './input-error.js';
|
|
18
|
+
import { inputLabel } from './input-label.js';
|
|
19
|
+
import { inputPlaceholder } from './input-placeholder.js';
|
|
20
|
+
import { inputRoot } from './input-root.js';
|
|
21
|
+
import { inputSection } from './input-section.js';
|
|
22
|
+
import { inputWrapper } from './input-wrapper.js';
|
|
23
|
+
|
|
24
|
+
const inputs = {
|
|
25
|
+
checkboxBody,
|
|
26
|
+
checkboxDescription,
|
|
27
|
+
checkboxError,
|
|
28
|
+
checkboxIcon,
|
|
29
|
+
checkboxInner,
|
|
30
|
+
checkboxInput,
|
|
31
|
+
checkboxLabel,
|
|
32
|
+
checkboxLabelWrapper,
|
|
33
|
+
comboboxEmpty,
|
|
34
|
+
comboboxOption,
|
|
35
|
+
comboboxSection,
|
|
36
|
+
datepickerDropdown,
|
|
37
|
+
datepickerInput,
|
|
38
|
+
formControl,
|
|
39
|
+
input,
|
|
40
|
+
inputDescription,
|
|
41
|
+
inputError,
|
|
42
|
+
inputLabel,
|
|
43
|
+
inputPlaceholder,
|
|
44
|
+
inputRoot,
|
|
45
|
+
inputSection,
|
|
46
|
+
inputWrapper
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export { inputs };
|
|
50
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/recipes/atoms/inputs/index.ts"],"sourcesContent":["import { checkboxBody } from './checkbox/checkbox-body';\nimport { checkboxDescription } from './checkbox/checkbox-description';\nimport { checkboxError } from './checkbox/checkbox-error';\nimport { checkboxIcon } from './checkbox/checkbox-icon';\nimport { checkboxInner } from './checkbox/checkbox-inner';\nimport { checkboxInput } from './checkbox/checkbox-input';\nimport { checkboxLabel } from './checkbox/checkbox-label';\nimport { checkboxLabelWrapper } from './checkbox/checkbox-label-wrapper';\nimport { comboboxEmpty } from './combobox/combobox-empty';\nimport { comboboxOption } from './combobox/combobox-option';\nimport { comboboxSection } from './combobox/combobox-section';\nimport { datepickerDropdown } from './datepicker-dropdown';\nimport { datepickerInput } from './datepicker-input';\nimport { formControl } from './form-control';\nimport { input } from './input';\nimport { inputDescription } from './input-description';\nimport { inputError } from './input-error';\nimport { inputLabel } from './input-label';\nimport { inputPlaceholder } from './input-placeholder';\nimport { inputRoot } from './input-root';\nimport { inputSection } from './input-section';\nimport { inputWrapper } from './input-wrapper';\n\nexport const inputs = {\n checkboxBody,\n checkboxDescription,\n checkboxError,\n checkboxIcon,\n checkboxInner,\n checkboxInput,\n checkboxLabel,\n checkboxLabelWrapper,\n comboboxEmpty,\n comboboxOption,\n comboboxSection,\n datepickerDropdown,\n datepickerInput,\n formControl,\n input,\n inputDescription,\n inputError,\n inputLabel,\n inputPlaceholder,\n inputRoot,\n inputSection,\n inputWrapper,\n};\n"],"names":["inputs","checkboxBody","checkboxDescription","checkboxError","checkboxIcon","checkboxInner","checkboxInput","checkboxLabel","checkboxLabelWrapper","comboboxEmpty","comboboxOption","comboboxSection","datepickerDropdown","datepickerInput","formControl","input","inputDescription","inputError","inputLabel","inputPlaceholder","inputRoot","inputSection","inputWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAuBaA,MAAS,GAAA;AACpBC,IAAAA,YAAAA;AACAC,IAAAA,mBAAAA;AACAC,IAAAA,aAAAA;AACAC,IAAAA,YAAAA;AACAC,IAAAA,aAAAA;AACAC,IAAAA,aAAAA;AACAC,IAAAA,aAAAA;AACAC,IAAAA,oBAAAA;AACAC,IAAAA,aAAAA;AACAC,IAAAA,cAAAA;AACAC,IAAAA,eAAAA;AACAC,IAAAA,kBAAAA;AACAC,IAAAA,eAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA,KAAAA;AACAC,IAAAA,gBAAAA;AACAC,IAAAA,UAAAA;AACAC,IAAAA,UAAAA;AACAC,IAAAA,gBAAAA;AACAC,IAAAA,SAAAA;AACAC,IAAAA,YAAAA;AACAC,IAAAA;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-description.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/input-description.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,gBAAgB,EAUvB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const inputDescription = defineRecipe({
|
|
4
|
+
className: 'input-description',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Input'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
fontSize: '300',
|
|
10
|
+
lineHeight: '1.6',
|
|
11
|
+
fontWeight: '400',
|
|
12
|
+
color: 'neutral.foreground.2.enabled',
|
|
13
|
+
margin: '0'
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { inputDescription };
|
|
18
|
+
//# sourceMappingURL=input-description.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-description.js","sources":["../../../../src/recipes/atoms/inputs/input-description.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputDescription = defineRecipe({\n className: 'input-description',\n jsx: ['Input'],\n base: {\n fontSize: '300',\n lineHeight: '1.6',\n fontWeight: '400',\n color: 'neutral.foreground.2.enabled',\n margin: '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["inputDescription","defineRecipe","className","jsx","base","fontSize","lineHeight","fontWeight","color","margin"],"mappings":";;AAMO,MAAMA,mBAAmBC,YAAa,CAAA;IAC3CC,SAAW,EAAA,mBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAQ,KAAA;IACdC,IAAM,EAAA;QACJC,QAAU,EAAA,KAAA;QACVC,UAAY,EAAA,KAAA;QACZC,UAAY,EAAA,KAAA;QACZC,KAAO,EAAA,8BAAA;QACPC,MAAQ,EAAA;AACV;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-error.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/input-error.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,UAAU,EAUjB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const inputError = defineRecipe({
|
|
4
|
+
className: 'input-error',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Input',
|
|
7
|
+
'DatePicker',
|
|
8
|
+
'Combobox'
|
|
9
|
+
],
|
|
10
|
+
base: {
|
|
11
|
+
fontSize: '200',
|
|
12
|
+
lineHeight: '1.6',
|
|
13
|
+
fontWeight: '400',
|
|
14
|
+
color: 'danger.foreground.1.enabled',
|
|
15
|
+
margin: '0'
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
export { inputError };
|
|
20
|
+
//# sourceMappingURL=input-error.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-error.js","sources":["../../../../src/recipes/atoms/inputs/input-error.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputError = defineRecipe({\n className: 'input-error',\n jsx: ['Input', 'DatePicker', 'Combobox'],\n base: {\n fontSize: '200',\n lineHeight: '1.6',\n fontWeight: '400',\n color: 'danger.foreground.1.enabled',\n margin: '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["inputError","defineRecipe","className","jsx","base","fontSize","lineHeight","fontWeight","color","margin"],"mappings":";;AAMO,MAAMA,aAAaC,YAAa,CAAA;IACrCC,SAAW,EAAA,aAAA;IACXC,GAAK,EAAA;AAAC,QAAA,OAAA;AAAS,QAAA,YAAA;AAAc,QAAA;AAAW,KAAA;IACxCC,IAAM,EAAA;QACJC,QAAU,EAAA,KAAA;QACVC,UAAY,EAAA,KAAA;QACZC,UAAY,EAAA,KAAA;QACZC,KAAO,EAAA,6BAAA;QACPC,MAAQ,EAAA;AACV;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-label.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/input-label.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,UAAU,EAoBjB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const inputLabel = defineRecipe({
|
|
4
|
+
className: 'input-label',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Input'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
fontWeight: '500',
|
|
10
|
+
color: 'neutral.foreground.2.enabled'
|
|
11
|
+
},
|
|
12
|
+
variants: {
|
|
13
|
+
size: {
|
|
14
|
+
l: {
|
|
15
|
+
fontSize: '300'
|
|
16
|
+
},
|
|
17
|
+
m: {
|
|
18
|
+
fontSize: '200'
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
size: 'l'
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
export { inputLabel };
|
|
28
|
+
//# sourceMappingURL=input-label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-label.js","sources":["../../../../src/recipes/atoms/inputs/input-label.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputLabel = defineRecipe({\n className: 'input-label',\n jsx: ['Input'],\n base: {\n fontWeight: '500',\n color: 'neutral.foreground.2.enabled',\n },\n variants: {\n size: {\n l: {\n fontSize: '300',\n },\n m: {\n fontSize: '200',\n },\n },\n },\n defaultVariants: {\n size: 'l',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["inputLabel","defineRecipe","className","jsx","base","fontWeight","color","variants","size","l","fontSize","m","defaultVariants"],"mappings":";;AAMO,MAAMA,aAAaC,YAAa,CAAA;IACrCC,SAAW,EAAA,aAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAQ,KAAA;IACdC,IAAM,EAAA;QACJC,UAAY,EAAA,KAAA;QACZC,KAAO,EAAA;AACT,KAAA;IACAC,QAAU,EAAA;QACRC,IAAM,EAAA;YACJC,CAAG,EAAA;gBACDC,QAAU,EAAA;AACZ,aAAA;YACAC,CAAG,EAAA;gBACDD,QAAU,EAAA;AACZ;AACF;AACF,KAAA;IACAE,eAAiB,EAAA;QACfJ,IAAM,EAAA;AACR;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-placeholder.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/inputs/input-placeholder.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,gBAAgB,EAMvB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const inputPlaceholder = defineRecipe({
|
|
4
|
+
className: 'input-placeholder',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Input'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
color: 'neutral.foreground.3.enabled'
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { inputPlaceholder };
|
|
14
|
+
//# sourceMappingURL=input-placeholder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-placeholder.js","sources":["../../../../src/recipes/atoms/inputs/input-placeholder.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const inputPlaceholder = defineRecipe({\n className: 'input-placeholder',\n jsx: ['Input'],\n base: {\n color: 'neutral.foreground.3.enabled',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["inputPlaceholder","defineRecipe","className","jsx","base","color"],"mappings":";;AAMO,MAAMA,mBAAmBC,YAAa,CAAA;IAC3CC,SAAW,EAAA,mBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAQ,KAAA;IACdC,IAAM,EAAA;QACJC,KAAO,EAAA;AACT;AACF,CAAyC;;;;"}
|