@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,226 @@
|
|
|
1
|
+
import { focus } from '../../shared/focus.js';
|
|
2
|
+
|
|
3
|
+
const button = focus.merge({
|
|
4
|
+
className: 'button',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Button'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
fontWeight: 'medium',
|
|
10
|
+
whiteSpace: 'nowrap',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
justifyContent: 'center',
|
|
13
|
+
textAlign: 'center',
|
|
14
|
+
textDecoration: 'none',
|
|
15
|
+
borderRadius: '200',
|
|
16
|
+
cursor: 'pointer',
|
|
17
|
+
transition: '{animations.base.100}',
|
|
18
|
+
fill: 'currentColor',
|
|
19
|
+
stroke: 'currentColor',
|
|
20
|
+
_focus: {
|
|
21
|
+
outline: 'none',
|
|
22
|
+
boxShadow: 'none'
|
|
23
|
+
},
|
|
24
|
+
_active: {
|
|
25
|
+
outline: 'none!'
|
|
26
|
+
},
|
|
27
|
+
_disabled: {
|
|
28
|
+
opacity: '0.5',
|
|
29
|
+
pointerEvents: 'none'
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
variants: {
|
|
33
|
+
variant: {
|
|
34
|
+
unstyled: {},
|
|
35
|
+
filled: {
|
|
36
|
+
border: 'none'
|
|
37
|
+
},
|
|
38
|
+
outlined: {
|
|
39
|
+
backgroundColor: 'transparent',
|
|
40
|
+
borderWidth: '1px',
|
|
41
|
+
borderStyle: 'solid'
|
|
42
|
+
},
|
|
43
|
+
ghost: {
|
|
44
|
+
backgroundColor: 'transparent',
|
|
45
|
+
border: 'none'
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
color: {
|
|
49
|
+
unstyled: {},
|
|
50
|
+
primary: {},
|
|
51
|
+
neutral: {},
|
|
52
|
+
danger: {}
|
|
53
|
+
},
|
|
54
|
+
size: {
|
|
55
|
+
l: {
|
|
56
|
+
fontSize: '400',
|
|
57
|
+
height: 'control.height.300',
|
|
58
|
+
paddingX: '500',
|
|
59
|
+
gap: '300'
|
|
60
|
+
},
|
|
61
|
+
m: {
|
|
62
|
+
fontSize: '300',
|
|
63
|
+
height: 'control.height.200',
|
|
64
|
+
paddingX: '400',
|
|
65
|
+
gap: '200'
|
|
66
|
+
},
|
|
67
|
+
s: {
|
|
68
|
+
fontSize: '200',
|
|
69
|
+
height: 'control.height.100',
|
|
70
|
+
paddingX: '400',
|
|
71
|
+
gap: '200'
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
compoundVariants: [
|
|
76
|
+
{
|
|
77
|
+
variant: 'filled',
|
|
78
|
+
color: 'primary',
|
|
79
|
+
css: {
|
|
80
|
+
color: 'neutral.foreground.1.onBrand.enabled',
|
|
81
|
+
backgroundColor: 'primary.background.2.enabled',
|
|
82
|
+
_hover: {
|
|
83
|
+
backgroundColor: 'primary.background.2.hovered'
|
|
84
|
+
},
|
|
85
|
+
_active: {
|
|
86
|
+
backgroundColor: 'primary.background.2.actived'
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
variant: 'filled',
|
|
92
|
+
color: 'neutral',
|
|
93
|
+
css: {
|
|
94
|
+
color: 'neutral.foreground.1.onBrand.enabled',
|
|
95
|
+
backgroundColor: 'neutral.background.6.enabled',
|
|
96
|
+
_hover: {
|
|
97
|
+
backgroundColor: 'neutral.background.6.hovered'
|
|
98
|
+
},
|
|
99
|
+
_active: {
|
|
100
|
+
backgroundColor: 'neutral.background.6.actived'
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
variant: 'filled',
|
|
106
|
+
color: 'danger',
|
|
107
|
+
css: {
|
|
108
|
+
color: 'neutral.foreground.1.onBrand.enabled',
|
|
109
|
+
backgroundColor: 'danger.background.1.enabled',
|
|
110
|
+
_hover: {
|
|
111
|
+
backgroundColor: 'danger.background.1.hovered'
|
|
112
|
+
},
|
|
113
|
+
_active: {
|
|
114
|
+
backgroundColor: 'danger.background.1.actived'
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
variant: 'outlined',
|
|
120
|
+
color: 'primary',
|
|
121
|
+
css: {
|
|
122
|
+
color: 'primary.foreground.2.enabled',
|
|
123
|
+
borderColor: 'primary.stroke.3.enabled',
|
|
124
|
+
_hover: {
|
|
125
|
+
color: 'primary.foreground.2.hovered',
|
|
126
|
+
backgroundColor: 'neutral.background.2.hovered',
|
|
127
|
+
borderColor: 'primary.stroke.3.hovered'
|
|
128
|
+
},
|
|
129
|
+
_active: {
|
|
130
|
+
color: 'primary.foreground.2.actived',
|
|
131
|
+
backgroundColor: 'neutral.background.2.actived',
|
|
132
|
+
borderColor: 'primary.stroke.3.actived'
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
variant: 'outlined',
|
|
138
|
+
color: 'neutral',
|
|
139
|
+
css: {
|
|
140
|
+
color: 'neutral.foreground.2.enabled',
|
|
141
|
+
borderColor: 'neutral.stroke.7.enabled',
|
|
142
|
+
_hover: {
|
|
143
|
+
color: 'neutral.foreground.2.hovered',
|
|
144
|
+
backgroundColor: 'neutral.background.2.hovered',
|
|
145
|
+
borderColor: 'neutral.stroke.7.hovered'
|
|
146
|
+
},
|
|
147
|
+
_active: {
|
|
148
|
+
color: 'neutral.foreground.2.actived',
|
|
149
|
+
backgroundColor: 'neutral.background.2.actived',
|
|
150
|
+
borderColor: 'neutral.stroke.7.actived'
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
variant: 'outlined',
|
|
156
|
+
color: 'danger',
|
|
157
|
+
css: {
|
|
158
|
+
color: 'danger.foreground.1.enabled',
|
|
159
|
+
borderColor: 'danger.stroke.1.enabled',
|
|
160
|
+
_hover: {
|
|
161
|
+
color: 'danger.foreground.1.hovered',
|
|
162
|
+
backgroundColor: 'neutral.background.2.hovered',
|
|
163
|
+
borderColor: 'danger.stroke.1.hovered'
|
|
164
|
+
},
|
|
165
|
+
_active: {
|
|
166
|
+
color: 'danger.foreground.1.actived',
|
|
167
|
+
backgroundColor: 'neutral.background.2.actived',
|
|
168
|
+
borderColor: 'danger.stroke.1.actived'
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
variant: 'ghost',
|
|
174
|
+
color: 'primary',
|
|
175
|
+
css: {
|
|
176
|
+
color: 'primary.foreground.2.enabled',
|
|
177
|
+
_hover: {
|
|
178
|
+
color: 'primary.foreground.2.hovered',
|
|
179
|
+
backgroundColor: 'neutral.background.2.hovered'
|
|
180
|
+
},
|
|
181
|
+
_active: {
|
|
182
|
+
color: 'primary.foreground.2.actived',
|
|
183
|
+
backgroundColor: 'neutral.background.2.actived'
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
variant: 'ghost',
|
|
189
|
+
color: 'neutral',
|
|
190
|
+
css: {
|
|
191
|
+
color: 'neutral.foreground.2.enabled',
|
|
192
|
+
_hover: {
|
|
193
|
+
color: 'neutral.foreground.2.hovered',
|
|
194
|
+
backgroundColor: 'neutral.background.2.hovered'
|
|
195
|
+
},
|
|
196
|
+
_active: {
|
|
197
|
+
color: 'neutral.foreground.2.actived',
|
|
198
|
+
backgroundColor: 'neutral.background.2.actived'
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
variant: 'ghost',
|
|
204
|
+
color: 'danger',
|
|
205
|
+
css: {
|
|
206
|
+
color: 'danger.foreground.1.enabled',
|
|
207
|
+
_hover: {
|
|
208
|
+
color: 'danger.foreground.1.hovered',
|
|
209
|
+
backgroundColor: 'neutral.background.2.hovered'
|
|
210
|
+
},
|
|
211
|
+
_active: {
|
|
212
|
+
color: 'danger.foreground.1.actived',
|
|
213
|
+
backgroundColor: 'neutral.background.2.actived'
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
],
|
|
218
|
+
defaultVariants: {
|
|
219
|
+
variant: 'filled',
|
|
220
|
+
color: 'neutral',
|
|
221
|
+
size: 'm'
|
|
222
|
+
}
|
|
223
|
+
});
|
|
224
|
+
|
|
225
|
+
export { button };
|
|
226
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../../src/recipes/atoms/buttons/button.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { focus } from '../../shared/focus';\n\nexport const button = focus.merge({\n className: 'button',\n jsx: ['Button'],\n base: {\n fontWeight: 'medium',\n whiteSpace: 'nowrap',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n textDecoration: 'none',\n borderRadius: '200',\n cursor: 'pointer',\n transition: '{animations.base.100}',\n fill: 'currentColor',\n stroke: 'currentColor',\n _focus: {\n outline: 'none',\n boxShadow: 'none',\n },\n _active: {\n outline: 'none!',\n },\n _disabled: {\n opacity: '0.5',\n pointerEvents: 'none',\n },\n },\n variants: {\n variant: {\n unstyled: {},\n filled: {\n border: 'none',\n },\n outlined: {\n backgroundColor: 'transparent',\n borderWidth: '1px',\n borderStyle: 'solid',\n },\n ghost: {\n backgroundColor: 'transparent',\n border: 'none',\n },\n },\n color: {\n unstyled: {},\n primary: {},\n neutral: {},\n danger: {},\n },\n size: {\n l: {\n fontSize: '400',\n height: 'control.height.300',\n paddingX: '500',\n gap: '300',\n },\n m: {\n fontSize: '300',\n height: 'control.height.200',\n paddingX: '400',\n gap: '200',\n },\n s: {\n fontSize: '200',\n height: 'control.height.100',\n paddingX: '400',\n gap: '200',\n },\n },\n },\n compoundVariants: [\n {\n variant: 'filled',\n color: 'primary',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'primary.background.2.enabled',\n _hover: {\n backgroundColor: 'primary.background.2.hovered',\n },\n _active: {\n backgroundColor: 'primary.background.2.actived',\n },\n },\n },\n {\n variant: 'filled',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'neutral.background.6.enabled',\n _hover: {\n backgroundColor: 'neutral.background.6.hovered',\n },\n _active: {\n backgroundColor: 'neutral.background.6.actived',\n },\n },\n },\n {\n variant: 'filled',\n color: 'danger',\n css: {\n color: 'neutral.foreground.1.onBrand.enabled',\n backgroundColor: 'danger.background.1.enabled',\n _hover: {\n backgroundColor: 'danger.background.1.hovered',\n },\n _active: {\n backgroundColor: 'danger.background.1.actived',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'primary',\n css: {\n color: 'primary.foreground.2.enabled',\n borderColor: 'primary.stroke.3.enabled',\n _hover: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'primary.stroke.3.hovered',\n },\n _active: {\n color: 'primary.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'primary.stroke.3.actived',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.enabled',\n borderColor: 'neutral.stroke.7.enabled',\n _hover: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'neutral.stroke.7.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'neutral.stroke.7.actived',\n },\n },\n },\n {\n variant: 'outlined',\n color: 'danger',\n css: {\n color: 'danger.foreground.1.enabled',\n borderColor: 'danger.stroke.1.enabled',\n _hover: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n borderColor: 'danger.stroke.1.hovered',\n },\n _active: {\n color: 'danger.foreground.1.actived',\n backgroundColor: 'neutral.background.2.actived',\n borderColor: 'danger.stroke.1.actived',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'primary',\n css: {\n color: 'primary.foreground.2.enabled',\n _hover: {\n color: 'primary.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'primary.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'neutral',\n css: {\n color: 'neutral.foreground.2.enabled',\n _hover: {\n color: 'neutral.foreground.2.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'neutral.foreground.2.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n },\n },\n {\n variant: 'ghost',\n color: 'danger',\n css: {\n color: 'danger.foreground.1.enabled',\n _hover: {\n color: 'danger.foreground.1.hovered',\n backgroundColor: 'neutral.background.2.hovered',\n },\n _active: {\n color: 'danger.foreground.1.actived',\n backgroundColor: 'neutral.background.2.actived',\n },\n },\n },\n ],\n defaultVariants: {\n variant: 'filled',\n color: 'neutral',\n size: 'm',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["button","focus","merge","className","jsx","base","fontWeight","whiteSpace","alignItems","justifyContent","textAlign","textDecoration","borderRadius","cursor","transition","fill","stroke","_focus","outline","boxShadow","_active","_disabled","opacity","pointerEvents","variants","variant","unstyled","filled","border","outlined","backgroundColor","borderWidth","borderStyle","ghost","color","primary","neutral","danger","size","l","fontSize","height","paddingX","gap","m","s","compoundVariants","css","_hover","borderColor","defaultVariants"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const buttons: {
|
|
2
|
+
button: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
3
|
+
buttonIcon: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
4
|
+
buttonIconIcon: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
5
|
+
buttonInner: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
6
|
+
buttonLabel: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
7
|
+
buttonSection: import("@pandabox/define-recipe").RecipeBuilder<import("@pandabox/define-recipe").RecipeVariantRecord>;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/buttons/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { button } from './button.js';
|
|
2
|
+
import { buttonIcon } from './button-icon.js';
|
|
3
|
+
import { buttonIconIcon } from './button-icon-icon.js';
|
|
4
|
+
import { buttonInner } from './button-inner.js';
|
|
5
|
+
import { buttonLabel } from './button-label.js';
|
|
6
|
+
import { buttonSection } from './button-section.js';
|
|
7
|
+
|
|
8
|
+
const buttons = {
|
|
9
|
+
button,
|
|
10
|
+
buttonIcon,
|
|
11
|
+
buttonIconIcon,
|
|
12
|
+
buttonInner,
|
|
13
|
+
buttonLabel,
|
|
14
|
+
buttonSection
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { buttons };
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/recipes/atoms/buttons/index.ts"],"sourcesContent":["import { button } from './button';\nimport { buttonIcon } from './button-icon';\nimport { buttonIconIcon } from './button-icon-icon';\nimport { buttonInner } from './button-inner';\nimport { buttonLabel } from './button-label';\nimport { buttonSection } from './button-section';\n\nexport const buttons = {\n button,\n buttonIcon,\n buttonIconIcon,\n buttonInner,\n buttonLabel,\n buttonSection,\n};\n"],"names":["buttons","button","buttonIcon","buttonIconIcon","buttonInner","buttonLabel","buttonSection"],"mappings":";;;;;;;MAOaA,OAAU,GAAA;AACrBC,IAAAA,MAAAA;AACAC,IAAAA,UAAAA;AACAC,IAAAA,cAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAgB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,eAAO,MAAM,QAAQ,EAgBf,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const dropdown = defineRecipe({
|
|
4
|
+
className: 'dropdown',
|
|
5
|
+
base: {
|
|
6
|
+
marginTop: '0!',
|
|
7
|
+
position: 'absolute!',
|
|
8
|
+
backgroundColor: 'neutral.background.1.enabled',
|
|
9
|
+
borderWidth: '{borders.100}',
|
|
10
|
+
borderStyle: 'solid',
|
|
11
|
+
borderColor: 'neutral.stroke.7.enabled',
|
|
12
|
+
borderRadius: '200',
|
|
13
|
+
maxHeight: '33vh!',
|
|
14
|
+
overflowY: 'auto',
|
|
15
|
+
padding: '100',
|
|
16
|
+
boxShadow: 'outside.y.2'
|
|
17
|
+
},
|
|
18
|
+
variants: {}
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
export { dropdown };
|
|
22
|
+
//# sourceMappingURL=dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.js","sources":["../../../../src/recipes/atoms/dropdown/dropdown.ts"],"sourcesContent":["import { type RecipeBuilder, defineRecipe } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nexport const dropdown = defineRecipe({\n className: 'dropdown',\n base: {\n marginTop: '0!',\n position: 'absolute!',\n backgroundColor: 'neutral.background.1.enabled',\n borderWidth: '{borders.100}',\n borderStyle: 'solid',\n borderColor: 'neutral.stroke.7.enabled',\n borderRadius: '200',\n maxHeight: '33vh!',\n overflowY: 'auto',\n padding: '100',\n boxShadow: 'outside.y.2',\n },\n variants: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["dropdown","defineRecipe","className","base","marginTop","position","backgroundColor","borderWidth","borderStyle","borderColor","borderRadius","maxHeight","overflowY","padding","boxShadow","variants"],"mappings":";;AAGO,MAAMA,WAAWC,YAAa,CAAA;IACnCC,SAAW,EAAA,UAAA;IACXC,IAAM,EAAA;QACJC,SAAW,EAAA,IAAA;QACXC,QAAU,EAAA,WAAA;QACVC,eAAiB,EAAA,8BAAA;QACjBC,WAAa,EAAA,eAAA;QACbC,WAAa,EAAA,OAAA;QACbC,WAAa,EAAA,0BAAA;QACbC,YAAc,EAAA,KAAA;QACdC,SAAW,EAAA,OAAA;QACXC,SAAW,EAAA,MAAA;QACXC,OAAS,EAAA,KAAA;QACTC,SAAW,EAAA;AACb,KAAA;AACAC,IAAAA,QAAAA,EAAU;AACZ,CAAyC;;;;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export declare const icon: import("@pandabox/define-recipe").SlotRecipeBuilder<"root" | "svg", {
|
|
2
|
+
size: {
|
|
3
|
+
xs: {
|
|
4
|
+
root: {
|
|
5
|
+
height: "0.75rem";
|
|
6
|
+
width: "0.75rem";
|
|
7
|
+
};
|
|
8
|
+
svg: {
|
|
9
|
+
strokeWidth: "1";
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
s: {
|
|
13
|
+
root: {
|
|
14
|
+
height: "1rem";
|
|
15
|
+
width: "1rem";
|
|
16
|
+
};
|
|
17
|
+
svg: {
|
|
18
|
+
strokeWidth: "1.5";
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
m: {
|
|
22
|
+
root: {
|
|
23
|
+
height: "1.25rem";
|
|
24
|
+
width: "1.25rem";
|
|
25
|
+
};
|
|
26
|
+
svg: {
|
|
27
|
+
strokeWidth: "1.5";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
l: {
|
|
31
|
+
root: {
|
|
32
|
+
height: "1.375rem";
|
|
33
|
+
width: "1.375rem";
|
|
34
|
+
};
|
|
35
|
+
svg: {
|
|
36
|
+
strokeWidth: "1.5";
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
xl: {
|
|
40
|
+
root: {
|
|
41
|
+
height: "1.5rem";
|
|
42
|
+
width: "1.5rem";
|
|
43
|
+
};
|
|
44
|
+
svg: {
|
|
45
|
+
strokeWidth: "1.5";
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
}>;
|
|
50
|
+
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/recipes/atoms/icon/icon.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDf,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { defineSlotRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const icon = defineSlotRecipe({
|
|
4
|
+
className: 'icon',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Icon'
|
|
7
|
+
],
|
|
8
|
+
slots: [
|
|
9
|
+
'root',
|
|
10
|
+
'svg'
|
|
11
|
+
],
|
|
12
|
+
base: {
|
|
13
|
+
root: {
|
|
14
|
+
display: 'inline-flex',
|
|
15
|
+
justifyContent: 'center',
|
|
16
|
+
alignItems: 'center',
|
|
17
|
+
flexShrink: 0,
|
|
18
|
+
aspectRatio: '1',
|
|
19
|
+
transition: 'all 0.2s ease'
|
|
20
|
+
},
|
|
21
|
+
svg: {
|
|
22
|
+
fill: 'none',
|
|
23
|
+
stroke: 'currentColor',
|
|
24
|
+
display: 'block',
|
|
25
|
+
width: '100%',
|
|
26
|
+
aspectRatio: '1',
|
|
27
|
+
pointerEvents: 'none'
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
variants: {
|
|
31
|
+
size: {
|
|
32
|
+
xs: {
|
|
33
|
+
root: {
|
|
34
|
+
height: '0.75rem',
|
|
35
|
+
width: '0.75rem'
|
|
36
|
+
},
|
|
37
|
+
svg: {
|
|
38
|
+
strokeWidth: '1'
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
s: {
|
|
42
|
+
root: {
|
|
43
|
+
height: '1rem',
|
|
44
|
+
width: '1rem'
|
|
45
|
+
},
|
|
46
|
+
svg: {
|
|
47
|
+
strokeWidth: '1.5'
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
m: {
|
|
51
|
+
root: {
|
|
52
|
+
height: '1.25rem',
|
|
53
|
+
width: '1.25rem'
|
|
54
|
+
},
|
|
55
|
+
svg: {
|
|
56
|
+
strokeWidth: '1.5'
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
l: {
|
|
60
|
+
root: {
|
|
61
|
+
height: '1.375rem',
|
|
62
|
+
width: '1.375rem'
|
|
63
|
+
},
|
|
64
|
+
svg: {
|
|
65
|
+
strokeWidth: '1.5'
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
xl: {
|
|
69
|
+
root: {
|
|
70
|
+
height: '1.5rem',
|
|
71
|
+
width: '1.5rem'
|
|
72
|
+
},
|
|
73
|
+
svg: {
|
|
74
|
+
strokeWidth: '1.5'
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
defaultVariants: {
|
|
80
|
+
size: 'm'
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
|
|
84
|
+
export { icon };
|
|
85
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.js","sources":["../../../../src/recipes/atoms/icon/icon.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandabox/define-recipe';\n\nexport const icon = defineSlotRecipe({\n className: 'icon',\n jsx: ['Icon'],\n slots: ['root', 'svg'],\n base: {\n root: {\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: 0,\n aspectRatio: '1',\n transition: 'all 0.2s ease',\n },\n svg: {\n fill: 'none',\n stroke: 'currentColor',\n display: 'block',\n width: '100%',\n aspectRatio: '1',\n pointerEvents: 'none',\n },\n },\n variants: {\n size: {\n xs: {\n root: { height: '0.75rem', width: '0.75rem' },\n svg: { strokeWidth: '1' },\n },\n s: {\n root: { height: '1rem', width: '1rem' },\n svg: { strokeWidth: '1.5' },\n },\n m: {\n root: { height: '1.25rem', width: '1.25rem' },\n svg: { strokeWidth: '1.5' },\n },\n l: {\n root: { height: '1.375rem', width: '1.375rem' },\n svg: { strokeWidth: '1.5' },\n },\n xl: {\n root: { height: '1.5rem', width: '1.5rem' },\n svg: { strokeWidth: '1.5' },\n },\n },\n },\n defaultVariants: {\n size: 'm',\n },\n});\n"],"names":["icon","defineSlotRecipe","className","jsx","slots","base","root","display","justifyContent","alignItems","flexShrink","aspectRatio","transition","svg","fill","stroke","width","pointerEvents","variants","size","xs","height","strokeWidth","s","m","l","xl","defaultVariants"],"mappings":";;AAEO,MAAMA,OAAOC,gBAAiB,CAAA;IACnCC,SAAW,EAAA,MAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAO,KAAA;IACbC,KAAO,EAAA;AAAC,QAAA,MAAA;AAAQ,QAAA;AAAM,KAAA;IACtBC,IAAM,EAAA;QACJC,IAAM,EAAA;YACJC,OAAS,EAAA,aAAA;YACTC,cAAgB,EAAA,QAAA;YAChBC,UAAY,EAAA,QAAA;YACZC,UAAY,EAAA,CAAA;YACZC,WAAa,EAAA,GAAA;YACbC,UAAY,EAAA;AACd,SAAA;QACAC,GAAK,EAAA;YACHC,IAAM,EAAA,MAAA;YACNC,MAAQ,EAAA,cAAA;YACRR,OAAS,EAAA,OAAA;YACTS,KAAO,EAAA,MAAA;YACPL,WAAa,EAAA,GAAA;YACbM,aAAe,EAAA;AACjB;AACF,KAAA;IACAC,QAAU,EAAA;QACRC,IAAM,EAAA;YACJC,EAAI,EAAA;gBACFd,IAAM,EAAA;oBAAEe,MAAQ,EAAA,SAAA;oBAAWL,KAAO,EAAA;AAAU,iBAAA;gBAC5CH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAI;AAC1B,aAAA;YACAC,CAAG,EAAA;gBACDjB,IAAM,EAAA;oBAAEe,MAAQ,EAAA,MAAA;oBAAQL,KAAO,EAAA;AAAO,iBAAA;gBACtCH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAM;AAC5B,aAAA;YACAE,CAAG,EAAA;gBACDlB,IAAM,EAAA;oBAAEe,MAAQ,EAAA,SAAA;oBAAWL,KAAO,EAAA;AAAU,iBAAA;gBAC5CH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAM;AAC5B,aAAA;YACAG,CAAG,EAAA;gBACDnB,IAAM,EAAA;oBAAEe,MAAQ,EAAA,UAAA;oBAAYL,KAAO,EAAA;AAAW,iBAAA;gBAC9CH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAM;AAC5B,aAAA;YACAI,EAAI,EAAA;gBACFpB,IAAM,EAAA;oBAAEe,MAAQ,EAAA,QAAA;oBAAUL,KAAO,EAAA;AAAS,iBAAA;gBAC1CH,GAAK,EAAA;oBAAES,WAAa,EAAA;AAAM;AAC5B;AACF;AACF,KAAA;IACAK,eAAiB,EAAA;QACfR,IAAM,EAAA;AACR;AACF,CAAG;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-body.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-body.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,YAAY,EAUnB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const checkboxBody = defineRecipe({
|
|
4
|
+
className: 'checkbox-body',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Checkbox'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
display: 'flex',
|
|
10
|
+
flexDirection: 'row',
|
|
11
|
+
':is([data-label-position="left"]) &': {
|
|
12
|
+
flexDirection: 'row-reverse'
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { checkboxBody };
|
|
18
|
+
//# sourceMappingURL=checkbox-body.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-body.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-body.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxBody = defineRecipe({\n className: 'checkbox-body',\n jsx: ['Checkbox'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n ':is([data-label-position=\"left\"]) &': {\n flexDirection: 'row-reverse',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxBody","defineRecipe","className","jsx","base","display","flexDirection"],"mappings":";;AAMO,MAAMA,eAAeC,YAAa,CAAA;IACvCC,SAAW,EAAA,eAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,OAAS,EAAA,MAAA;QACTC,aAAe,EAAA,KAAA;QACf,qCAAuC,EAAA;YACrCA,aAAe,EAAA;AACjB;AACF;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-description.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-description.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,mBAAmB,EAI1B,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { inputDescription } from '../input-description.js';
|
|
2
|
+
|
|
3
|
+
const checkboxDescription = inputDescription.merge({
|
|
4
|
+
className: 'checkbox-description',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Checkbox'
|
|
7
|
+
],
|
|
8
|
+
base: {}
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
export { checkboxDescription };
|
|
12
|
+
//# sourceMappingURL=checkbox-description.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-description.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-description.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputDescription } from '../input-description';\n\nexport const checkboxDescription = inputDescription.merge({\n className: 'checkbox-description',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxDescription","inputDescription","merge","className","jsx","base"],"mappings":";;AAMaA,MAAAA,mBAAAA,GAAsBC,gBAAiBC,CAAAA,KAAK,CAAC;IACxDC,SAAW,EAAA,sBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;AACjBC,IAAAA,IAAAA,EAAM;AACR,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-error.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-error.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-error.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-error.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\nimport { inputError } from '../input-error';\n\nexport const checkboxError = inputError.merge({\n className: 'checkbox-error',\n jsx: ['Checkbox'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxError","inputError","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":"checkbox-icon.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,YAAY,EAenB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const checkboxIcon = defineRecipe({
|
|
4
|
+
className: 'checkbox-icon',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Checkbox'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
color: 'neutral.foreground.static.inverted.enabled',
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
inset: 0,
|
|
12
|
+
width: '60%',
|
|
13
|
+
margin: 'auto',
|
|
14
|
+
pointerEvents: 'none',
|
|
15
|
+
opacity: 0,
|
|
16
|
+
_peerChecked: {
|
|
17
|
+
opacity: 1
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
export { checkboxIcon };
|
|
23
|
+
//# sourceMappingURL=checkbox-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-icon.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n className: 'checkbox-icon',\n jsx: ['Checkbox'],\n base: {\n color: 'neutral.foreground.static.inverted.enabled',\n position: 'absolute',\n inset: 0,\n width: '60%',\n margin: 'auto',\n pointerEvents: 'none',\n opacity: 0,\n _peerChecked: {\n opacity: 1,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxIcon","defineRecipe","className","jsx","base","color","position","inset","width","margin","pointerEvents","opacity","_peerChecked"],"mappings":";;AAMO,MAAMA,eAAeC,YAAa,CAAA;IACvCC,SAAW,EAAA,eAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,KAAO,EAAA,4CAAA;QACPC,QAAU,EAAA,UAAA;QACVC,KAAO,EAAA,CAAA;QACPC,KAAO,EAAA,KAAA;QACPC,MAAQ,EAAA,MAAA;QACRC,aAAe,EAAA,MAAA;QACfC,OAAS,EAAA,CAAA;QACTC,YAAc,EAAA;YACZD,OAAS,EAAA;AACX;AACF;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-inner.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-inner.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,aAAa,EAQpB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { defineRecipe } from '@pandabox/define-recipe';
|
|
2
|
+
|
|
3
|
+
const checkboxInner = defineRecipe({
|
|
4
|
+
className: 'checkbox-inner',
|
|
5
|
+
jsx: [
|
|
6
|
+
'Checkbox'
|
|
7
|
+
],
|
|
8
|
+
base: {
|
|
9
|
+
position: 'relative',
|
|
10
|
+
width: 'control.height.50',
|
|
11
|
+
height: 'control.height.50'
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
export { checkboxInner };
|
|
16
|
+
//# sourceMappingURL=checkbox-inner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-inner.js","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-inner.ts"],"sourcesContent":["import {\n type RecipeBuilder,\n type RecipeVariantRecord,\n defineRecipe,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInner = defineRecipe({\n className: 'checkbox-inner',\n jsx: ['Checkbox'],\n base: {\n position: 'relative',\n width: 'control.height.50',\n height: 'control.height.50',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"names":["checkboxInner","defineRecipe","className","jsx","base","position","width","height"],"mappings":";;AAMO,MAAMA,gBAAgBC,YAAa,CAAA;IACxCC,SAAW,EAAA,gBAAA;IACXC,GAAK,EAAA;AAAC,QAAA;AAAW,KAAA;IACjBC,IAAM,EAAA;QACJC,QAAU,EAAA,UAAA;QACVC,KAAO,EAAA,mBAAA;QACPC,MAAQ,EAAA;AACV;AACF,CAAyC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-input.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/atoms/inputs/checkbox/checkbox-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,aAAa,EA2BpB,aAAa,CAAC,mBAAmB,CAAC,CAAC"}
|