@edo-w/flatline-solid 0.2.1 → 0.3.1
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/button/index.css +124 -0
- package/dist/button/index.d.ts +2 -0
- package/dist/button/index.js +51 -0
- package/dist/button/index.js.map +1 -0
- package/dist/card/index.css +112 -0
- package/dist/card/index.d.ts +68 -0
- package/dist/card/index.js +181 -0
- package/dist/card/index.js.map +1 -0
- package/dist/checkbox/index.css +75 -0
- package/dist/checkbox/index.d.ts +55 -0
- package/dist/checkbox/index.js +156 -0
- package/dist/checkbox/index.js.map +1 -0
- package/dist/combobox/index.css +184 -0
- package/dist/combobox/index.d.ts +145 -0
- package/dist/combobox/index.js +894 -0
- package/dist/combobox/index.js.map +1 -0
- package/dist/dialog/index.css +218 -0
- package/dist/dialog/index.d.ts +65 -0
- package/dist/dialog/index.js +124 -0
- package/dist/dialog/index.js.map +1 -0
- package/dist/dropdown-menu/index.css +238 -0
- package/dist/dropdown-menu/index.d.ts +122 -0
- package/dist/dropdown-menu/index.js +199 -0
- package/dist/dropdown-menu/index.js.map +1 -0
- package/dist/icons-CH4ghH8L.js +41 -0
- package/dist/icons-CH4ghH8L.js.map +1 -0
- package/dist/index-D-CV7Jz5.d.ts +30 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +0 -0
- package/dist/input/index.css +23 -0
- package/dist/input/index.d.ts +14 -0
- package/dist/input/index.js +24 -0
- package/dist/input/index.js.map +1 -0
- package/dist/label/index.css +11 -0
- package/dist/label/index.d.ts +14 -0
- package/dist/label/index.js +25 -0
- package/dist/label/index.js.map +1 -0
- package/dist/lite-CiFvU804.js +9 -0
- package/dist/lite-CiFvU804.js.map +1 -0
- package/dist/progress-bar/index.css +34 -0
- package/dist/progress-bar/index.d.ts +19 -0
- package/dist/progress-bar/index.js +61 -0
- package/dist/progress-bar/index.js.map +1 -0
- package/dist/radio/index.css +64 -0
- package/dist/radio/index.d.ts +55 -0
- package/dist/radio/index.js +143 -0
- package/dist/radio/index.js.map +1 -0
- package/dist/select/index.css +53 -0
- package/dist/select/index.d.ts +16 -0
- package/dist/select/index.js +51 -0
- package/dist/select/index.js.map +1 -0
- package/dist/slider/index.css +59 -0
- package/dist/slider/index.d.ts +16 -0
- package/dist/slider/index.js +37 -0
- package/dist/slider/index.js.map +1 -0
- package/dist/spinner/index.css +44 -0
- package/dist/spinner/index.d.ts +24 -0
- package/dist/spinner/index.js +48 -0
- package/dist/spinner/index.js.map +1 -0
- package/dist/{src/style → style}/flatline.css +0 -1
- package/dist/switch/index.css +69 -0
- package/dist/switch/index.d.ts +22 -0
- package/dist/switch/index.js +75 -0
- package/dist/switch/index.js.map +1 -0
- package/dist/table/index.css +50 -0
- package/dist/table/index.d.ts +64 -0
- package/dist/table/index.js +142 -0
- package/dist/table/index.js.map +1 -0
- package/dist/tabs/index.css +114 -0
- package/dist/tabs/index.d.ts +40 -0
- package/dist/tabs/index.js +67 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/textarea/index.css +35 -0
- package/dist/textarea/index.d.ts +14 -0
- package/dist/textarea/index.js +24 -0
- package/dist/textarea/index.js.map +1 -0
- package/dist/xstack/index.d.ts +1 -0
- package/dist/xstack/index.js +0 -0
- package/dist/ystack/index.css +26 -0
- package/dist/ystack/index.d.ts +25 -0
- package/dist/ystack/index.js +47 -0
- package/dist/ystack/index.js.map +1 -0
- package/package.json +31 -5
- package/dist/src/components/button/button.css +0 -156
- package/dist/src/components/button/button.d.ts +0 -9
- package/dist/src/components/button/button.jsx +0 -21
- package/dist/src/components/button/button.jsx.map +0 -1
- package/dist/src/components/button/class.d.ts +0 -16
- package/dist/src/components/button/class.js +0 -15
- package/dist/src/components/button/class.js.map +0 -1
- package/dist/src/components/button/index.d.ts +0 -2
- package/dist/src/components/button/index.js +0 -3
- package/dist/src/components/button/index.js.map +0 -1
- package/dist/src/components/card/card-action.css +0 -15
- package/dist/src/components/card/card-content.css +0 -13
- package/dist/src/components/card/card-footer.css +0 -39
- package/dist/src/components/card/card-header.css +0 -13
- package/dist/src/components/card/card-root.css +0 -31
- package/dist/src/components/card/card-subtitle.css +0 -12
- package/dist/src/components/card/card-title.css +0 -33
- package/dist/src/components/card/card.d.ts +0 -42
- package/dist/src/components/card/card.jsx +0 -86
- package/dist/src/components/card/card.jsx.map +0 -1
- package/dist/src/components/card/class.d.ts +0 -28
- package/dist/src/components/card/class.js +0 -27
- package/dist/src/components/card/class.js.map +0 -1
- package/dist/src/components/card/index.d.ts +0 -2
- package/dist/src/components/card/index.js +0 -3
- package/dist/src/components/card/index.js.map +0 -1
- package/dist/src/components/checkbox/checkbox-group.css +0 -9
- package/dist/src/components/checkbox/checkbox-group.d.ts +0 -3
- package/dist/src/components/checkbox/checkbox-group.jsx +0 -43
- package/dist/src/components/checkbox/checkbox-group.jsx.map +0 -1
- package/dist/src/components/checkbox/checkbox-root.css +0 -85
- package/dist/src/components/checkbox/checkbox-root.d.ts +0 -4
- package/dist/src/components/checkbox/checkbox-root.jsx +0 -55
- package/dist/src/components/checkbox/checkbox-root.jsx.map +0 -1
- package/dist/src/components/checkbox/checkbox.d.ts +0 -9
- package/dist/src/components/checkbox/checkbox.jsx +0 -6
- package/dist/src/components/checkbox/checkbox.jsx.map +0 -1
- package/dist/src/components/checkbox/class.d.ts +0 -8
- package/dist/src/components/checkbox/class.js +0 -9
- package/dist/src/components/checkbox/class.js.map +0 -1
- package/dist/src/components/checkbox/context.d.ts +0 -9
- package/dist/src/components/checkbox/context.js +0 -6
- package/dist/src/components/checkbox/context.js.map +0 -1
- package/dist/src/components/checkbox/index.d.ts +0 -6
- package/dist/src/components/checkbox/index.js +0 -7
- package/dist/src/components/checkbox/index.js.map +0 -1
- package/dist/src/components/checkbox/types.d.ts +0 -16
- package/dist/src/components/checkbox/types.js +0 -1
- package/dist/src/components/checkbox/types.js.map +0 -1
- package/dist/src/components/combobox/class.d.ts +0 -13
- package/dist/src/components/combobox/class.js +0 -14
- package/dist/src/components/combobox/class.js.map +0 -1
- package/dist/src/components/combobox/combobox-content.css +0 -20
- package/dist/src/components/combobox/combobox-content.d.ts +0 -2
- package/dist/src/components/combobox/combobox-content.jsx +0 -15
- package/dist/src/components/combobox/combobox-content.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-control.css +0 -29
- package/dist/src/components/combobox/combobox-control.d.ts +0 -3
- package/dist/src/components/combobox/combobox-control.jsx +0 -19
- package/dist/src/components/combobox/combobox-control.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-group.css +0 -32
- package/dist/src/components/combobox/combobox-group.d.ts +0 -2
- package/dist/src/components/combobox/combobox-group.jsx +0 -12
- package/dist/src/components/combobox/combobox-group.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-hidden-select.d.ts +0 -2
- package/dist/src/components/combobox/combobox-hidden-select.jsx +0 -8
- package/dist/src/components/combobox/combobox-hidden-select.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-icon.css +0 -11
- package/dist/src/components/combobox/combobox-icon.d.ts +0 -2
- package/dist/src/components/combobox/combobox-icon.jsx +0 -12
- package/dist/src/components/combobox/combobox-icon.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-input.css +0 -32
- package/dist/src/components/combobox/combobox-input.d.ts +0 -3
- package/dist/src/components/combobox/combobox-input.jsx +0 -101
- package/dist/src/components/combobox/combobox-input.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-item-indicator.css +0 -11
- package/dist/src/components/combobox/combobox-item-indicator.d.ts +0 -2
- package/dist/src/components/combobox/combobox-item-indicator.jsx +0 -16
- package/dist/src/components/combobox/combobox-item-indicator.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-item-label.d.ts +0 -2
- package/dist/src/components/combobox/combobox-item-label.jsx +0 -13
- package/dist/src/components/combobox/combobox-item-label.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-item.css +0 -48
- package/dist/src/components/combobox/combobox-item.d.ts +0 -3
- package/dist/src/components/combobox/combobox-item.jsx +0 -37
- package/dist/src/components/combobox/combobox-item.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-listbox.css +0 -21
- package/dist/src/components/combobox/combobox-listbox.d.ts +0 -2
- package/dist/src/components/combobox/combobox-listbox.jsx +0 -39
- package/dist/src/components/combobox/combobox-listbox.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-portal.d.ts +0 -2
- package/dist/src/components/combobox/combobox-portal.jsx +0 -6
- package/dist/src/components/combobox/combobox-portal.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-root.css +0 -12
- package/dist/src/components/combobox/combobox-root.d.ts +0 -3
- package/dist/src/components/combobox/combobox-root.jsx +0 -407
- package/dist/src/components/combobox/combobox-root.jsx.map +0 -1
- package/dist/src/components/combobox/combobox-trigger.css +0 -31
- package/dist/src/components/combobox/combobox-trigger.d.ts +0 -3
- package/dist/src/components/combobox/combobox-trigger.jsx +0 -30
- package/dist/src/components/combobox/combobox-trigger.jsx.map +0 -1
- package/dist/src/components/combobox/combobox.d.ts +0 -43
- package/dist/src/components/combobox/combobox.jsx +0 -39
- package/dist/src/components/combobox/combobox.jsx.map +0 -1
- package/dist/src/components/combobox/context.d.ts +0 -47
- package/dist/src/components/combobox/context.js +0 -18
- package/dist/src/components/combobox/context.js.map +0 -1
- package/dist/src/components/combobox/index.d.ts +0 -2
- package/dist/src/components/combobox/index.js +0 -3
- package/dist/src/components/combobox/index.js.map +0 -1
- package/dist/src/components/combobox/types.d.ts +0 -68
- package/dist/src/components/combobox/types.js +0 -1
- package/dist/src/components/combobox/types.js.map +0 -1
- package/dist/src/components/combobox/util.d.ts +0 -6
- package/dist/src/components/combobox/util.js +0 -58
- package/dist/src/components/combobox/util.js.map +0 -1
- package/dist/src/components/dialog/class.d.ts +0 -18
- package/dist/src/components/dialog/class.js +0 -18
- package/dist/src/components/dialog/class.js.map +0 -1
- package/dist/src/components/dialog/dialog-close-button.css +0 -48
- package/dist/src/components/dialog/dialog-content.css +0 -89
- package/dist/src/components/dialog/dialog-description.css +0 -6
- package/dist/src/components/dialog/dialog-header.css +0 -12
- package/dist/src/components/dialog/dialog-overlay.css +0 -43
- package/dist/src/components/dialog/dialog-positioner.css +0 -14
- package/dist/src/components/dialog/dialog-title.css +0 -6
- package/dist/src/components/dialog/dialog-trigger.css +0 -63
- package/dist/src/components/dialog/dialog.d.ts +0 -50
- package/dist/src/components/dialog/dialog.jsx +0 -89
- package/dist/src/components/dialog/dialog.jsx.map +0 -1
- package/dist/src/components/dialog/index.d.ts +0 -2
- package/dist/src/components/dialog/index.js +0 -3
- package/dist/src/components/dialog/index.js.map +0 -1
- package/dist/src/components/dropdown-menu/class.d.ts +0 -16
- package/dist/src/components/dropdown-menu/class.js +0 -17
- package/dist/src/components/dropdown-menu/class.js.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-arrow.css +0 -7
- package/dist/src/components/dropdown-menu/dropdown-menu-arrow.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-arrow.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-arrow.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.css +0 -38
- package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-content.css +0 -50
- package/dist/src/components/dropdown-menu/dropdown-menu-content.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-content.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-content.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-group-label.css +0 -15
- package/dist/src/components/dropdown-menu/dropdown-menu-group-label.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-group-label.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-group-label.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-group.d.ts +0 -2
- package/dist/src/components/dropdown-menu/dropdown-menu-group.jsx +0 -7
- package/dist/src/components/dropdown-menu/dropdown-menu-group.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-icon.css +0 -21
- package/dist/src/components/dropdown-menu/dropdown-menu-icon.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-icon.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-icon.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.css +0 -12
- package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.css +0 -18
- package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.jsx +0 -11
- package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-item.css +0 -37
- package/dist/src/components/dropdown-menu/dropdown-menu-item.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-item.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-item.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-portal.d.ts +0 -2
- package/dist/src/components/dropdown-menu/dropdown-menu-portal.jsx +0 -5
- package/dist/src/components/dropdown-menu/dropdown-menu-portal.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.d.ts +0 -2
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.jsx +0 -7
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.css +0 -38
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-root.d.ts +0 -2
- package/dist/src/components/dropdown-menu/dropdown-menu-root.jsx +0 -5
- package/dist/src/components/dropdown-menu/dropdown-menu-root.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-separator.css +0 -11
- package/dist/src/components/dropdown-menu/dropdown-menu-separator.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-separator.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-separator.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.css +0 -26
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.css +0 -43
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.jsx +0 -10
- package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-sub.d.ts +0 -2
- package/dist/src/components/dropdown-menu/dropdown-menu-sub.jsx +0 -5
- package/dist/src/components/dropdown-menu/dropdown-menu-sub.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu-trigger.css +0 -7
- package/dist/src/components/dropdown-menu/dropdown-menu-trigger.d.ts +0 -3
- package/dist/src/components/dropdown-menu/dropdown-menu-trigger.jsx +0 -16
- package/dist/src/components/dropdown-menu/dropdown-menu-trigger.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/dropdown-menu.d.ts +0 -43
- package/dist/src/components/dropdown-menu/dropdown-menu.jsx +0 -39
- package/dist/src/components/dropdown-menu/dropdown-menu.jsx.map +0 -1
- package/dist/src/components/dropdown-menu/index.d.ts +0 -21
- package/dist/src/components/dropdown-menu/index.js +0 -22
- package/dist/src/components/dropdown-menu/index.js.map +0 -1
- package/dist/src/components/dropdown-menu/types.d.ts +0 -21
- package/dist/src/components/dropdown-menu/types.js +0 -1
- package/dist/src/components/dropdown-menu/types.js.map +0 -1
- package/dist/src/components/input/class.d.ts +0 -3
- package/dist/src/components/input/class.js +0 -4
- package/dist/src/components/input/class.js.map +0 -1
- package/dist/src/components/input/index.d.ts +0 -2
- package/dist/src/components/input/index.js +0 -3
- package/dist/src/components/input/index.js.map +0 -1
- package/dist/src/components/input/input.css +0 -34
- package/dist/src/components/input/input.d.ts +0 -6
- package/dist/src/components/input/input.jsx +0 -10
- package/dist/src/components/input/input.jsx.map +0 -1
- package/dist/src/components/label/class.d.ts +0 -3
- package/dist/src/components/label/class.js +0 -4
- package/dist/src/components/label/class.js.map +0 -1
- package/dist/src/components/label/index.d.ts +0 -2
- package/dist/src/components/label/index.js +0 -3
- package/dist/src/components/label/index.js.map +0 -1
- package/dist/src/components/label/label.css +0 -16
- package/dist/src/components/label/label.d.ts +0 -6
- package/dist/src/components/label/label.jsx +0 -12
- package/dist/src/components/label/label.jsx.map +0 -1
- package/dist/src/components/progress-bar/class.d.ts +0 -4
- package/dist/src/components/progress-bar/class.js +0 -5
- package/dist/src/components/progress-bar/class.js.map +0 -1
- package/dist/src/components/progress-bar/index.d.ts +0 -2
- package/dist/src/components/progress-bar/index.js +0 -3
- package/dist/src/components/progress-bar/index.js.map +0 -1
- package/dist/src/components/progress-bar/progress-bar.css +0 -43
- package/dist/src/components/progress-bar/progress-bar.d.ts +0 -9
- package/dist/src/components/progress-bar/progress-bar.jsx +0 -24
- package/dist/src/components/progress-bar/progress-bar.jsx.map +0 -1
- package/dist/src/components/radio/class.d.ts +0 -8
- package/dist/src/components/radio/class.js +0 -9
- package/dist/src/components/radio/class.js.map +0 -1
- package/dist/src/components/radio/context.d.ts +0 -9
- package/dist/src/components/radio/context.js +0 -6
- package/dist/src/components/radio/context.js.map +0 -1
- package/dist/src/components/radio/index.d.ts +0 -6
- package/dist/src/components/radio/index.js +0 -7
- package/dist/src/components/radio/index.js.map +0 -1
- package/dist/src/components/radio/radio-group.css +0 -9
- package/dist/src/components/radio/radio-group.d.ts +0 -3
- package/dist/src/components/radio/radio-group.jsx +0 -33
- package/dist/src/components/radio/radio-group.jsx.map +0 -1
- package/dist/src/components/radio/radio-root.css +0 -75
- package/dist/src/components/radio/radio-root.d.ts +0 -4
- package/dist/src/components/radio/radio-root.jsx +0 -51
- package/dist/src/components/radio/radio-root.jsx.map +0 -1
- package/dist/src/components/radio/radio.d.ts +0 -11
- package/dist/src/components/radio/radio.jsx +0 -7
- package/dist/src/components/radio/radio.jsx.map +0 -1
- package/dist/src/components/radio/types.d.ts +0 -16
- package/dist/src/components/radio/types.js +0 -1
- package/dist/src/components/radio/types.js.map +0 -1
- package/dist/src/components/select/class.d.ts +0 -5
- package/dist/src/components/select/class.js +0 -6
- package/dist/src/components/select/class.js.map +0 -1
- package/dist/src/components/select/index.d.ts +0 -2
- package/dist/src/components/select/index.js +0 -3
- package/dist/src/components/select/index.js.map +0 -1
- package/dist/src/components/select/select.css +0 -76
- package/dist/src/components/select/select.d.ts +0 -6
- package/dist/src/components/select/select.jsx +0 -16
- package/dist/src/components/select/select.jsx.map +0 -1
- package/dist/src/components/slider/class.d.ts +0 -3
- package/dist/src/components/slider/class.js +0 -4
- package/dist/src/components/slider/class.js.map +0 -1
- package/dist/src/components/slider/index.d.ts +0 -2
- package/dist/src/components/slider/index.js +0 -3
- package/dist/src/components/slider/index.js.map +0 -1
- package/dist/src/components/slider/slider.css +0 -83
- package/dist/src/components/slider/slider.d.ts +0 -7
- package/dist/src/components/slider/slider.jsx +0 -19
- package/dist/src/components/slider/slider.jsx.map +0 -1
- package/dist/src/components/spinner/class.d.ts +0 -10
- package/dist/src/components/spinner/class.js +0 -10
- package/dist/src/components/spinner/class.js.map +0 -1
- package/dist/src/components/spinner/index.d.ts +0 -2
- package/dist/src/components/spinner/index.js +0 -3
- package/dist/src/components/spinner/index.js.map +0 -1
- package/dist/src/components/spinner/spinner.css +0 -51
- package/dist/src/components/spinner/spinner.d.ts +0 -9
- package/dist/src/components/spinner/spinner.jsx +0 -22
- package/dist/src/components/spinner/spinner.jsx.map +0 -1
- package/dist/src/components/switch/class.d.ts +0 -7
- package/dist/src/components/switch/class.js +0 -8
- package/dist/src/components/switch/class.js.map +0 -1
- package/dist/src/components/switch/index.d.ts +0 -2
- package/dist/src/components/switch/index.js +0 -3
- package/dist/src/components/switch/index.js.map +0 -1
- package/dist/src/components/switch/switch.css +0 -90
- package/dist/src/components/switch/switch.d.ts +0 -9
- package/dist/src/components/switch/switch.jsx +0 -28
- package/dist/src/components/switch/switch.jsx.map +0 -1
- package/dist/src/components/table/class.d.ts +0 -10
- package/dist/src/components/table/class.js +0 -11
- package/dist/src/components/table/class.js.map +0 -1
- package/dist/src/components/table/index.d.ts +0 -11
- package/dist/src/components/table/index.js +0 -12
- package/dist/src/components/table/index.js.map +0 -1
- package/dist/src/components/table/table-body.d.ts +0 -2
- package/dist/src/components/table/table-body.jsx +0 -10
- package/dist/src/components/table/table-body.jsx.map +0 -1
- package/dist/src/components/table/table-caption.css +0 -11
- package/dist/src/components/table/table-caption.d.ts +0 -3
- package/dist/src/components/table/table-caption.jsx +0 -11
- package/dist/src/components/table/table-caption.jsx.map +0 -1
- package/dist/src/components/table/table-cell.css +0 -12
- package/dist/src/components/table/table-cell.d.ts +0 -3
- package/dist/src/components/table/table-cell.jsx +0 -11
- package/dist/src/components/table/table-cell.jsx.map +0 -1
- package/dist/src/components/table/table-footer.css +0 -15
- package/dist/src/components/table/table-footer.d.ts +0 -3
- package/dist/src/components/table/table-footer.jsx +0 -11
- package/dist/src/components/table/table-footer.jsx.map +0 -1
- package/dist/src/components/table/table-head.css +0 -16
- package/dist/src/components/table/table-head.d.ts +0 -3
- package/dist/src/components/table/table-head.jsx +0 -11
- package/dist/src/components/table/table-head.jsx.map +0 -1
- package/dist/src/components/table/table-header.d.ts +0 -2
- package/dist/src/components/table/table-header.jsx +0 -10
- package/dist/src/components/table/table-header.jsx.map +0 -1
- package/dist/src/components/table/table-root.css +0 -12
- package/dist/src/components/table/table-root.d.ts +0 -3
- package/dist/src/components/table/table-root.jsx +0 -11
- package/dist/src/components/table/table-root.jsx.map +0 -1
- package/dist/src/components/table/table-row.css +0 -6
- package/dist/src/components/table/table-row.d.ts +0 -3
- package/dist/src/components/table/table-row.jsx +0 -11
- package/dist/src/components/table/table-row.jsx.map +0 -1
- package/dist/src/components/table/table.d.ts +0 -23
- package/dist/src/components/table/table.jsx +0 -19
- package/dist/src/components/table/table.jsx.map +0 -1
- package/dist/src/components/table/types.d.ts +0 -9
- package/dist/src/components/table/types.js +0 -1
- package/dist/src/components/table/types.js.map +0 -1
- package/dist/src/components/tabs/class.d.ts +0 -12
- package/dist/src/components/tabs/class.js +0 -12
- package/dist/src/components/tabs/class.js.map +0 -1
- package/dist/src/components/tabs/index.d.ts +0 -2
- package/dist/src/components/tabs/index.js +0 -3
- package/dist/src/components/tabs/index.js.map +0 -1
- package/dist/src/components/tabs/tabs-content.css +0 -24
- package/dist/src/components/tabs/tabs-indicator.css +0 -32
- package/dist/src/components/tabs/tabs-list.css +0 -26
- package/dist/src/components/tabs/tabs-root.css +0 -34
- package/dist/src/components/tabs/tabs-trigger.css +0 -58
- package/dist/src/components/tabs/tabs.d.ts +0 -27
- package/dist/src/components/tabs/tabs.jsx +0 -47
- package/dist/src/components/tabs/tabs.jsx.map +0 -1
- package/dist/src/components/textarea/class.d.ts +0 -3
- package/dist/src/components/textarea/class.js +0 -4
- package/dist/src/components/textarea/class.js.map +0 -1
- package/dist/src/components/textarea/index.d.ts +0 -2
- package/dist/src/components/textarea/index.js +0 -3
- package/dist/src/components/textarea/index.js.map +0 -1
- package/dist/src/components/textarea/textarea.css +0 -46
- package/dist/src/components/textarea/textarea.d.ts +0 -6
- package/dist/src/components/textarea/textarea.jsx +0 -10
- package/dist/src/components/textarea/textarea.jsx.map +0 -1
- package/dist/src/components/xstack/class.d.ts +0 -12
- package/dist/src/components/xstack/class.js +0 -12
- package/dist/src/components/xstack/class.js.map +0 -1
- package/dist/src/components/xstack/index.d.ts +0 -1
- package/dist/src/components/xstack/index.js +0 -1
- package/dist/src/components/xstack/index.js.map +0 -1
- package/dist/src/components/xstack/xstack.css +0 -34
- package/dist/src/components/xstack/xstack.d.ts +0 -9
- package/dist/src/components/xstack/xstack.jsx +0 -15
- package/dist/src/components/xstack/xstack.jsx.map +0 -1
- package/dist/src/components/ystack/class.d.ts +0 -11
- package/dist/src/components/ystack/class.js +0 -11
- package/dist/src/components/ystack/class.js.map +0 -1
- package/dist/src/components/ystack/index.d.ts +0 -2
- package/dist/src/components/ystack/index.js +0 -3
- package/dist/src/components/ystack/index.js.map +0 -1
- package/dist/src/components/ystack/ystack.css +0 -31
- package/dist/src/components/ystack/ystack.d.ts +0 -9
- package/dist/src/components/ystack/ystack.jsx +0 -15
- package/dist/src/components/ystack/ystack.jsx.map +0 -1
- package/dist/src/icons/check-icon.d.ts +0 -2
- package/dist/src/icons/check-icon.jsx +0 -8
- package/dist/src/icons/check-icon.jsx.map +0 -1
- package/dist/src/icons/chevron-down-icon.d.ts +0 -2
- package/dist/src/icons/chevron-down-icon.jsx +0 -8
- package/dist/src/icons/chevron-down-icon.jsx.map +0 -1
- package/dist/src/icons/chevron-right-icon.d.ts +0 -2
- package/dist/src/icons/chevron-right-icon.jsx +0 -8
- package/dist/src/icons/chevron-right-icon.jsx.map +0 -1
- package/dist/src/icons/dot-filled-icon.d.ts +0 -2
- package/dist/src/icons/dot-filled-icon.jsx +0 -8
- package/dist/src/icons/dot-filled-icon.jsx.map +0 -1
- package/dist/src/icons/index.d.ts +0 -5
- package/dist/src/icons/index.js +0 -6
- package/dist/src/icons/index.js.map +0 -1
- package/dist/src/icons/types.d.ts +0 -5
- package/dist/src/icons/types.js +0 -1
- package/dist/src/icons/types.js.map +0 -1
- package/dist/src/index.d.ts +0 -19
- package/dist/src/index.js +0 -20
- package/dist/src/index.js.map +0 -1
- package/dist/src/lib/reflect.d.ts +0 -1
- package/dist/src/lib/reflect.js +0 -4
- package/dist/src/lib/reflect.js.map +0 -1
- /package/dist/{src/style → style}/colors.css +0 -0
- /package/dist/{src/style → style}/reset.css +0 -0
- /package/dist/{src/style → style}/tokens.css +0 -0
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
export const cardClass = {
|
|
2
|
-
root: 'fl-card',
|
|
3
|
-
rootGapVar: '--fl-card-gap',
|
|
4
|
-
header: 'fl-card_header',
|
|
5
|
-
title: 'fl-card_title',
|
|
6
|
-
titleColor: {
|
|
7
|
-
primary: '--color-primary',
|
|
8
|
-
secondary: '--color-secondary',
|
|
9
|
-
success: '--color-success',
|
|
10
|
-
danger: '--color-danger',
|
|
11
|
-
},
|
|
12
|
-
subtitle: 'fl-card_subtitle',
|
|
13
|
-
action: 'fl-card_action',
|
|
14
|
-
content: 'fl-card_content',
|
|
15
|
-
contentGapVar: '--fl-card-content-gap',
|
|
16
|
-
footer: 'fl-card_footer',
|
|
17
|
-
footerGapVar: '--fl-card-footer-gap',
|
|
18
|
-
footerJustify: {
|
|
19
|
-
left: '--justify-left',
|
|
20
|
-
center: '--justify-center',
|
|
21
|
-
right: '--justify-right',
|
|
22
|
-
'space-between': '--justify-space-between',
|
|
23
|
-
'space-around': '--justify-space-around',
|
|
24
|
-
'space-evenly': '--justify-space-evenly',
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=class.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/card/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,eAAe;IAC3B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE;QACX,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE,mBAAmB;QAC9B,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACxB;IACD,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,OAAO,EAAE,iBAAiB;IAC1B,aAAa,EAAE,uBAAuB;IACtC,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,sBAAsB;IACpC,aAAa,EAAE;QACd,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;QACxB,eAAe,EAAE,yBAAyB;QAC1C,cAAc,EAAE,wBAAwB;QACxC,cAAc,EAAE,wBAAwB;KACxC;CACQ,CAAC","sourcesContent":["export const cardClass = {\n\troot: 'fl-card',\n\trootGapVar: '--fl-card-gap',\n\theader: 'fl-card_header',\n\ttitle: 'fl-card_title',\n\ttitleColor: {\n\t\tprimary: '--color-primary',\n\t\tsecondary: '--color-secondary',\n\t\tsuccess: '--color-success',\n\t\tdanger: '--color-danger',\n\t},\n\tsubtitle: 'fl-card_subtitle',\n\taction: 'fl-card_action',\n\tcontent: 'fl-card_content',\n\tcontentGapVar: '--fl-card-content-gap',\n\tfooter: 'fl-card_footer',\n\tfooterGapVar: '--fl-card-footer-gap',\n\tfooterJustify: {\n\t\tleft: '--justify-left',\n\t\tcenter: '--justify-center',\n\t\tright: '--justify-right',\n\t\t'space-between': '--justify-space-between',\n\t\t'space-around': '--justify-space-around',\n\t\t'space-evenly': '--justify-space-evenly',\n\t},\n} as const;\n\nexport type CardTitleColor = keyof typeof cardClass.titleColor;\nexport type CardFooterJustify = keyof typeof cardClass.footerJustify;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC","sourcesContent":["export * from './card';\nexport * from './class';\n"]}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import clsx from 'clsx/lite';
|
|
2
|
-
import { createSignal, createUniqueId, splitProps } from 'solid-js';
|
|
3
|
-
import { checkboxClass } from './class';
|
|
4
|
-
import { CheckboxGroupContext } from './context';
|
|
5
|
-
import './checkbox-group.css';
|
|
6
|
-
export function CheckboxGroup(props) {
|
|
7
|
-
const generatedName = createUniqueId();
|
|
8
|
-
const [local, rest] = splitProps(props, [
|
|
9
|
-
'class',
|
|
10
|
-
'children',
|
|
11
|
-
'value',
|
|
12
|
-
'defaultValue',
|
|
13
|
-
'name',
|
|
14
|
-
'disabled',
|
|
15
|
-
'onChange',
|
|
16
|
-
]);
|
|
17
|
-
const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? []);
|
|
18
|
-
const values = () => local.value ?? internalValue();
|
|
19
|
-
const name = () => local.name ?? generatedName;
|
|
20
|
-
const disabled = () => Boolean(local.disabled);
|
|
21
|
-
const toggleValue = (nextValue, checked) => {
|
|
22
|
-
const current = values();
|
|
23
|
-
let next = current;
|
|
24
|
-
if (checked) {
|
|
25
|
-
if (!current.includes(nextValue)) {
|
|
26
|
-
next = [...current, nextValue];
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
next = current.filter((value) => value !== nextValue);
|
|
31
|
-
}
|
|
32
|
-
if (local.value === undefined) {
|
|
33
|
-
setInternalValue(next);
|
|
34
|
-
}
|
|
35
|
-
local.onChange?.(next);
|
|
36
|
-
};
|
|
37
|
-
return (<CheckboxGroupContext.Provider value={{ name, values, toggleValue, disabled }}>
|
|
38
|
-
<div class={clsx(checkboxClass.group, local.class)} role="group" {...rest}>
|
|
39
|
-
{local.children}
|
|
40
|
-
</div>
|
|
41
|
-
</CheckboxGroupContext.Provider>);
|
|
42
|
-
}
|
|
43
|
-
//# sourceMappingURL=checkbox-group.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.jsx","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox-group.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,MAAM,aAAa,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE;QACvC,OAAO;QACP,UAAU;QACV,OAAO;QACP,cAAc;QACd,MAAM;QACN,UAAU;QACV,UAAU;KACV,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAEjF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC;IAC/C,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,OAAgB,EAAE,EAAE;QAC3D,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;QACzB,IAAI,IAAI,GAAG,OAAO,CAAC;QAEnB,IAAI,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;gBAClC,IAAI,GAAG,CAAC,GAAG,OAAO,EAAE,SAAS,CAAC,CAAC;YAChC,CAAC;QACF,CAAC;aAAM,CAAC;YACP,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;QACvD,CAAC;QAED,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAC7E;GAAA,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC9C,IAAI,CAAC,OAAO,CACZ,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAChC,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { createSignal, createUniqueId, splitProps } from 'solid-js';\nimport { checkboxClass } from './class';\nimport { CheckboxGroupContext } from './context';\nimport type { CheckboxGroupProps } from './types';\nimport './checkbox-group.css';\n\nexport function CheckboxGroup(props: CheckboxGroupProps) {\n\tconst generatedName = createUniqueId();\n\tconst [local, rest] = splitProps(props, [\n\t\t'class',\n\t\t'children',\n\t\t'value',\n\t\t'defaultValue',\n\t\t'name',\n\t\t'disabled',\n\t\t'onChange',\n\t]);\n\tconst [internalValue, setInternalValue] = createSignal(local.defaultValue ?? []);\n\n\tconst values = () => local.value ?? internalValue();\n\tconst name = () => local.name ?? generatedName;\n\tconst disabled = () => Boolean(local.disabled);\n\tconst toggleValue = (nextValue: string, checked: boolean) => {\n\t\tconst current = values();\n\t\tlet next = current;\n\n\t\tif (checked) {\n\t\t\tif (!current.includes(nextValue)) {\n\t\t\t\tnext = [...current, nextValue];\n\t\t\t}\n\t\t} else {\n\t\t\tnext = current.filter((value) => value !== nextValue);\n\t\t}\n\n\t\tif (local.value === undefined) {\n\t\t\tsetInternalValue(next);\n\t\t}\n\n\t\tlocal.onChange?.(next);\n\t};\n\n\treturn (\n\t\t<CheckboxGroupContext.Provider value={{ name, values, toggleValue, disabled }}>\n\t\t\t<div\n\t\t\t\tclass={clsx(checkboxClass.group, local.class)}\n\t\t\t\trole=\"group\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children}\n\t\t\t</div>\n\t\t</CheckboxGroupContext.Provider>\n\t);\n}\n"]}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.fl-checkbox {
|
|
3
|
-
/* layout */
|
|
4
|
-
display: inline-flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
|
|
7
|
-
/* spacing */
|
|
8
|
-
gap: var(--fl-size-2);
|
|
9
|
-
|
|
10
|
-
/* pointer */
|
|
11
|
-
cursor: pointer;
|
|
12
|
-
user-select: none;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.fl-checkbox[data-disabled] {
|
|
16
|
-
cursor: var(--fl-disabled-cursor);
|
|
17
|
-
opacity: var(--fl-disabled-opacity);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.fl-checkbox .fl-checkbox_input {
|
|
21
|
-
/* layout */
|
|
22
|
-
position: absolute;
|
|
23
|
-
opacity: 0;
|
|
24
|
-
width: 1px;
|
|
25
|
-
height: 1px;
|
|
26
|
-
pointer-events: none;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.fl-checkbox .fl-checkbox_control {
|
|
30
|
-
/* layout */
|
|
31
|
-
display: inline-flex;
|
|
32
|
-
align-items: center;
|
|
33
|
-
justify-content: center;
|
|
34
|
-
width: var(--fl-size-4);
|
|
35
|
-
height: var(--fl-size-4);
|
|
36
|
-
|
|
37
|
-
/* background */
|
|
38
|
-
background: var(--fl-body-bg-color);
|
|
39
|
-
border: var(--fl-input-border-size, var(--fl-border-size, 1px)) solid
|
|
40
|
-
var(--fl-input-border-color, var(--fl-border-color));
|
|
41
|
-
border-radius: var(--fl-radius-sm);
|
|
42
|
-
color: var(--fl-secondary-text-color);
|
|
43
|
-
|
|
44
|
-
/* effects */
|
|
45
|
-
box-shadow: var(--fl-input-shadow);
|
|
46
|
-
transition:
|
|
47
|
-
background var(--fl-animation-duration) ease,
|
|
48
|
-
border-color var(--fl-animation-duration) ease,
|
|
49
|
-
color var(--fl-animation-duration) ease;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.fl-checkbox .fl-checkbox_indicator {
|
|
53
|
-
/* layout */
|
|
54
|
-
display: inline-flex;
|
|
55
|
-
align-items: center;
|
|
56
|
-
justify-content: center;
|
|
57
|
-
width: 100%;
|
|
58
|
-
height: 100%;
|
|
59
|
-
|
|
60
|
-
/* effects */
|
|
61
|
-
scale: 0;
|
|
62
|
-
transition: scale var(--fl-animation-duration) ease;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.fl-checkbox .fl-checkbox_input:checked + .fl-checkbox_control {
|
|
66
|
-
background: var(--fl-primary-color);
|
|
67
|
-
border-color: color-mix(in oklab, var(--fl-primary-color), black 20%);
|
|
68
|
-
color: var(--fl-primary-text-color);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.fl-checkbox .fl-checkbox_input:checked + .fl-checkbox_control .fl-checkbox_indicator {
|
|
72
|
-
scale: 1;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.fl-checkbox .fl-checkbox_input:focus-visible + .fl-checkbox_control {
|
|
76
|
-
outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
|
|
77
|
-
outline-offset: var(--fl-focus-ring-offset);
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.fl-checkbox .fl-checkbox_label {
|
|
81
|
-
/* text */
|
|
82
|
-
color: var(--fl-body-text-color);
|
|
83
|
-
font-size: var(--fl-text-size-base);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import clsx from 'clsx/lite';
|
|
2
|
-
import { createSignal, mergeProps, splitProps } from 'solid-js';
|
|
3
|
-
import { CheckIcon } from '#src/icons';
|
|
4
|
-
import { checkboxClass } from './class';
|
|
5
|
-
import { useCheckboxGroupContext } from './context';
|
|
6
|
-
import './checkbox-root.css';
|
|
7
|
-
export function CheckboxRoot(props) {
|
|
8
|
-
const context = useCheckboxGroupContext();
|
|
9
|
-
const merged = mergeProps({
|
|
10
|
-
type: 'checkbox',
|
|
11
|
-
value: 'on',
|
|
12
|
-
}, props);
|
|
13
|
-
const [local, rest] = splitProps(merged, [
|
|
14
|
-
'checked',
|
|
15
|
-
'children',
|
|
16
|
-
'class',
|
|
17
|
-
'defaultChecked',
|
|
18
|
-
'disabled',
|
|
19
|
-
'name',
|
|
20
|
-
'onChange',
|
|
21
|
-
'type',
|
|
22
|
-
'value',
|
|
23
|
-
]);
|
|
24
|
-
const [internalChecked, setInternalChecked] = createSignal(Boolean(local.defaultChecked));
|
|
25
|
-
const rootClass = () => clsx(checkboxClass.root, local.class);
|
|
26
|
-
const checked = () => {
|
|
27
|
-
if (context) {
|
|
28
|
-
return context.values().includes(local.value);
|
|
29
|
-
}
|
|
30
|
-
return local.checked ?? internalChecked();
|
|
31
|
-
};
|
|
32
|
-
const disabled = () => Boolean(context?.disabled() || local.disabled);
|
|
33
|
-
const name = () => context?.name() ?? local.name;
|
|
34
|
-
const handleChange = (event) => {
|
|
35
|
-
const nextChecked = event.currentTarget.checked;
|
|
36
|
-
local.onChange?.(nextChecked);
|
|
37
|
-
if (context) {
|
|
38
|
-
context.toggleValue(local.value, nextChecked);
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (local.checked === undefined) {
|
|
42
|
-
setInternalChecked(nextChecked);
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
return (<label class={rootClass()} data-disabled={disabled() ? '' : undefined}>
|
|
46
|
-
<input class={checkboxClass.input} type="checkbox" value={local.value} name={name()} checked={checked()} disabled={disabled()} onChange={handleChange} {...rest}/>
|
|
47
|
-
<span class={checkboxClass.control}>
|
|
48
|
-
<span class={checkboxClass.indicator}>
|
|
49
|
-
<CheckIcon w="0.875rem" h="0.875rem"/>
|
|
50
|
-
</span>
|
|
51
|
-
</span>
|
|
52
|
-
{local.children ? <span class={checkboxClass.label}>{local.children}</span> : null}
|
|
53
|
-
</label>);
|
|
54
|
-
}
|
|
55
|
-
//# sourceMappingURL=checkbox-root.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-root.jsx","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox-root.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAY,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEpD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,UAAU,YAAY,CAAC,KAAoB;IAChD,MAAM,OAAO,GAAG,uBAAuB,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,CACxB;QACC,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,IAAI;KACF,EACV,KAAK,CACL,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE;QACxC,SAAS;QACT,UAAU;QACV,OAAO;QACP,gBAAgB;QAChB,UAAU;QACV,MAAM;QACN,UAAU;QACV,MAAM;QACN,OAAO;KACP,CAAC,CAAC;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1F,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,GAAG,EAAE;QACpB,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,KAAK,CAAC,OAAO,IAAI,eAAe,EAAE,CAAC;IAC3C,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC;IAEjD,MAAM,YAAY,GAAmD,CAAC,KAAK,EAAE,EAAE;QAC9E,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC;QAChD,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;QAE9B,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YAC9C,OAAO;QACR,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACjC,kBAAkB,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAE3C;GAAA,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAC3B,IAAI,CAAC,UAAU,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CACb,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC,CACrB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,IAAI,IAAI,CAAC,EAEV;GAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAClC;IAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CACpC;KAAA,CAAC,SAAS,CACT,CAAC,CAAC,UAAU,CACZ,CAAC,CAAC,UAAU,EAEd;IAAA,EAAE,IAAI,CACP;GAAA,EAAE,IAAI,CACN;GAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACnF;EAAA,EAAE,KAAK,CAAC,CACR,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { createSignal, type JSX, mergeProps, splitProps } from 'solid-js';\nimport { CheckIcon } from '#src/icons';\nimport { checkboxClass } from './class';\nimport { useCheckboxGroupContext } from './context';\nimport type { CheckboxProps } from './types';\nimport './checkbox-root.css';\n\nexport function CheckboxRoot(props: CheckboxProps) {\n\tconst context = useCheckboxGroupContext();\n\tconst merged = mergeProps(\n\t\t{\n\t\t\ttype: 'checkbox',\n\t\t\tvalue: 'on',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, [\n\t\t'checked',\n\t\t'children',\n\t\t'class',\n\t\t'defaultChecked',\n\t\t'disabled',\n\t\t'name',\n\t\t'onChange',\n\t\t'type',\n\t\t'value',\n\t]);\n\tconst [internalChecked, setInternalChecked] = createSignal(Boolean(local.defaultChecked));\n\tconst rootClass = () => clsx(checkboxClass.root, local.class);\n\tconst checked = () => {\n\t\tif (context) {\n\t\t\treturn context.values().includes(local.value);\n\t\t}\n\n\t\treturn local.checked ?? internalChecked();\n\t};\n\tconst disabled = () => Boolean(context?.disabled() || local.disabled);\n\tconst name = () => context?.name() ?? local.name;\n\n\tconst handleChange: JSX.EventHandlerUnion<HTMLInputElement, Event> = (event) => {\n\t\tconst nextChecked = event.currentTarget.checked;\n\t\tlocal.onChange?.(nextChecked);\n\n\t\tif (context) {\n\t\t\tcontext.toggleValue(local.value, nextChecked);\n\t\t\treturn;\n\t\t}\n\n\t\tif (local.checked === undefined) {\n\t\t\tsetInternalChecked(nextChecked);\n\t\t}\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclass={rootClass()}\n\t\t\tdata-disabled={disabled() ? '' : undefined}\n\t\t>\n\t\t\t<input\n\t\t\t\tclass={checkboxClass.input}\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tvalue={local.value}\n\t\t\t\tname={name()}\n\t\t\t\tchecked={checked()}\n\t\t\t\tdisabled={disabled()}\n\t\t\t\tonChange={handleChange}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<span class={checkboxClass.control}>\n\t\t\t\t<span class={checkboxClass.indicator}>\n\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\tw=\"0.875rem\"\n\t\t\t\t\t\th=\"0.875rem\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t{local.children ? <span class={checkboxClass.label}>{local.children}</span> : null}\n\t\t</label>\n\t);\n}\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { JSX } from 'solid-js';
|
|
2
|
-
import { CheckboxGroup } from './checkbox-group';
|
|
3
|
-
import type { CheckboxProps } from './types';
|
|
4
|
-
export type { CheckboxBaseProps, CheckboxGroupBaseProps, CheckboxGroupProps, CheckboxProps } from './types';
|
|
5
|
-
export interface CheckboxComponent {
|
|
6
|
-
(props: CheckboxProps): JSX.Element;
|
|
7
|
-
Group: typeof CheckboxGroup;
|
|
8
|
-
}
|
|
9
|
-
export declare const Checkbox: CheckboxComponent;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.jsx","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACtE,KAAK,EAAE,aAAa;CACpB,CAAC,CAAC","sourcesContent":["import type { JSX } from 'solid-js';\nimport { CheckboxGroup } from './checkbox-group';\nimport { CheckboxRoot } from './checkbox-root';\nimport type { CheckboxProps } from './types';\n\nexport type { CheckboxBaseProps, CheckboxGroupBaseProps, CheckboxGroupProps, CheckboxProps } from './types';\n\nexport interface CheckboxComponent {\n\t(props: CheckboxProps): JSX.Element;\n\tGroup: typeof CheckboxGroup;\n}\n\nexport const Checkbox: CheckboxComponent = Object.assign(CheckboxRoot, {\n\tGroup: CheckboxGroup,\n});\n"]}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const checkboxClass: {
|
|
2
|
-
readonly group: 'fl-checkbox-group';
|
|
3
|
-
readonly root: 'fl-checkbox';
|
|
4
|
-
readonly input: 'fl-checkbox_input';
|
|
5
|
-
readonly control: 'fl-checkbox_control';
|
|
6
|
-
readonly indicator: 'fl-checkbox_indicator';
|
|
7
|
-
readonly label: 'fl-checkbox_label';
|
|
8
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/checkbox/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,uBAAuB;IAClC,KAAK,EAAE,mBAAmB;CACjB,CAAC","sourcesContent":["export const checkboxClass = {\n\tgroup: 'fl-checkbox-group',\n\troot: 'fl-checkbox',\n\tinput: 'fl-checkbox_input',\n\tcontrol: 'fl-checkbox_control',\n\tindicator: 'fl-checkbox_indicator',\n\tlabel: 'fl-checkbox_label',\n} as const;\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type Accessor } from 'solid-js';
|
|
2
|
-
export interface CheckboxGroupContextValue {
|
|
3
|
-
name: Accessor<string>;
|
|
4
|
-
values: Accessor<string[]>;
|
|
5
|
-
toggleValue: (value: string, checked: boolean) => void;
|
|
6
|
-
disabled: Accessor<boolean>;
|
|
7
|
-
}
|
|
8
|
-
export declare const CheckboxGroupContext: import("solid-js").Context<CheckboxGroupContextValue | undefined>;
|
|
9
|
-
export declare function useCheckboxGroupContext(): CheckboxGroupContextValue | undefined;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/checkbox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AASpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,EAA6B,CAAC;AAE/E,MAAM,UAAU,uBAAuB;IACtC,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAC;AACzC,CAAC","sourcesContent":["import { type Accessor, createContext, useContext } from 'solid-js';\n\nexport interface CheckboxGroupContextValue {\n\tname: Accessor<string>;\n\tvalues: Accessor<string[]>;\n\ttoggleValue: (value: string, checked: boolean) => void;\n\tdisabled: Accessor<boolean>;\n}\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue>();\n\nexport function useCheckboxGroupContext() {\n\treturn useContext(CheckboxGroupContext);\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC","sourcesContent":["export * from './checkbox';\nexport * from './checkbox-group';\nexport * from './checkbox-root';\nexport * from './class';\nexport * from './context';\nexport * from './types';\n"]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { JSX } from 'solid-js';
|
|
2
|
-
export type CheckboxGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'>;
|
|
3
|
-
export interface CheckboxGroupProps extends CheckboxGroupBaseProps {
|
|
4
|
-
value?: string[];
|
|
5
|
-
defaultValue?: string[];
|
|
6
|
-
name?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
onChange?: (value: string[]) => void;
|
|
9
|
-
}
|
|
10
|
-
export type CheckboxBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;
|
|
11
|
-
export interface CheckboxProps extends CheckboxBaseProps {
|
|
12
|
-
checked?: boolean;
|
|
13
|
-
defaultChecked?: boolean;
|
|
14
|
-
value?: string;
|
|
15
|
-
onChange?: (checked: boolean) => void;
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/checkbox/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { JSX } from 'solid-js';\n\nexport type CheckboxGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport interface CheckboxGroupProps extends CheckboxGroupBaseProps {\n\tvalue?: string[];\n\tdefaultValue?: string[];\n\tname?: string;\n\tdisabled?: boolean;\n\tonChange?: (value: string[]) => void;\n}\n\nexport type CheckboxBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;\n\nexport interface CheckboxProps extends CheckboxBaseProps {\n\tchecked?: boolean;\n\tdefaultChecked?: boolean;\n\tvalue?: string;\n\tonChange?: (checked: boolean) => void;\n}\n"]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare const comboboxClass: {
|
|
2
|
-
readonly root: 'fl-combobox';
|
|
3
|
-
readonly control: 'fl-combobox_control';
|
|
4
|
-
readonly input: 'fl-combobox_input';
|
|
5
|
-
readonly trigger: 'fl-combobox_trigger';
|
|
6
|
-
readonly icon: 'fl-combobox_icon';
|
|
7
|
-
readonly content: 'fl-combobox_content';
|
|
8
|
-
readonly listbox: 'fl-combobox_listbox';
|
|
9
|
-
readonly item: 'fl-combobox_item';
|
|
10
|
-
readonly itemLabel: 'fl-combobox_item-label';
|
|
11
|
-
readonly itemIndicator: 'fl-combobox_item-indicator';
|
|
12
|
-
readonly group: 'fl-combobox_group';
|
|
13
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export const comboboxClass = {
|
|
2
|
-
root: 'fl-combobox',
|
|
3
|
-
control: 'fl-combobox_control',
|
|
4
|
-
input: 'fl-combobox_input',
|
|
5
|
-
trigger: 'fl-combobox_trigger',
|
|
6
|
-
icon: 'fl-combobox_icon',
|
|
7
|
-
content: 'fl-combobox_content',
|
|
8
|
-
listbox: 'fl-combobox_listbox',
|
|
9
|
-
item: 'fl-combobox_item',
|
|
10
|
-
itemLabel: 'fl-combobox_item-label',
|
|
11
|
-
itemIndicator: 'fl-combobox_item-indicator',
|
|
12
|
-
group: 'fl-combobox_group',
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=class.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/combobox/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,qBAAqB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,qBAAqB;IAC9B,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,wBAAwB;IACnC,aAAa,EAAE,4BAA4B;IAC3C,KAAK,EAAE,mBAAmB;CACjB,CAAC","sourcesContent":["export const comboboxClass = {\n\troot: 'fl-combobox',\n\tcontrol: 'fl-combobox_control',\n\tinput: 'fl-combobox_input',\n\ttrigger: 'fl-combobox_trigger',\n\ticon: 'fl-combobox_icon',\n\tcontent: 'fl-combobox_content',\n\tlistbox: 'fl-combobox_listbox',\n\titem: 'fl-combobox_item',\n\titemLabel: 'fl-combobox_item-label',\n\titemIndicator: 'fl-combobox_item-indicator',\n\tgroup: 'fl-combobox_group',\n} as const;\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.fl-combobox_content {
|
|
3
|
-
/* layout */
|
|
4
|
-
position: absolute;
|
|
5
|
-
top: calc(100% + var(--fl-size-1));
|
|
6
|
-
left: 0;
|
|
7
|
-
right: 0;
|
|
8
|
-
z-index: 10;
|
|
9
|
-
max-height: 19rem;
|
|
10
|
-
overflow: hidden;
|
|
11
|
-
|
|
12
|
-
/* background */
|
|
13
|
-
background: var(--fl-body-bg-color);
|
|
14
|
-
border: var(--fl-border-size, 1px) solid var(--fl-border-color);
|
|
15
|
-
border-radius: var(--fl-border-radius);
|
|
16
|
-
|
|
17
|
-
/* effects */
|
|
18
|
-
box-shadow: var(--fl-shadow-md);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import clsx from 'clsx/lite';
|
|
2
|
-
import { Show, splitProps } from 'solid-js';
|
|
3
|
-
import { comboboxClass } from './class';
|
|
4
|
-
import { useComboboxContext } from './context';
|
|
5
|
-
export function ComboboxContent(props) {
|
|
6
|
-
const context = useComboboxContext();
|
|
7
|
-
const [local, rest] = splitProps(props, ['class', 'children']);
|
|
8
|
-
const rootClass = () => clsx(comboboxClass.content, local.class);
|
|
9
|
-
return (<Show when={context.isOpen()}>
|
|
10
|
-
<div class={rootClass()} {...rest}>
|
|
11
|
-
{local.children}
|
|
12
|
-
</div>
|
|
13
|
-
</Show>);
|
|
14
|
-
}
|
|
15
|
-
//# sourceMappingURL=combobox-content.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-content.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-content.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,UAAU,eAAe,CAAC,KAA2B;IAC1D,MAAM,OAAO,GAAG,kBAAkB,EAAY,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO,CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAC5B;GAAA,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,IAAI,CAAC,CACP,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { Show, splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport { useComboboxContext } from './context';\nimport type { ComboboxContentProps } from './types';\n\nexport function ComboboxContent(props: ComboboxContentProps) {\n\tconst context = useComboboxContext<any, any>();\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\tconst rootClass = () => clsx(comboboxClass.content, local.class);\n\n\treturn (\n\t\t<Show when={context.isOpen()}>\n\t\t\t<div\n\t\t\t\tclass={rootClass()}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children}\n\t\t\t</div>\n\t\t</Show>\n\t);\n}\n"]}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.fl-combobox_control {
|
|
3
|
-
/* layout */
|
|
4
|
-
display: inline-flex;
|
|
5
|
-
align-items: stretch;
|
|
6
|
-
width: 100%;
|
|
7
|
-
min-width: 0;
|
|
8
|
-
|
|
9
|
-
/* background */
|
|
10
|
-
background: var(--fl-input-bg-color, var(--fl-body-bg-color));
|
|
11
|
-
border: var(--fl-input-border-size, var(--fl-border-size, 1px)) solid
|
|
12
|
-
var(--fl-input-border-color, var(--fl-border-color));
|
|
13
|
-
border-radius: var(--fl-input-border-radius, var(--fl-border-radius));
|
|
14
|
-
|
|
15
|
-
/* effects */
|
|
16
|
-
box-shadow: var(--fl-input-shadow);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.fl-combobox_control:focus-within {
|
|
20
|
-
border-color: var(--fl-input-border-focus-color, var(--fl-focus-ring-color));
|
|
21
|
-
outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
|
|
22
|
-
outline-offset: 0;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.fl-combobox_control[data-disabled] {
|
|
26
|
-
cursor: var(--fl-disabled-cursor);
|
|
27
|
-
opacity: var(--fl-disabled-opacity);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import clsx from 'clsx/lite';
|
|
2
|
-
import { splitProps } from 'solid-js';
|
|
3
|
-
import { comboboxClass } from './class';
|
|
4
|
-
import { useComboboxContext } from './context';
|
|
5
|
-
import { callEventHandler } from './util';
|
|
6
|
-
export function ComboboxControl(props) {
|
|
7
|
-
const context = useComboboxContext();
|
|
8
|
-
const [local, rest] = splitProps(props, ['class', 'onMouseDown']);
|
|
9
|
-
const rootClass = () => clsx(comboboxClass.control, local.class);
|
|
10
|
-
const handleMouseDown = (event) => {
|
|
11
|
-
callEventHandler(local.onMouseDown, event);
|
|
12
|
-
if (context.disabled() || context.readOnly()) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
context.openPopup('preserve');
|
|
16
|
-
};
|
|
17
|
-
return (<div class={rootClass()} data-disabled={context.disabled() ? '' : undefined} onMouseDown={handleMouseDown} {...rest}/>);
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=combobox-control.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-control.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-control.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,MAAM,UAAU,eAAe,CAAC,KAA2B;IAC1D,MAAM,OAAO,GAAG,kBAAkB,EAAY,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAsD,CAAC,KAAK,EAAE,EAAE;QACpF,gBAAgB,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAE3C,IAAI,OAAO,CAAC,QAAQ,EAAE,IAAI,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC9C,OAAO;QACR,CAAC;QAED,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,aAAa,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CACnD,WAAW,CAAC,CAAC,eAAe,CAAC,CAC7B,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport { useComboboxContext } from './context';\nimport type { ComboboxControlProps } from './types';\nimport { callEventHandler } from './util';\n\nexport function ComboboxControl(props: ComboboxControlProps) {\n\tconst context = useComboboxContext<any, any>();\n\tconst [local, rest] = splitProps(props, ['class', 'onMouseDown']);\n\tconst rootClass = () => clsx(comboboxClass.control, local.class);\n\n\tconst handleMouseDown: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent> = (event) => {\n\t\tcallEventHandler(local.onMouseDown, event);\n\n\t\tif (context.disabled() || context.readOnly()) {\n\t\t\treturn;\n\t\t}\n\n\t\tcontext.openPopup('preserve');\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\tdata-disabled={context.disabled() ? '' : undefined}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.fl-combobox_group {
|
|
3
|
-
/* reset */
|
|
4
|
-
list-style: none;
|
|
5
|
-
|
|
6
|
-
/* layout */
|
|
7
|
-
display: grid;
|
|
8
|
-
|
|
9
|
-
/* spacing */
|
|
10
|
-
gap: var(--fl-size-1);
|
|
11
|
-
padding-bottom: var(--fl-size-1);
|
|
12
|
-
|
|
13
|
-
/* text */
|
|
14
|
-
color: var(--fl-body-muted-text-color);
|
|
15
|
-
font-weight: var(--fl-font-weight-semibold);
|
|
16
|
-
font-size: var(--fl-text-size-xs);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.fl-combobox_group hr {
|
|
20
|
-
/* spacing */
|
|
21
|
-
margin-block: var(--fl-size-1-5);
|
|
22
|
-
margin-inline: calc(var(--fl-size-2) * -1);
|
|
23
|
-
|
|
24
|
-
/* background */
|
|
25
|
-
border: 0;
|
|
26
|
-
border-top: var(--fl-border-size, 1px) solid var(--fl-border-color);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.fl-combobox_group:first-child hr {
|
|
30
|
-
display: none;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import clsx from 'clsx/lite';
|
|
2
|
-
import { splitProps } from 'solid-js';
|
|
3
|
-
import { comboboxClass } from './class';
|
|
4
|
-
export function ComboboxGroup(props) {
|
|
5
|
-
const [local, rest] = splitProps(props, ['class', 'group', 'children']);
|
|
6
|
-
const rootClass = () => clsx(comboboxClass.group, local.class);
|
|
7
|
-
return (<li class={rootClass()} role="presentation" {...rest}>
|
|
8
|
-
<hr aria-hidden="true"/>
|
|
9
|
-
<span>{local.children ?? local.group?.textValue}</span>
|
|
10
|
-
</li>);
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=combobox-group.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-group.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-group.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,MAAM,UAAU,aAAa,CAAoC,KAAgD;IAChH,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE/D,OAAO,CACN,CAAC,EAAE,CACF,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,CAAC,cAAc,CACnB,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,EACtB;GAAA,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,IAAI,CACvD;EAAA,EAAE,EAAE,CAAC,CACL,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport type { ComboboxGroupProps } from './types';\n\nexport function ComboboxGroup<TOptionGroup = any, TOption = any>(props: ComboboxGroupProps<TOptionGroup, TOption>) {\n\tconst [local, rest] = splitProps(props, ['class', 'group', 'children']);\n\tconst rootClass = () => clsx(comboboxClass.group, local.class);\n\n\treturn (\n\t\t<li\n\t\t\tclass={rootClass()}\n\t\t\trole=\"presentation\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t<hr aria-hidden=\"true\" />\n\t\t\t<span>{local.children ?? local.group?.textValue}</span>\n\t\t</li>\n\t);\n}\n"]}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { splitProps } from 'solid-js';
|
|
2
|
-
import { useComboboxContext } from './context';
|
|
3
|
-
export function ComboboxHiddenSelect(props) {
|
|
4
|
-
const context = useComboboxContext();
|
|
5
|
-
const [local, rest] = splitProps(props, ['name', 'value']);
|
|
6
|
-
return (<input type="hidden" name={local.name ?? context.name()} value={local.value ?? context.selectedItem()?.value ?? ''} {...rest}/>);
|
|
7
|
-
}
|
|
8
|
-
//# sourceMappingURL=combobox-hidden-select.jsx.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-hidden-select.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-hidden-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACpE,MAAM,OAAO,GAAG,kBAAkB,EAAY,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3D,OAAO,CACN,CAAC,KAAK,CACL,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,CACnC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,EAAE,KAAK,IAAI,EAAE,CAAC,CAC1D,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { splitProps } from 'solid-js';\nimport { useComboboxContext } from './context';\nimport type { ComboboxHiddenSelectProps } from './types';\n\nexport function ComboboxHiddenSelect(props: ComboboxHiddenSelectProps) {\n\tconst context = useComboboxContext<any, any>();\n\tconst [local, rest] = splitProps(props, ['name', 'value']);\n\n\treturn (\n\t\t<input\n\t\t\ttype=\"hidden\"\n\t\t\tname={local.name ?? context.name()}\n\t\t\tvalue={local.value ?? context.selectedItem()?.value ?? ''}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
|