creactive 0.0.203 → 0.0.205
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/build/classic.js +6 -5
- package/build/components/atoms/icon/constants/color.d.ts +29 -0
- package/build/components/atoms/icon/constants/index.d.ts +1 -0
- package/build/components/atoms/icon/constants/size.d.ts +5 -0
- package/build/components/atoms/icon/hooks/index.d.ts +1 -0
- package/build/components/atoms/icon/hooks/use-color.d.ts +2 -0
- package/build/components/atoms/icon/hooks/use-size.d.ts +2 -0
- package/build/components/atoms/icon/icon.context.d.ts +3 -0
- package/build/components/atoms/icon/icon.d.ts +2 -0
- package/build/components/atoms/icon/icon.types.d.ts +17 -0
- package/build/components/atoms/icon/index.d.ts +4 -0
- package/build/components/atoms/index.d.ts +2 -0
- package/build/components/index.d.ts +4 -2
- package/build/components/molecules/index.d.ts +2 -0
- package/build/components/molecules/spinner/constants/color.d.ts +20 -0
- package/build/components/molecules/spinner/constants/index.d.ts +1 -0
- package/build/components/molecules/spinner/hooks/index.d.ts +1 -0
- package/build/components/molecules/spinner/hooks/use-color.d.ts +3 -0
- package/build/components/molecules/spinner/index.d.ts +2 -0
- package/build/components/molecules/spinner/spinner.d.ts +2 -0
- package/build/components/molecules/spinner/spinner.types.d.ts +12 -0
- package/build/constants/border.d.ts +14 -0
- package/build/constants/icon.d.ts +5 -0
- package/build/constants/index.d.ts +2 -1
- package/build/contexts/theme/constants/duration.d.ts +3 -0
- package/build/contexts/theme/constants/index.d.ts +1 -1
- package/build/contexts/theme/theme.types.d.ts +15 -0
- package/build/default.js +1 -1
- package/build/hooks/index.d.ts +1 -0
- package/build/hooks/use-icon.d.ts +2 -0
- package/build/index.d.ts +2 -2
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { IconSize } from '../../../constants';
|
|
2
|
+
import type { FunctionComponent } from 'react';
|
|
3
|
+
import type { SpinnerColor } from './constants';
|
|
4
|
+
export type SpinnerProperties = {
|
|
5
|
+
testId?: string;
|
|
6
|
+
size?: IconSize;
|
|
7
|
+
color?: SpinnerColor;
|
|
8
|
+
};
|
|
9
|
+
export type SpinnerComponent = FunctionComponent<SpinnerProperties> & {
|
|
10
|
+
Size: Record<keyof typeof IconSize, IconSize>;
|
|
11
|
+
Color: Record<keyof typeof SpinnerColor, SpinnerColor>;
|
|
12
|
+
};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { BorderRadius } from './border
|
|
1
|
+
export { BorderRadius } from './border';
|
|
2
|
+
export { IconSize } from './icon';
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
export declare const DURATION_BASE_SM = 125;
|
|
2
2
|
export declare const DURATION_BASE_MD = 175;
|
|
3
3
|
export declare const DURATION_BASE_LG = 225;
|
|
4
|
+
export declare const DURATION_COMPLEX_SM = 500;
|
|
5
|
+
export declare const DURATION_COMPLEX_MD = 750;
|
|
6
|
+
export declare const DURATION_COMPLEX_LG = 1000;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_X2L, BORDER_RADIUS_BASE_X3L, BORDER_RADIUS_BASE_X4L, BORDER_RADIUS_BASE_X5L, BORDER_RADIUS_BASE_X6L, BORDER_RADIUS_BASE_X7L, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM, } from './border';
|
|
2
2
|
export { BUTTON_HEIGHT_BASE_LG, BUTTON_HEIGHT_BASE_MD, BUTTON_HEIGHT_BASE_SM, } from './button';
|
|
3
3
|
export { COLOR_BACKGROUND_ACCENT_100, COLOR_BACKGROUND_ACCENT_200, COLOR_BACKGROUND_ACCENT_300, COLOR_BACKGROUND_ACCENT_400, COLOR_BACKGROUND_ACCENT_500, COLOR_BACKGROUND_ACCENT_600, COLOR_BACKGROUND_ACCENT_700, COLOR_BACKGROUND_ACCENT_800, COLOR_BACKGROUND_ACCENT_900, COLOR_BACKGROUND_BASE_100, COLOR_BACKGROUND_BASE_200, COLOR_BACKGROUND_BASE_300, COLOR_BACKGROUND_BASE_400, COLOR_BACKGROUND_BASE_500, COLOR_BACKGROUND_BASE_600, COLOR_BACKGROUND_BASE_700, COLOR_BACKGROUND_BASE_800, COLOR_BACKGROUND_BASE_900, COLOR_BACKGROUND_PRIMARY_100, COLOR_BACKGROUND_PRIMARY_200, COLOR_BACKGROUND_PRIMARY_300, COLOR_BACKGROUND_PRIMARY_400, COLOR_BACKGROUND_PRIMARY_500, COLOR_BACKGROUND_PRIMARY_600, COLOR_BACKGROUND_PRIMARY_700, COLOR_BACKGROUND_PRIMARY_800, COLOR_BACKGROUND_PRIMARY_900, COLOR_BACKGROUND_SUBACCENT_100, COLOR_BACKGROUND_SUBACCENT_200, COLOR_BACKGROUND_SUBACCENT_300, COLOR_BACKGROUND_SUBACCENT_400, COLOR_BACKGROUND_SUBACCENT_500, COLOR_BACKGROUND_SUBACCENT_600, COLOR_BACKGROUND_SUBACCENT_700, COLOR_BACKGROUND_SUBACCENT_800, COLOR_BACKGROUND_SUBACCENT_900, COLOR_BORDER_BASE_100, COLOR_BORDER_BASE_200, COLOR_BORDER_BASE_300, COLOR_BORDER_BASE_400, COLOR_BORDER_BASE_500, COLOR_BORDER_BASE_600, COLOR_BORDER_BASE_700, COLOR_BORDER_BASE_800, COLOR_BORDER_BASE_900, COLOR_FOREGROUND_BASE_100, COLOR_FOREGROUND_BASE_200, COLOR_FOREGROUND_BASE_300, COLOR_FOREGROUND_BASE_400, COLOR_FOREGROUND_BASE_500, COLOR_FOREGROUND_BASE_600, COLOR_FOREGROUND_BASE_700, COLOR_FOREGROUND_BASE_800, COLOR_FOREGROUND_BASE_900, COLOR_FOREGROUND_FAILURE_100, COLOR_FOREGROUND_FAILURE_200, COLOR_FOREGROUND_FAILURE_300, COLOR_FOREGROUND_FAILURE_400, COLOR_FOREGROUND_FAILURE_500, COLOR_FOREGROUND_FAILURE_600, COLOR_FOREGROUND_FAILURE_700, COLOR_FOREGROUND_FAILURE_800, COLOR_FOREGROUND_FAILURE_900, COLOR_FOREGROUND_INVERSE_100, COLOR_FOREGROUND_INVERSE_200, COLOR_FOREGROUND_INVERSE_300, COLOR_FOREGROUND_INVERSE_400, COLOR_FOREGROUND_INVERSE_500, COLOR_FOREGROUND_INVERSE_600, COLOR_FOREGROUND_INVERSE_700, COLOR_FOREGROUND_INVERSE_800, COLOR_FOREGROUND_INVERSE_900, } from './color';
|
|
4
|
-
export { DURATION_BASE_LG, DURATION_BASE_MD, DURATION_BASE_SM, } from './duration';
|
|
4
|
+
export { DURATION_BASE_LG, DURATION_BASE_MD, DURATION_BASE_SM, DURATION_COMPLEX_LG, DURATION_COMPLEX_MD, DURATION_COMPLEX_SM, } from './duration';
|
|
5
5
|
export { FONT_FAMILY_DEFAULT, FONT_FAMILY_DEFAULT_ANDROID_BY_WEIGHT, FONT_FAMILY_TYPOGRAPHIC, FONT_SIZE_BASE_LG, FONT_SIZE_BASE_MD, FONT_SIZE_BASE_SM, FONT_SIZE_BASE_X2L, FONT_SIZE_BASE_X2S, FONT_SIZE_BASE_X3L, FONT_SIZE_BASE_X4L, FONT_SIZE_BASE_X5L, FONT_SIZE_BASE_X6L, FONT_SIZE_BASE_XL, FONT_SIZE_BASE_XS, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_MEDIUM, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from './font';
|
|
6
6
|
export { ICON_SIZE_BASE_LG, ICON_SIZE_BASE_MD, ICON_SIZE_BASE_SM } from './icon';
|
|
7
7
|
export { SPACING_BASE_LG, SPACING_BASE_MD, SPACING_BASE_SM, SPACING_BASE_X2L, SPACING_BASE_X2S, SPACING_BASE_X3L, SPACING_BASE_X3S, SPACING_BASE_X4L, SPACING_BASE_X4S, SPACING_BASE_X5L, SPACING_BASE_X5S, SPACING_BASE_X6L, SPACING_BASE_X6S, SPACING_BASE_XL, SPACING_BASE_XS, } from './spacing';
|
|
@@ -746,6 +746,21 @@ export interface ThemeContextValue {
|
|
|
746
746
|
* @default 225
|
|
747
747
|
*/
|
|
748
748
|
durationBaseLG: number;
|
|
749
|
+
/**
|
|
750
|
+
* Small complex duration token.
|
|
751
|
+
* @default 500
|
|
752
|
+
*/
|
|
753
|
+
durationComplexSM: number;
|
|
754
|
+
/**
|
|
755
|
+
* Medium complex duration token.
|
|
756
|
+
* @default 750
|
|
757
|
+
*/
|
|
758
|
+
durationComplexMD: number;
|
|
759
|
+
/**
|
|
760
|
+
* Large complex duration token.
|
|
761
|
+
* @default 1000
|
|
762
|
+
*/
|
|
763
|
+
durationComplexLG: number;
|
|
749
764
|
}
|
|
750
765
|
export type ThemeContextProviderProps = PropsWithChildren<Partial<ThemeContextValue>>;
|
|
751
766
|
export type ThemeContextProviderComponent = FunctionComponent<ThemeContextProviderProps>;
|