@ropav/styles 0.6.0 → 0.7.0
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/README.md +37 -20
- package/dist/components/accordion/accordion.styles.d.ts +47 -50
- package/dist/components/accordion/accordion.styles.d.ts.map +1 -1
- package/dist/components/accordion/accordion.styles.js +10 -10
- package/dist/components/accordion.css +15 -15
- package/dist/components/alert/alert.styles.d.ts +32 -74
- package/dist/components/alert/alert.styles.d.ts.map +1 -1
- package/dist/components/alert/alert.styles.js +11 -11
- package/dist/components/alert-dialog/alert-dialog.styles.d.ts +79 -173
- package/dist/components/alert-dialog/alert-dialog.styles.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.styles.js +24 -24
- package/dist/components/alert-dialog.css +27 -27
- package/dist/components/alert.css +15 -15
- package/dist/components/autocomplete/autocomplete.styles.d.ts +58 -107
- package/dist/components/autocomplete/autocomplete.styles.d.ts.map +1 -1
- package/dist/components/autocomplete/autocomplete.styles.js +16 -16
- package/dist/components/autocomplete.css +19 -19
- package/dist/components/avatar/avatar.styles.d.ts +30 -119
- package/dist/components/avatar/avatar.styles.d.ts.map +1 -1
- package/dist/components/avatar/avatar.styles.js +13 -13
- package/dist/components/avatar.css +18 -18
- package/dist/components/badge/badge.styles.d.ts +34 -176
- package/dist/components/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/badge/badge.styles.js +19 -19
- package/dist/components/badge.css +28 -28
- package/dist/components/breadcrumbs/breadcrumbs.styles.d.ts +17 -44
- package/dist/components/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
- package/dist/components/breadcrumbs/breadcrumbs.styles.js +5 -5
- package/dist/components/breadcrumbs.css +4 -4
- package/dist/components/button/button.styles.d.ts +9 -68
- package/dist/components/button/button.styles.d.ts.map +1 -1
- package/dist/components/button/button.styles.js +14 -14
- package/dist/components/button-group/button-group.styles.d.ts +20 -56
- package/dist/components/button-group/button-group.styles.d.ts.map +1 -1
- package/dist/components/button-group/button-group.styles.js +6 -6
- package/dist/components/button-group.css +24 -24
- package/dist/components/button.css +16 -16
- package/dist/components/calendar/calendar.styles.d.ts +41 -77
- package/dist/components/calendar/calendar.styles.d.ts.map +1 -1
- package/dist/components/calendar/calendar.styles.js +13 -13
- package/dist/components/calendar-year-picker/calendar-year-picker.styles.d.ts +20 -50
- package/dist/components/calendar-year-picker/calendar-year-picker.styles.d.ts.map +1 -1
- package/dist/components/calendar-year-picker/calendar-year-picker.styles.js +6 -6
- package/dist/components/calendar-year-picker.css +18 -17
- package/dist/components/calendar.css +22 -22
- package/dist/components/card/card.styles.d.ts +37 -68
- package/dist/components/card/card.styles.d.ts.map +1 -1
- package/dist/components/card/card.styles.js +11 -11
- package/dist/components/card.css +10 -10
- package/dist/components/checkbox/checkbox.styles.d.ts +27 -44
- package/dist/components/checkbox/checkbox.styles.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.styles.js +7 -7
- package/dist/components/checkbox-group/checkbox-group.styles.d.ts +6 -17
- package/dist/components/checkbox-group/checkbox-group.styles.d.ts.map +1 -1
- package/dist/components/checkbox-group/checkbox-group.styles.js +4 -4
- package/dist/components/checkbox-group.css +1 -1
- package/dist/components/checkbox.css +33 -32
- package/dist/components/chip/chip.styles.d.ts +23 -140
- package/dist/components/chip/chip.styles.d.ts.map +1 -1
- package/dist/components/chip/chip.styles.js +15 -15
- package/dist/components/chip.css +23 -23
- package/dist/components/close-button/close-button.styles.d.ts +6 -14
- package/dist/components/close-button/close-button.styles.d.ts.map +1 -1
- package/dist/components/close-button/close-button.styles.js +3 -3
- package/dist/components/close-button.css +2 -2
- package/dist/components/color-area/color-area.styles.d.ts +17 -32
- package/dist/components/color-area/color-area.styles.d.ts.map +1 -1
- package/dist/components/color-area/color-area.styles.js +4 -4
- package/dist/components/color-area.css +3 -3
- package/dist/components/color-field/color-field.styles.d.ts +6 -17
- package/dist/components/color-field/color-field.styles.d.ts.map +1 -1
- package/dist/components/color-field/color-field.styles.js +3 -3
- package/dist/components/color-field.css +2 -2
- package/dist/components/color-input-group/color-input-group.styles.d.ts +37 -89
- package/dist/components/color-input-group/color-input-group.styles.d.ts.map +1 -1
- package/dist/components/color-input-group/color-input-group.styles.js +10 -10
- package/dist/components/color-input-group.css +13 -13
- package/dist/components/color-picker/color-picker.styles.d.ts +14 -38
- package/dist/components/color-picker/color-picker.styles.d.ts.map +1 -1
- package/dist/components/color-picker/color-picker.styles.js +4 -4
- package/dist/components/color-picker.css +3 -3
- package/dist/components/color-slider/color-slider.styles.d.ts +17 -44
- package/dist/components/color-slider/color-slider.styles.d.ts.map +1 -1
- package/dist/components/color-slider/color-slider.styles.js +5 -5
- package/dist/components/color-slider.css +16 -16
- package/dist/components/color-swatch/color-swatch.styles.d.ts +7 -38
- package/dist/components/color-swatch/color-swatch.styles.d.ts.map +1 -1
- package/dist/components/color-swatch/color-swatch.styles.js +9 -9
- package/dist/components/color-swatch-picker/color-swatch-picker.styles.d.ts +37 -119
- package/dist/components/color-swatch-picker/color-swatch-picker.styles.d.ts.map +1 -1
- package/dist/components/color-swatch-picker/color-swatch-picker.styles.js +14 -14
- package/dist/components/color-swatch-picker.css +20 -20
- package/dist/components/color-swatch.css +12 -12
- package/dist/components/combo-box/combo-box.styles.d.ts +38 -71
- package/dist/components/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/combo-box/combo-box.styles.js +10 -10
- package/dist/components/combo-box.css +10 -10
- package/dist/components/date-field/date-field.styles.d.ts +6 -17
- package/dist/components/date-field/date-field.styles.d.ts.map +1 -1
- package/dist/components/date-field/date-field.styles.js +3 -3
- package/dist/components/date-field.css +2 -2
- package/dist/components/date-input-group/date-input-group.styles.d.ts +51 -95
- package/dist/components/date-input-group/date-input-group.styles.d.ts.map +1 -1
- package/dist/components/date-input-group/date-input-group.styles.js +12 -12
- package/dist/components/date-input-group.css +16 -16
- package/dist/components/date-picker/date-picker.styles.d.ts +17 -44
- package/dist/components/date-picker/date-picker.styles.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker.styles.js +5 -5
- package/dist/components/date-picker.css +8 -8
- package/dist/components/date-range-picker/date-range-picker.styles.d.ts +20 -50
- package/dist/components/date-range-picker/date-range-picker.styles.d.ts.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.styles.js +6 -6
- package/dist/components/date-range-picker.css +9 -9
- package/dist/components/description/description.styles.d.ts +4 -2
- package/dist/components/description/description.styles.d.ts.map +1 -1
- package/dist/components/description/description.styles.js +2 -2
- package/dist/components/description.css +1 -1
- package/dist/components/disclosure/disclosure.styles.d.ts +26 -26
- package/dist/components/disclosure/disclosure.styles.d.ts.map +1 -1
- package/dist/components/disclosure/disclosure.styles.js +8 -8
- package/dist/components/disclosure-group/disclosure-group.styles.d.ts +8 -8
- package/dist/components/disclosure-group/disclosure-group.styles.d.ts.map +1 -1
- package/dist/components/disclosure-group/disclosure-group.styles.js +2 -2
- package/dist/components/disclosure-group.css +1 -1
- package/dist/components/disclosure.css +6 -6
- package/dist/components/drawer/drawer.styles.d.ts +68 -125
- package/dist/components/drawer/drawer.styles.d.ts.map +1 -1
- package/dist/components/drawer/drawer.styles.js +22 -22
- package/dist/components/drawer.css +37 -37
- package/dist/components/drop-zone/drop-zone.styles.d.ts +11 -32
- package/dist/components/drop-zone/drop-zone.styles.d.ts.map +1 -1
- package/dist/components/drop-zone/drop-zone.styles.js +3 -3
- package/dist/components/drop-zone.css +2 -2
- package/dist/components/dropdown/dropdown.styles.d.ts +17 -44
- package/dist/components/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/dropdown/dropdown.styles.js +5 -5
- package/dist/components/dropdown.css +13 -11
- package/dist/components/empty-state/empty-state.styles.d.ts +4 -2
- package/dist/components/empty-state/empty-state.styles.d.ts.map +1 -1
- package/dist/components/empty-state/empty-state.styles.js +2 -2
- package/dist/components/empty-state.css +1 -1
- package/dist/components/error-message/error-message.styles.d.ts +4 -2
- package/dist/components/error-message/error-message.styles.d.ts.map +1 -1
- package/dist/components/error-message/error-message.styles.js +2 -2
- package/dist/components/error-message.css +1 -1
- package/dist/components/field-error/field-error.styles.d.ts +4 -2
- package/dist/components/field-error/field-error.styles.d.ts.map +1 -1
- package/dist/components/field-error/field-error.styles.js +2 -2
- package/dist/components/field-error.css +7 -7
- package/dist/components/fieldset/fieldset.styles.d.ts +20 -50
- package/dist/components/fieldset/fieldset.styles.d.ts.map +1 -1
- package/dist/components/fieldset/fieldset.styles.js +6 -6
- package/dist/components/fieldset.css +4 -4
- package/dist/components/header/header.styles.d.ts +3 -1
- package/dist/components/header/header.styles.d.ts.map +1 -1
- package/dist/components/header/header.styles.js +2 -2
- package/dist/components/header.css +1 -1
- package/dist/components/input/input.styles.d.ts +8 -44
- package/dist/components/input/input.styles.d.ts.map +1 -1
- package/dist/components/input/input.styles.js +7 -7
- package/dist/components/input-group/input-group.styles.d.ts +37 -89
- package/dist/components/input-group/input-group.styles.d.ts.map +1 -1
- package/dist/components/input-group/input-group.styles.js +10 -10
- package/dist/components/input-group.css +17 -17
- package/dist/components/input-otp/input-otp.styles.d.ts +42 -53
- package/dist/components/input-otp/input-otp.styles.d.ts.map +1 -1
- package/dist/components/input-otp/input-otp.styles.js +10 -10
- package/dist/components/input-otp.css +10 -10
- package/dist/components/input.css +6 -6
- package/dist/components/kbd/kbd.styles.d.ts +22 -29
- package/dist/components/kbd/kbd.styles.d.ts.map +1 -1
- package/dist/components/kbd/kbd.styles.js +6 -6
- package/dist/components/kbd.css +4 -4
- package/dist/components/label/label.styles.d.ts +8 -32
- package/dist/components/label/label.styles.d.ts.map +1 -1
- package/dist/components/label/label.styles.js +5 -5
- package/dist/components/label.css +9 -9
- package/dist/components/link/link.styles.d.ts +11 -32
- package/dist/components/link/link.styles.d.ts.map +1 -1
- package/dist/components/link/link.styles.js +3 -3
- package/dist/components/link.css +7 -7
- package/dist/components/list-box/list-box.styles.d.ts +7 -32
- package/dist/components/list-box/list-box.styles.d.ts.map +1 -1
- package/dist/components/list-box/list-box.styles.js +6 -6
- package/dist/components/list-box-item/list-box-item.styles.d.ts +17 -38
- package/dist/components/list-box-item/list-box-item.styles.d.ts.map +1 -1
- package/dist/components/list-box-item/list-box-item.styles.js +5 -5
- package/dist/components/list-box-item.css +9 -9
- package/dist/components/list-box-section/list-box-section.styles.d.ts +4 -2
- package/dist/components/list-box-section/list-box-section.styles.d.ts.map +1 -1
- package/dist/components/list-box-section/list-box-section.styles.js +2 -2
- package/dist/components/list-box-section.css +1 -1
- package/dist/components/list-box.css +53 -3
- package/dist/components/menu/menu.styles.d.ts +6 -20
- package/dist/components/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/menu/menu.styles.js +4 -4
- package/dist/components/menu-item/menu-item.styles.d.ts +22 -41
- package/dist/components/menu-item/menu-item.styles.d.ts.map +1 -1
- package/dist/components/menu-item/menu-item.styles.js +6 -6
- package/dist/components/menu-item.css +11 -11
- package/dist/components/menu-section/menu-section.styles.d.ts +4 -2
- package/dist/components/menu-section/menu-section.styles.d.ts.map +1 -1
- package/dist/components/menu-section/menu-section.styles.js +2 -2
- package/dist/components/menu-section.css +1 -1
- package/dist/components/menu.css +4 -4
- package/dist/components/meter/meter.styles.d.ts +32 -104
- package/dist/components/meter/meter.styles.d.ts.map +1 -1
- package/dist/components/meter/meter.styles.js +13 -13
- package/dist/components/meter.css +14 -14
- package/dist/components/modal/modal.styles.d.ts +79 -167
- package/dist/components/modal/modal.styles.d.ts.map +1 -1
- package/dist/components/modal/modal.styles.js +26 -26
- package/dist/components/modal.css +30 -30
- package/dist/components/number-field/number-field.styles.d.ts +44 -95
- package/dist/components/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/components/number-field/number-field.styles.js +12 -12
- package/dist/components/number-field.css +24 -24
- package/dist/components/pagination/pagination.styles.d.ts +44 -59
- package/dist/components/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/pagination/pagination.styles.js +19 -12
- package/dist/components/pagination.css +18 -18
- package/dist/components/popover/popover.styles.d.ts +17 -44
- package/dist/components/popover/popover.styles.d.ts.map +1 -1
- package/dist/components/popover/popover.styles.js +5 -5
- package/dist/components/popover.css +4 -4
- package/dist/components/progress-bar/progress-bar.styles.d.ts +42 -140
- package/dist/components/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/components/progress-bar/progress-bar.styles.js +15 -15
- package/dist/components/progress-bar.css +25 -25
- package/dist/components/progress-circle/progress-circle.styles.d.ts +32 -104
- package/dist/components/progress-circle/progress-circle.styles.d.ts.map +1 -1
- package/dist/components/progress-circle/progress-circle.styles.js +13 -13
- package/dist/components/progress-circle.css +17 -17
- package/dist/components/radio/radio.styles.d.ts +17 -44
- package/dist/components/radio/radio.styles.d.ts.map +1 -1
- package/dist/components/radio/radio.styles.js +5 -5
- package/dist/components/radio-group/radio-group.styles.d.ts +6 -17
- package/dist/components/radio-group/radio-group.styles.d.ts.map +1 -1
- package/dist/components/radio-group/radio-group.styles.js +4 -4
- package/dist/components/radio-group.css +8 -8
- package/dist/components/radio.css +39 -39
- package/dist/components/range-calendar/range-calendar.styles.d.ts +44 -77
- package/dist/components/range-calendar/range-calendar.styles.d.ts.map +1 -1
- package/dist/components/range-calendar/range-calendar.styles.js +15 -13
- package/dist/components/range-calendar.css +38 -38
- package/dist/components/scroll-shadow/scroll-shadow.styles.d.ts +16 -68
- package/dist/components/scroll-shadow/scroll-shadow.styles.d.ts.map +1 -1
- package/dist/components/scroll-shadow/scroll-shadow.styles.js +6 -6
- package/dist/components/scroll-shadow.css +6 -6
- package/dist/components/search-field/search-field.styles.d.ts +44 -95
- package/dist/components/search-field/search-field.styles.d.ts.map +1 -1
- package/dist/components/search-field/search-field.styles.js +12 -12
- package/dist/components/search-field.css +18 -18
- package/dist/components/segmented-control/segmented-control.styles.d.ts +32 -71
- package/dist/components/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/segmented-control/segmented-control.styles.js +9 -9
- package/dist/components/segmented-control.css +17 -17
- package/dist/components/select/select.styles.d.ts +44 -101
- package/dist/components/select/select.styles.d.ts.map +1 -1
- package/dist/components/select/select.styles.js +14 -14
- package/dist/components/select.css +16 -16
- package/dist/components/separator/separator.styles.d.ts +7 -32
- package/dist/components/separator/separator.styles.d.ts.map +1 -1
- package/dist/components/separator/separator.styles.js +7 -7
- package/dist/components/separator.css +13 -13
- package/dist/components/sidebar/sidebar.styles.d.ts +222 -224
- package/dist/components/sidebar/sidebar.styles.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.styles.js +36 -36
- package/dist/components/sidebar.css +54 -48
- package/dist/components/skeleton/skeleton.styles.d.ts +12 -26
- package/dist/components/skeleton/skeleton.styles.d.ts.map +1 -1
- package/dist/components/skeleton/skeleton.styles.js +5 -5
- package/dist/components/skeleton.css +6 -6
- package/dist/components/slider/slider.styles.d.ts +23 -56
- package/dist/components/slider/slider.styles.d.ts.map +1 -1
- package/dist/components/slider/slider.styles.js +7 -7
- package/dist/components/slider.css +14 -14
- package/dist/components/spinner/spinner.styles.d.ts +7 -44
- package/dist/components/spinner/spinner.styles.d.ts.map +1 -1
- package/dist/components/spinner/spinner.styles.js +11 -11
- package/dist/components/spinner.css +10 -10
- package/dist/components/splitter/splitter.styles.d.ts +32 -59
- package/dist/components/splitter/splitter.styles.d.ts.map +1 -1
- package/dist/components/splitter/splitter.styles.js +12 -12
- package/dist/components/splitter.css +23 -23
- package/dist/components/surface/surface.styles.d.ts +6 -23
- package/dist/components/surface/surface.styles.d.ts.map +1 -1
- package/dist/components/surface/surface.styles.js +6 -6
- package/dist/components/surface.css +5 -5
- package/dist/components/switch/switch.styles.d.ts +32 -56
- package/dist/components/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/switch/switch.styles.js +9 -9
- package/dist/components/switch-group/switch-group.styles.d.ts +17 -38
- package/dist/components/switch-group/switch-group.styles.d.ts.map +1 -1
- package/dist/components/switch-group/switch-group.styles.js +5 -5
- package/dist/components/switch-group.css +4 -4
- package/dist/components/switch.css +52 -52
- package/dist/components/table/table.styles.d.ts +87 -77
- package/dist/components/table/table.styles.d.ts.map +1 -1
- package/dist/components/table/table.styles.js +20 -18
- package/dist/components/table.css +112 -63
- package/dist/components/tabs/tabs.styles.d.ts +57 -56
- package/dist/components/tabs/tabs.styles.d.ts.map +1 -1
- package/dist/components/tabs/tabs.styles.js +12 -12
- package/dist/components/tabs.css +33 -33
- package/dist/components/tag/tag.styles.d.ts +20 -71
- package/dist/components/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/tag/tag.styles.js +8 -8
- package/dist/components/tag-group/tag-group.styles.d.ts +11 -32
- package/dist/components/tag-group/tag-group.styles.d.ts.map +1 -1
- package/dist/components/tag-group/tag-group.styles.js +3 -3
- package/dist/components/tag-group.css +6 -6
- package/dist/components/tag.css +11 -11
- package/dist/components/textarea/textarea.styles.d.ts +8 -44
- package/dist/components/textarea/textarea.styles.d.ts.map +1 -1
- package/dist/components/textarea/textarea.styles.js +7 -7
- package/dist/components/textarea.css +6 -6
- package/dist/components/textfield/textfield.styles.d.ts +6 -17
- package/dist/components/textfield/textfield.styles.d.ts.map +1 -1
- package/dist/components/textfield/textfield.styles.js +3 -3
- package/dist/components/textfield.css +2 -2
- package/dist/components/time-field/time-field.styles.d.ts +6 -17
- package/dist/components/time-field/time-field.styles.d.ts.map +1 -1
- package/dist/components/time-field/time-field.styles.js +3 -3
- package/dist/components/time-field.css +2 -2
- package/dist/components/toast/toast.styles.d.ts +56 -161
- package/dist/components/toast/toast.styles.d.ts.map +1 -1
- package/dist/components/toast/toast.styles.js +26 -26
- package/dist/components/toast.css +55 -55
- package/dist/components/toggle-button/toggle-button.styles.d.ts +8 -41
- package/dist/components/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/toggle-button/toggle-button.styles.js +8 -8
- package/dist/components/toggle-button-group/toggle-button-group.styles.d.ts +23 -74
- package/dist/components/toggle-button-group/toggle-button-group.styles.d.ts.map +1 -1
- package/dist/components/toggle-button-group/toggle-button-group.styles.js +7 -7
- package/dist/components/toggle-button-group.css +22 -22
- package/dist/components/toggle-button.css +9 -9
- package/dist/components/toolbar/toolbar.styles.d.ts +7 -26
- package/dist/components/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/toolbar/toolbar.styles.js +5 -5
- package/dist/components/toolbar.css +7 -7
- package/dist/components/tooltip/tooltip.styles.d.ts +11 -32
- package/dist/components/tooltip/tooltip.styles.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip.styles.js +3 -3
- package/dist/components/tooltip.css +2 -2
- package/dist/components/typography/typography.styles.d.ts +29 -107
- package/dist/components/typography/typography.styles.d.ts.map +1 -1
- package/dist/components/typography/typography.styles.js +24 -24
- package/dist/components/typography.css +41 -41
- package/dist/components/virtualizer/virtualizer.styles.d.ts +13 -37
- package/dist/components/virtualizer/virtualizer.styles.d.ts.map +1 -1
- package/dist/components/virtualizer/virtualizer.styles.js +4 -4
- package/dist/components/virtualizer.css +3 -3
- package/dist/core.css +26 -0
- package/dist/index.css +8 -24
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/no-preflight.css +8 -0
- package/dist/ropav.min.css +1 -1
- package/dist/themes.d.ts +12 -0
- package/dist/themes.d.ts.map +1 -0
- package/dist/themes.js +39 -0
- package/dist/tv.d.ts +34 -0
- package/dist/tv.d.ts.map +1 -0
- package/dist/tv.js +21 -0
- package/package.json +5 -3
- package/src/components/accordion/accordion.styles.ts +11 -11
- package/src/components/alert/alert.styles.ts +12 -12
- package/src/components/alert-dialog/alert-dialog.styles.ts +25 -25
- package/src/components/autocomplete/autocomplete.styles.ts +17 -17
- package/src/components/avatar/avatar.styles.ts +14 -14
- package/src/components/badge/badge.styles.ts +20 -20
- package/src/components/breadcrumbs/breadcrumbs.styles.ts +6 -6
- package/src/components/button/button.styles.ts +15 -15
- package/src/components/button-group/button-group.styles.ts +7 -7
- package/src/components/calendar/calendar.styles.ts +14 -14
- package/src/components/calendar-year-picker/calendar-year-picker.styles.ts +7 -7
- package/src/components/card/card.styles.ts +12 -12
- package/src/components/checkbox/checkbox.styles.ts +8 -8
- package/src/components/checkbox-group/checkbox-group.styles.ts +5 -5
- package/src/components/chip/chip.styles.ts +16 -16
- package/src/components/close-button/close-button.styles.ts +4 -4
- package/src/components/color-area/color-area.styles.ts +5 -5
- package/src/components/color-field/color-field.styles.ts +4 -4
- package/src/components/color-input-group/color-input-group.styles.ts +11 -11
- package/src/components/color-picker/color-picker.styles.ts +5 -5
- package/src/components/color-slider/color-slider.styles.ts +6 -6
- package/src/components/color-swatch/color-swatch.styles.ts +10 -10
- package/src/components/color-swatch-picker/color-swatch-picker.styles.ts +15 -15
- package/src/components/combo-box/combo-box.styles.ts +11 -11
- package/src/components/date-field/date-field.styles.ts +4 -4
- package/src/components/date-input-group/date-input-group.styles.ts +13 -13
- package/src/components/date-picker/date-picker.styles.ts +6 -6
- package/src/components/date-range-picker/date-range-picker.styles.ts +7 -7
- package/src/components/description/description.styles.ts +3 -3
- package/src/components/disclosure/disclosure.styles.ts +9 -9
- package/src/components/disclosure-group/disclosure-group.styles.ts +3 -3
- package/src/components/drawer/drawer.styles.ts +23 -23
- package/src/components/drop-zone/drop-zone.styles.ts +4 -4
- package/src/components/dropdown/dropdown.styles.ts +6 -6
- package/src/components/empty-state/empty-state.styles.ts +3 -3
- package/src/components/error-message/error-message.styles.ts +3 -3
- package/src/components/field-error/field-error.styles.ts +3 -3
- package/src/components/fieldset/fieldset.styles.ts +7 -7
- package/src/components/header/header.styles.ts +2 -2
- package/src/components/input/input.styles.ts +8 -8
- package/src/components/input-group/input-group.styles.ts +11 -11
- package/src/components/input-otp/input-otp.styles.ts +11 -11
- package/src/components/kbd/kbd.styles.ts +7 -7
- package/src/components/label/label.styles.ts +6 -6
- package/src/components/link/link.styles.ts +4 -4
- package/src/components/list-box/list-box.styles.ts +7 -7
- package/src/components/list-box-item/list-box-item.styles.ts +6 -6
- package/src/components/list-box-section/list-box-section.styles.ts +3 -3
- package/src/components/menu/menu.styles.ts +5 -5
- package/src/components/menu-item/menu-item.styles.ts +7 -7
- package/src/components/menu-section/menu-section.styles.ts +3 -3
- package/src/components/meter/meter.styles.ts +14 -14
- package/src/components/modal/modal.styles.ts +27 -27
- package/src/components/number-field/number-field.styles.ts +13 -13
- package/src/components/pagination/pagination.styles.ts +18 -11
- package/src/components/popover/popover.styles.ts +6 -6
- package/src/components/progress-bar/progress-bar.styles.ts +16 -16
- package/src/components/progress-circle/progress-circle.styles.ts +14 -14
- package/src/components/radio/radio.styles.ts +6 -6
- package/src/components/radio-group/radio-group.styles.ts +5 -5
- package/src/components/range-calendar/range-calendar.styles.ts +16 -14
- package/src/components/scroll-shadow/scroll-shadow.styles.ts +7 -7
- package/src/components/search-field/search-field.styles.ts +13 -13
- package/src/components/segmented-control/segmented-control.styles.ts +10 -10
- package/src/components/select/select.styles.ts +15 -15
- package/src/components/separator/separator.styles.ts +8 -8
- package/src/components/sidebar/sidebar.styles.ts +37 -37
- package/src/components/skeleton/skeleton.styles.ts +6 -6
- package/src/components/slider/slider.styles.ts +8 -8
- package/src/components/spinner/spinner.styles.ts +12 -12
- package/src/components/splitter/splitter.styles.ts +13 -13
- package/src/components/surface/surface.styles.ts +7 -7
- package/src/components/switch/switch.styles.ts +10 -10
- package/src/components/switch-group/switch-group.styles.ts +6 -6
- package/src/components/table/table.styles.ts +21 -19
- package/src/components/tabs/tabs.styles.ts +13 -13
- package/src/components/tag/tag.styles.ts +9 -9
- package/src/components/tag-group/tag-group.styles.ts +4 -4
- package/src/components/textarea/textarea.styles.ts +8 -8
- package/src/components/textfield/textfield.styles.ts +4 -4
- package/src/components/time-field/time-field.styles.ts +4 -4
- package/src/components/toast/toast.styles.ts +27 -27
- package/src/components/toggle-button/toggle-button.styles.ts +9 -9
- package/src/components/toggle-button-group/toggle-button-group.styles.ts +8 -8
- package/src/components/toolbar/toolbar.styles.ts +6 -6
- package/src/components/tooltip/tooltip.styles.ts +4 -4
- package/src/components/typography/typography.styles.ts +25 -25
- package/src/components/virtualizer/virtualizer.styles.ts +4 -4
- package/src/index.ts +5 -2
- package/src/themes.ts +40 -0
- package/src/tv.ts +82 -0
|
@@ -1,178 +1,36 @@
|
|
|
1
|
-
import type { VariantProps } from "
|
|
2
|
-
export declare const badgeVariants:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
success
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
"
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"top-right"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
lg: {
|
|
36
|
-
base: string;
|
|
37
|
-
};
|
|
38
|
-
md: {
|
|
39
|
-
base: string;
|
|
40
|
-
};
|
|
41
|
-
sm: {
|
|
42
|
-
base: string;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
variant: {
|
|
46
|
-
primary: {
|
|
47
|
-
base: string;
|
|
48
|
-
};
|
|
49
|
-
secondary: {
|
|
50
|
-
base: string;
|
|
51
|
-
};
|
|
52
|
-
soft: {
|
|
53
|
-
base: string;
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
}, {
|
|
57
|
-
anchor: string;
|
|
58
|
-
base: string;
|
|
59
|
-
label: string;
|
|
60
|
-
}, undefined, {
|
|
61
|
-
color: {
|
|
62
|
-
accent: {
|
|
63
|
-
base: string;
|
|
64
|
-
};
|
|
65
|
-
danger: {
|
|
66
|
-
base: string;
|
|
67
|
-
};
|
|
68
|
-
default: {
|
|
69
|
-
base: string;
|
|
70
|
-
};
|
|
71
|
-
success: {
|
|
72
|
-
base: string;
|
|
73
|
-
};
|
|
74
|
-
warning: {
|
|
75
|
-
base: string;
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
placement: {
|
|
79
|
-
"bottom-left": {
|
|
80
|
-
base: string;
|
|
81
|
-
};
|
|
82
|
-
"bottom-right": {
|
|
83
|
-
base: string;
|
|
84
|
-
};
|
|
85
|
-
"top-left": {
|
|
86
|
-
base: string;
|
|
87
|
-
};
|
|
88
|
-
"top-right": {
|
|
89
|
-
base: string;
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
size: {
|
|
93
|
-
lg: {
|
|
94
|
-
base: string;
|
|
95
|
-
};
|
|
96
|
-
md: {
|
|
97
|
-
base: string;
|
|
98
|
-
};
|
|
99
|
-
sm: {
|
|
100
|
-
base: string;
|
|
101
|
-
};
|
|
102
|
-
};
|
|
103
|
-
variant: {
|
|
104
|
-
primary: {
|
|
105
|
-
base: string;
|
|
106
|
-
};
|
|
107
|
-
secondary: {
|
|
108
|
-
base: string;
|
|
109
|
-
};
|
|
110
|
-
soft: {
|
|
111
|
-
base: string;
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
}, {
|
|
115
|
-
anchor: string;
|
|
116
|
-
base: string;
|
|
117
|
-
label: string;
|
|
118
|
-
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
119
|
-
color: {
|
|
120
|
-
accent: {
|
|
121
|
-
base: string;
|
|
122
|
-
};
|
|
123
|
-
danger: {
|
|
124
|
-
base: string;
|
|
125
|
-
};
|
|
126
|
-
default: {
|
|
127
|
-
base: string;
|
|
128
|
-
};
|
|
129
|
-
success: {
|
|
130
|
-
base: string;
|
|
131
|
-
};
|
|
132
|
-
warning: {
|
|
133
|
-
base: string;
|
|
134
|
-
};
|
|
135
|
-
};
|
|
136
|
-
placement: {
|
|
137
|
-
"bottom-left": {
|
|
138
|
-
base: string;
|
|
139
|
-
};
|
|
140
|
-
"bottom-right": {
|
|
141
|
-
base: string;
|
|
142
|
-
};
|
|
143
|
-
"top-left": {
|
|
144
|
-
base: string;
|
|
145
|
-
};
|
|
146
|
-
"top-right": {
|
|
147
|
-
base: string;
|
|
148
|
-
};
|
|
149
|
-
};
|
|
150
|
-
size: {
|
|
151
|
-
lg: {
|
|
152
|
-
base: string;
|
|
153
|
-
};
|
|
154
|
-
md: {
|
|
155
|
-
base: string;
|
|
156
|
-
};
|
|
157
|
-
sm: {
|
|
158
|
-
base: string;
|
|
159
|
-
};
|
|
160
|
-
};
|
|
161
|
-
variant: {
|
|
162
|
-
primary: {
|
|
163
|
-
base: string;
|
|
164
|
-
};
|
|
165
|
-
secondary: {
|
|
166
|
-
base: string;
|
|
167
|
-
};
|
|
168
|
-
soft: {
|
|
169
|
-
base: string;
|
|
170
|
-
};
|
|
171
|
-
};
|
|
172
|
-
}, {
|
|
173
|
-
anchor: string;
|
|
174
|
-
base: string;
|
|
175
|
-
label: string;
|
|
176
|
-
}>>;
|
|
1
|
+
import type { VariantProps } from "../../tv";
|
|
2
|
+
export declare const badgeVariants: (props?: ({
|
|
3
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
4
|
+
} & {
|
|
5
|
+
color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
|
|
6
|
+
placement?: "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
|
|
7
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
8
|
+
variant?: "primary" | "secondary" | "soft" | undefined;
|
|
9
|
+
}) | undefined) => {
|
|
10
|
+
anchor: (props?: ({
|
|
11
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
12
|
+
} & {
|
|
13
|
+
color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
|
|
14
|
+
placement?: "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
|
|
15
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
16
|
+
variant?: "primary" | "secondary" | "soft" | undefined;
|
|
17
|
+
}) | undefined) => string;
|
|
18
|
+
base: (props?: ({
|
|
19
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
20
|
+
} & {
|
|
21
|
+
color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
|
|
22
|
+
placement?: "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
|
|
23
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
24
|
+
variant?: "primary" | "secondary" | "soft" | undefined;
|
|
25
|
+
}) | undefined) => string;
|
|
26
|
+
label: (props?: ({
|
|
27
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
28
|
+
} & {
|
|
29
|
+
color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
|
|
30
|
+
placement?: "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
|
|
31
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
32
|
+
variant?: "primary" | "secondary" | "soft" | undefined;
|
|
33
|
+
}) | undefined) => string;
|
|
34
|
+
};
|
|
177
35
|
export type BadgeVariants = VariantProps<typeof badgeVariants>;
|
|
178
36
|
//# sourceMappingURL=badge.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmExB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { tv } from "
|
|
1
|
+
import { tv } from "../../tv.js";
|
|
2
2
|
//#region src/components/badge/badge.styles.ts
|
|
3
3
|
const badgeVariants = tv({
|
|
4
4
|
defaultVariants: {
|
|
@@ -8,33 +8,33 @@ const badgeVariants = tv({
|
|
|
8
8
|
variant: "primary"
|
|
9
9
|
},
|
|
10
10
|
slots: {
|
|
11
|
-
anchor: "badge-anchor",
|
|
12
|
-
base: "badge",
|
|
13
|
-
label: "badge__label"
|
|
11
|
+
anchor: "rp-badge-anchor",
|
|
12
|
+
base: "rp-badge",
|
|
13
|
+
label: "rp-badge__label"
|
|
14
14
|
},
|
|
15
15
|
variants: {
|
|
16
16
|
color: {
|
|
17
|
-
accent: { base: "badge--accent" },
|
|
18
|
-
danger: { base: "badge--danger" },
|
|
19
|
-
default: { base: "badge--default" },
|
|
20
|
-
success: { base: "badge--success" },
|
|
21
|
-
warning: { base: "badge--warning" }
|
|
17
|
+
accent: { base: "rp-badge--accent" },
|
|
18
|
+
danger: { base: "rp-badge--danger" },
|
|
19
|
+
default: { base: "rp-badge--default" },
|
|
20
|
+
success: { base: "rp-badge--success" },
|
|
21
|
+
warning: { base: "rp-badge--warning" }
|
|
22
22
|
},
|
|
23
23
|
placement: {
|
|
24
|
-
"bottom-left": { base: "badge--bottom-left" },
|
|
25
|
-
"bottom-right": { base: "badge--bottom-right" },
|
|
26
|
-
"top-left": { base: "badge--top-left" },
|
|
27
|
-
"top-right": { base: "badge--top-right" }
|
|
24
|
+
"bottom-left": { base: "rp-badge--bottom-left" },
|
|
25
|
+
"bottom-right": { base: "rp-badge--bottom-right" },
|
|
26
|
+
"top-left": { base: "rp-badge--top-left" },
|
|
27
|
+
"top-right": { base: "rp-badge--top-right" }
|
|
28
28
|
},
|
|
29
29
|
size: {
|
|
30
|
-
lg: { base: "badge--lg" },
|
|
31
|
-
md: { base: "badge--md" },
|
|
32
|
-
sm: { base: "badge--sm" }
|
|
30
|
+
lg: { base: "rp-badge--lg" },
|
|
31
|
+
md: { base: "rp-badge--md" },
|
|
32
|
+
sm: { base: "rp-badge--sm" }
|
|
33
33
|
},
|
|
34
34
|
variant: {
|
|
35
|
-
primary: { base: "badge--primary" },
|
|
36
|
-
secondary: { base: "badge--secondary" },
|
|
37
|
-
soft: { base: "badge--soft" }
|
|
35
|
+
primary: { base: "rp-badge--primary" },
|
|
36
|
+
secondary: { base: "rp-badge--secondary" },
|
|
37
|
+
soft: { base: "rp-badge--soft" }
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
});
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
========================================================================== */
|
|
4
4
|
|
|
5
5
|
/* Base styles */
|
|
6
|
-
.badge {
|
|
6
|
+
.rp-badge {
|
|
7
7
|
@apply inline-flex shrink-0 items-center justify-center gap-0.5 font-medium;
|
|
8
8
|
|
|
9
9
|
/* Default size (matches --md) */
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.badge__label {
|
|
30
|
+
.rp-badge__label {
|
|
31
31
|
@apply px-0.5;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.badge-anchor {
|
|
34
|
+
.rp-badge-anchor {
|
|
35
35
|
@apply relative inline-flex shrink-0;
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -39,15 +39,15 @@
|
|
|
39
39
|
Size variants
|
|
40
40
|
========================================================================== */
|
|
41
41
|
|
|
42
|
-
.badge--lg {
|
|
42
|
+
.rp-badge--lg {
|
|
43
43
|
@apply min-h-8 min-w-8 rounded-2xl text-sm leading-[1.43];
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.badge--md {
|
|
46
|
+
.rp-badge--md {
|
|
47
47
|
/* No styles as this is the default size */
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.badge--sm {
|
|
50
|
+
.rp-badge--sm {
|
|
51
51
|
@apply min-h-4 min-w-4 rounded-xl text-[10px] leading-[1.34];
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -55,23 +55,23 @@
|
|
|
55
55
|
Color variants - set foreground color
|
|
56
56
|
========================================================================== */
|
|
57
57
|
|
|
58
|
-
.badge--accent {
|
|
58
|
+
.rp-badge--accent {
|
|
59
59
|
--badge-fg: var(--accent-soft-foreground);
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.badge--default {
|
|
62
|
+
.rp-badge--default {
|
|
63
63
|
--badge-fg: var(--default-foreground);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.badge--success {
|
|
66
|
+
.rp-badge--success {
|
|
67
67
|
--badge-fg: var(--success-soft-foreground);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.badge--warning {
|
|
70
|
+
.rp-badge--warning {
|
|
71
71
|
--badge-fg: var(--warning-soft-foreground);
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.badge--danger {
|
|
74
|
+
.rp-badge--danger {
|
|
75
75
|
--badge-fg: var(--danger-soft-foreground);
|
|
76
76
|
}
|
|
77
77
|
|
|
@@ -79,15 +79,15 @@
|
|
|
79
79
|
Variant styles
|
|
80
80
|
========================================================================== */
|
|
81
81
|
|
|
82
|
-
.badge--primary {
|
|
82
|
+
.rp-badge--primary {
|
|
83
83
|
/* Solid background - compound variants below handle bg/fg per color */
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
.badge--secondary {
|
|
86
|
+
.rp-badge--secondary {
|
|
87
87
|
/* Default background with colored text - base behavior */
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
.badge--soft {
|
|
90
|
+
.rp-badge--soft {
|
|
91
91
|
/* Soft/muted background - compound variants below handle bg/fg per color */
|
|
92
92
|
}
|
|
93
93
|
|
|
@@ -95,22 +95,22 @@
|
|
|
95
95
|
Placement variants
|
|
96
96
|
========================================================================== */
|
|
97
97
|
|
|
98
|
-
.badge--top-right {
|
|
98
|
+
.rp-badge--top-right {
|
|
99
99
|
@apply absolute top-0 right-0;
|
|
100
100
|
transform: translate(25%, -25%);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
.badge--top-left {
|
|
103
|
+
.rp-badge--top-left {
|
|
104
104
|
@apply absolute top-0 left-0;
|
|
105
105
|
transform: translate(-25%, -25%);
|
|
106
106
|
}
|
|
107
107
|
|
|
108
|
-
.badge--bottom-right {
|
|
108
|
+
.rp-badge--bottom-right {
|
|
109
109
|
@apply absolute right-0 bottom-0;
|
|
110
110
|
transform: translate(25%, 25%);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
.badge--bottom-left {
|
|
113
|
+
.rp-badge--bottom-left {
|
|
114
114
|
@apply absolute bottom-0 left-0;
|
|
115
115
|
transform: translate(-25%, 25%);
|
|
116
116
|
}
|
|
@@ -119,27 +119,27 @@
|
|
|
119
119
|
Compound variants - Primary (solid background)
|
|
120
120
|
========================================================================== */
|
|
121
121
|
|
|
122
|
-
.badge--primary.badge--accent {
|
|
122
|
+
.rp-badge--primary.rp-badge--accent {
|
|
123
123
|
--badge-bg: var(--accent);
|
|
124
124
|
--badge-fg: var(--accent-foreground);
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
.badge--primary.badge--default {
|
|
127
|
+
.rp-badge--primary.rp-badge--default {
|
|
128
128
|
--badge-bg: var(--default);
|
|
129
129
|
--badge-fg: var(--default-foreground);
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
.badge--primary.badge--success {
|
|
132
|
+
.rp-badge--primary.rp-badge--success {
|
|
133
133
|
--badge-bg: var(--success);
|
|
134
134
|
--badge-fg: var(--success-foreground);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
.badge--primary.badge--warning {
|
|
137
|
+
.rp-badge--primary.rp-badge--warning {
|
|
138
138
|
--badge-bg: var(--warning);
|
|
139
139
|
--badge-fg: var(--warning-foreground);
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.badge--primary.badge--danger {
|
|
142
|
+
.rp-badge--primary.rp-badge--danger {
|
|
143
143
|
--badge-bg: var(--danger);
|
|
144
144
|
--badge-fg: var(--danger-foreground);
|
|
145
145
|
}
|
|
@@ -148,27 +148,27 @@
|
|
|
148
148
|
Compound variants - Soft (muted background)
|
|
149
149
|
========================================================================== */
|
|
150
150
|
|
|
151
|
-
.badge--soft.badge--accent {
|
|
151
|
+
.rp-badge--soft.rp-badge--accent {
|
|
152
152
|
--badge-bg: var(--accent-soft);
|
|
153
153
|
--badge-fg: var(--accent-soft-foreground);
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
.badge--soft.badge--default {
|
|
156
|
+
.rp-badge--soft.rp-badge--default {
|
|
157
157
|
--badge-bg: var(--default-soft);
|
|
158
158
|
--badge-fg: var(--default-soft-foreground);
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.badge--soft.badge--success {
|
|
161
|
+
.rp-badge--soft.rp-badge--success {
|
|
162
162
|
--badge-bg: var(--success-soft);
|
|
163
163
|
--badge-fg: var(--success-soft-foreground);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
.badge--soft.badge--warning {
|
|
166
|
+
.rp-badge--soft.rp-badge--warning {
|
|
167
167
|
--badge-bg: var(--warning-soft);
|
|
168
168
|
--badge-fg: var(--warning-soft-foreground);
|
|
169
169
|
}
|
|
170
170
|
|
|
171
|
-
.badge--soft.badge--danger {
|
|
171
|
+
.rp-badge--soft.rp-badge--danger {
|
|
172
172
|
--badge-bg: var(--danger-soft);
|
|
173
173
|
--badge-fg: var(--danger-soft-foreground);
|
|
174
174
|
}
|
|
@@ -1,46 +1,19 @@
|
|
|
1
|
-
import type { VariantProps } from "
|
|
2
|
-
export declare const breadcrumbsVariants:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
} | import("tailwind-variants").ClassValue;
|
|
19
|
-
};
|
|
20
|
-
} | {}, {
|
|
21
|
-
base: string;
|
|
22
|
-
item: string;
|
|
23
|
-
link: string;
|
|
24
|
-
separator: string;
|
|
25
|
-
}, undefined, {
|
|
26
|
-
[key: string]: {
|
|
27
|
-
[key: string]: {
|
|
28
|
-
base?: import("tailwind-variants").ClassValue;
|
|
29
|
-
item?: import("tailwind-variants").ClassValue;
|
|
30
|
-
link?: import("tailwind-variants").ClassValue;
|
|
31
|
-
separator?: import("tailwind-variants").ClassValue;
|
|
32
|
-
} | import("tailwind-variants").ClassValue;
|
|
33
|
-
};
|
|
34
|
-
} | {}, {
|
|
35
|
-
base: string;
|
|
36
|
-
item: string;
|
|
37
|
-
link: string;
|
|
38
|
-
separator: string;
|
|
39
|
-
}, import("tailwind-variants").TVReturnTypeLike<unknown, {
|
|
40
|
-
base: string;
|
|
41
|
-
item: string;
|
|
42
|
-
link: string;
|
|
43
|
-
separator: string;
|
|
44
|
-
}>>;
|
|
1
|
+
import type { VariantProps } from "../../tv";
|
|
2
|
+
export declare const breadcrumbsVariants: (props?: ({
|
|
3
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
4
|
+
} & object) | undefined) => {
|
|
5
|
+
base: (props?: ({
|
|
6
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
7
|
+
} & object) | undefined) => string;
|
|
8
|
+
item: (props?: ({
|
|
9
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
10
|
+
} & object) | undefined) => string;
|
|
11
|
+
link: (props?: ({
|
|
12
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
13
|
+
} & object) | undefined) => string;
|
|
14
|
+
separator: (props?: ({
|
|
15
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
16
|
+
} & object) | undefined) => string;
|
|
17
|
+
};
|
|
45
18
|
export type BreadcrumbsVariants = VariantProps<typeof breadcrumbsVariants>;
|
|
46
19
|
//# sourceMappingURL=breadcrumbs.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;CAO9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { tv } from "
|
|
1
|
+
import { tv } from "../../tv.js";
|
|
2
2
|
//#region src/components/breadcrumbs/breadcrumbs.styles.ts
|
|
3
3
|
const breadcrumbsVariants = tv({ slots: {
|
|
4
|
-
base: "breadcrumbs",
|
|
5
|
-
item: "breadcrumbs__item",
|
|
6
|
-
link: "breadcrumbs__link",
|
|
7
|
-
separator: "breadcrumbs__separator"
|
|
4
|
+
base: "rp-breadcrumbs",
|
|
5
|
+
item: "rp-breadcrumbs__item",
|
|
6
|
+
link: "rp-breadcrumbs__link",
|
|
7
|
+
separator: "rp-breadcrumbs__separator"
|
|
8
8
|
} });
|
|
9
9
|
//#endregion
|
|
10
10
|
export { breadcrumbsVariants };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* Base breadcrumbs container */
|
|
2
|
-
.breadcrumbs {
|
|
2
|
+
.rp-breadcrumbs {
|
|
3
3
|
@apply flex items-center;
|
|
4
4
|
|
|
5
5
|
/* Breadcrumb link */
|
|
6
|
-
.breadcrumbs__link {
|
|
6
|
+
.rp-breadcrumbs__link {
|
|
7
7
|
@apply relative px-0.5 text-sm leading-5 font-medium no-underline opacity-100;
|
|
8
8
|
|
|
9
9
|
--breadcrumbs-link-fg: var(--muted);
|
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
/* Breadcrumb item wrapper */
|
|
27
|
-
.breadcrumbs__item {
|
|
27
|
+
.rp-breadcrumbs__item {
|
|
28
28
|
@apply flex shrink-0 items-center justify-center gap-0.5 px-0.5;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
/* Separator icon */
|
|
32
|
-
.breadcrumbs__separator {
|
|
32
|
+
.rp-breadcrumbs__separator {
|
|
33
33
|
@apply size-3 text-muted rtl:rotate-180;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -1,70 +1,11 @@
|
|
|
1
|
-
import type { VariantProps } from "
|
|
2
|
-
export declare const buttonVariants:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
size: {
|
|
11
|
-
lg: "button--lg";
|
|
12
|
-
md: "button--md";
|
|
13
|
-
sm: "button--sm";
|
|
14
|
-
};
|
|
15
|
-
variant: {
|
|
16
|
-
danger: "button--danger";
|
|
17
|
-
"danger-soft": "button--danger-soft";
|
|
18
|
-
ghost: "button--ghost";
|
|
19
|
-
outline: "button--outline";
|
|
20
|
-
primary: "button--primary";
|
|
21
|
-
secondary: "button--secondary";
|
|
22
|
-
tertiary: "button--tertiary";
|
|
23
|
-
};
|
|
24
|
-
}, undefined, "button", {
|
|
25
|
-
fullWidth: {
|
|
26
|
-
false: "";
|
|
27
|
-
true: "button--full-width";
|
|
28
|
-
};
|
|
29
|
-
isIconOnly: {
|
|
30
|
-
true: "button--icon-only";
|
|
31
|
-
};
|
|
32
|
-
size: {
|
|
33
|
-
lg: "button--lg";
|
|
34
|
-
md: "button--md";
|
|
35
|
-
sm: "button--sm";
|
|
36
|
-
};
|
|
37
|
-
variant: {
|
|
38
|
-
danger: "button--danger";
|
|
39
|
-
"danger-soft": "button--danger-soft";
|
|
40
|
-
ghost: "button--ghost";
|
|
41
|
-
outline: "button--outline";
|
|
42
|
-
primary: "button--primary";
|
|
43
|
-
secondary: "button--secondary";
|
|
44
|
-
tertiary: "button--tertiary";
|
|
45
|
-
};
|
|
46
|
-
}, undefined, import("tailwind-variants").TVReturnTypeLike<{
|
|
47
|
-
fullWidth: {
|
|
48
|
-
false: "";
|
|
49
|
-
true: "button--full-width";
|
|
50
|
-
};
|
|
51
|
-
isIconOnly: {
|
|
52
|
-
true: "button--icon-only";
|
|
53
|
-
};
|
|
54
|
-
size: {
|
|
55
|
-
lg: "button--lg";
|
|
56
|
-
md: "button--md";
|
|
57
|
-
sm: "button--sm";
|
|
58
|
-
};
|
|
59
|
-
variant: {
|
|
60
|
-
danger: "button--danger";
|
|
61
|
-
"danger-soft": "button--danger-soft";
|
|
62
|
-
ghost: "button--ghost";
|
|
63
|
-
outline: "button--outline";
|
|
64
|
-
primary: "button--primary";
|
|
65
|
-
secondary: "button--secondary";
|
|
66
|
-
tertiary: "button--tertiary";
|
|
67
|
-
};
|
|
68
|
-
}, undefined>>;
|
|
1
|
+
import type { VariantProps } from "../../tv";
|
|
2
|
+
export declare const buttonVariants: (props?: ({
|
|
3
|
+
class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
|
|
4
|
+
} & {
|
|
5
|
+
fullWidth?: boolean | undefined;
|
|
6
|
+
isIconOnly?: boolean | undefined;
|
|
7
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
8
|
+
variant?: "danger" | "danger-soft" | "ghost" | "outline" | "primary" | "secondary" | "tertiary" | undefined;
|
|
9
|
+
}) | undefined) => string;
|
|
69
10
|
export type ButtonVariants = VariantProps<typeof buttonVariants>;
|
|
70
11
|
//# sourceMappingURL=button.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,cAAc;;;;;;;yBA+BzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}
|