@iziui/react 0.0.54-rc → 0.0.56-rc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.types/_internal/core/index.d.ts +4 -0
- package/dist/.types/_internal/core/options/CustomOptions.d.ts +24 -0
- package/dist/.types/_internal/core/options/createOptions/createOptions.d.ts +10 -0
- package/dist/.types/_internal/core/options/createOptions/index.d.ts +1 -0
- package/dist/.types/_internal/core/options/index.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/behavior/defineBoxShadow/defineBoxShadow.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/behavior/defineBoxShadow/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/behavior/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/color/defineBackground/defineBackground.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/color/defineBackground/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/color/defineBackgroundColor/defineBackgroundColor.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/color/defineBackgroundColor/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/color/defineBorderColor/defineBorderColor.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/color/defineBorderColor/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/color/defineColor/defineColor.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/color/defineColor/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/color/index.d.ts +4 -0
- package/dist/.types/_internal/core/plugin/definePlugin/definePlugin.d.ts +5 -0
- package/dist/.types/_internal/core/plugin/definePlugin/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/index.d.ts +5 -0
- package/dist/.types/_internal/core/plugin/plugin.d.ts +4 -0
- package/dist/.types/_internal/core/plugin/shape/defineBorderRadius/defineBorderRadius.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/shape/defineBorderRadius/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/shape/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/spacing/defineMargin/defineMargin.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/spacing/defineMargin/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/spacing/definePadding/definePadding.d.ts +2 -0
- package/dist/.types/_internal/core/plugin/spacing/definePadding/index.d.ts +1 -0
- package/dist/.types/_internal/core/plugin/spacing/index.d.ts +2 -0
- package/dist/.types/_internal/core/theme/Theme.d.ts +63 -0
- package/dist/.types/_internal/core/theme/applyTheme/applyTheme.d.ts +2 -0
- package/dist/.types/_internal/core/theme/applyTheme/index.d.ts +1 -0
- package/dist/.types/_internal/core/theme/colors/colors.d.ts +2 -0
- package/dist/.types/_internal/core/theme/colors/index.d.ts +1 -0
- package/dist/.types/_internal/core/theme/createMappedColors.d.ts +2 -0
- package/dist/.types/_internal/core/theme/createTheme/createTheme.d.ts +2 -0
- package/dist/.types/_internal/core/theme/createTheme/index.d.ts +1 -0
- package/dist/.types/_internal/core/theme/defaultTheme.d.ts +5 -0
- package/dist/.types/_internal/core/theme/index.d.ts +5 -0
- package/dist/.types/_internal/core/utils/adjustLightness/adjustLightness.d.ts +1 -0
- package/dist/.types/_internal/core/utils/adjustLightness/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/convertPathToColor/convertPathToColor.d.ts +3 -0
- package/dist/.types/_internal/core/utils/convertPathToColor/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/generateSupportColors/generateSupportColors.d.ts +2 -0
- package/dist/.types/_internal/core/utils/generateSupportColors/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/getContrastColor/getContrastColor.d.ts +1 -0
- package/dist/.types/_internal/core/utils/getContrastColor/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/getGradient/getGradient.d.ts +1 -0
- package/dist/.types/_internal/core/utils/getGradient/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/getOpacityColor/getOpacityColor.d.ts +7 -0
- package/dist/.types/_internal/core/utils/getOpacityColor/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/getPriorityColor/getPriorityColor.d.ts +2 -0
- package/dist/.types/_internal/core/utils/getPriorityColor/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/hexToHsl/hexToHsl.d.ts +5 -0
- package/dist/.types/_internal/core/utils/hexToHsl/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/hslToHex/hslToHex.d.ts +1 -0
- package/dist/.types/_internal/core/utils/hslToHex/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/index.d.ts +10 -0
- package/dist/.types/_internal/core/utils/joinClass/index.d.ts +1 -0
- package/dist/.types/_internal/core/utils/joinClass/joinClass.d.ts +1 -0
- package/dist/.types/_internal/tokens/web/js/const.d.ts +1 -0
- package/dist/.types/_internal/tokens/web/js/index.d.ts +19 -0
- package/dist/.types/_internal/tokens/web/js/index.js +33 -0
- package/dist/.types/_internal/tokens/web/js/list.d.ts +2 -0
- package/dist/.types/_internal/tokens/web/js/object.d.ts +10 -0
- package/dist/.types/_internal/tokens/web/scss/main.scss +2 -0
- package/dist/.types/_internal/tokens/web/scss/mixins.scss +61 -0
- package/dist/.types/_internal/tokens/web/scss/variables.scss +47 -0
- package/dist/.types/_internal/toolkit/debounce/debounce.d.ts +6 -0
- package/dist/.types/_internal/toolkit/debounce/index.d.ts +1 -0
- package/dist/.types/_internal/toolkit/index.d.ts +9 -0
- package/dist/.types/_internal/toolkit/interface/ArrayOrObject.d.ts +1 -0
- package/dist/.types/_internal/toolkit/interface/IntRange.d.ts +3 -0
- package/dist/.types/_internal/toolkit/interface/Path.d.ts +5 -0
- package/dist/.types/_internal/toolkit/interface/index.d.ts +3 -0
- package/dist/.types/_internal/toolkit/logger/index.d.ts +1 -0
- package/dist/.types/_internal/toolkit/logger/logger.d.ts +10 -0
- package/dist/.types/_internal/toolkit/mask/MaskOptions.d.ts +5 -0
- package/dist/.types/_internal/toolkit/mask/index.d.ts +2 -0
- package/dist/.types/_internal/toolkit/mask/mask.d.ts +2 -0
- package/dist/.types/_internal/toolkit/normalize/index.d.ts +1 -0
- package/dist/.types/_internal/toolkit/normalize/normalize.d.ts +1 -0
- package/dist/.types/_internal/toolkit/promise/index.d.ts +1 -0
- package/dist/.types/_internal/toolkit/promise/wait.d.ts +1 -0
- package/dist/.types/_internal/toolkit/string/index.d.ts +1 -0
- package/dist/.types/_internal/toolkit/string/string.d.ts +4 -0
- package/dist/.types/_internal/toolkit/uuid/index.d.ts +1 -0
- package/dist/.types/_internal/toolkit/uuid/uuid.d.ts +1 -0
- package/dist/.types/_internal/toolkit/validators/index.d.ts +2 -0
- package/dist/.types/_internal/toolkit/validators/isEmpty.d.ts +1 -0
- package/dist/.types/_internal/toolkit/validators/isValidEmail.d.ts +1 -0
- package/dist/.types/actions/Button/Button.d.ts +2 -2
- package/dist/.types/actions/Button/Button.d.ts.map +1 -1
- package/dist/.types/actions/Button/Button.stories.d.ts +1 -0
- package/dist/.types/actions/Button/Button.stories.d.ts.map +1 -1
- package/dist/.types/actions/ButtonIcon/ButtonIcon.d.ts +2 -2
- package/dist/.types/core/createComponent.d.ts +1 -1
- package/dist/.types/core/createComponent.d.ts.map +1 -1
- package/dist/.types/display/Avatar/Avatar.d.ts +2 -2
- package/dist/.types/display/Card/Card.d.ts +1 -1
- package/dist/.types/display/Card/CardContent.d.ts +1 -1
- package/dist/.types/display/Chip/Chip.d.ts +2 -2
- package/dist/.types/display/Divider/Divider.d.ts +1 -1
- package/dist/.types/display/Icon/Icon.d.ts +1 -1
- package/dist/.types/display/Table/Table.d.ts +1 -1
- package/dist/.types/display/Table/TableCell.d.ts +1 -1
- package/dist/.types/display/Tooltip/Tooltip.d.ts +1 -1
- package/dist/.types/display/Typography/Typography.d.ts +2 -2
- package/dist/.types/feedback/Alert/Alert.d.ts +2 -2
- package/dist/.types/feedback/Loading/Loading.d.ts +2 -2
- package/dist/.types/feedback/Modal/Modal.d.ts +1 -1
- package/dist/.types/feedback/Modal/ModalFooter.d.ts +1 -1
- package/dist/.types/feedback/Skeleton/Skeleton.d.ts +1 -1
- package/dist/.types/feedback/Toast/Toast.d.ts +2 -2
- package/dist/.types/fields/Checkbox/Checkbox.d.ts +2 -2
- package/dist/.types/fields/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/dist/.types/fields/ColorPicker/ColorPicker.d.ts +1 -1
- package/dist/.types/fields/Input/Input.d.ts +1 -1
- package/dist/.types/fields/InputFile/InputFile.d.ts +1 -1
- package/dist/.types/fields/Select/Select.d.ts +1 -1
- package/dist/.types/fields/Switchs/Switch.d.ts +2 -2
- package/dist/.types/lab/Form/Form.d.ts.map +1 -1
- package/dist/.types/layout/Box/Box.d.ts +1 -1
- package/dist/.types/layout/Container/Container.d.ts +1 -1
- package/dist/.types/layout/Grid/interface.d.ts +1 -1
- package/dist/.types/layout/Stack/Stack.d.ts +1 -1
- package/dist/.types/navigation/Drawer/Drawer.d.ts +1 -1
- package/dist/.types/navigation/Drawer/DrawerContent.d.ts +1 -1
- package/dist/.types/navigation/Drawer/DrawerFooter.d.ts +1 -1
- package/dist/.types/navigation/Drawer/DrawerHeader.d.ts +1 -1
- package/dist/.types/navigation/Menu/Menu.d.ts +1 -1
- package/dist/.types/navigation/Menu/MenuButton.d.ts +2 -2
- package/dist/.types/theme/ThemeProvider.d.ts +1 -1
- package/dist/.types/theme/createTheme.d.ts +1 -1
- package/dist/chunks/{Alert-Eku3Mhx-.js → Alert-B4WtVQjs.js} +2 -2
- package/dist/chunks/{Alert-Eku3Mhx-.js.map → Alert-B4WtVQjs.js.map} +1 -1
- package/dist/chunks/{Alert-BSZpV_lB.cjs → Alert-BNWxpf3J.cjs} +2 -2
- package/dist/chunks/{Alert-BSZpV_lB.cjs.map → Alert-BNWxpf3J.cjs.map} +1 -1
- package/dist/chunks/{Box-DeyuR4kp.cjs → Box-CpfLDkkt.cjs} +2 -2
- package/dist/chunks/{Box-DeyuR4kp.cjs.map → Box-CpfLDkkt.cjs.map} +1 -1
- package/dist/chunks/{Box-fopUzufC.js → Box-JICj_E-d.js} +2 -2
- package/dist/chunks/{Box-fopUzufC.js.map → Box-JICj_E-d.js.map} +1 -1
- package/dist/chunks/{ButtonIcon-B5VfjTl_.js → ButtonIcon-CX9wj1rg.js} +2 -2
- package/dist/chunks/{ButtonIcon-B5VfjTl_.js.map → ButtonIcon-CX9wj1rg.js.map} +1 -1
- package/dist/chunks/{ButtonIcon-CzxDZNK8.cjs → ButtonIcon-DT522QTk.cjs} +2 -2
- package/dist/chunks/{ButtonIcon-CzxDZNK8.cjs.map → ButtonIcon-DT522QTk.cjs.map} +1 -1
- package/dist/chunks/{Card-fHaoq-NO.js → Card-9HLyAUcP.js} +2 -2
- package/dist/chunks/{Card-fHaoq-NO.js.map → Card-9HLyAUcP.js.map} +1 -1
- package/dist/chunks/{Card-C3pG2xgW.cjs → Card-I0APaJxr.cjs} +2 -2
- package/dist/chunks/{Card-C3pG2xgW.cjs.map → Card-I0APaJxr.cjs.map} +1 -1
- package/dist/chunks/{CardContent-BrZkcjus.cjs → CardContent-D0UkIs4G.cjs} +2 -2
- package/dist/chunks/{CardContent-BrZkcjus.cjs.map → CardContent-D0UkIs4G.cjs.map} +1 -1
- package/dist/chunks/{CardContent-CokBJbi1.js → CardContent-Vo_b-uhI.js} +2 -2
- package/dist/chunks/{CardContent-CokBJbi1.js.map → CardContent-Vo_b-uhI.js.map} +1 -1
- package/dist/chunks/{Drawer-CgE3gFqo.js → Drawer-D7qt20Nz.js} +2 -2
- package/dist/chunks/{Drawer-CgE3gFqo.js.map → Drawer-D7qt20Nz.js.map} +1 -1
- package/dist/chunks/{Drawer-XsBmySVj.cjs → Drawer-DkanRBGg.cjs} +2 -2
- package/dist/chunks/{Drawer-XsBmySVj.cjs.map → Drawer-DkanRBGg.cjs.map} +1 -1
- package/dist/chunks/{Icon-BCwUSOy5.js → Icon-CvSrDjml.js} +2 -2
- package/dist/chunks/{Icon-BCwUSOy5.js.map → Icon-CvSrDjml.js.map} +1 -1
- package/dist/chunks/{Icon-BEUDQFrk.cjs → Icon-D5Za3nOG.cjs} +2 -2
- package/dist/chunks/{Icon-BEUDQFrk.cjs.map → Icon-D5Za3nOG.cjs.map} +1 -1
- package/dist/chunks/{MenuButton-B1Ie5Sqy.js → MenuButton-Br-AJ3PB.js} +2 -2
- package/dist/chunks/{MenuButton-B1Ie5Sqy.js.map → MenuButton-Br-AJ3PB.js.map} +1 -1
- package/dist/chunks/{MenuButton-DOZFhvP9.cjs → MenuButton-DsXIKOMv.cjs} +2 -2
- package/dist/chunks/{MenuButton-DOZFhvP9.cjs.map → MenuButton-DsXIKOMv.cjs.map} +1 -1
- package/dist/chunks/{Stack-DyhbU7Me.js → Stack-CJUShSaY.js} +2 -2
- package/dist/chunks/{Stack-DyhbU7Me.js.map → Stack-CJUShSaY.js.map} +1 -1
- package/dist/chunks/{Stack-B9mi696v.cjs → Stack-DroqONbc.cjs} +2 -2
- package/dist/chunks/{Stack-B9mi696v.cjs.map → Stack-DroqONbc.cjs.map} +1 -1
- package/dist/chunks/{Typography-CmzvEsC_.js → Typography-CLOmn49Z.js} +2 -2
- package/dist/chunks/{Typography-CmzvEsC_.js.map → Typography-CLOmn49Z.js.map} +1 -1
- package/dist/chunks/{Typography-DaZ95boB.cjs → Typography-DrfQb45j.cjs} +2 -2
- package/dist/chunks/{Typography-DaZ95boB.cjs.map → Typography-DrfQb45j.cjs.map} +1 -1
- package/dist/chunks/{createComponent-DppVNf5x.js → createComponent-CNxBIpVe.js} +2 -2
- package/dist/chunks/{createComponent-DppVNf5x.js.map → createComponent-CNxBIpVe.js.map} +1 -1
- package/dist/chunks/{createComponent-6wUj8nAi.cjs → createComponent-Dk7XYIBw.cjs} +2 -2
- package/dist/chunks/{createComponent-6wUj8nAi.cjs.map → createComponent-Dk7XYIBw.cjs.map} +1 -1
- package/dist/chunks/useForm-C-tp2h3s.cjs +2 -0
- package/dist/chunks/useForm-C-tp2h3s.cjs.map +1 -0
- package/dist/chunks/useForm-phDdjT1r.js +2 -0
- package/dist/chunks/useForm-phDdjT1r.js.map +1 -0
- package/dist/chunks/{useMenu-D3vT9I3W.cjs → useMenu-CwgTamGj.cjs} +2 -2
- package/dist/chunks/{useMenu-D3vT9I3W.cjs.map → useMenu-CwgTamGj.cjs.map} +1 -1
- package/dist/chunks/{useMenu--3XhFiqi.js → useMenu-CzhqRm1Q.js} +2 -2
- package/dist/chunks/{useMenu--3XhFiqi.js.map → useMenu-CzhqRm1Q.js.map} +1 -1
- package/dist/chunks/{useTheme-BhIs8Txu.js → useTheme-BkUhhydo.js} +1 -1
- package/dist/chunks/{useTheme-BhIs8Txu.js.map → useTheme-BkUhhydo.js.map} +1 -1
- package/dist/chunks/{useTheme-BZ0xkY68.cjs → useTheme-DwBpyW-5.cjs} +1 -1
- package/dist/chunks/{useTheme-BZ0xkY68.cjs.map → useTheme-DwBpyW-5.cjs.map} +1 -1
- package/dist/components/Alert/index.cjs +1 -1
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/Avatar/index.cjs +1 -1
- package/dist/components/Avatar/index.js +1 -1
- package/dist/components/Box/index.cjs +1 -1
- package/dist/components/Box/index.js +1 -1
- package/dist/components/Button/index.cjs +1 -1
- package/dist/components/Button/index.cjs.map +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ButtonIcon/index.cjs +1 -1
- package/dist/components/ButtonIcon/index.js +1 -1
- package/dist/components/Card/index.cjs +1 -1
- package/dist/components/Card/index.js +1 -1
- package/dist/components/Checkbox/index.cjs +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/CheckboxGroup/index.cjs +1 -1
- package/dist/components/CheckboxGroup/index.js +1 -1
- package/dist/components/Chip/index.cjs +1 -1
- package/dist/components/Chip/index.js +1 -1
- package/dist/components/ColorPicker/index.cjs +1 -1
- package/dist/components/ColorPicker/index.js +1 -1
- package/dist/components/Container/index.cjs +1 -1
- package/dist/components/Container/index.js +1 -1
- package/dist/components/Divider/index.cjs +1 -1
- package/dist/components/Divider/index.js +1 -1
- package/dist/components/Drawer/index.cjs +1 -1
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/Icon/index.cjs +1 -1
- package/dist/components/Icon/index.js +1 -1
- package/dist/components/Input/index.cjs +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/InputFile/index.cjs +1 -1
- package/dist/components/InputFile/index.js +1 -1
- package/dist/components/Loading/index.cjs +1 -1
- package/dist/components/Loading/index.js +1 -1
- package/dist/components/Menu/index.cjs +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Modal/index.cjs +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/Select/index.cjs +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Skeleton/index.cjs +1 -1
- package/dist/components/Skeleton/index.js +1 -1
- package/dist/components/Stack/index.cjs +1 -1
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/Switchs/index.cjs +1 -1
- package/dist/components/Switchs/index.js +1 -1
- package/dist/components/Table/index.cjs +1 -1
- package/dist/components/Table/index.js +1 -1
- package/dist/components/Toast/index.cjs +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Tooltip/index.cjs +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/components/Typography/index.cjs +1 -1
- package/dist/components/Typography/index.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/lab/Form/index.cjs +1 -1
- package/dist/lab/Form/index.js +1 -1
- package/dist/style.css +2 -2
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/useForm-BrezSwQu.js +0 -2
- package/dist/chunks/useForm-BrezSwQu.js.map +0 -1
- package/dist/chunks/useForm-UT6lrV2_.cjs +0 -2
- package/dist/chunks/useForm-UT6lrV2_.cjs.map +0 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { PaletteBuilded } from '../theme';
|
|
2
|
+
export type CustomOptions = Partial<ColorOptions & ShapeOptions & SpacingOptions & BehaviorOptions>;
|
|
3
|
+
type Size = 'sm' | 'md' | 'lg';
|
|
4
|
+
type Spacing = 'p' | 'py' | 'px' | 'pt' | 'pb' | 'pl' | 'pr' | 'm' | 'my' | 'mx' | 'mt' | 'mb' | 'ml' | 'mr';
|
|
5
|
+
type SpacingOptions = {
|
|
6
|
+
[S in Spacing]: number;
|
|
7
|
+
};
|
|
8
|
+
type ShapeOptions = {
|
|
9
|
+
borderRadius: number;
|
|
10
|
+
};
|
|
11
|
+
type ColorOptions = {
|
|
12
|
+
color: (palette: PaletteBuilded) => string;
|
|
13
|
+
background: (palette: PaletteBuilded) => string;
|
|
14
|
+
borderColor: (palette: PaletteBuilded) => string;
|
|
15
|
+
backgroundColor: (palette: PaletteBuilded) => string;
|
|
16
|
+
};
|
|
17
|
+
type BehaviorOptions = {
|
|
18
|
+
boxShadow: Size;
|
|
19
|
+
};
|
|
20
|
+
export type Sx<T> = T & {
|
|
21
|
+
sx?: CustomOptions;
|
|
22
|
+
fullWidth?: boolean;
|
|
23
|
+
};
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Properties } from 'csstype';
|
|
2
|
+
import type { Plugin } from '../../plugin';
|
|
3
|
+
import type { ThemeBuilded } from '../../theme';
|
|
4
|
+
import type { CustomOptions } from '../CustomOptions';
|
|
5
|
+
type Data = {
|
|
6
|
+
sx: CustomOptions;
|
|
7
|
+
theme: ThemeBuilded;
|
|
8
|
+
};
|
|
9
|
+
export default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './createOptions';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './defineBoxShadow';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as defineBoxShadow } from './defineBoxShadow';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './defineBackground';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './defineBackgroundColor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './defineBorderColor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './defineColor';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Properties } from 'csstype';
|
|
2
|
+
import type { ThemeBuilded } from '../../theme';
|
|
3
|
+
import type { CustomOptions } from '../../options';
|
|
4
|
+
import type { Plugin } from '../plugin';
|
|
5
|
+
export default function definePlugin(cb: (theme: ThemeBuilded, options: CustomOptions) => Properties): Plugin;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './definePlugin';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './defineBorderRadius';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as defineBorderRadius } from './defineBorderRadius';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './defineMargin';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './definePadding';
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type { Path } from '../../toolkit/interface';
|
|
2
|
+
export declare const colors: readonly ["primary", "secondary", "error", "warning", "success", "info"];
|
|
3
|
+
export declare const mappedColors: ("" | "primary" | "secondary" | "error" | "warning" | "success" | "info" | "text" | "background" | "divider" | "grey" | "primary.main" | "primary.dark" | "primary.light" | "primary.opacity" | "primary.contrast" | "secondary.main" | "secondary.dark" | "secondary.light" | "secondary.opacity" | "secondary.contrast" | "error.main" | "error.dark" | "error.light" | "error.opacity" | "error.contrast" | "warning.main" | "warning.dark" | "warning.light" | "warning.opacity" | "warning.contrast" | "success.main" | "success.dark" | "success.light" | "success.opacity" | "success.contrast" | "info.main" | "info.dark" | "info.light" | "info.opacity" | "info.contrast" | "text.primary" | "text.secondary" | "text.disabled" | "background.paper" | "background.default" | "grey.main" | "grey.dark" | "grey.light" | "grey.opacity" | "grey.contrast")[];
|
|
4
|
+
export type Mode = 'light' | 'dark';
|
|
5
|
+
export type MappedColors = Path<PaletteBuilded>;
|
|
6
|
+
export type Colors = typeof colors[number];
|
|
7
|
+
export type Size = 'small' | 'medium' | 'large';
|
|
8
|
+
export interface Color {
|
|
9
|
+
main: string;
|
|
10
|
+
dark: string;
|
|
11
|
+
light: string;
|
|
12
|
+
opacity: string;
|
|
13
|
+
contrast: string;
|
|
14
|
+
}
|
|
15
|
+
export interface Palette {
|
|
16
|
+
info: string;
|
|
17
|
+
error: string;
|
|
18
|
+
warning: string;
|
|
19
|
+
success: string;
|
|
20
|
+
primary: string;
|
|
21
|
+
secondary: string;
|
|
22
|
+
grey: string;
|
|
23
|
+
text: {
|
|
24
|
+
primary: string;
|
|
25
|
+
secondary: string;
|
|
26
|
+
disabled: string;
|
|
27
|
+
};
|
|
28
|
+
background: {
|
|
29
|
+
paper: string;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
divider: string;
|
|
33
|
+
}
|
|
34
|
+
export type Spacing = number;
|
|
35
|
+
export type Shape = {
|
|
36
|
+
radius: number;
|
|
37
|
+
};
|
|
38
|
+
export type Typography = {
|
|
39
|
+
family: string;
|
|
40
|
+
url?: string;
|
|
41
|
+
};
|
|
42
|
+
export interface PaletteBuilded extends Pick<Palette, 'text' | 'background' | 'divider'> {
|
|
43
|
+
grey: Color;
|
|
44
|
+
info: Color;
|
|
45
|
+
error: Color;
|
|
46
|
+
warning: Color;
|
|
47
|
+
success: Color;
|
|
48
|
+
primary: Color;
|
|
49
|
+
secondary: Color;
|
|
50
|
+
}
|
|
51
|
+
export interface Theme {
|
|
52
|
+
mode: Mode;
|
|
53
|
+
shape: Shape;
|
|
54
|
+
palette: Palette;
|
|
55
|
+
spacing: Spacing;
|
|
56
|
+
typography: Typography;
|
|
57
|
+
}
|
|
58
|
+
export interface ThemeOptions extends Omit<Partial<Theme>, 'palette'> {
|
|
59
|
+
palette?: Partial<Palette>;
|
|
60
|
+
}
|
|
61
|
+
export interface ThemeBuilded extends Omit<Theme, 'palette'> {
|
|
62
|
+
palette: PaletteBuilded;
|
|
63
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './applyTheme';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './colors';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './createTheme';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function adjustLightness(h: number, s: number, l: number, amount: number): string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './adjustLightness';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './convertPathToColor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './generateSupportColors';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getContrastColor(hexColor: string): "#000000" | "#ffffff";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './getContrastColor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getLinearGradient(hex: string): string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './getGradient';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Adiciona opacidade a uma cor em hexadecimal.
|
|
3
|
+
* @param hexColor - A cor em hexadecimal (ex: #RRGGBB ou #RGB).
|
|
4
|
+
* @param opacity - O valor da opacidade (entre 0 e 1).
|
|
5
|
+
* @returns A cor hexadecimal com opacidade (ex: #RRGGBBAA).
|
|
6
|
+
*/
|
|
7
|
+
export declare function getOpacityColor(hexColor: string, opacity: number): string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './getOpacityColor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './getPriorityColor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './hexToHsl';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function hslToHex(h: number, s: number, l: number): string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './hslToHex';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export * from './adjustLightness';
|
|
2
|
+
export * from './convertPathToColor';
|
|
3
|
+
export * from './generateSupportColors';
|
|
4
|
+
export * from './getContrastColor/getContrastColor';
|
|
5
|
+
export * from './getGradient';
|
|
6
|
+
export * from './getOpacityColor';
|
|
7
|
+
export * from './getPriorityColor';
|
|
8
|
+
export * from './hexToHsl/hexToHsl';
|
|
9
|
+
export * from './hslToHex/hslToHex';
|
|
10
|
+
export * from './joinClass';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './joinClass';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function joinClass(...args: Array<string | null | undefined | boolean>): string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const prefix = "iziui";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const boxShadowSmall: string;
|
|
2
|
+
export declare const boxShadowRegular: string;
|
|
3
|
+
export declare const boxShadowLarge: string;
|
|
4
|
+
export declare const proportionBase: string;
|
|
5
|
+
export declare const proportionSmall: string;
|
|
6
|
+
export declare const animation: string;
|
|
7
|
+
export declare const gap: string;
|
|
8
|
+
export declare const columns: string;
|
|
9
|
+
export declare const rows: string;
|
|
10
|
+
export declare const xl: string;
|
|
11
|
+
export declare const lg: string;
|
|
12
|
+
export declare const md: string;
|
|
13
|
+
export declare const sm: string;
|
|
14
|
+
export declare const xs: string;
|
|
15
|
+
export declare const radius: string;
|
|
16
|
+
export declare const spacing: string;
|
|
17
|
+
export * from './list';
|
|
18
|
+
export * from './const';
|
|
19
|
+
export * from './object';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export const boxShadowSmall = "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
|
|
2
|
+
export const boxShadowRegular = "0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)";
|
|
3
|
+
export const boxShadowLarge = "0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)";
|
|
4
|
+
export const proportionBase = "10.8px 14.4px";
|
|
5
|
+
export const proportionSmall = "10.8px 14.4px";
|
|
6
|
+
export const animation = ".3s cubic-bezier(0.4, 0.0, 0.2, 1)";
|
|
7
|
+
export const gap = "0";
|
|
8
|
+
export const columns = "12";
|
|
9
|
+
export const rows = "1";
|
|
10
|
+
export const xl = "1536";
|
|
11
|
+
export const lg = "1535";
|
|
12
|
+
export const md = "1199";
|
|
13
|
+
export const sm = "899";
|
|
14
|
+
export const xs = "599";
|
|
15
|
+
export const radius = "8px";
|
|
16
|
+
export const spacing = "8px";
|
|
17
|
+
export const colors = ['primary','secondary','info','error','warning','success'];
|
|
18
|
+
|
|
19
|
+
export const sizes = ['xl','lg','md','sm','xs'];
|
|
20
|
+
|
|
21
|
+
export const prefix = "iziui";
|
|
22
|
+
export const font_sizes = {
|
|
23
|
+
small: '12px',
|
|
24
|
+
medium: '16px',
|
|
25
|
+
large: '22px'
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export const icon_sizes = {
|
|
29
|
+
small: '16px',
|
|
30
|
+
medium: '24px',
|
|
31
|
+
large: '32px'
|
|
32
|
+
};
|
|
33
|
+
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/* Auto-generated by Style Dictionary. Do not edit directly. */
|
|
2
|
+
@use "sass:string";
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
/* GRID */
|
|
6
|
+
@mixin grid($gap: 0, $grid-columns: 12, $grid-rows: 1) {
|
|
7
|
+
width: 100%;
|
|
8
|
+
display: grid;
|
|
9
|
+
gap: $gap;
|
|
10
|
+
position: relative;
|
|
11
|
+
grid-template-rows: $grid-rows;
|
|
12
|
+
grid-template-columns: repeat($grid-columns, 1fr);
|
|
13
|
+
-ms-grid-columns: string.unquote(repeater("1fr ", $grid-columns));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@mixin grid-column-start($cols) {
|
|
17
|
+
-ms-grid-column: $cols;
|
|
18
|
+
grid-column-start: $cols;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@mixin grid-column-span($cols: $grid-columns) {
|
|
22
|
+
grid-column-end: span $cols;
|
|
23
|
+
-ms-grid-column-span: $cols;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin grid-row-start($rows) {
|
|
27
|
+
-ms-grid-row: $rows;
|
|
28
|
+
grid-row-start: $rows;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
/* MEDRIA QUERY */
|
|
33
|
+
@mixin for-xl {
|
|
34
|
+
@media only screen and (min-width: 1536px) {
|
|
35
|
+
@content;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@mixin for-lg {
|
|
40
|
+
@media only screen and (max-width: 1535px) {
|
|
41
|
+
@content;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@mixin for-md {
|
|
46
|
+
@media only screen and (max-width: 1199px) {
|
|
47
|
+
@content;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@mixin for-sm {
|
|
52
|
+
@media only screen and (max-width: 899px) {
|
|
53
|
+
@content;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@mixin for-xs {
|
|
58
|
+
@media only screen and (max-width: 599px) {
|
|
59
|
+
@content;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
$colors: (
|
|
2
|
+
'primary',
|
|
3
|
+
'secondary',
|
|
4
|
+
'info',
|
|
5
|
+
'error',
|
|
6
|
+
'warning',
|
|
7
|
+
'success',
|
|
8
|
+
);
|
|
9
|
+
|
|
10
|
+
$sizes: (
|
|
11
|
+
'xl',
|
|
12
|
+
'lg',
|
|
13
|
+
'md',
|
|
14
|
+
'sm',
|
|
15
|
+
'xs',
|
|
16
|
+
);
|
|
17
|
+
|
|
18
|
+
$prefix: 'iziui';
|
|
19
|
+
|
|
20
|
+
$font_sizes: (
|
|
21
|
+
small: 12px,
|
|
22
|
+
medium: 16px,
|
|
23
|
+
large: 22px
|
|
24
|
+
);
|
|
25
|
+
|
|
26
|
+
$icon_sizes: (
|
|
27
|
+
small: 16px,
|
|
28
|
+
medium: 24px,
|
|
29
|
+
large: 32px
|
|
30
|
+
);
|
|
31
|
+
|
|
32
|
+
$box-shadow-small: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
33
|
+
$box-shadow-regular: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
34
|
+
$box-shadow-large: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
35
|
+
$proportion-base: 10.8px 14.4px;
|
|
36
|
+
$proportion-small: 10.8px 14.4px;
|
|
37
|
+
$animation: .3s cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
38
|
+
$gap: 0;
|
|
39
|
+
$columns: 12;
|
|
40
|
+
$rows: 1;
|
|
41
|
+
$xl: 1536;
|
|
42
|
+
$lg: 1535;
|
|
43
|
+
$md: 1199;
|
|
44
|
+
$sm: 899;
|
|
45
|
+
$xs: 599;
|
|
46
|
+
$radius: 8px;
|
|
47
|
+
$spacing: 8px;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './debounce';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type ArrayOrObject<T> = T extends Array<infer U> ? U : T;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type MaxDepth = 5;
|
|
2
|
+
export type Path<T, P extends string = '', D extends unknown[] = []> = D['length'] extends MaxDepth ? '' : T extends object ? {
|
|
3
|
+
[K in keyof T]: K extends string ? `${P}${P extends '' ? '' : '.'}${K}` | Path<T[K], `${P}${P extends '' ? '' : '.'}${K}`, [...D, unknown]> : never;
|
|
4
|
+
}[keyof T] : '';
|
|
5
|
+
export type PathValue<T, P extends string> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? PathValue<T[K], Rest> : never : P extends keyof T ? T[P] : never;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './logger';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './normalize';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function sanitizeOnlyNumbers(value: string): string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './wait';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function wait<T>(callback: () => T, ms: number): Promise<T>;
|