@rotki/ui-library 2.27.0 → 3.0.0-beta.2
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 +36 -15
- package/dist/components/accordions/accordion/RuiAccordion.js.map +1 -1
- package/dist/components/accordions/accordion/RuiAccordion.vue.d.ts +0 -4
- package/dist/components/accordions/accordion/RuiAccordion.vue_vue_type_script_setup_true_lang.js +9 -10
- package/dist/components/accordions/accordion/RuiAccordion.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/accordions/accordions/RuiAccordions.js.map +1 -1
- package/dist/components/accordions/accordions/RuiAccordions.vue_vue_type_script_setup_true_lang.js +16 -3
- package/dist/components/accordions/accordions/RuiAccordions.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/alerts/RuiAlert.js.map +1 -1
- package/dist/components/alerts/RuiAlert.vue_vue_type_script_setup_true_lang.js +43 -212
- package/dist/components/alerts/RuiAlert.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/avatars/RuiAvatar.js.map +1 -1
- package/dist/components/avatars/RuiAvatar.vue_vue_type_script_setup_true_lang.js +22 -32
- package/dist/components/avatars/RuiAvatar.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/avatars/RuiAvatarGroup.js.map +1 -1
- package/dist/components/avatars/RuiAvatarGroup.vue.d.ts +6 -0
- package/dist/components/avatars/RuiAvatarGroup.vue_vue_type_script_setup_true_lang.js +17 -13
- package/dist/components/avatars/RuiAvatarGroup.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/avatars/avatar-props.d.ts +16 -3
- package/dist/components/avatars/avatar-props.js +42 -5
- package/dist/components/avatars/avatar-props.js.map +1 -1
- package/dist/components/buttons/button/RuiButton.js.map +1 -1
- package/dist/components/buttons/button/RuiButton.vue.d.ts +0 -1
- package/dist/components/buttons/button/RuiButton.vue_vue_type_script_setup_true_lang.js +39 -26
- package/dist/components/buttons/button/RuiButton.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/buttons/button/button-props.d.ts +0 -2
- package/dist/components/buttons/button/button-props.js +5 -5
- package/dist/components/buttons/button/button-props.js.map +1 -1
- package/dist/components/buttons/button/button-styles.d.ts +4 -1
- package/dist/components/buttons/button/button-styles.js +136 -55
- package/dist/components/buttons/button/button-styles.js.map +1 -1
- package/dist/components/buttons/button-group/RuiButtonGroup.js.map +1 -1
- package/dist/components/buttons/button-group/RuiButtonGroup.vue.d.ts +8 -2
- package/dist/components/buttons/button-group/RuiButtonGroup.vue_vue_type_script_setup_true_lang.js +66 -97
- package/dist/components/buttons/button-group/RuiButtonGroup.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/buttons/button-group/button-group-context.d.ts +28 -0
- package/dist/components/buttons/button-group/button-group-context.js +22 -0
- package/dist/components/buttons/button-group/button-group-context.js.map +1 -0
- package/dist/components/calendar/RuiCalendar.js.map +1 -1
- package/dist/components/calendar/RuiCalendar.vue_vue_type_script_setup_true_lang.js +6 -3
- package/dist/components/calendar/RuiCalendar.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/calendar/RuiCalendarGrid.js.map +1 -1
- package/dist/components/calendar/RuiCalendarGrid.vue_vue_type_script_setup_true_lang.js +12 -8
- package/dist/components/calendar/RuiCalendarGrid.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/calendar/RuiCalendarHeader.js.map +1 -1
- package/dist/components/calendar/RuiCalendarHeader.vue_vue_type_script_setup_true_lang.js +21 -22
- package/dist/components/calendar/RuiCalendarHeader.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/calendar/RuiCalendarMenu.js.map +1 -1
- package/dist/components/calendar/RuiCalendarMenu.vue_vue_type_script_setup_true_lang.js +17 -21
- package/dist/components/calendar/RuiCalendarMenu.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/cards/RuiCard.js.map +1 -1
- package/dist/components/cards/RuiCard.vue.d.ts +0 -3
- package/dist/components/cards/RuiCard.vue_vue_type_script_setup_true_lang.js +31 -19
- package/dist/components/cards/RuiCard.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/cards/RuiCardHeader.js.map +1 -1
- package/dist/components/cards/RuiCardHeader.vue_vue_type_script_setup_true_lang.js +13 -25
- package/dist/components/cards/RuiCardHeader.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/chips/RuiChip.js.map +1 -1
- package/dist/components/chips/RuiChip.vue.d.ts +5 -2
- package/dist/components/chips/RuiChip.vue_vue_type_script_setup_true_lang.js +127 -78
- package/dist/components/chips/RuiChip.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/chips/chip-props.d.ts +2 -0
- package/dist/components/chips/chip-props.js +5 -3
- package/dist/components/chips/chip-props.js.map +1 -1
- package/dist/components/color-picker/RuiColorBoard.js.map +1 -1
- package/dist/components/color-picker/RuiColorBoard.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/components/color-picker/RuiColorBoard.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/color-picker/RuiColorDisplay.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/color-picker/RuiColorHue.js.map +1 -1
- package/dist/components/color-picker/RuiColorHue.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/color-picker/RuiColorHue.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/color-picker/RuiColorInput.js.map +1 -1
- package/dist/components/color-picker/RuiColorInput.vue_vue_type_script_setup_true_lang.js +46 -36
- package/dist/components/color-picker/RuiColorInput.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/color-picker/RuiColorPicker.js.map +1 -1
- package/dist/components/color-picker/RuiColorPicker.vue_vue_type_script_setup_true_lang.js +4 -5
- package/dist/components/color-picker/RuiColorPicker.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/date-time-picker/RuiDateTimePicker.js.map +1 -1
- package/dist/components/date-time-picker/RuiDateTimePicker.vue.d.ts +3 -2
- package/dist/components/date-time-picker/RuiDateTimePicker.vue_vue_type_script_setup_true_lang.js +81 -80
- package/dist/components/date-time-picker/RuiDateTimePicker.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/date-time-picker/RuiDateTimePickerMenu.js.map +1 -1
- package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/date-time-picker/RuiTimezoneSelect.js.map +1 -1
- package/dist/components/date-time-picker/RuiTimezoneSelect.vue.d.ts +4 -3
- package/dist/components/date-time-picker/RuiTimezoneSelect.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/components/date-time-picker/RuiTimezoneSelect.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/date-time-picker/date-time-picker-styles.d.ts +128 -219
- package/dist/components/date-time-picker/date-time-picker-styles.js +1 -2
- package/dist/components/date-time-picker/date-time-picker-styles.js.map +1 -1
- package/dist/components/date-time-picker/use-date-bounds.js +1 -1
- package/dist/components/date-time-picker/use-date-time-selection.js +65 -66
- package/dist/components/date-time-picker/use-date-time-selection.js.map +1 -1
- package/dist/components/date-time-picker/use-input-handler.js +1 -1
- package/dist/components/date-time-picker/use-keyboard-handler.js +29 -30
- package/dist/components/date-time-picker/use-keyboard-handler.js.map +1 -1
- package/dist/components/forms/auto-complete/RuiAutoComplete.js.map +1 -1
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue.d.ts +1 -68
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue_vue_type_script_setup_true_lang.js +203 -198
- package/dist/components/forms/auto-complete/RuiAutoComplete.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/auto-complete/RuiAutoCompleteOption.js.map +1 -1
- package/dist/components/forms/auto-complete/RuiAutoCompleteOption.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/components/forms/auto-complete/RuiAutoCompleteOption.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/auto-complete/RuiAutoCompleteOptionList.js.map +1 -1
- package/dist/components/forms/auto-complete/RuiAutoCompleteOptionList.vue.d.ts +2 -0
- package/dist/components/forms/auto-complete/RuiAutoCompleteOptionList.vue_vue_type_script_setup_true_lang.js +8 -3
- package/dist/components/forms/auto-complete/RuiAutoCompleteOptionList.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/auto-complete/RuiAutoCompleteSelection.js.map +1 -1
- package/dist/components/forms/auto-complete/RuiAutoCompleteSelection.vue.d.ts +4 -0
- package/dist/components/forms/auto-complete/RuiAutoCompleteSelection.vue_vue_type_script_setup_true_lang.js +24 -10
- package/dist/components/forms/auto-complete/RuiAutoCompleteSelection.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/auto-complete/auto-complete-props.d.ts +66 -0
- package/dist/components/forms/auto-complete/auto-complete-styles.d.ts +128 -218
- package/dist/components/forms/auto-complete/auto-complete-styles.js +4 -2
- package/dist/components/forms/auto-complete/auto-complete-styles.js.map +1 -1
- package/dist/components/forms/category-picker/RuiCategoryPicker.js.map +1 -1
- package/dist/components/forms/category-picker/RuiCategoryPicker.vue.d.ts +3 -6
- package/dist/components/forms/category-picker/RuiCategoryPicker.vue_vue_type_script_setup_true_lang.js +154 -154
- package/dist/components/forms/category-picker/RuiCategoryPicker.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/category-picker/category-picker-styles.d.ts +83 -232
- package/dist/components/forms/category-picker/category-picker-styles.js +20 -26
- package/dist/components/forms/category-picker/category-picker-styles.js.map +1 -1
- package/dist/components/forms/check-control-styles.d.ts +61 -2
- package/dist/components/forms/check-control-styles.js +53 -46
- package/dist/components/forms/check-control-styles.js.map +1 -1
- package/dist/components/forms/checkbox/RuiCheckbox.js.map +1 -1
- package/dist/components/forms/checkbox/RuiCheckbox.vue_vue_type_script_setup_true_lang.js +32 -19
- package/dist/components/forms/checkbox/RuiCheckbox.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/checkbox/checkbox-group/RuiCheckboxGroup.js.map +1 -1
- package/dist/components/forms/checkbox/checkbox-group/RuiCheckboxGroup.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/components/forms/checkbox/checkbox-group/RuiCheckboxGroup.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/field-defaults/RuiFieldDefaults.js +7 -0
- package/dist/components/forms/field-defaults/RuiFieldDefaults.js.map +1 -0
- package/dist/components/forms/field-defaults/RuiFieldDefaults.vue.d.ts +16 -0
- package/dist/components/forms/field-defaults/RuiFieldDefaults.vue_vue_type_script_setup_true_lang.js +18 -0
- package/dist/components/forms/field-defaults/RuiFieldDefaults.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/forms/field-label/RuiFieldLabel.js +7 -0
- package/dist/components/forms/field-label/RuiFieldLabel.js.map +1 -0
- package/dist/components/forms/field-label/RuiFieldLabel.vue.d.ts +17 -0
- package/dist/components/forms/field-label/RuiFieldLabel.vue_vue_type_script_setup_true_lang.js +57 -0
- package/dist/components/forms/field-label/RuiFieldLabel.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/forms/file-upload/RuiFileUpload.js.map +1 -1
- package/dist/components/forms/file-upload/RuiFileUpload.vue.d.ts +1 -1
- package/dist/components/forms/file-upload/RuiFileUpload.vue_vue_type_script_setup_true_lang.js +56 -35
- package/dist/components/forms/file-upload/RuiFileUpload.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/radio-button/radio/RuiRadio.js.map +1 -1
- package/dist/components/forms/radio-button/radio/RuiRadio.vue_vue_type_script_setup_true_lang.js +14 -15
- package/dist/components/forms/radio-button/radio/RuiRadio.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.js.map +1 -1
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.js.map +1 -1
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue_vue_type_script_setup_true_lang.js +6 -6
- package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/select/RuiMenuSelect.js.map +1 -1
- package/dist/components/forms/select/RuiMenuSelect.vue.d.ts +3 -12
- package/dist/components/forms/select/RuiMenuSelect.vue_vue_type_script_setup_true_lang.js +61 -56
- package/dist/components/forms/select/RuiMenuSelect.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/select/RuiSimpleSelect.js.map +1 -1
- package/dist/components/forms/select/RuiSimpleSelect.vue.d.ts +0 -1
- package/dist/components/forms/select/RuiSimpleSelect.vue_vue_type_script_setup_true_lang.js +13 -20
- package/dist/components/forms/select/RuiSimpleSelect.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/select/menu-select-styles.d.ts +99 -221
- package/dist/components/forms/select/menu-select-styles.js +1 -4
- package/dist/components/forms/select/menu-select-styles.js.map +1 -1
- package/dist/components/forms/slider/RuiSlider.js.map +1 -1
- package/dist/components/forms/slider/RuiSlider.vue.d.ts +0 -4
- package/dist/components/forms/slider/RuiSlider.vue_vue_type_script_setup_true_lang.js +129 -106
- package/dist/components/forms/slider/RuiSlider.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/slider/slider-styles.d.ts +40 -40
- package/dist/components/forms/slider/slider-styles.js +67 -109
- package/dist/components/forms/slider/slider-styles.js.map +1 -1
- package/dist/components/forms/switch/RuiSwitch.js.map +1 -1
- package/dist/components/forms/switch/RuiSwitch.vue_vue_type_script_setup_true_lang.js +33 -45
- package/dist/components/forms/switch/RuiSwitch.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/text-area/RuiTextArea.js.map +1 -1
- package/dist/components/forms/text-area/RuiTextArea.vue.d.ts +3 -2
- package/dist/components/forms/text-area/RuiTextArea.vue_vue_type_script_setup_true_lang.js +138 -117
- package/dist/components/forms/text-area/RuiTextArea.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/text-area/text-area-styles.d.ts +41 -115
- package/dist/components/forms/text-area/text-area-styles.js +34 -194
- package/dist/components/forms/text-area/text-area-styles.js.map +1 -1
- package/dist/components/forms/text-field/RuiTextField.js.map +1 -1
- package/dist/components/forms/text-field/RuiTextField.vue.d.ts +5 -2
- package/dist/components/forms/text-field/RuiTextField.vue_vue_type_script_setup_true_lang.js +112 -105
- package/dist/components/forms/text-field/RuiTextField.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/forms/text-field/text-field-styles.d.ts +37 -145
- package/dist/components/forms/text-field/text-field-styles.js +24 -267
- package/dist/components/forms/text-field/text-field-styles.js.map +1 -1
- package/dist/components/forms/text-input-styles.d.ts +98 -229
- package/dist/components/forms/text-input-styles.js +63 -193
- package/dist/components/forms/text-input-styles.js.map +1 -1
- package/dist/components/helpers/RuiFormTextDetail.js.map +1 -1
- package/dist/components/helpers/RuiFormTextDetail.vue.d.ts +11 -1
- package/dist/components/helpers/RuiFormTextDetail.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/components/helpers/RuiFormTextDetail.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/icons/RuiIcon.js.map +1 -1
- package/dist/components/icons/RuiIcon.vue_vue_type_script_setup_true_lang.js +7 -4
- package/dist/components/icons/RuiIcon.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/index.d.ts +5 -3
- package/dist/components/index.js +4 -3
- package/dist/components/loaders/RuiSkeletonBase.js.map +1 -1
- package/dist/components/loaders/RuiSkeletonBase.vue_vue_type_script_setup_true_lang.js +6 -5
- package/dist/components/loaders/RuiSkeletonBase.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/loaders/RuiSkeletonLoader.js.map +1 -1
- package/dist/components/loaders/RuiSkeletonLoader.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/components/loaders/RuiSkeletonLoader.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/logos/RuiLogo.js.map +1 -1
- package/dist/components/logos/RuiLogo.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/logos/RuiLogo.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/overlays/badge/RuiBadge.js.map +1 -1
- package/dist/components/overlays/badge/RuiBadge.vue_vue_type_script_setup_true_lang.js +76 -48
- package/dist/components/overlays/badge/RuiBadge.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/overlays/dialog/RuiDialog.js.map +1 -1
- package/dist/components/overlays/dialog/RuiDialog.vue.d.ts +3 -2
- package/dist/components/overlays/dialog/RuiDialog.vue_vue_type_script_setup_true_lang.js +17 -13
- package/dist/components/overlays/dialog/RuiDialog.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/overlays/menu/RuiMenu.js.map +1 -1
- package/dist/components/overlays/menu/RuiMenu.vue.d.ts +9 -7
- package/dist/components/overlays/menu/RuiMenu.vue_vue_type_script_setup_true_lang.js +33 -29
- package/dist/components/overlays/menu/RuiMenu.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.js.map +1 -1
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue.d.ts +6 -2
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue_vue_type_script_setup_true_lang.js +49 -25
- package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/overlays/notification/RuiNotification.js.map +1 -1
- package/dist/components/overlays/notification/RuiNotification.vue_vue_type_script_setup_true_lang.js +7 -8
- package/dist/components/overlays/notification/RuiNotification.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/overlays/tooltip/RuiTooltip.js.map +1 -1
- package/dist/components/overlays/tooltip/RuiTooltip.vue.d.ts +0 -5
- package/dist/components/overlays/tooltip/RuiTooltip.vue_vue_type_script_setup_true_lang.js +17 -11
- package/dist/components/overlays/tooltip/RuiTooltip.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/overlays/tooltip/tooltip-styles.d.ts +5 -12
- package/dist/components/overlays/tooltip/tooltip-styles.js +11 -18
- package/dist/components/overlays/tooltip/tooltip-styles.js.map +1 -1
- package/dist/components/progress/RuiProgress.js.map +1 -1
- package/dist/components/progress/RuiProgress.vue.d.ts +4 -0
- package/dist/components/progress/RuiProgress.vue_vue_type_script_setup_true_lang.js +73 -47
- package/dist/components/progress/RuiProgress.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/steppers/RuiFooterStepper.js.map +1 -1
- package/dist/components/steppers/RuiFooterStepper.vue_vue_type_script_setup_true_lang.js +28 -29
- package/dist/components/steppers/RuiFooterStepper.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/steppers/RuiStepper.js.map +1 -1
- package/dist/components/steppers/RuiStepper.vue.d.ts +0 -4
- package/dist/components/steppers/RuiStepper.vue_vue_type_script_setup_true_lang.js +36 -29
- package/dist/components/steppers/RuiStepper.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/steppers/RuiStepperIcon.js.map +1 -1
- package/dist/components/steppers/RuiStepperIcon.vue.d.ts +2 -0
- package/dist/components/steppers/RuiStepperIcon.vue_vue_type_script_setup_true_lang.js +47 -47
- package/dist/components/steppers/RuiStepperIcon.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/RuiDataTable.js.map +1 -1
- package/dist/components/tables/RuiDataTable.vue.d.ts +3 -6
- package/dist/components/tables/RuiDataTable.vue_vue_type_script_setup_true_lang.js +85 -67
- package/dist/components/tables/RuiDataTable.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/RuiExpandButton.js.map +1 -1
- package/dist/components/tables/RuiExpandButton.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/components/tables/RuiExpandButton.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/RuiTable.js.map +1 -1
- package/dist/components/tables/RuiTable.vue_vue_type_script_setup_true_lang.js +8 -5
- package/dist/components/tables/RuiTable.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/RuiTableEmptyState.js.map +1 -1
- package/dist/components/tables/RuiTableEmptyState.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/tables/RuiTableEmptyState.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/RuiTableHead.js.map +1 -1
- package/dist/components/tables/RuiTableHead.vue_vue_type_script_setup_true_lang.js +89 -67
- package/dist/components/tables/RuiTableHead.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/RuiTablePagination.js.map +1 -1
- package/dist/components/tables/RuiTablePagination.vue_vue_type_script_setup_true_lang.js +9 -12
- package/dist/components/tables/RuiTablePagination.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableCell.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/tables/data-table/RuiDataTableExpandedRow.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableExpandedRow.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/components/tables/data-table/RuiDataTableExpandedRow.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableGroupRow.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableGroupRow.vue_vue_type_script_setup_true_lang.js +8 -4
- package/dist/components/tables/data-table/RuiDataTableGroupRow.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableMobileSort.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableMobileSort.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/tables/data-table/RuiDataTableMobileSort.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableRow.js.map +1 -1
- package/dist/components/tables/data-table/RuiDataTableRow.vue_vue_type_script_setup_true_lang.js +47 -8
- package/dist/components/tables/data-table/RuiDataTableRow.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tables/data-table-styles.d.ts +24 -0
- package/dist/components/tables/data-table-styles.js +35 -20
- package/dist/components/tables/data-table-styles.js.map +1 -1
- package/dist/components/tables/table_no_data_placeholder.js +1 -1
- package/dist/components/tables/table_no_data_placeholder.js.map +1 -1
- package/dist/components/tables/table_no_data_placeholder_dark.js +1 -1
- package/dist/components/tables/table_no_data_placeholder_dark.js.map +1 -1
- package/dist/components/tables/use-pagination-navigation.js +1 -1
- package/dist/components/tabs/tab/RuiTab.js.map +1 -1
- package/dist/components/tabs/tab/RuiTab.vue.d.ts +2 -5
- package/dist/components/tabs/tab/RuiTab.vue_vue_type_script_setup_true_lang.js +95 -69
- package/dist/components/tabs/tab/RuiTab.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tabs/tab/use-tab-link.js +1 -1
- package/dist/components/tabs/tab-item/RuiTabItem.js.map +1 -1
- package/dist/components/tabs/tab-item/RuiTabItem.vue.d.ts +0 -1
- package/dist/components/tabs/tab-item/RuiTabItem.vue_vue_type_script_setup_true_lang.js +5 -11
- package/dist/components/tabs/tab-item/RuiTabItem.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tabs/tab-items/RuiTabItems.js.map +1 -1
- package/dist/components/tabs/tab-items/RuiTabItems.vue_vue_type_script_setup_true_lang.js +8 -13
- package/dist/components/tabs/tab-items/RuiTabItems.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tabs/tab-props.d.ts +7 -1
- package/dist/components/tabs/tab-props.js +7 -1
- package/dist/components/tabs/tab-props.js.map +1 -1
- package/dist/components/tabs/tabs/RuiTabs.js.map +1 -1
- package/dist/components/tabs/tabs/RuiTabs.vue.d.ts +2 -1
- package/dist/components/tabs/tabs/RuiTabs.vue_vue_type_script_setup_true_lang.js +188 -43
- package/dist/components/tabs/tabs/RuiTabs.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/tabs/tabs/use-tab-indicator.d.ts +27 -0
- package/dist/components/tabs/tabs/use-tab-indicator.js +67 -0
- package/dist/components/tabs/tabs/use-tab-indicator.js.map +1 -0
- package/dist/components/tabs/tabs/use-tab-keyboard.d.ts +17 -0
- package/dist/components/tabs/tabs/use-tab-keyboard.js +57 -0
- package/dist/components/tabs/tabs/use-tab-keyboard.js.map +1 -0
- package/dist/components/tabs/tabs/use-tab-routing.js +1 -2
- package/dist/components/tabs/tabs/use-tab-routing.js.map +1 -1
- package/dist/components/tabs/tabs/use-tab-scroll.js +15 -15
- package/dist/components/tabs/tabs/use-tab-scroll.js.map +1 -1
- package/dist/components/time-picker/RuiTimePicker.js.map +1 -1
- package/dist/components/time-picker/RuiTimePicker.vue_vue_type_script_setup_true_lang.js +95 -93
- package/dist/components/time-picker/RuiTimePicker.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/time-picker/time-picker-styles.d.ts +18 -0
- package/dist/components/time-picker/time-picker-styles.js +16 -10
- package/dist/components/time-picker/time-picker-styles.js.map +1 -1
- package/dist/composables/breakpoint.js +3 -3
- package/dist/composables/breakpoint.js.map +1 -1
- package/dist/composables/defaults/field.d.ts +22 -0
- package/dist/composables/defaults/field.js +29 -0
- package/dist/composables/defaults/field.js.map +1 -0
- package/dist/composables/dropdown-menu.d.ts +23 -11
- package/dist/composables/dropdown-menu.js +44 -34
- package/dist/composables/dropdown-menu.js.map +1 -1
- package/dist/composables/floating.d.ts +1 -3
- package/dist/composables/floating.js +16 -13
- package/dist/composables/floating.js.map +1 -1
- package/dist/composables/forms/auto-complete/chips.d.ts +22 -0
- package/dist/composables/forms/auto-complete/chips.js +42 -0
- package/dist/composables/forms/auto-complete/chips.js.map +1 -0
- package/dist/composables/forms/auto-complete/combobox.d.ts +25 -0
- package/dist/composables/forms/auto-complete/combobox.js +35 -0
- package/dist/composables/forms/auto-complete/combobox.js.map +1 -0
- package/dist/composables/forms/auto-complete/focus.d.ts +5 -2
- package/dist/composables/forms/auto-complete/focus.js +44 -19
- package/dist/composables/forms/auto-complete/focus.js.map +1 -1
- package/dist/composables/forms/auto-complete/index.d.ts +3 -0
- package/dist/composables/forms/auto-complete/keyboard-navigation.d.ts +8 -1
- package/dist/composables/forms/auto-complete/keyboard-navigation.js +49 -21
- package/dist/composables/forms/auto-complete/keyboard-navigation.js.map +1 -1
- package/dist/composables/forms/auto-complete/search.js +6 -7
- package/dist/composables/forms/auto-complete/search.js.map +1 -1
- package/dist/composables/forms/auto-complete/selection.d.ts +37 -0
- package/dist/composables/forms/auto-complete/selection.js +60 -0
- package/dist/composables/forms/auto-complete/selection.js.map +1 -0
- package/dist/composables/forms/auto-complete/value.js +20 -1
- package/dist/composables/forms/auto-complete/value.js.map +1 -1
- package/dist/composables/forms/category-picker/use-category-picker.js +1 -1
- package/dist/composables/forms/use-prepend-append-width.js +6 -6
- package/dist/composables/forms/use-prepend-append-width.js.map +1 -1
- package/dist/composables/keyboard-scroll.d.ts +17 -0
- package/dist/composables/keyboard-scroll.js +58 -0
- package/dist/composables/keyboard-scroll.js.map +1 -0
- package/dist/composables/overlay-stack.js +1 -1
- package/dist/composables/sticky-header.d.ts +8 -0
- package/dist/composables/sticky-header.js +21 -10
- package/dist/composables/sticky-header.js.map +1 -1
- package/dist/composables/tables/data-table/columns.js +1 -1
- package/dist/composables/tables/data-table/expansion.js +1 -1
- package/dist/composables/tables/data-table/grouping.js +27 -28
- package/dist/composables/tables/data-table/grouping.js.map +1 -1
- package/dist/composables/tables/data-table/page-scroll.d.ts +32 -0
- package/dist/composables/tables/data-table/page-scroll.js +144 -0
- package/dist/composables/tables/data-table/page-scroll.js.map +1 -0
- package/dist/composables/tables/data-table/pagination.js +1 -1
- package/dist/composables/tables/data-table/selection.js +37 -38
- package/dist/composables/tables/data-table/selection.js.map +1 -1
- package/dist/composables/tables/data-table/sort.js +1 -1
- package/dist/composables/theme.js +12 -12
- package/dist/composables/theme.js.map +1 -1
- package/dist/composables/timeout-manager.js +1 -1
- package/dist/consts/colors.d.ts +4 -0
- package/dist/consts/colors.js +1 -37
- package/dist/consts/colors.js.map +1 -1
- package/dist/consts/tokens.d.ts +56 -0
- package/dist/consts/tokens.js +46 -0
- package/dist/consts/tokens.js.map +1 -0
- package/dist/consts/typography.d.ts +51 -18
- package/dist/index.d.ts +7 -2
- package/dist/index.js +10 -6
- package/dist/index.js.map +1 -1
- package/dist/library-icons.json +0 -10
- package/dist/style.css +5629 -4678
- package/dist/styles/colors.css +315 -0
- package/dist/styles/tokens.css +50 -0
- package/dist/tailwind.css +145 -0
- package/dist/theme/theme.css +403 -0
- package/dist/theme.css +403 -0
- package/dist/types/dom.d.ts +9 -0
- package/dist/types/theme.d.ts +2 -3
- package/dist/types/theme.js.map +1 -1
- package/dist/utils/form-text-detail.js +1 -1
- package/dist/utils/helpers.d.ts +0 -8
- package/dist/utils/helpers.js +1 -2
- package/dist/utils/helpers.js.map +1 -1
- package/dist/utils/tv.js +13 -21
- package/dist/utils/tv.js.map +1 -1
- package/dist/vendor/@vueuse/core/dist/index.js +1577 -0
- package/dist/vendor/@vueuse/core/dist/index.js.map +1 -0
- package/dist/vendor/@vueuse/shared/dist/index.js +563 -0
- package/dist/vendor/@vueuse/shared/dist/index.js.map +1 -0
- package/dist/vite-plugin/index.js +5 -6
- package/dist/vite-plugin/index.js.map +1 -1
- package/dist/web-types.json +278 -403
- package/package.json +17 -19
- package/dist/components/icons/LazyIcon.vue.d.ts +0 -8
- package/dist/components/steppers/RuiStepperCustomIcon.js +0 -7
- package/dist/components/steppers/RuiStepperCustomIcon.js.map +0 -1
- package/dist/components/steppers/RuiStepperCustomIcon.vue.d.ts +0 -8
- package/dist/components/steppers/RuiStepperCustomIcon.vue_vue_type_script_setup_true_lang.js +0 -43
- package/dist/components/steppers/RuiStepperCustomIcon.vue_vue_type_script_setup_true_lang.js.map +0 -1
- package/dist/composables/colors/common.d.ts +0 -20
- package/dist/composables/colors/index.d.ts +0 -3
- package/dist/composables/colors/text-input.d.ts +0 -27
- package/dist/composables/forms/use-label-with-quote.d.ts +0 -2
- package/dist/composables/popper.d.ts +0 -16
- package/dist/composables/popper.js +0 -23
- package/dist/composables/popper.js.map +0 -1
- package/dist/consts/forms/auto-complete/index.d.ts +0 -4
- package/dist/theme/index.d.ts +0 -5
- package/dist/theme/index.js +0 -162
- package/dist/theme/index.js.map +0 -1
- package/dist/utils/forms/auto-complete/index.d.ts +0 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rotki/ui-library",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0-beta.2",
|
|
4
4
|
"description": "A vue design system and component library for rotki",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"keywords": [
|
|
@@ -30,10 +30,11 @@
|
|
|
30
30
|
"import": "./dist/index.js",
|
|
31
31
|
"default": "./dist/index.js"
|
|
32
32
|
},
|
|
33
|
-
"./
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
"./tailwind.css": {
|
|
34
|
+
"default": "./dist/tailwind.css"
|
|
35
|
+
},
|
|
36
|
+
"./theme.css": {
|
|
37
|
+
"default": "./dist/theme.css"
|
|
37
38
|
},
|
|
38
39
|
"./components": {
|
|
39
40
|
"types": "./dist/components/index.d.ts",
|
|
@@ -59,9 +60,6 @@
|
|
|
59
60
|
},
|
|
60
61
|
"typesVersions": {
|
|
61
62
|
"*": {
|
|
62
|
-
"theme": [
|
|
63
|
-
"./dist/theme/index.d.ts"
|
|
64
|
-
],
|
|
65
63
|
"composables": [
|
|
66
64
|
"./dist/composables/index.d.ts"
|
|
67
65
|
],
|
|
@@ -92,20 +90,21 @@
|
|
|
92
90
|
"web-types": "dist/web-types.json",
|
|
93
91
|
"dependencies": {
|
|
94
92
|
"@floating-ui/dom": "1.8.0",
|
|
95
|
-
"@vueuse/core": "14.4.0",
|
|
96
|
-
"@vueuse/shared": "14.4.0",
|
|
97
93
|
"scule": "1.3.0",
|
|
98
94
|
"tailwind-variants": "3.3.1",
|
|
99
|
-
"tinycolor2": "1.6.0"
|
|
95
|
+
"tinycolor2": "1.6.0",
|
|
96
|
+
"tinyglobby": "0.2.17"
|
|
100
97
|
},
|
|
101
98
|
"devDependencies": {
|
|
102
|
-
"@fontsource/
|
|
99
|
+
"@fontsource-variable/geist-mono": "5.3.0",
|
|
100
|
+
"@fontsource-variable/inter": "5.3.0",
|
|
103
101
|
"@storybook/addon-a11y": "10.6.0",
|
|
104
102
|
"@storybook/addon-docs": "10.6.0",
|
|
105
103
|
"@storybook/addon-links": "10.6.0",
|
|
106
104
|
"@storybook/addon-themes": "10.6.0",
|
|
107
105
|
"@storybook/addon-vitest": "10.6.0",
|
|
108
106
|
"@storybook/vue3-vite": "10.6.0",
|
|
107
|
+
"@tailwindcss/vite": "4.3.3",
|
|
109
108
|
"@tsconfig/node24": "24.0.5",
|
|
110
109
|
"@types/node": "24.13.3",
|
|
111
110
|
"@types/tinycolor2": "1.4.6",
|
|
@@ -116,24 +115,22 @@
|
|
|
116
115
|
"@vitest/ui": "5.0.0",
|
|
117
116
|
"@vue/test-utils": "2.5.0",
|
|
118
117
|
"@vue/tsconfig": "0.9.1",
|
|
119
|
-
"
|
|
118
|
+
"@vueuse/core": "14.4.0",
|
|
119
|
+
"@vueuse/shared": "14.4.0",
|
|
120
120
|
"cac": "7.0.0",
|
|
121
121
|
"consola": "3.4.2",
|
|
122
122
|
"fast-glob": "3.3.3",
|
|
123
123
|
"fast-xml-parser": "5.11.1",
|
|
124
|
-
"fs-extra": "11.4.0",
|
|
125
124
|
"happy-dom": "20.14.0",
|
|
126
125
|
"lucide": "1.40.0",
|
|
127
126
|
"msw": "2.15.0",
|
|
128
|
-
"postcss": "8.5.28",
|
|
129
127
|
"storybook": "10.6.0",
|
|
130
|
-
"tailwindcss": "3.
|
|
128
|
+
"tailwindcss": "4.3.3",
|
|
131
129
|
"tsc-alias": "1.9.4",
|
|
132
130
|
"tsx": "4.23.13",
|
|
133
131
|
"typescript": "6.0.3",
|
|
134
132
|
"unplugin-auto-import": "21.1.0",
|
|
135
133
|
"vite": "8.2.2",
|
|
136
|
-
"vite-plugin-vue-devtools": "8.2.1",
|
|
137
134
|
"vitest": "5.0.0",
|
|
138
135
|
"vue": "3.5.42",
|
|
139
136
|
"vue-component-meta": "3.3.11",
|
|
@@ -146,16 +143,17 @@
|
|
|
146
143
|
},
|
|
147
144
|
"scripts": {
|
|
148
145
|
"build:prod": "tsx scripts/dist-build.mjs",
|
|
149
|
-
"build": "pnpm run generate-icons && vite build && cp src/vite-plugin/client.d.ts dist/vite-plugin/",
|
|
146
|
+
"build": "pnpm run generate-icons && vite build && cp src/vite-plugin/client.d.ts dist/vite-plugin/ && tsx scripts/copy-css.ts",
|
|
150
147
|
"build:storybook": "STORYBOOK=true storybook build",
|
|
151
|
-
"build:tailwind": "tailwindcss -o dist/style.css --minify",
|
|
152
148
|
"build:types": "vue-tsc -p tsconfig.build.json",
|
|
153
149
|
"build:web-types": "tsx scripts/build-web-types.mjs",
|
|
154
150
|
"generate-icons": "tsx scripts/generate-icons.ts",
|
|
151
|
+
"generate-theme": "tsx scripts/generate-theme.ts",
|
|
155
152
|
"resolve:alias": "tsc-alias --replacer ./scripts/tsc-alias-replacer.cjs -p tsconfig.build.json --dir dist",
|
|
156
153
|
"scan:library-icons": "tsx scripts/scan-library-icons.ts",
|
|
157
154
|
"verify:dist": "tsx scripts/verify-dist.ts",
|
|
158
155
|
"verify:tree-shaking": "tsx scripts/verify-tree-shaking.ts",
|
|
156
|
+
"verify:css-size": "tsx scripts/verify-css-size.ts",
|
|
159
157
|
"dev": "vite",
|
|
160
158
|
"storybook": "storybook dev -p 6006",
|
|
161
159
|
"test": "vitest --ui --project=unit",
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { RuiIcons } from '../../icons/index.js';
|
|
2
|
-
export interface LazyIconProps {
|
|
3
|
-
name: RuiIcons;
|
|
4
|
-
size?: number | string;
|
|
5
|
-
}
|
|
6
|
-
declare const __VLS_export: import("vue").DefineComponent<LazyIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LazyIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
-
declare const _default: typeof __VLS_export;
|
|
8
|
-
export default _default;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import RuiStepperCustomIcon_vue_vue_type_script_setup_true_lang_default from "./RuiStepperCustomIcon.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
-
//#region src/components/steppers/RuiStepperCustomIcon.vue
|
|
3
|
-
var RuiStepperCustomIcon_default = RuiStepperCustomIcon_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
-
//#endregion
|
|
5
|
-
export { RuiStepperCustomIcon_default as default };
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=RuiStepperCustomIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RuiStepperCustomIcon.js","names":[],"sources":["../../../src/components/steppers/RuiStepperCustomIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { StepperState } from '@/types/stepper';\nimport { tv } from '@/utils/tv';\n\ntype IndicatorState = typeof StepperState.inactive | typeof StepperState.active;\n\nconst { state = StepperState.inactive } = defineProps<{\n state?: StepperState;\n index: number;\n}>();\n\nconst stepperCustomIcon = tv({\n base: 'inline-flex items-center justify-center rounded-full h-10 w-10 shrink-0 border border-rui-primary',\n variants: {\n state: {\n [StepperState.inactive]: 'text-xs bg-white dark:bg-rui-primary dark:text-white dark:border-white',\n [StepperState.active]: 'text-white bg-rui-primary dark:bg-white dark:text-rui-primary',\n },\n },\n defaultVariants: { state: StepperState.active },\n});\n\nconst indicatorState = computed<IndicatorState>(() => state === StepperState.inactive ? StepperState.inactive : StepperState.active);\n</script>\n\n<template>\n <span :class=\"stepperCustomIcon({ state: indicatorState })\">\n <span\n v-if=\"state === StepperState.inactive\"\n class=\"text-rui-primary dark:text-white\"\n >\n {{ index }}\n </span>\n <RuiIcon\n v-else-if=\"state === StepperState.active\"\n name=\"lu-checkbox-blank-circle-fill\"\n :size=\"20\"\n />\n <RuiIcon\n v-else-if=\"state === StepperState.done\"\n :size=\"20\"\n name=\"lu-check\"\n />\n <span v-else>\n {{ index }}\n </span>\n </span>\n</template>\n"],"mappings":""}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { StepperState } from '../../types/stepper.js';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
state?: StepperState;
|
|
4
|
-
index: number;
|
|
5
|
-
};
|
|
6
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
-
declare const _default: typeof __VLS_export;
|
|
8
|
-
export default _default;
|
package/dist/components/steppers/RuiStepperCustomIcon.vue_vue_type_script_setup_true_lang.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { StepperState } from "../../types/stepper.js";
|
|
2
|
-
import { tv } from "../../utils/tv.js";
|
|
3
|
-
import RuiIcon_default from "../icons/RuiIcon.js";
|
|
4
|
-
import { computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
|
|
5
|
-
//#region src/components/steppers/RuiStepperCustomIcon.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
-
var _hoisted_1 = {
|
|
7
|
-
key: 0,
|
|
8
|
-
class: "text-rui-primary dark:text-white"
|
|
9
|
-
};
|
|
10
|
-
var _hoisted_2 = { key: 3 };
|
|
11
|
-
var RuiStepperCustomIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
12
|
-
__name: "RuiStepperCustomIcon",
|
|
13
|
-
props: {
|
|
14
|
-
state: { default: () => StepperState.inactive },
|
|
15
|
-
index: {}
|
|
16
|
-
},
|
|
17
|
-
setup(__props) {
|
|
18
|
-
const stepperCustomIcon = tv({
|
|
19
|
-
base: "inline-flex items-center justify-center rounded-full h-10 w-10 shrink-0 border border-rui-primary",
|
|
20
|
-
variants: { state: {
|
|
21
|
-
[StepperState.inactive]: "text-xs bg-white dark:bg-rui-primary dark:text-white dark:border-white",
|
|
22
|
-
[StepperState.active]: "text-white bg-rui-primary dark:bg-white dark:text-rui-primary"
|
|
23
|
-
} },
|
|
24
|
-
defaultVariants: { state: StepperState.active }
|
|
25
|
-
});
|
|
26
|
-
const indicatorState = computed(() => __props.state === StepperState.inactive ? StepperState.inactive : StepperState.active);
|
|
27
|
-
return (_ctx, _cache) => {
|
|
28
|
-
return openBlock(), createElementBlock("span", { class: normalizeClass(unref(stepperCustomIcon)({ state: unref(indicatorState) })) }, [__props.state === unref(StepperState).inactive ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.index), 1)) : __props.state === unref(StepperState).active ? (openBlock(), createBlock(RuiIcon_default, {
|
|
29
|
-
key: 1,
|
|
30
|
-
name: "lu-checkbox-blank-circle-fill",
|
|
31
|
-
size: 20
|
|
32
|
-
})) : __props.state === unref(StepperState).done ? (openBlock(), createBlock(RuiIcon_default, {
|
|
33
|
-
key: 2,
|
|
34
|
-
size: 20,
|
|
35
|
-
name: "lu-check"
|
|
36
|
-
})) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.index), 1))], 2);
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
//#endregion
|
|
41
|
-
export { RuiStepperCustomIcon_vue_vue_type_script_setup_true_lang_default as default };
|
|
42
|
-
|
|
43
|
-
//# sourceMappingURL=RuiStepperCustomIcon.vue_vue_type_script_setup_true_lang.js.map
|
package/dist/components/steppers/RuiStepperCustomIcon.vue_vue_type_script_setup_true_lang.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RuiStepperCustomIcon.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/steppers/RuiStepperCustomIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { StepperState } from '@/types/stepper';\nimport { tv } from '@/utils/tv';\n\ntype IndicatorState = typeof StepperState.inactive | typeof StepperState.active;\n\nconst { state = StepperState.inactive } = defineProps<{\n state?: StepperState;\n index: number;\n}>();\n\nconst stepperCustomIcon = tv({\n base: 'inline-flex items-center justify-center rounded-full h-10 w-10 shrink-0 border border-rui-primary',\n variants: {\n state: {\n [StepperState.inactive]: 'text-xs bg-white dark:bg-rui-primary dark:text-white dark:border-white',\n [StepperState.active]: 'text-white bg-rui-primary dark:bg-white dark:text-rui-primary',\n },\n },\n defaultVariants: { state: StepperState.active },\n});\n\nconst indicatorState = computed<IndicatorState>(() => state === StepperState.inactive ? StepperState.inactive : StepperState.active);\n</script>\n\n<template>\n <span :class=\"stepperCustomIcon({ state: indicatorState })\">\n <span\n v-if=\"state === StepperState.inactive\"\n class=\"text-rui-primary dark:text-white\"\n >\n {{ index }}\n </span>\n <RuiIcon\n v-else-if=\"state === StepperState.active\"\n name=\"lu-checkbox-blank-circle-fill\"\n :size=\"20\"\n />\n <RuiIcon\n v-else-if=\"state === StepperState.done\"\n :size=\"20\"\n name=\"lu-check\"\n />\n <span v-else>\n {{ index }}\n </span>\n </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAYA,MAAM,oBAAoB,GAAG;GAC3B,MAAM;GACN,UAAU,EACR,OAAO;KACJ,aAAa,WAAW;KACxB,aAAa,SAAS;GACzB,EACF;GACA,iBAAiB,EAAE,OAAO,aAAa,OAAO;EAChD,CAAC;EAED,MAAM,iBAAiB,eAA+B,QAAA,UAAU,aAAa,WAAW,aAAa,WAAW,aAAa,MAAM;;GAIjI,OAAA,UAAA,GAAA,mBAoBO,QAAA,EApBA,OAAK,eAAE,MAAA,iBAAA,CAAiB,CAAA,EAAA,OAAU,MAAA,cAAA,EAAc,CAAA,CAAA,EAAA,GAAA,CAE7C,QAAA,UAAU,MAAA,YAAA,CAAY,CAAC,YAD/B,UAAA,GAAA,mBAKO,QALP,YAKO,gBADF,QAAA,KAAK,GAAA,CAAA,KAGG,QAAA,UAAU,MAAA,YAAA,CAAY,CAAC,UADpC,UAAA,GAAA,YAIE,iBAAA;;IAFA,MAAK;IACJ,MAAM;GAGI,CAAA,KAAA,QAAA,UAAU,MAAA,YAAA,CAAY,CAAC,QADpC,UAAA,GAAA,YAIE,iBAAA;;IAFC,MAAM;IACP,MAAK;GAEP,CAAA,MAAA,UAAA,GAAA,mBAEO,QAAA,YAAA,gBADF,QAAA,KAAK,GAAA,CAAA,EAAA,GAAA,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { ContextColorsType } from '../../consts/colors.js';
|
|
2
|
-
/**
|
|
3
|
-
* Base color class maps used by multiple components.
|
|
4
|
-
* Each map provides static Tailwind class strings keyed by context color.
|
|
5
|
-
*/
|
|
6
|
-
/** `text-rui-{color}` — used by icon, checkbox (checked), form focus labels, etc. */
|
|
7
|
-
export declare const textColorMap: Record<ContextColorsType, string>;
|
|
8
|
-
/** `bg-rui-{color}` — used by switch, slider track, chip filled, etc. */
|
|
9
|
-
export declare const bgColorMap: Record<ContextColorsType, string>;
|
|
10
|
-
/** `before:bg-rui-{color}` — used by checkbox and radio ripple */
|
|
11
|
-
export declare const beforeBgColorMap: Record<ContextColorsType, string>;
|
|
12
|
-
/** `border-rui-{color}` — used by text fields, alerts, etc. */
|
|
13
|
-
export declare const borderColorMap: Record<ContextColorsType, string>;
|
|
14
|
-
/** `after:border-rui-{color}` — used by text field and text area labels */
|
|
15
|
-
export declare const afterBorderColorMap: Record<ContextColorsType, string>;
|
|
16
|
-
/**
|
|
17
|
-
* Colors that need `dark:text-rui-light-text` on filled/default variants.
|
|
18
|
-
* warning, success, info need special dark mode text treatment.
|
|
19
|
-
*/
|
|
20
|
-
export declare const darkLightTextColorMap: Record<ContextColorsType, string>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export { afterBorderColorMap, beforeBgColorMap, bgColorMap, borderColorMap, darkLightTextColorMap, textColorMap, } from './common';
|
|
2
|
-
export { getTextInputColorClasses, getTextInputValidationClasses } from './text-input';
|
|
3
|
-
export type { TextInputColorClasses, TextInputValidationClasses } from './text-input';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import type { ContextColorsType } from '../../consts/colors.js';
|
|
2
|
-
interface TextInputColorClasses {
|
|
3
|
-
/** Focus label text color */
|
|
4
|
-
focusLabel: string;
|
|
5
|
-
/** Label after pseudo-element border */
|
|
6
|
-
labelAfterBorder: string;
|
|
7
|
-
/** Outlined fieldset border on focus */
|
|
8
|
-
outlinedFocusFieldset: string;
|
|
9
|
-
/** Text color for prepend, append, and input */
|
|
10
|
-
textContent: string;
|
|
11
|
-
}
|
|
12
|
-
interface TextInputValidationClasses {
|
|
13
|
-
/** Input border color with !important */
|
|
14
|
-
inputBorder: string;
|
|
15
|
-
/** Label text + after border with !important */
|
|
16
|
-
label: string;
|
|
17
|
-
/** Fieldset border with !important */
|
|
18
|
-
fieldset: string;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Shared by RuiTextField and RuiTextArea — identical color patterns.
|
|
22
|
-
*
|
|
23
|
-
* Maps the SCSS color loop for all 6 context colors.
|
|
24
|
-
*/
|
|
25
|
-
export declare function getTextInputColorClasses(color?: ContextColorsType): TextInputColorClasses | undefined;
|
|
26
|
-
export declare function getTextInputValidationClasses(color: 'error' | 'success'): TextInputValidationClasses;
|
|
27
|
-
export type { TextInputColorClasses, TextInputValidationClasses };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { type FloatingOptions, Placement, Strategy } from './floating.js';
|
|
2
|
-
/** @deprecated Use FloatingOptions instead */
|
|
3
|
-
export interface PopperOptions {
|
|
4
|
-
locked?: boolean;
|
|
5
|
-
overflowPadding?: number;
|
|
6
|
-
offsetDistance?: number;
|
|
7
|
-
offsetSkid?: number;
|
|
8
|
-
placement?: Placement;
|
|
9
|
-
strategy?: Strategy;
|
|
10
|
-
gpuAcceleration?: boolean;
|
|
11
|
-
adaptive?: boolean;
|
|
12
|
-
scroll?: boolean;
|
|
13
|
-
resize?: boolean;
|
|
14
|
-
}
|
|
15
|
-
/** @deprecated Use FloatingOptions directly. Will be removed in next major. */
|
|
16
|
-
export declare function toFloatingOptions(opts: PopperOptions): FloatingOptions;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Placement, Strategy } from "./floating.js";
|
|
2
|
-
//#region src/composables/popper.ts
|
|
3
|
-
/** @deprecated Use FloatingOptions directly. Will be removed in next major. */
|
|
4
|
-
function toFloatingOptions(opts) {
|
|
5
|
-
return {
|
|
6
|
-
autoUpdate: {
|
|
7
|
-
resize: opts.resize ?? true,
|
|
8
|
-
scroll: opts.scroll ?? true
|
|
9
|
-
},
|
|
10
|
-
flip: !(opts.locked ?? false),
|
|
11
|
-
offset: {
|
|
12
|
-
crossAxis: opts.offsetSkid ?? 0,
|
|
13
|
-
mainAxis: opts.offsetDistance ?? 8
|
|
14
|
-
},
|
|
15
|
-
placement: opts.placement ?? Placement.bottom,
|
|
16
|
-
shiftPadding: opts.overflowPadding ?? 8,
|
|
17
|
-
strategy: opts.strategy ?? Strategy.absolute
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
//#endregion
|
|
21
|
-
export { toFloatingOptions };
|
|
22
|
-
|
|
23
|
-
//# sourceMappingURL=popper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popper.js","names":[],"sources":["../../src/composables/popper.ts"],"sourcesContent":["import { type FloatingOptions, Placement, Strategy } from './floating';\n\n/** @deprecated Use FloatingOptions instead */\nexport interface PopperOptions {\n locked?: boolean;\n overflowPadding?: number;\n offsetDistance?: number;\n offsetSkid?: number;\n placement?: Placement;\n strategy?: Strategy;\n gpuAcceleration?: boolean;\n adaptive?: boolean;\n scroll?: boolean;\n resize?: boolean;\n}\n\n/** @deprecated Use FloatingOptions directly. Will be removed in next major. */\nexport function toFloatingOptions(opts: PopperOptions): FloatingOptions {\n return {\n autoUpdate: {\n resize: opts.resize ?? true,\n scroll: opts.scroll ?? true,\n },\n flip: !(opts.locked ?? false),\n offset: {\n crossAxis: opts.offsetSkid ?? 0,\n mainAxis: opts.offsetDistance ?? 8,\n },\n placement: opts.placement ?? Placement.bottom,\n shiftPadding: opts.overflowPadding ?? 8,\n strategy: opts.strategy ?? Strategy.absolute,\n };\n}\n"],"mappings":";;;AAiBA,SAAgB,kBAAkB,MAAsC;CACtE,OAAO;EACL,YAAY;GACV,QAAQ,KAAK,UAAU;GACvB,QAAQ,KAAK,UAAU;EACzB;EACA,MAAM,EAAE,KAAK,UAAU;EACvB,QAAQ;GACN,WAAW,KAAK,cAAc;GAC9B,UAAU,KAAK,kBAAkB;EACnC;EACA,WAAW,KAAK,aAAa,UAAU;EACvC,cAAc,KAAK,mBAAmB;EACtC,UAAU,KAAK,YAAY,SAAS;CACtC;AACF"}
|
package/dist/theme/index.d.ts
DELETED
package/dist/theme/index.js
DELETED
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
import { baseColors, baseColorsIntensities, contextColors } from "../consts/colors.js";
|
|
2
|
-
import plugin from "tailwindcss/plugin";
|
|
3
|
-
//#region src/theme/index.ts
|
|
4
|
-
var baseColorsCombination = Object.fromEntries(baseColors.map((color) => [color, Object.fromEntries(baseColorsIntensities.map((intensity) => [intensity, `rgba(var(--rui-${color}-${intensity}), <alpha-value>)`]))]));
|
|
5
|
-
var contextColorsCombination = Object.fromEntries(["light", "dark"].map((theme) => [theme, Object.fromEntries(contextColors.map((color) => [color, {
|
|
6
|
-
darker: `rgba(var(--rui-${theme}-${color}-darker), <alpha-value>)`,
|
|
7
|
-
DEFAULT: `rgba(var(--rui-${theme}-${color}-main), <alpha-value>)`,
|
|
8
|
-
lighter: `rgba(var(--rui-${theme}-${color}-lighter), <alpha-value>)`,
|
|
9
|
-
shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,
|
|
10
|
-
tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`
|
|
11
|
-
}]))]));
|
|
12
|
-
var adaptiveContextColorCombination = Object.fromEntries(contextColors.map((color) => [color, {
|
|
13
|
-
darker: `rgba(var(--rui-${color}-darker), <alpha-value>)`,
|
|
14
|
-
DEFAULT: `rgba(var(--rui-${color}-main), <alpha-value>)`,
|
|
15
|
-
lighter: `rgba(var(--rui-${color}-lighter), <alpha-value>)`,
|
|
16
|
-
shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,
|
|
17
|
-
tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`
|
|
18
|
-
}]));
|
|
19
|
-
var textColorsCombination = Object.fromEntries(["light", "dark"].map((theme) => [theme, { text: {
|
|
20
|
-
DEFAULT: `var(--rui-${theme}-text-primary)`,
|
|
21
|
-
disabled: `var(--rui-${theme}-text-disabled)`,
|
|
22
|
-
secondary: `var(--rui-${theme}-text-secondary)`
|
|
23
|
-
} }]));
|
|
24
|
-
var adaptiveTextColorsCombination = { text: {
|
|
25
|
-
DEFAULT: `var(--rui-text-primary)`,
|
|
26
|
-
disabled: `var(--rui-text-disabled)`,
|
|
27
|
-
secondary: `var(--rui-text-secondary)`
|
|
28
|
-
} };
|
|
29
|
-
var surfaceColorsCombination = Object.fromEntries(["light", "dark"].map((theme) => [theme, { surface: {
|
|
30
|
-
DEFAULT: `rgba(var(--rui-${theme}-surface-primary), <alpha-value>)`,
|
|
31
|
-
secondary: `rgba(var(--rui-${theme}-surface-secondary), <alpha-value>)`,
|
|
32
|
-
overlay: `rgba(var(--rui-${theme}-surface-overlay), <alpha-value>)`
|
|
33
|
-
} }]));
|
|
34
|
-
var adaptiveSurfaceColorsCombination = { surface: {
|
|
35
|
-
DEFAULT: `rgba(var(--rui-surface-primary), <alpha-value>)`,
|
|
36
|
-
secondary: `rgba(var(--rui-surface-secondary), <alpha-value>)`,
|
|
37
|
-
overlay: `rgba(var(--rui-surface-overlay), <alpha-value>)`
|
|
38
|
-
} };
|
|
39
|
-
var themePlugin = plugin(({ addBase, addUtilities, addVariant, matchUtilities }) => {
|
|
40
|
-
/** Aliases every context colour to the given theme's own variable. */
|
|
41
|
-
const themeVariables = (theme) => Object.fromEntries([
|
|
42
|
-
...contextColors.flatMap((color) => [
|
|
43
|
-
[`--rui-${color}-main`, `var(--rui-${theme}-${color}-main)`],
|
|
44
|
-
[`--rui-${color}-darker`, `var(--rui-${theme}-${color}-darker)`],
|
|
45
|
-
[`--rui-${color}-lighter`, `var(--rui-${theme}-${color}-lighter)`]
|
|
46
|
-
]),
|
|
47
|
-
["--rui-text-primary", `var(--rui-${theme}-text-primary)`],
|
|
48
|
-
["--rui-text-secondary", `var(--rui-${theme}-text-secondary)`],
|
|
49
|
-
["--rui-text-disabled", `var(--rui-${theme}-text-disabled)`],
|
|
50
|
-
["--rui-surface-primary", `var(--rui-${theme}-surface-primary)`],
|
|
51
|
-
["--rui-surface-secondary", `var(--rui-${theme}-surface-secondary)`],
|
|
52
|
-
["--rui-surface-overlay", `var(--rui-${theme}-surface-overlay)`]
|
|
53
|
-
]);
|
|
54
|
-
addBase({
|
|
55
|
-
"html[data-theme=\"light\"], html.light": themeVariables("light"),
|
|
56
|
-
"html[data-theme=\"dark\"], html.dark": themeVariables("dark")
|
|
57
|
-
});
|
|
58
|
-
addUtilities({
|
|
59
|
-
".border-default": { "border-color": "rgb(var(--rui-grey-200))" },
|
|
60
|
-
".dark .border-default": { "border-color": "rgb(var(--rui-grey-800))" }
|
|
61
|
-
});
|
|
62
|
-
addUtilities({
|
|
63
|
-
".text-body-1": { "@apply text-base": {} },
|
|
64
|
-
".text-body-2": { "@apply text-sm": {} },
|
|
65
|
-
".text-caption": {
|
|
66
|
-
"@apply text-xs": {},
|
|
67
|
-
"line-height": "1.25rem"
|
|
68
|
-
},
|
|
69
|
-
".text-h1": {
|
|
70
|
-
"@apply text-8xl font-light": {},
|
|
71
|
-
"line-height": "7rem"
|
|
72
|
-
},
|
|
73
|
-
".text-h2": {
|
|
74
|
-
"@apply text-6xl font-light": {},
|
|
75
|
-
"line-height": "4.5rem"
|
|
76
|
-
},
|
|
77
|
-
".text-h3": {
|
|
78
|
-
"@apply text-5xl": {},
|
|
79
|
-
"line-height": "3.5rem"
|
|
80
|
-
},
|
|
81
|
-
".text-h4": {
|
|
82
|
-
"@apply text-4xl font-semibold": {},
|
|
83
|
-
"line-height": "2.625rem"
|
|
84
|
-
},
|
|
85
|
-
".text-h5": {
|
|
86
|
-
"@apply text-2xl": {},
|
|
87
|
-
"line-height": "2rem"
|
|
88
|
-
},
|
|
89
|
-
".text-h6": {
|
|
90
|
-
"@apply text-xl font-medium": {},
|
|
91
|
-
"line-height": "2rem"
|
|
92
|
-
},
|
|
93
|
-
".text-overline": {
|
|
94
|
-
"@apply text-xs uppercase": {},
|
|
95
|
-
"line-height": "2rem"
|
|
96
|
-
},
|
|
97
|
-
".text-subtitle-1": {
|
|
98
|
-
"@apply text-base": {},
|
|
99
|
-
"line-height": "1.75rem"
|
|
100
|
-
},
|
|
101
|
-
".text-subtitle-2": {
|
|
102
|
-
"@apply text-sm font-medium": {},
|
|
103
|
-
"line-height": "1.25rem"
|
|
104
|
-
}
|
|
105
|
-
});
|
|
106
|
-
matchUtilities(Object.fromEntries([
|
|
107
|
-
"bg-tint",
|
|
108
|
-
"bg-shade",
|
|
109
|
-
"text-tint",
|
|
110
|
-
"text-shade"
|
|
111
|
-
].map((item) => [item, (value) => ({ animation: `${item} 1s calc(${value} * -1s) linear forwards paused` })])));
|
|
112
|
-
addVariant("color-mix-supported", "@supports (color-mix())");
|
|
113
|
-
}, { theme: { extend: {
|
|
114
|
-
boxShadow: {
|
|
115
|
-
1: "0px 2px 1px -1px var(--rui-shadow-primary), 0px 1px 1px var(--rui-shadow-secondary), 0px 1px 3px var(--rui-shadow-tertiary)",
|
|
116
|
-
10: "0px 6px 6px -3px var(--rui-shadow-primary), 0px 10px 14px 1px var(--rui-shadow-secondary), 0px 4px 18px 3px var(--rui-shadow-tertiary)",
|
|
117
|
-
11: "0px 6px 7px -4px var(--rui-shadow-primary), 0px 11px 15px 1px var(--rui-shadow-secondary), 0px 4px 20px 3px var(--rui-shadow-tertiary)",
|
|
118
|
-
12: "0px 7px 8px -4px var(--rui-shadow-primary), 0px 12px 17px 2px var(--rui-shadow-secondary), 0px 5px 22px 4px var(--rui-shadow-tertiary)",
|
|
119
|
-
13: "0px 7px 8px -4px var(--rui-shadow-primary), 0px 13px 19px 2px var(--rui-shadow-secondary), 0px 5px 24px 4px var(--rui-shadow-tertiary)",
|
|
120
|
-
14: "0px 7px 9px -4px var(--rui-shadow-primary), 0px 14px 21px 2px var(--rui-shadow-secondary), 0px 5px 26px 4px var(--rui-shadow-tertiary)",
|
|
121
|
-
15: "0px 8px 9px -5px var(--rui-shadow-primary), 0px 15px 22px 2px var(--rui-shadow-secondary), 0px 6px 28px 5px var(--rui-shadow-tertiary)",
|
|
122
|
-
16: "0px 8px 10px -5px var(--rui-shadow-primary), 0px 16px 24px 2px var(--rui-shadow-secondary), 0px 6px 30px 5px var(--rui-shadow-tertiary)",
|
|
123
|
-
17: "0px 8px 11px -5px var(--rui-shadow-primary), 0px 17px 26px 2px var(--rui-shadow-secondary), 0px 6px 32px 5px var(--rui-shadow-tertiary)",
|
|
124
|
-
18: "0px 9px 11px -5px var(--rui-shadow-primary), 0px 18px 28px 2px var(--rui-shadow-secondary), 0px 7px 34px 6px var(--rui-shadow-tertiary)",
|
|
125
|
-
19: "0px 9px 12px -6px var(--rui-shadow-primary), 0px 19px 29px 2px var(--rui-shadow-secondary), 0px 7px 36px 6px var(--rui-shadow-tertiary)",
|
|
126
|
-
2: "0px 3px 1px -2px var(--rui-shadow-primary), 0px 2px 2px var(--rui-shadow-secondary), 0px 1px 5px var(--rui-shadow-tertiary)",
|
|
127
|
-
20: "0px 10px 13px -6px var(--rui-shadow-primary), 0px 20px 31px 3px var(--rui-shadow-secondary), 0px 8px 38px 7px var(--rui-shadow-tertiary)",
|
|
128
|
-
21: "0px 10px 13px -6px var(--rui-shadow-primary), 0px 21px 33px 3px var(--rui-shadow-secondary), 0px 8px 40px 7px var(--rui-shadow-tertiary)",
|
|
129
|
-
22: "0px 10px 14px -6px var(--rui-shadow-primary), 0px 22px 35px 3px var(--rui-shadow-secondary), 0px 8px 42px 7px var(--rui-shadow-tertiary)",
|
|
130
|
-
23: "0px 11px 14px -7px var(--rui-shadow-primary), 0px 23px 36px 3px var(--rui-shadow-secondary), 0px 9px 44px 8px var(--rui-shadow-tertiary)",
|
|
131
|
-
24: "0px 11px 15px -7px var(--rui-shadow-primary), 0px 24px 38px 3px var(--rui-shadow-secondary), 0px 9px 46px 8px var(--rui-shadow-tertiary)",
|
|
132
|
-
3: "0px 3px 3px -2px var(--rui-shadow-primary), 0px 3px 4px var(--rui-shadow-secondary), 0px 1px 8px var(--rui-shadow-tertiary)",
|
|
133
|
-
4: "0px 2px 4px -1px var(--rui-shadow-primary), 0px 4px 5px var(--rui-shadow-secondary), 0px 1px 10px var(--rui-shadow-tertiary)",
|
|
134
|
-
5: "0px 3px 5px -1px var(--rui-shadow-primary), 0px 5px 8px var(--rui-shadow-secondary), 0px 1px 14px var(--rui-shadow-tertiary)",
|
|
135
|
-
6: "0px 3px 5px -1px var(--rui-shadow-primary), 0px 6px 10px var(--rui-shadow-secondary), 0px 1px 18px var(--rui-shadow-tertiary)",
|
|
136
|
-
7: "0px 4px 5px -2px var(--rui-shadow-primary), 0px 7px 10px 1px var(--rui-shadow-secondary), 0px 2px 16px 1px var(--rui-shadow-tertiary)",
|
|
137
|
-
8: "0px 5px 5px -3px var(--rui-shadow-primary), 0px 8px 10px 1px var(--rui-shadow-secondary), 0px 3px 14px 2px var(--rui-shadow-tertiary)",
|
|
138
|
-
9: "0px 5px 6px -3px var(--rui-shadow-primary), 0px 9px 12px 1px var(--rui-shadow-secondary), 0px 3px 16px 2px var(--rui-shadow-tertiary)"
|
|
139
|
-
},
|
|
140
|
-
colors: { rui: {
|
|
141
|
-
...baseColorsCombination,
|
|
142
|
-
...contextColorsCombination,
|
|
143
|
-
...textColorsCombination,
|
|
144
|
-
dark: {
|
|
145
|
-
...contextColorsCombination.dark,
|
|
146
|
-
...textColorsCombination.dark,
|
|
147
|
-
...surfaceColorsCombination.dark
|
|
148
|
-
},
|
|
149
|
-
light: {
|
|
150
|
-
...contextColorsCombination.light,
|
|
151
|
-
...textColorsCombination.light,
|
|
152
|
-
...surfaceColorsCombination.light
|
|
153
|
-
},
|
|
154
|
-
...adaptiveContextColorCombination,
|
|
155
|
-
...adaptiveTextColorsCombination,
|
|
156
|
-
...adaptiveSurfaceColorsCombination
|
|
157
|
-
} }
|
|
158
|
-
} } });
|
|
159
|
-
//#endregion
|
|
160
|
-
export { themePlugin as default };
|
|
161
|
-
|
|
162
|
-
//# sourceMappingURL=index.js.map
|
package/dist/theme/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport {\n baseColors,\n baseColorsIntensities,\n contextColors,\n} from '../consts/colors';\n\nconst baseColorsCombination = Object.fromEntries(\n baseColors.map((color: string) => [\n color,\n Object.fromEntries(\n baseColorsIntensities.map((intensity: string) => [\n intensity,\n `rgba(var(--rui-${color}-${intensity}), <alpha-value>)`,\n ]),\n ),\n ]),\n);\n\nconst contextColorsCombination = Object.fromEntries(\n ['light', 'dark'].map(theme => [\n theme,\n Object.fromEntries(\n contextColors.map(color => [\n color,\n {\n darker: `rgba(var(--rui-${theme}-${color}-darker), <alpha-value>)`,\n DEFAULT: `rgba(var(--rui-${theme}-${color}-main), <alpha-value>)`,\n lighter: `rgba(var(--rui-${theme}-${color}-lighter), <alpha-value>)`,\n shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,\n tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${theme}-${color}-main)))`,\n },\n ]),\n ),\n ]),\n);\n\nconst adaptiveContextColorCombination = Object.fromEntries(\n contextColors.map(color => [\n color,\n {\n darker: `rgba(var(--rui-${color}-darker), <alpha-value>)`,\n DEFAULT: `rgba(var(--rui-${color}-main), <alpha-value>)`,\n lighter: `rgba(var(--rui-${color}-lighter), <alpha-value>)`,\n shade: `color-mix(in srgb, black calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,\n tint: `color-mix(in srgb, white calc(<alpha-value> * 100%), rgb(var(--rui-${color}-main)))`,\n },\n ]),\n);\n\nconst textColorsCombination = Object.fromEntries(\n ['light', 'dark'].map(theme => [\n theme,\n {\n text: {\n DEFAULT: `var(--rui-${theme}-text-primary)`,\n disabled: `var(--rui-${theme}-text-disabled)`,\n secondary: `var(--rui-${theme}-text-secondary)`,\n },\n },\n ]),\n);\n\nconst adaptiveTextColorsCombination = {\n text: {\n DEFAULT: `var(--rui-text-primary)`,\n disabled: `var(--rui-text-disabled)`,\n secondary: `var(--rui-text-secondary)`,\n },\n};\n\nconst surfaceColorsCombination = Object.fromEntries(\n ['light', 'dark'].map(theme => [\n theme,\n {\n surface: {\n DEFAULT: `rgba(var(--rui-${theme}-surface-primary), <alpha-value>)`,\n secondary: `rgba(var(--rui-${theme}-surface-secondary), <alpha-value>)`,\n overlay: `rgba(var(--rui-${theme}-surface-overlay), <alpha-value>)`,\n },\n },\n ]),\n);\n\nconst adaptiveSurfaceColorsCombination = {\n surface: {\n DEFAULT: `rgba(var(--rui-surface-primary), <alpha-value>)`,\n secondary: `rgba(var(--rui-surface-secondary), <alpha-value>)`,\n overlay: `rgba(var(--rui-surface-overlay), <alpha-value>)`,\n },\n};\n\nconst themePlugin = plugin(\n ({ addBase, addUtilities, addVariant, matchUtilities }) => {\n /** Aliases every context colour to the given theme's own variable. */\n const themeVariables = (theme: 'light' | 'dark'): Record<string, string> =>\n Object.fromEntries([\n ...contextColors.flatMap(color => [\n [`--rui-${color}-main`, `var(--rui-${theme}-${color}-main)`],\n [`--rui-${color}-darker`, `var(--rui-${theme}-${color}-darker)`],\n [`--rui-${color}-lighter`, `var(--rui-${theme}-${color}-lighter)`],\n ]),\n ['--rui-text-primary', `var(--rui-${theme}-text-primary)`],\n ['--rui-text-secondary', `var(--rui-${theme}-text-secondary)`],\n ['--rui-text-disabled', `var(--rui-${theme}-text-disabled)`],\n ['--rui-surface-primary', `var(--rui-${theme}-surface-primary)`],\n ['--rui-surface-secondary', `var(--rui-${theme}-surface-secondary)`],\n ['--rui-surface-overlay', `var(--rui-${theme}-surface-overlay)`],\n ]);\n\n addBase({\n 'html[data-theme=\"light\"], html.light': themeVariables('light'),\n 'html[data-theme=\"dark\"], html.dark': themeVariables('dark'),\n });\n\n // Border utilities\n addUtilities({\n '.border-default': {\n 'border-color': 'rgb(var(--rui-grey-200))',\n },\n '.dark .border-default': {\n 'border-color': 'rgb(var(--rui-grey-800))',\n },\n });\n\n // Typography\n addUtilities({\n '.text-body-1': {\n '@apply text-base': {},\n },\n '.text-body-2': {\n '@apply text-sm': {},\n },\n '.text-caption': {\n '@apply text-xs': {},\n 'line-height': '1.25rem',\n },\n '.text-h1': {\n '@apply text-8xl font-light': {},\n 'line-height': '7rem',\n },\n '.text-h2': {\n '@apply text-6xl font-light': {},\n 'line-height': '4.5rem',\n },\n '.text-h3': {\n '@apply text-5xl': {},\n 'line-height': '3.5rem',\n },\n '.text-h4': {\n '@apply text-4xl font-semibold': {},\n 'line-height': '2.625rem',\n },\n '.text-h5': {\n '@apply text-2xl': {},\n 'line-height': '2rem',\n },\n '.text-h6': {\n '@apply text-xl font-medium': {},\n 'line-height': '2rem',\n },\n '.text-overline': {\n '@apply text-xs uppercase': {},\n 'line-height': '2rem',\n },\n '.text-subtitle-1': {\n '@apply text-base': {},\n 'line-height': '1.75rem',\n },\n '.text-subtitle-2': {\n '@apply text-sm font-medium': {},\n 'line-height': '1.25rem',\n },\n });\n\n // Tint and Shade Colors\n matchUtilities(\n Object.fromEntries(\n ['bg-tint', 'bg-shade', 'text-tint', 'text-shade'].map(item => [\n item,\n value => ({\n animation: `${item} 1s calc(${value} * -1s) linear forwards paused`,\n }),\n ]),\n ),\n );\n addVariant('color-mix-supported', '@supports (color-mix())');\n },\n {\n theme: {\n extend: {\n boxShadow: {\n 1: '0px 2px 1px -1px var(--rui-shadow-primary), 0px 1px 1px var(--rui-shadow-secondary), 0px 1px 3px var(--rui-shadow-tertiary)',\n 10: '0px 6px 6px -3px var(--rui-shadow-primary), 0px 10px 14px 1px var(--rui-shadow-secondary), 0px 4px 18px 3px var(--rui-shadow-tertiary)',\n 11: '0px 6px 7px -4px var(--rui-shadow-primary), 0px 11px 15px 1px var(--rui-shadow-secondary), 0px 4px 20px 3px var(--rui-shadow-tertiary)',\n 12: '0px 7px 8px -4px var(--rui-shadow-primary), 0px 12px 17px 2px var(--rui-shadow-secondary), 0px 5px 22px 4px var(--rui-shadow-tertiary)',\n 13: '0px 7px 8px -4px var(--rui-shadow-primary), 0px 13px 19px 2px var(--rui-shadow-secondary), 0px 5px 24px 4px var(--rui-shadow-tertiary)',\n 14: '0px 7px 9px -4px var(--rui-shadow-primary), 0px 14px 21px 2px var(--rui-shadow-secondary), 0px 5px 26px 4px var(--rui-shadow-tertiary)',\n 15: '0px 8px 9px -5px var(--rui-shadow-primary), 0px 15px 22px 2px var(--rui-shadow-secondary), 0px 6px 28px 5px var(--rui-shadow-tertiary)',\n 16: '0px 8px 10px -5px var(--rui-shadow-primary), 0px 16px 24px 2px var(--rui-shadow-secondary), 0px 6px 30px 5px var(--rui-shadow-tertiary)',\n 17: '0px 8px 11px -5px var(--rui-shadow-primary), 0px 17px 26px 2px var(--rui-shadow-secondary), 0px 6px 32px 5px var(--rui-shadow-tertiary)',\n 18: '0px 9px 11px -5px var(--rui-shadow-primary), 0px 18px 28px 2px var(--rui-shadow-secondary), 0px 7px 34px 6px var(--rui-shadow-tertiary)',\n 19: '0px 9px 12px -6px var(--rui-shadow-primary), 0px 19px 29px 2px var(--rui-shadow-secondary), 0px 7px 36px 6px var(--rui-shadow-tertiary)',\n 2: '0px 3px 1px -2px var(--rui-shadow-primary), 0px 2px 2px var(--rui-shadow-secondary), 0px 1px 5px var(--rui-shadow-tertiary)',\n 20: '0px 10px 13px -6px var(--rui-shadow-primary), 0px 20px 31px 3px var(--rui-shadow-secondary), 0px 8px 38px 7px var(--rui-shadow-tertiary)',\n 21: '0px 10px 13px -6px var(--rui-shadow-primary), 0px 21px 33px 3px var(--rui-shadow-secondary), 0px 8px 40px 7px var(--rui-shadow-tertiary)',\n 22: '0px 10px 14px -6px var(--rui-shadow-primary), 0px 22px 35px 3px var(--rui-shadow-secondary), 0px 8px 42px 7px var(--rui-shadow-tertiary)',\n 23: '0px 11px 14px -7px var(--rui-shadow-primary), 0px 23px 36px 3px var(--rui-shadow-secondary), 0px 9px 44px 8px var(--rui-shadow-tertiary)',\n 24: '0px 11px 15px -7px var(--rui-shadow-primary), 0px 24px 38px 3px var(--rui-shadow-secondary), 0px 9px 46px 8px var(--rui-shadow-tertiary)',\n 3: '0px 3px 3px -2px var(--rui-shadow-primary), 0px 3px 4px var(--rui-shadow-secondary), 0px 1px 8px var(--rui-shadow-tertiary)',\n 4: '0px 2px 4px -1px var(--rui-shadow-primary), 0px 4px 5px var(--rui-shadow-secondary), 0px 1px 10px var(--rui-shadow-tertiary)',\n 5: '0px 3px 5px -1px var(--rui-shadow-primary), 0px 5px 8px var(--rui-shadow-secondary), 0px 1px 14px var(--rui-shadow-tertiary)',\n 6: '0px 3px 5px -1px var(--rui-shadow-primary), 0px 6px 10px var(--rui-shadow-secondary), 0px 1px 18px var(--rui-shadow-tertiary)',\n 7: '0px 4px 5px -2px var(--rui-shadow-primary), 0px 7px 10px 1px var(--rui-shadow-secondary), 0px 2px 16px 1px var(--rui-shadow-tertiary)',\n 8: '0px 5px 5px -3px var(--rui-shadow-primary), 0px 8px 10px 1px var(--rui-shadow-secondary), 0px 3px 14px 2px var(--rui-shadow-tertiary)',\n 9: '0px 5px 6px -3px var(--rui-shadow-primary), 0px 9px 12px 1px var(--rui-shadow-secondary), 0px 3px 16px 2px var(--rui-shadow-tertiary)',\n },\n colors: {\n rui: {\n ...baseColorsCombination,\n ...contextColorsCombination,\n ...textColorsCombination,\n dark: {\n ...contextColorsCombination.dark,\n ...textColorsCombination.dark,\n ...surfaceColorsCombination.dark,\n },\n light: {\n ...contextColorsCombination.light,\n ...textColorsCombination.light,\n ...surfaceColorsCombination.light,\n },\n ...adaptiveContextColorCombination,\n ...adaptiveTextColorsCombination,\n ...adaptiveSurfaceColorsCombination,\n },\n },\n },\n },\n },\n);\n\nexport default themePlugin;\n"],"mappings":"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"}
|