@jakubmazanec/ui 0.1.0-unstable.081bdf1
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 +45 -0
- package/build/components/Button.d.ts +40 -0
- package/build/components/Button.js +139 -0
- package/build/components/Button.js.map +7 -0
- package/build/components/Card.d.ts +19 -0
- package/build/components/Card.js +26 -0
- package/build/components/Card.js.map +7 -0
- package/build/components/Checkbox.d.ts +39 -0
- package/build/components/Checkbox.js +87 -0
- package/build/components/Checkbox.js.map +7 -0
- package/build/components/CheckboxField.d.ts +18 -0
- package/build/components/CheckboxField.js +22 -0
- package/build/components/CheckboxField.js.map +7 -0
- package/build/components/Combobox.d.ts +57 -0
- package/build/components/Combobox.js +178 -0
- package/build/components/Combobox.js.map +7 -0
- package/build/components/ComboboxOption.d.ts +33 -0
- package/build/components/ComboboxOption.js +59 -0
- package/build/components/ComboboxOption.js.map +7 -0
- package/build/components/DataTable.d.ts +70 -0
- package/build/components/DataTable.js +383 -0
- package/build/components/DataTable.js.map +7 -0
- package/build/components/Description.d.ts +19 -0
- package/build/components/Description.js +28 -0
- package/build/components/Description.js.map +7 -0
- package/build/components/Dialog.d.ts +32 -0
- package/build/components/Dialog.js +55 -0
- package/build/components/Dialog.js.map +7 -0
- package/build/components/DialogPanel.d.ts +19 -0
- package/build/components/DialogPanel.js +29 -0
- package/build/components/DialogPanel.js.map +7 -0
- package/build/components/DialogTitle.d.ts +19 -0
- package/build/components/DialogTitle.js +28 -0
- package/build/components/DialogTitle.js.map +7 -0
- package/build/components/Error.d.ts +19 -0
- package/build/components/Error.js +37 -0
- package/build/components/Error.js.map +7 -0
- package/build/components/Field.d.ts +22 -0
- package/build/components/Field.js +32 -0
- package/build/components/Field.js.map +7 -0
- package/build/components/Fieldset.d.ts +27 -0
- package/build/components/Fieldset.js +39 -0
- package/build/components/Fieldset.js.map +7 -0
- package/build/components/Form.d.ts +22 -0
- package/build/components/Form.js +41 -0
- package/build/components/Form.js.map +7 -0
- package/build/components/Icon.d.ts +29 -0
- package/build/components/Icon.js +59 -0
- package/build/components/Icon.js.map +7 -0
- package/build/components/Input.d.ts +37 -0
- package/build/components/Input.js +111 -0
- package/build/components/Input.js.map +7 -0
- package/build/components/Label.d.ts +19 -0
- package/build/components/Label.js +26 -0
- package/build/components/Label.js.map +7 -0
- package/build/components/Legend.d.ts +19 -0
- package/build/components/Legend.js +26 -0
- package/build/components/Legend.js.map +7 -0
- package/build/components/Listbox.d.ts +59 -0
- package/build/components/Listbox.js +254 -0
- package/build/components/Listbox.js.map +7 -0
- package/build/components/ListboxOption.d.ts +33 -0
- package/build/components/ListboxOption.js +59 -0
- package/build/components/ListboxOption.js.map +7 -0
- package/build/components/Menu.d.ts +21 -0
- package/build/components/Menu.js +29 -0
- package/build/components/Menu.js.map +7 -0
- package/build/components/MenuButton.d.ts +27 -0
- package/build/components/MenuButton.js +45 -0
- package/build/components/MenuButton.js.map +7 -0
- package/build/components/MenuHeading.d.ts +19 -0
- package/build/components/MenuHeading.js +28 -0
- package/build/components/MenuHeading.js.map +7 -0
- package/build/components/MenuItem.d.ts +27 -0
- package/build/components/MenuItem.js +39 -0
- package/build/components/MenuItem.js.map +7 -0
- package/build/components/MenuItems.d.ts +22 -0
- package/build/components/MenuItems.js +36 -0
- package/build/components/MenuItems.js.map +7 -0
- package/build/components/MenuSection.d.ts +19 -0
- package/build/components/MenuSection.js +28 -0
- package/build/components/MenuSection.js.map +7 -0
- package/build/components/MenuSeparator.d.ts +19 -0
- package/build/components/MenuSeparator.js +28 -0
- package/build/components/MenuSeparator.js.map +7 -0
- package/build/components/Popover.d.ts +19 -0
- package/build/components/Popover.js +28 -0
- package/build/components/Popover.js.map +7 -0
- package/build/components/PopoverBackdrop.d.ts +19 -0
- package/build/components/PopoverBackdrop.js +28 -0
- package/build/components/PopoverBackdrop.js.map +7 -0
- package/build/components/PopoverButton.d.ts +29 -0
- package/build/components/PopoverButton.js +47 -0
- package/build/components/PopoverButton.js.map +7 -0
- package/build/components/PopoverGroup.d.ts +19 -0
- package/build/components/PopoverGroup.js +28 -0
- package/build/components/PopoverGroup.js.map +7 -0
- package/build/components/PopoverPanel.d.ts +24 -0
- package/build/components/PopoverPanel.js +38 -0
- package/build/components/PopoverPanel.js.map +7 -0
- package/build/components/Radio.d.ts +33 -0
- package/build/components/Radio.js +57 -0
- package/build/components/Radio.js.map +7 -0
- package/build/components/RadioField.d.ts +11 -0
- package/build/components/RadioField.js +15 -0
- package/build/components/RadioField.js.map +7 -0
- package/build/components/RadioGroup.d.ts +34 -0
- package/build/components/RadioGroup.js +87 -0
- package/build/components/RadioGroup.js.map +7 -0
- package/build/components/Spinner.d.ts +21 -0
- package/build/components/Spinner.js +70 -0
- package/build/components/Spinner.js.map +7 -0
- package/build/components/Table.d.ts +19 -0
- package/build/components/Table.js +26 -0
- package/build/components/Table.js.map +7 -0
- package/build/components/TableBody.d.ts +19 -0
- package/build/components/TableBody.js +26 -0
- package/build/components/TableBody.js.map +7 -0
- package/build/components/TableCaption.d.ts +19 -0
- package/build/components/TableCaption.js +31 -0
- package/build/components/TableCaption.js.map +7 -0
- package/build/components/TableCell.d.ts +19 -0
- package/build/components/TableCell.js +26 -0
- package/build/components/TableCell.js.map +7 -0
- package/build/components/TableFoot.d.ts +19 -0
- package/build/components/TableFoot.js +26 -0
- package/build/components/TableFoot.js.map +7 -0
- package/build/components/TableHead.d.ts +19 -0
- package/build/components/TableHead.js +26 -0
- package/build/components/TableHead.js.map +7 -0
- package/build/components/TableHeader.d.ts +19 -0
- package/build/components/TableHeader.js +26 -0
- package/build/components/TableHeader.js.map +7 -0
- package/build/components/TableRow.d.ts +19 -0
- package/build/components/TableRow.js +26 -0
- package/build/components/TableRow.js.map +7 -0
- package/build/components/Text.d.ts +19 -0
- package/build/components/Text.js +26 -0
- package/build/components/Text.js.map +7 -0
- package/build/components/Textarea.d.ts +34 -0
- package/build/components/Textarea.js +78 -0
- package/build/components/Textarea.js.map +7 -0
- package/build/components/data-table/DataTableHeader.d.ts +13 -0
- package/build/components/data-table/DataTableHeader.js +418 -0
- package/build/components/data-table/DataTableHeader.js.map +7 -0
- package/build/components/data-table/DataTablePageButton.d.ts +6 -0
- package/build/components/data-table/DataTablePageButton.js +11 -0
- package/build/components/data-table/DataTablePageButton.js.map +7 -0
- package/build/components/data-table/internals/constants.d.ts +3 -0
- package/build/components/data-table/internals/constants.js +5 -0
- package/build/components/data-table/internals/constants.js.map +7 -0
- package/build/components/data-table/internals/getCommonPinningClasses.d.ts +2 -0
- package/build/components/data-table/internals/getCommonPinningClasses.js +13 -0
- package/build/components/data-table/internals/getCommonPinningClasses.js.map +7 -0
- package/build/components/data-table/internals/getCommonPinningStyles.d.ts +3 -0
- package/build/components/data-table/internals/getCommonPinningStyles.js +10 -0
- package/build/components/data-table/internals/getCommonPinningStyles.js.map +7 -0
- package/build/components/internals/fieldContext.d.ts +3 -0
- package/build/components/internals/fieldContext.js +4 -0
- package/build/components/internals/fieldContext.js.map +7 -0
- package/build/components/internals/fieldNameContext.d.ts +3 -0
- package/build/components/internals/fieldNameContext.js +4 -0
- package/build/components/internals/fieldNameContext.js.map +7 -0
- package/build/components/internals/filterProps.d.ts +4 -0
- package/build/components/internals/filterProps.js +9 -0
- package/build/components/internals/filterProps.js.map +7 -0
- package/build/components/internals/formIdContext.d.ts +2 -0
- package/build/components/internals/formIdContext.js +4 -0
- package/build/components/internals/formIdContext.js.map +7 -0
- package/build/components/internals/forwardRef.d.ts +4 -0
- package/build/components/internals/forwardRef.js +6 -0
- package/build/components/internals/forwardRef.js.map +7 -0
- package/build/components/internals/useFormId.d.ts +1 -0
- package/build/components/internals/useFormId.js +7 -0
- package/build/components/internals/useFormId.js.map +7 -0
- package/build/components/internals.d.ts +6 -0
- package/build/components/internals.js +8 -0
- package/build/components/internals.js.map +7 -0
- package/build/components/useField.d.ts +1 -0
- package/build/components/useField.js +7 -0
- package/build/components/useField.js.map +7 -0
- package/build/components/useFieldName.d.ts +1 -0
- package/build/components/useFieldName.js +7 -0
- package/build/components/useFieldName.js.map +7 -0
- package/build/components/useForm.d.ts +10 -0
- package/build/components/useForm.js +19 -0
- package/build/components/useForm.js.map +7 -0
- package/build/components.d.ts +50 -0
- package/build/components.js +52 -0
- package/build/components.js.map +7 -0
- package/build/development/createTailwindConfig.d.ts +18 -0
- package/build/development/createTailwindConfig.js +161 -0
- package/build/development/createTailwindConfig.js.map +7 -0
- package/build/development/createTailwindMerge.d.ts +2 -0
- package/build/development/createTailwindMerge.js +74 -0
- package/build/development/createTailwindMerge.js.map +7 -0
- package/build/development/internals/PaletteConfig.d.ts +6 -0
- package/build/development/internals/PaletteConfig.js +2 -0
- package/build/development/internals/PaletteConfig.js.map +7 -0
- package/build/development/internals/SwatchValue.d.ts +9 -0
- package/build/development/internals/SwatchValue.js +2 -0
- package/build/development/internals/SwatchValue.js.map +7 -0
- package/build/development/internals/clamp.d.ts +1 -0
- package/build/development/internals/clamp.js +5 -0
- package/build/development/internals/clamp.js.map +7 -0
- package/build/development/internals/constants.d.ts +2 -0
- package/build/development/internals/constants.js +22 -0
- package/build/development/internals/constants.js.map +7 -0
- package/build/development/internals/createDisplayColor.d.ts +1 -0
- package/build/development/internals/createDisplayColor.js +24 -0
- package/build/development/internals/createDisplayColor.js.map +7 -0
- package/build/development/internals/createDistributionValues.d.ts +4 -0
- package/build/development/internals/createDistributionValues.js +32 -0
- package/build/development/internals/createDistributionValues.js.map +7 -0
- package/build/development/internals/createHueScale.d.ts +4 -0
- package/build/development/internals/createHueScale.js +15 -0
- package/build/development/internals/createHueScale.js.map +7 -0
- package/build/development/internals/createPalette.d.ts +16 -0
- package/build/development/internals/createPalette.js +36 -0
- package/build/development/internals/createPalette.js.map +7 -0
- package/build/development/internals/createSaturationScale.d.ts +4 -0
- package/build/development/internals/createSaturationScale.js +18 -0
- package/build/development/internals/createSaturationScale.js.map +7 -0
- package/build/development/internals/createSwatches.d.ts +10 -0
- package/build/development/internals/createSwatches.js +31 -0
- package/build/development/internals/createSwatches.js.map +7 -0
- package/build/development/internals/hexToHsl.d.ts +5 -0
- package/build/development/internals/hexToHsl.js +37 -0
- package/build/development/internals/hexToHsl.js.map +7 -0
- package/build/development/internals/hexToRgb.d.ts +5 -0
- package/build/development/internals/hexToRgb.js +21 -0
- package/build/development/internals/hexToRgb.js.map +7 -0
- package/build/development/internals/hslToHex.d.ts +1 -0
- package/build/development/internals/hslToHex.js +19 -0
- package/build/development/internals/hslToHex.js.map +7 -0
- package/build/development/internals/hslToRgb.d.ts +5 -0
- package/build/development/internals/hslToRgb.js +42 -0
- package/build/development/internals/hslToRgb.js.map +7 -0
- package/build/development/internals/isHex.d.ts +1 -0
- package/build/development/internals/isHex.js +7 -0
- package/build/development/internals/isHex.js.map +7 -0
- package/build/development/internals/resolveModule.d.ts +1 -0
- package/build/development/internals/resolveModule.js +9 -0
- package/build/development/internals/resolveModule.js.map +7 -0
- package/build/development/internals/round.d.ts +1 -0
- package/build/development/internals/round.js +6 -0
- package/build/development/internals/round.js.map +7 -0
- package/build/development/internals/unsignedModulo.d.ts +1 -0
- package/build/development/internals/unsignedModulo.js +5 -0
- package/build/development/internals/unsignedModulo.js.map +7 -0
- package/build/development/internals.d.ts +1 -0
- package/build/development/internals.js +3 -0
- package/build/development/internals.js.map +7 -0
- package/build/development.d.ts +2 -0
- package/build/development.js +4 -0
- package/build/development.js.map +7 -0
- package/build/inter-variable-italic.woff2 +0 -0
- package/build/inter-variable.woff2 +0 -0
- package/build/main.d.ts +5 -0
- package/build/main.js +7 -0
- package/build/main.js.map +7 -0
- package/build/styles.css +23 -0
- package/build/styles.css.map +7 -0
- package/build/theme/Theme.d.ts +143 -0
- package/build/theme/Theme.js +2 -0
- package/build/theme/Theme.js.map +7 -0
- package/build/theme/ThemeProvider.d.ts +6 -0
- package/build/theme/ThemeProvider.js +7 -0
- package/build/theme/ThemeProvider.js.map +7 -0
- package/build/theme/defaultTheme.d.ts +2 -0
- package/build/theme/defaultTheme.js +100 -0
- package/build/theme/defaultTheme.js.map +7 -0
- package/build/theme/internals/ClassName.d.ts +1 -0
- package/build/theme/internals/ClassName.js +2 -0
- package/build/theme/internals/ClassName.js.map +7 -0
- package/build/theme/internals/ComponentProps.d.ts +7 -0
- package/build/theme/internals/ComponentProps.js +2 -0
- package/build/theme/internals/ComponentProps.js.map +7 -0
- package/build/theme/internals/ComponentTheme.d.ts +35 -0
- package/build/theme/internals/ComponentTheme.js +2 -0
- package/build/theme/internals/ComponentTheme.js.map +7 -0
- package/build/theme/internals/ComponentThemeCompoundVariants.d.ts +12 -0
- package/build/theme/internals/ComponentThemeCompoundVariants.js +2 -0
- package/build/theme/internals/ComponentThemeCompoundVariants.js.map +7 -0
- package/build/theme/internals/ComponentThemeDefinition.d.ts +6 -0
- package/build/theme/internals/ComponentThemeDefinition.js +2 -0
- package/build/theme/internals/ComponentThemeDefinition.js.map +7 -0
- package/build/theme/internals/ComponentThemeDefinitionElements.d.ts +1 -0
- package/build/theme/internals/ComponentThemeDefinitionElements.js +2 -0
- package/build/theme/internals/ComponentThemeDefinitionElements.js.map +7 -0
- package/build/theme/internals/ComponentThemeDefinitionVariants.d.ts +3 -0
- package/build/theme/internals/ComponentThemeDefinitionVariants.js +2 -0
- package/build/theme/internals/ComponentThemeDefinitionVariants.js.map +7 -0
- package/build/theme/internals/ComponentThemeProps.d.ts +5 -0
- package/build/theme/internals/ComponentThemeProps.js +2 -0
- package/build/theme/internals/ComponentThemeProps.js.map +7 -0
- package/build/theme/internals/ComponentThemeVariants.d.ts +14 -0
- package/build/theme/internals/ComponentThemeVariants.js +2 -0
- package/build/theme/internals/ComponentThemeVariants.js.map +7 -0
- package/build/theme/internals/ComponentWithTheme.d.ts +5 -0
- package/build/theme/internals/ComponentWithTheme.js +2 -0
- package/build/theme/internals/ComponentWithTheme.js.map +7 -0
- package/build/theme/internals/UseComponentTheme.d.ts +21 -0
- package/build/theme/internals/UseComponentTheme.js +2 -0
- package/build/theme/internals/UseComponentTheme.js.map +7 -0
- package/build/theme/internals/UseComponentThemeReturn.d.ts +6 -0
- package/build/theme/internals/UseComponentThemeReturn.js +2 -0
- package/build/theme/internals/UseComponentThemeReturn.js.map +7 -0
- package/build/theme/internals/booleanToString.d.ts +1 -0
- package/build/theme/internals/booleanToString.js +5 -0
- package/build/theme/internals/booleanToString.js.map +7 -0
- package/build/theme/internals/createComponentTheme.d.ts +3 -0
- package/build/theme/internals/createComponentTheme.js +39 -0
- package/build/theme/internals/createComponentTheme.js.map +7 -0
- package/build/theme/internals/createUseComponentThemeReturn.d.ts +15 -0
- package/build/theme/internals/createUseComponentThemeReturn.js +50 -0
- package/build/theme/internals/createUseComponentThemeReturn.js.map +7 -0
- package/build/theme/internals/pickPropertyIfExists.d.ts +4 -0
- package/build/theme/internals/pickPropertyIfExists.js +11 -0
- package/build/theme/internals/pickPropertyIfExists.js.map +7 -0
- package/build/theme/internals/themeContext.d.ts +330 -0
- package/build/theme/internals/themeContext.js +4 -0
- package/build/theme/internals/themeContext.js.map +7 -0
- package/build/theme/internals/useTheme.d.ts +329 -0
- package/build/theme/internals/useTheme.js +7 -0
- package/build/theme/internals/useTheme.js.map +7 -0
- package/build/theme/internals.d.ts +18 -0
- package/build/theme/internals.js +20 -0
- package/build/theme/internals.js.map +7 -0
- package/build/theme.d.ts +3 -0
- package/build/theme.js +5 -0
- package/build/theme.js.map +7 -0
- package/build/utilities/WithLocaleOrLocales.d.ts +5 -0
- package/build/utilities/WithLocaleOrLocales.js +2 -0
- package/build/utilities/WithLocaleOrLocales.js.map +7 -0
- package/build/utilities/formatDateTime.d.ts +3 -0
- package/build/utilities/formatDateTime.js +11 -0
- package/build/utilities/formatDateTime.js.map +7 -0
- package/build/utilities/formatNumber.d.ts +3 -0
- package/build/utilities/formatNumber.js +11 -0
- package/build/utilities/formatNumber.js.map +7 -0
- package/build/utilities/internals/cache.d.ts +1 -0
- package/build/utilities/internals/cache.js +3 -0
- package/build/utilities/internals/cache.js.map +7 -0
- package/build/utilities/internals/createCacheKey.d.ts +1 -0
- package/build/utilities/internals/createCacheKey.js +6 -0
- package/build/utilities/internals/createCacheKey.js.map +7 -0
- package/build/utilities/internals/getMemoized.d.ts +1 -0
- package/build/utilities/internals/getMemoized.js +12 -0
- package/build/utilities/internals/getMemoized.js.map +7 -0
- package/build/utilities/internals/normalizeLocales.d.ts +2 -0
- package/build/utilities/internals/normalizeLocales.js +12 -0
- package/build/utilities/internals/normalizeLocales.js.map +7 -0
- package/build/utilities/internals.d.ts +4 -0
- package/build/utilities/internals.js +6 -0
- package/build/utilities/internals.js.map +7 -0
- package/build/utilities.d.ts +3 -0
- package/build/utilities.js +5 -0
- package/build/utilities.js.map +7 -0
- package/package.json +100 -0
- package/source/components/Button.tsx +172 -0
- package/source/components/Card.ts +46 -0
- package/source/components/Checkbox.tsx +125 -0
- package/source/components/CheckboxField.tsx +61 -0
- package/source/components/Combobox.tsx +298 -0
- package/source/components/ComboboxOption.tsx +95 -0
- package/source/components/DataTable.tsx +464 -0
- package/source/components/Description.tsx +52 -0
- package/source/components/Dialog.tsx +85 -0
- package/source/components/DialogPanel.tsx +54 -0
- package/source/components/DialogTitle.tsx +52 -0
- package/source/components/Error.tsx +58 -0
- package/source/components/Field.tsx +79 -0
- package/source/components/Fieldset.tsx +64 -0
- package/source/components/Form.tsx +72 -0
- package/source/components/Icon.tsx +96 -0
- package/source/components/Input.tsx +156 -0
- package/source/components/Label.tsx +49 -0
- package/source/components/Legend.tsx +49 -0
- package/source/components/Listbox.tsx +401 -0
- package/source/components/ListboxOption.tsx +95 -0
- package/source/components/Menu.tsx +50 -0
- package/source/components/MenuButton.tsx +69 -0
- package/source/components/MenuHeading.tsx +52 -0
- package/source/components/MenuItem.tsx +63 -0
- package/source/components/MenuItems.tsx +61 -0
- package/source/components/MenuSection.tsx +52 -0
- package/source/components/MenuSeparator.tsx +52 -0
- package/source/components/Popover.tsx +52 -0
- package/source/components/PopoverBackdrop.tsx +52 -0
- package/source/components/PopoverButton.tsx +72 -0
- package/source/components/PopoverGroup.tsx +52 -0
- package/source/components/PopoverPanel.tsx +65 -0
- package/source/components/Radio.tsx +88 -0
- package/source/components/RadioField.tsx +31 -0
- package/source/components/RadioGroup.tsx +147 -0
- package/source/components/Spinner.tsx +70 -0
- package/source/components/Table.ts +47 -0
- package/source/components/TableBody.ts +47 -0
- package/source/components/TableCaption.ts +52 -0
- package/source/components/TableCell.ts +47 -0
- package/source/components/TableFoot.ts +47 -0
- package/source/components/TableHead.ts +47 -0
- package/source/components/TableHeader.ts +47 -0
- package/source/components/TableRow.ts +47 -0
- package/source/components/Text.ts +47 -0
- package/source/components/Textarea.tsx +104 -0
- package/source/components/data-table/DataTableHeader.tsx +602 -0
- package/source/components/data-table/DataTablePageButton.tsx +21 -0
- package/source/components/data-table/internals/constants.ts +3 -0
- package/source/components/data-table/internals/getCommonPinningClasses.ts +19 -0
- package/source/components/data-table/internals/getCommonPinningStyles.ts +13 -0
- package/source/components/internals/fieldContext.ts +4 -0
- package/source/components/internals/fieldNameContext.ts +5 -0
- package/source/components/internals/filterProps.ts +12 -0
- package/source/components/internals/formIdContext.ts +3 -0
- package/source/components/internals/forwardRef.ts +7 -0
- package/source/components/internals/useFormId.ts +7 -0
- package/source/components/internals.ts +6 -0
- package/source/components/useField.ts +7 -0
- package/source/components/useFieldName.ts +7 -0
- package/source/components/useForm.ts +24 -0
- package/source/components.ts +50 -0
- package/source/development/createTailwindConfig.ts +182 -0
- package/source/development/createTailwindMerge.ts +101 -0
- package/source/development/internals/PaletteConfig.ts +6 -0
- package/source/development/internals/SwatchValue.ts +9 -0
- package/source/development/internals/clamp.ts +3 -0
- package/source/development/internals/constants.ts +4 -0
- package/source/development/internals/createDisplayColor.ts +29 -0
- package/source/development/internals/createDistributionValues.ts +38 -0
- package/source/development/internals/createHueScale.ts +17 -0
- package/source/development/internals/createPalette.ts +54 -0
- package/source/development/internals/createSaturationScale.ts +21 -0
- package/source/development/internals/createSwatches.ts +34 -0
- package/source/development/internals/hexToHsl.ts +45 -0
- package/source/development/internals/hexToRgb.ts +23 -0
- package/source/development/internals/hslToHex.ts +23 -0
- package/source/development/internals/hslToRgb.ts +43 -0
- package/source/development/internals/isHex.ts +7 -0
- package/source/development/internals/resolveModule.ts +9 -0
- package/source/development/internals/round.ts +5 -0
- package/source/development/internals/unsignedModulo.ts +3 -0
- package/source/development/internals.ts +1 -0
- package/source/development.ts +2 -0
- package/source/inter-variable-italic.woff2 +0 -0
- package/source/inter-variable.woff2 +0 -0
- package/source/main.ts +5 -0
- package/source/styles.css +25 -0
- package/source/theme/Theme.ts +100 -0
- package/source/theme/ThemeProvider.tsx +12 -0
- package/source/theme/defaultTheme.ts +100 -0
- package/source/theme/internals/ClassName.ts +1 -0
- package/source/theme/internals/ComponentProps.ts +13 -0
- package/source/theme/internals/ComponentTheme.ts +50 -0
- package/source/theme/internals/ComponentThemeCompoundVariants.ts +20 -0
- package/source/theme/internals/ComponentThemeDefinition.ts +7 -0
- package/source/theme/internals/ComponentThemeDefinitionElements.ts +1 -0
- package/source/theme/internals/ComponentThemeDefinitionVariants.ts +3 -0
- package/source/theme/internals/ComponentThemeProps.ts +11 -0
- package/source/theme/internals/ComponentThemeVariants.ts +24 -0
- package/source/theme/internals/ComponentWithTheme.ts +6 -0
- package/source/theme/internals/UseComponentTheme.ts +22 -0
- package/source/theme/internals/UseComponentThemeReturn.ts +15 -0
- package/source/theme/internals/booleanToString.ts +6 -0
- package/source/theme/internals/createComponentTheme.ts +70 -0
- package/source/theme/internals/createUseComponentThemeReturn.ts +87 -0
- package/source/theme/internals/pickPropertyIfExists.ts +24 -0
- package/source/theme/internals/themeContext.ts +5 -0
- package/source/theme/internals/useTheme.ts +7 -0
- package/source/theme/internals.ts +18 -0
- package/source/theme.ts +3 -0
- package/source/utilities/WithLocaleOrLocales.ts +1 -0
- package/source/utilities/formatDateTime.ts +15 -0
- package/source/utilities/formatNumber.ts +15 -0
- package/source/utilities/internals/cache.ts +1 -0
- package/source/utilities/internals/createCacheKey.ts +9 -0
- package/source/utilities/internals/getMemoized.ts +14 -0
- package/source/utilities/internals/normalizeLocales.ts +15 -0
- package/source/utilities/internals.ts +4 -0
- package/source/utilities.ts +3 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../source/development/internals/unsignedModulo.ts"],
|
|
4
|
+
"sourcesContent": ["export function unsignedModulo(x: number, n: number) {\n return ((x % n) + n) % n;\n}\n"],
|
|
5
|
+
"mappings": ";AAAO,gBAAS,eAAe,GAAW,GAAW;AACnD,UAAS,IAAI,IAAK,KAAK;AACzB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './internals/constants.js';
|
|
Binary file
|
|
Binary file
|
package/build/main.d.ts
ADDED
package/build/main.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
export * from "./components.js";
|
|
3
|
+
export { createTailwindMerge } from "./development/createTailwindMerge.js";
|
|
4
|
+
export * from "./theme.js";
|
|
5
|
+
export * from "./utilities.js";
|
|
6
|
+
export { createColumnHelper } from "@tanstack/react-table";
|
|
7
|
+
//# sourceMappingURL=main.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../source/main.ts"],
|
|
4
|
+
"sourcesContent": ["export * from './components.js';\nexport {createTailwindMerge} from './development/createTailwindMerge.js';\nexport * from './theme.js';\nexport * from './utilities.js';\nexport {createColumnHelper} from '@tanstack/react-table';\n"],
|
|
5
|
+
"mappings": ";AAAA,cAAc;AACd,SAAQ,2BAA0B;AAClC,cAAc;AACd,cAAc;AACd,SAAQ,0BAAyB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/build/styles.css
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: InterVariable;
|
|
3
|
+
font-style: normal;
|
|
4
|
+
font-weight: 100 900;
|
|
5
|
+
font-display: swap;
|
|
6
|
+
src: url(./inter-variable.woff2) format("woff2");
|
|
7
|
+
}
|
|
8
|
+
@font-face {
|
|
9
|
+
font-family: InterVariable;
|
|
10
|
+
font-style: italic;
|
|
11
|
+
font-weight: 100 900;
|
|
12
|
+
font-display: swap;
|
|
13
|
+
src: url(./inter-variable-italic.woff2) format("woff2");
|
|
14
|
+
}
|
|
15
|
+
@layer base {
|
|
16
|
+
html {
|
|
17
|
+
@apply font-sans text-gray-950;
|
|
18
|
+
}
|
|
19
|
+
* {
|
|
20
|
+
scrollbar-color: theme(colors.gray.200) theme(colors.transparent);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
/*# sourceMappingURL=styles.css.map */
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../source/styles.css"],
|
|
4
|
+
"sourcesContent": ["@font-face {\n font-family: InterVariable;\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url('./inter-variable.woff2') format('woff2');\n}\n\n@font-face {\n font-family: InterVariable;\n font-style: italic;\n font-weight: 100 900;\n font-display: swap;\n src: url('./inter-variable-italic.woff2') format('woff2');\n}\n\n@layer base {\n html {\n @apply font-sans text-gray-950;\n }\n\n * {\n scrollbar-color: theme(colors.gray.200) theme(colors.transparent);\n }\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACE,eAAa;AACb,cAAY;AACZ,eAAa,IAAI;AACjB,gBAAc;AACd,OAAK,4BAA8B,OAAO;AAC5C;AAEA;AACE,eAAa;AACb,cAAY;AACZ,eAAa,IAAI;AACjB,gBAAc;AACd,OAAK,mCAAqC,OAAO;AACnD;AAEA;AACE;AACE,WAAO,UAAU;AACnB;AAEA;AACE,qBAAiB,MAAM,MAAM,CAAC,IAAI,MAAM,MAAM,MAAM,CAAC;AACvD;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { type Simplify } from '@jakubmazanec/ts-utils';
|
|
2
|
+
import { type useButtonTheme } from '../components/Button.js';
|
|
3
|
+
import { type useCardTheme } from '../components/Card.js';
|
|
4
|
+
import { type useCheckboxTheme } from '../components/Checkbox.js';
|
|
5
|
+
import { type useCheckboxFieldTheme } from '../components/CheckboxField.js';
|
|
6
|
+
import { type useComboboxTheme } from '../components/Combobox.js';
|
|
7
|
+
import { type useComboboxOptionTheme } from '../components/ComboboxOption.js';
|
|
8
|
+
import { type useDescriptionTheme } from '../components/Description.js';
|
|
9
|
+
import { type useDialogTheme } from '../components/Dialog.js';
|
|
10
|
+
import { type useDialogPanelTheme } from '../components/DialogPanel.js';
|
|
11
|
+
import { type useDialogTitleTheme } from '../components/DialogTitle.js';
|
|
12
|
+
import { type useErrorTheme } from '../components/Error.js';
|
|
13
|
+
import { type useFieldTheme } from '../components/Field.js';
|
|
14
|
+
import { type useFieldsetTheme } from '../components/Fieldset.js';
|
|
15
|
+
import { type useFormTheme } from '../components/Form.js';
|
|
16
|
+
import { type useIconTheme } from '../components/Icon.js';
|
|
17
|
+
import { type useInputTheme } from '../components/Input.js';
|
|
18
|
+
import { type useLabelTheme } from '../components/Label.js';
|
|
19
|
+
import { type useLegendTheme } from '../components/Legend.js';
|
|
20
|
+
import { type useListboxTheme } from '../components/Listbox.js';
|
|
21
|
+
import { type useListboxOptionTheme } from '../components/ListboxOption.js';
|
|
22
|
+
import { type useMenuTheme } from '../components/Menu.js';
|
|
23
|
+
import { type useMenuButtonTheme } from '../components/MenuButton.js';
|
|
24
|
+
import { type useMenuHeadingTheme } from '../components/MenuHeading.js';
|
|
25
|
+
import { type useMenuItemTheme } from '../components/MenuItem.js';
|
|
26
|
+
import { type useMenuItemsTheme } from '../components/MenuItems.js';
|
|
27
|
+
import { type useMenuSectionTheme } from '../components/MenuSection.js';
|
|
28
|
+
import { type useMenuSeparatorTheme } from '../components/MenuSeparator.js';
|
|
29
|
+
import { type usePopoverTheme } from '../components/Popover.js';
|
|
30
|
+
import { type usePopoverBackdropTheme } from '../components/PopoverBackdrop.js';
|
|
31
|
+
import { type usePopoverButtonTheme } from '../components/PopoverButton.js';
|
|
32
|
+
import { type usePopoverGroupTheme } from '../components/PopoverGroup.js';
|
|
33
|
+
import { type usePopoverPanelTheme } from '../components/PopoverPanel.js';
|
|
34
|
+
import { type useRadioTheme } from '../components/Radio.js';
|
|
35
|
+
import { type useRadioFieldTheme } from '../components/RadioField.js';
|
|
36
|
+
import { type useRadioGroupTheme } from '../components/RadioGroup.js';
|
|
37
|
+
import { type useSpinnerTheme } from '../components/Spinner.js';
|
|
38
|
+
import { type useTableTheme } from '../components/Table.js';
|
|
39
|
+
import { type useTableBodyTheme } from '../components/TableBody.js';
|
|
40
|
+
import { type useTableCaptionTheme } from '../components/TableCaption.js';
|
|
41
|
+
import { type useTableCellTheme } from '../components/TableCell.js';
|
|
42
|
+
import { type useTableFootTheme } from '../components/TableFoot.js';
|
|
43
|
+
import { type useTableHeadTheme } from '../components/TableHead.js';
|
|
44
|
+
import { type useTableHeaderTheme } from '../components/TableHeader.js';
|
|
45
|
+
import { type useTableRowTheme } from '../components/TableRow.js';
|
|
46
|
+
import { type useTextTheme } from '../components/Text.js';
|
|
47
|
+
import { type useTextareaTheme } from '../components/Textarea.js';
|
|
48
|
+
import { type ClassName, type ComponentTheme } from './internals.js';
|
|
49
|
+
export type Theme = Simplify<ComponentTheme<typeof useButtonTheme, {
|
|
50
|
+
outputComponentName: true;
|
|
51
|
+
}> & ComponentTheme<typeof useCardTheme, {
|
|
52
|
+
outputComponentName: true;
|
|
53
|
+
}> & ComponentTheme<typeof useCheckboxFieldTheme, {
|
|
54
|
+
outputComponentName: true;
|
|
55
|
+
}> & ComponentTheme<typeof useCheckboxTheme, {
|
|
56
|
+
outputComponentName: true;
|
|
57
|
+
}> & ComponentTheme<typeof useComboboxOptionTheme, {
|
|
58
|
+
outputComponentName: true;
|
|
59
|
+
}> & ComponentTheme<typeof useComboboxTheme, {
|
|
60
|
+
outputComponentName: true;
|
|
61
|
+
}> & ComponentTheme<typeof useDescriptionTheme, {
|
|
62
|
+
outputComponentName: true;
|
|
63
|
+
}> & ComponentTheme<typeof useDialogPanelTheme, {
|
|
64
|
+
outputComponentName: true;
|
|
65
|
+
}> & ComponentTheme<typeof useDialogTheme, {
|
|
66
|
+
outputComponentName: true;
|
|
67
|
+
}> & ComponentTheme<typeof useDialogTitleTheme, {
|
|
68
|
+
outputComponentName: true;
|
|
69
|
+
}> & ComponentTheme<typeof useErrorTheme, {
|
|
70
|
+
outputComponentName: true;
|
|
71
|
+
}> & ComponentTheme<typeof useFieldsetTheme, {
|
|
72
|
+
outputComponentName: true;
|
|
73
|
+
}> & ComponentTheme<typeof useFieldTheme, {
|
|
74
|
+
outputComponentName: true;
|
|
75
|
+
}> & ComponentTheme<typeof useFormTheme, {
|
|
76
|
+
outputComponentName: true;
|
|
77
|
+
}> & ComponentTheme<typeof useIconTheme, {
|
|
78
|
+
outputComponentName: true;
|
|
79
|
+
}> & ComponentTheme<typeof useInputTheme, {
|
|
80
|
+
outputComponentName: true;
|
|
81
|
+
}> & ComponentTheme<typeof useLabelTheme, {
|
|
82
|
+
outputComponentName: true;
|
|
83
|
+
}> & ComponentTheme<typeof useLegendTheme, {
|
|
84
|
+
outputComponentName: true;
|
|
85
|
+
}> & ComponentTheme<typeof useListboxOptionTheme, {
|
|
86
|
+
outputComponentName: true;
|
|
87
|
+
}> & ComponentTheme<typeof useListboxTheme, {
|
|
88
|
+
outputComponentName: true;
|
|
89
|
+
}> & ComponentTheme<typeof useMenuButtonTheme, {
|
|
90
|
+
outputComponentName: true;
|
|
91
|
+
}> & ComponentTheme<typeof useMenuHeadingTheme, {
|
|
92
|
+
outputComponentName: true;
|
|
93
|
+
}> & ComponentTheme<typeof useMenuItemsTheme, {
|
|
94
|
+
outputComponentName: true;
|
|
95
|
+
}> & ComponentTheme<typeof useMenuItemTheme, {
|
|
96
|
+
outputComponentName: true;
|
|
97
|
+
}> & ComponentTheme<typeof useMenuSectionTheme, {
|
|
98
|
+
outputComponentName: true;
|
|
99
|
+
}> & ComponentTheme<typeof useMenuSeparatorTheme, {
|
|
100
|
+
outputComponentName: true;
|
|
101
|
+
}> & ComponentTheme<typeof useMenuTheme, {
|
|
102
|
+
outputComponentName: true;
|
|
103
|
+
}> & ComponentTheme<typeof usePopoverBackdropTheme, {
|
|
104
|
+
outputComponentName: true;
|
|
105
|
+
}> & ComponentTheme<typeof usePopoverButtonTheme, {
|
|
106
|
+
outputComponentName: true;
|
|
107
|
+
}> & ComponentTheme<typeof usePopoverGroupTheme, {
|
|
108
|
+
outputComponentName: true;
|
|
109
|
+
}> & ComponentTheme<typeof usePopoverPanelTheme, {
|
|
110
|
+
outputComponentName: true;
|
|
111
|
+
}> & ComponentTheme<typeof usePopoverTheme, {
|
|
112
|
+
outputComponentName: true;
|
|
113
|
+
}> & ComponentTheme<typeof useRadioFieldTheme, {
|
|
114
|
+
outputComponentName: true;
|
|
115
|
+
}> & ComponentTheme<typeof useRadioGroupTheme, {
|
|
116
|
+
outputComponentName: true;
|
|
117
|
+
}> & ComponentTheme<typeof useRadioTheme, {
|
|
118
|
+
outputComponentName: true;
|
|
119
|
+
}> & ComponentTheme<typeof useSpinnerTheme, {
|
|
120
|
+
outputComponentName: true;
|
|
121
|
+
}> & ComponentTheme<typeof useTableBodyTheme, {
|
|
122
|
+
outputComponentName: true;
|
|
123
|
+
}> & ComponentTheme<typeof useTableCaptionTheme, {
|
|
124
|
+
outputComponentName: true;
|
|
125
|
+
}> & ComponentTheme<typeof useTableCellTheme, {
|
|
126
|
+
outputComponentName: true;
|
|
127
|
+
}> & ComponentTheme<typeof useTableFootTheme, {
|
|
128
|
+
outputComponentName: true;
|
|
129
|
+
}> & ComponentTheme<typeof useTableHeaderTheme, {
|
|
130
|
+
outputComponentName: true;
|
|
131
|
+
}> & ComponentTheme<typeof useTableHeadTheme, {
|
|
132
|
+
outputComponentName: true;
|
|
133
|
+
}> & ComponentTheme<typeof useTableRowTheme, {
|
|
134
|
+
outputComponentName: true;
|
|
135
|
+
}> & ComponentTheme<typeof useTableTheme, {
|
|
136
|
+
outputComponentName: true;
|
|
137
|
+
}> & ComponentTheme<typeof useTextareaTheme, {
|
|
138
|
+
outputComponentName: true;
|
|
139
|
+
}> & ComponentTheme<typeof useTextTheme, {
|
|
140
|
+
outputComponentName: true;
|
|
141
|
+
}> & {
|
|
142
|
+
merge: (...rest: ClassName[]) => string;
|
|
143
|
+
}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type PropsWithChildren } from 'react';
|
|
2
|
+
import { type Theme } from './Theme.js';
|
|
3
|
+
export type ThemeProviderProps = {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
};
|
|
6
|
+
export declare function ThemeProvider({ children, theme }: PropsWithChildren<ThemeProviderProps>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { themeContext } from "./internals.js";
|
|
4
|
+
export function ThemeProvider({ children, theme }) {
|
|
5
|
+
return /* @__PURE__ */ jsx(themeContext.Provider, { value: theme, children });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../source/theme/ThemeProvider.tsx"],
|
|
4
|
+
"sourcesContent": ["import {type PropsWithChildren} from 'react';\n\nimport {themeContext} from './internals.js';\nimport {type Theme} from './Theme.js';\n\nexport type ThemeProviderProps = {\n theme: Theme;\n};\n\nexport function ThemeProvider({children, theme}: PropsWithChildren<ThemeProviderProps>) {\n return <themeContext.Provider value={theme}>{children}</themeContext.Provider>;\n}\n"],
|
|
5
|
+
"mappings": ";AAUS;AART,SAAQ,oBAAmB;AAOpB,gBAAS,cAAc,EAAC,UAAU,MAAK,GAA0C;AACtF,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;AACxD;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import {
|
|
3
|
+
buttonTheme,
|
|
4
|
+
cardTheme,
|
|
5
|
+
checkboxFieldTheme,
|
|
6
|
+
checkboxTheme,
|
|
7
|
+
comboboxOptionTheme,
|
|
8
|
+
comboboxTheme,
|
|
9
|
+
descriptionTheme,
|
|
10
|
+
dialogPanelTheme,
|
|
11
|
+
dialogTheme,
|
|
12
|
+
dialogTitleTheme,
|
|
13
|
+
errorTheme,
|
|
14
|
+
fieldsetnTheme,
|
|
15
|
+
fieldTheme,
|
|
16
|
+
formTheme,
|
|
17
|
+
iconTheme,
|
|
18
|
+
inputTheme,
|
|
19
|
+
labelTheme,
|
|
20
|
+
legendTheme,
|
|
21
|
+
listboxOptionTheme,
|
|
22
|
+
listboxTheme,
|
|
23
|
+
menuButtonTheme,
|
|
24
|
+
menuHeadingTheme,
|
|
25
|
+
menuItemsTheme,
|
|
26
|
+
menuItemTheme,
|
|
27
|
+
menuSectionTheme,
|
|
28
|
+
menuSeparatorTheme,
|
|
29
|
+
menuTheme,
|
|
30
|
+
popoverBackdropTheme,
|
|
31
|
+
popoverButtonTheme,
|
|
32
|
+
popoverGroupTheme,
|
|
33
|
+
popoverPanelTheme,
|
|
34
|
+
popoverTheme,
|
|
35
|
+
radioFieldTheme,
|
|
36
|
+
radioGroupTheme,
|
|
37
|
+
radioTheme,
|
|
38
|
+
spinnerTheme,
|
|
39
|
+
tableBodyTheme,
|
|
40
|
+
tableCaptionTheme,
|
|
41
|
+
tableCellTheme,
|
|
42
|
+
tableFootTheme,
|
|
43
|
+
tableHeaderTheme,
|
|
44
|
+
tableHeadTheme,
|
|
45
|
+
tableRowTheme,
|
|
46
|
+
tableTheme,
|
|
47
|
+
textareaTheme,
|
|
48
|
+
textTheme
|
|
49
|
+
} from "../components.js";
|
|
50
|
+
import { createTailwindConfig, createTailwindMerge } from "../development.js";
|
|
51
|
+
export const defaultTheme = {
|
|
52
|
+
Button: buttonTheme,
|
|
53
|
+
Card: cardTheme,
|
|
54
|
+
Checkbox: checkboxTheme,
|
|
55
|
+
CheckboxField: checkboxFieldTheme,
|
|
56
|
+
Combobox: comboboxTheme,
|
|
57
|
+
ComboboxOption: comboboxOptionTheme,
|
|
58
|
+
Description: descriptionTheme,
|
|
59
|
+
Dialog: dialogTheme,
|
|
60
|
+
DialogPanel: dialogPanelTheme,
|
|
61
|
+
DialogTitle: dialogTitleTheme,
|
|
62
|
+
Error: errorTheme,
|
|
63
|
+
Field: fieldTheme,
|
|
64
|
+
Fieldset: fieldsetnTheme,
|
|
65
|
+
Form: formTheme,
|
|
66
|
+
Icon: iconTheme,
|
|
67
|
+
Input: inputTheme,
|
|
68
|
+
Label: labelTheme,
|
|
69
|
+
Legend: legendTheme,
|
|
70
|
+
Listbox: listboxTheme,
|
|
71
|
+
ListboxOption: listboxOptionTheme,
|
|
72
|
+
Menu: menuTheme,
|
|
73
|
+
MenuButton: menuButtonTheme,
|
|
74
|
+
MenuHeading: menuHeadingTheme,
|
|
75
|
+
MenuItem: menuItemTheme,
|
|
76
|
+
MenuItems: menuItemsTheme,
|
|
77
|
+
MenuSection: menuSectionTheme,
|
|
78
|
+
MenuSeparator: menuSeparatorTheme,
|
|
79
|
+
Popover: popoverTheme,
|
|
80
|
+
PopoverBackdrop: popoverBackdropTheme,
|
|
81
|
+
PopoverButton: popoverButtonTheme,
|
|
82
|
+
PopoverGroup: popoverGroupTheme,
|
|
83
|
+
PopoverPanel: popoverPanelTheme,
|
|
84
|
+
Radio: radioTheme,
|
|
85
|
+
RadioField: radioFieldTheme,
|
|
86
|
+
RadioGroup: radioGroupTheme,
|
|
87
|
+
Spinner: spinnerTheme,
|
|
88
|
+
Table: tableTheme,
|
|
89
|
+
TableBody: tableBodyTheme,
|
|
90
|
+
TableCaption: tableCaptionTheme,
|
|
91
|
+
TableCell: tableCellTheme,
|
|
92
|
+
TableFoot: tableFootTheme,
|
|
93
|
+
TableHead: tableHeadTheme,
|
|
94
|
+
TableHeader: tableHeaderTheme,
|
|
95
|
+
TableRow: tableRowTheme,
|
|
96
|
+
Text: textTheme,
|
|
97
|
+
Textarea: textareaTheme,
|
|
98
|
+
merge: createTailwindMerge(createTailwindConfig())
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=defaultTheme.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../source/theme/defaultTheme.ts"],
|
|
4
|
+
"sourcesContent": ["import {\n buttonTheme,\n cardTheme,\n checkboxFieldTheme,\n checkboxTheme,\n comboboxOptionTheme,\n comboboxTheme,\n descriptionTheme,\n dialogPanelTheme,\n dialogTheme,\n dialogTitleTheme,\n errorTheme,\n fieldsetnTheme,\n fieldTheme,\n formTheme,\n iconTheme,\n inputTheme,\n labelTheme,\n legendTheme,\n listboxOptionTheme,\n listboxTheme,\n menuButtonTheme,\n menuHeadingTheme,\n menuItemsTheme,\n menuItemTheme,\n menuSectionTheme,\n menuSeparatorTheme,\n menuTheme,\n popoverBackdropTheme,\n popoverButtonTheme,\n popoverGroupTheme,\n popoverPanelTheme,\n popoverTheme,\n radioFieldTheme,\n radioGroupTheme,\n radioTheme,\n spinnerTheme,\n tableBodyTheme,\n tableCaptionTheme,\n tableCellTheme,\n tableFootTheme,\n tableHeaderTheme,\n tableHeadTheme,\n tableRowTheme,\n tableTheme,\n textareaTheme,\n textTheme,\n} from '../components.js';\nimport {createTailwindConfig, createTailwindMerge} from '../development.js';\nimport {type Theme} from './Theme.js';\n\nexport const defaultTheme: Theme = {\n Button: buttonTheme,\n Card: cardTheme,\n Checkbox: checkboxTheme,\n CheckboxField: checkboxFieldTheme,\n Combobox: comboboxTheme,\n ComboboxOption: comboboxOptionTheme,\n Description: descriptionTheme,\n Dialog: dialogTheme,\n DialogPanel: dialogPanelTheme,\n DialogTitle: dialogTitleTheme,\n Error: errorTheme,\n Field: fieldTheme,\n Fieldset: fieldsetnTheme,\n Form: formTheme,\n Icon: iconTheme,\n Input: inputTheme,\n Label: labelTheme,\n Legend: legendTheme,\n Listbox: listboxTheme,\n ListboxOption: listboxOptionTheme,\n Menu: menuTheme,\n MenuButton: menuButtonTheme,\n MenuHeading: menuHeadingTheme,\n MenuItem: menuItemTheme,\n MenuItems: menuItemsTheme,\n MenuSection: menuSectionTheme,\n MenuSeparator: menuSeparatorTheme,\n Popover: popoverTheme,\n PopoverBackdrop: popoverBackdropTheme,\n PopoverButton: popoverButtonTheme,\n PopoverGroup: popoverGroupTheme,\n PopoverPanel: popoverPanelTheme,\n Radio: radioTheme,\n RadioField: radioFieldTheme,\n RadioGroup: radioGroupTheme,\n Spinner: spinnerTheme,\n Table: tableTheme,\n TableBody: tableBodyTheme,\n TableCaption: tableCaptionTheme,\n TableCell: tableCellTheme,\n TableFoot: tableFootTheme,\n TableHead: tableHeadTheme,\n TableHeader: tableHeaderTheme,\n TableRow: tableRowTheme,\n Text: textTheme,\n Textarea: textareaTheme,\n merge: createTailwindMerge(createTailwindConfig()),\n};\n"],
|
|
5
|
+
"mappings": ";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAQ,sBAAsB,2BAA0B;AAGjD,aAAM,eAAsB;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,eAAe;AAAA,EACf,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO,oBAAoB,qBAAqB,CAAC;AACnD;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type ClassName = ClassName[] | string | 0 | false | null | undefined;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type Writable } from '@jakubmazanec/ts-utils';
|
|
2
|
+
import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
|
|
3
|
+
import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
|
|
4
|
+
import { type ComponentThemeProps } from './ComponentThemeProps.js';
|
|
5
|
+
export type ComponentProps<U extends {
|
|
6
|
+
themeDefinition: ComponentThemeDefinition | undefined;
|
|
7
|
+
}> = U['themeDefinition'] extends ComponentThemeDefinition ? U['themeDefinition']['variants'] extends ComponentThemeDefinitionVariants ? Partial<Writable<ComponentThemeProps<U['themeDefinition']>>> : NonNullable<unknown> : NonNullable<unknown>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type ClassName } from './ClassName.js';
|
|
2
|
+
import { type ComponentThemeCompoundVariants } from './ComponentThemeCompoundVariants.js';
|
|
3
|
+
import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
|
|
4
|
+
import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
|
|
5
|
+
import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
|
|
6
|
+
import { type ComponentThemeVariants } from './ComponentThemeVariants.js';
|
|
7
|
+
import { type ComponentWithTheme } from './ComponentWithTheme.js';
|
|
8
|
+
export type ComponentThemeOptions = {
|
|
9
|
+
outputComponentName: boolean;
|
|
10
|
+
};
|
|
11
|
+
type ComponentThemeFromDefinition<D extends ComponentThemeDefinition | undefined> = D extends ComponentThemeDefinition ? D['elements'] extends ComponentThemeDefinitionElements ? D['variants'] extends ComponentThemeDefinitionVariants ? {
|
|
12
|
+
classNames?: {
|
|
13
|
+
[K in D['elements'][number]]: ClassName;
|
|
14
|
+
};
|
|
15
|
+
variants: ComponentThemeVariants<D['variants'], D['elements']>;
|
|
16
|
+
compoundVariants?: ComponentThemeCompoundVariants<D['variants'], D['elements']>;
|
|
17
|
+
} : {
|
|
18
|
+
classNames: {
|
|
19
|
+
[K in D['elements'][number]]: ClassName;
|
|
20
|
+
};
|
|
21
|
+
} : D['variants'] extends ComponentThemeDefinitionVariants ? {
|
|
22
|
+
className?: ClassName;
|
|
23
|
+
variants: ComponentThemeVariants<D['variants'], undefined>;
|
|
24
|
+
compoundVariants?: ComponentThemeCompoundVariants<D['variants'], undefined>;
|
|
25
|
+
} : {
|
|
26
|
+
className: ClassName;
|
|
27
|
+
} : {
|
|
28
|
+
className: ClassName;
|
|
29
|
+
};
|
|
30
|
+
export type ComponentTheme<D extends ComponentThemeDefinition | ComponentWithTheme | undefined, O extends ComponentThemeOptions = {
|
|
31
|
+
outputComponentName: false;
|
|
32
|
+
}> = O['outputComponentName'] extends true ? D extends ComponentWithTheme ? {
|
|
33
|
+
[K in D['componentThemeName']]: ComponentThemeFromDefinition<D['themeDefinition']>;
|
|
34
|
+
} : never : D extends ComponentThemeDefinition ? ComponentThemeFromDefinition<D> : D extends ComponentWithTheme ? ComponentThemeFromDefinition<D['themeDefinition']> : ComponentThemeFromDefinition<undefined>;
|
|
35
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ClassName } from './ClassName.js';
|
|
2
|
+
import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
|
|
3
|
+
import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
|
|
4
|
+
export type ComponentThemeCompoundVariants<V extends ComponentThemeDefinitionVariants, E extends ComponentThemeDefinitionElements | undefined> = Array<(E extends ComponentThemeDefinitionElements ? {
|
|
5
|
+
classNames: {
|
|
6
|
+
[K in E[number]]: ClassName;
|
|
7
|
+
};
|
|
8
|
+
} : {
|
|
9
|
+
className: ClassName;
|
|
10
|
+
}) & {
|
|
11
|
+
[K in keyof V]?: Array<V[K][number]> | V[K][number];
|
|
12
|
+
}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
|
|
2
|
+
import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
|
|
3
|
+
export type ComponentThemeDefinition = {
|
|
4
|
+
variants?: ComponentThemeDefinitionVariants;
|
|
5
|
+
elements?: ComponentThemeDefinitionElements;
|
|
6
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type ComponentThemeDefinitionElements = string[];
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
|
|
2
|
+
import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
|
|
3
|
+
export type ComponentThemeProps<D extends ComponentThemeDefinition | undefined> = D extends ComponentThemeDefinition ? D['variants'] extends ComponentThemeDefinitionVariants ? {
|
|
4
|
+
[J in keyof D['variants']]: D['variants'][J][number];
|
|
5
|
+
} : NonNullable<unknown> : NonNullable<unknown>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ClassName } from './ClassName.js';
|
|
2
|
+
import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
|
|
3
|
+
import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
|
|
4
|
+
export type ComponentThemeVariants<V extends ComponentThemeDefinitionVariants, E extends ComponentThemeDefinitionElements | undefined> = {
|
|
5
|
+
[J in keyof V]: V[J] extends string[] ? {
|
|
6
|
+
[K in V[J][number]]: E extends ComponentThemeDefinitionElements ? {
|
|
7
|
+
[L in E[number]]: ClassName;
|
|
8
|
+
} : ClassName;
|
|
9
|
+
} : {
|
|
10
|
+
[K in 'false' | 'true']: E extends ComponentThemeDefinitionElements ? {
|
|
11
|
+
[L in E[number]]: ClassName;
|
|
12
|
+
} : ClassName;
|
|
13
|
+
};
|
|
14
|
+
};
|