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.
Files changed (32) hide show
  1. package/build/classic.js +6 -5
  2. package/build/components/atoms/icon/constants/color.d.ts +29 -0
  3. package/build/components/atoms/icon/constants/index.d.ts +1 -0
  4. package/build/components/atoms/icon/constants/size.d.ts +5 -0
  5. package/build/components/atoms/icon/hooks/index.d.ts +1 -0
  6. package/build/components/atoms/icon/hooks/use-color.d.ts +2 -0
  7. package/build/components/atoms/icon/hooks/use-size.d.ts +2 -0
  8. package/build/components/atoms/icon/icon.context.d.ts +3 -0
  9. package/build/components/atoms/icon/icon.d.ts +2 -0
  10. package/build/components/atoms/icon/icon.types.d.ts +17 -0
  11. package/build/components/atoms/icon/index.d.ts +4 -0
  12. package/build/components/atoms/index.d.ts +2 -0
  13. package/build/components/index.d.ts +4 -2
  14. package/build/components/molecules/index.d.ts +2 -0
  15. package/build/components/molecules/spinner/constants/color.d.ts +20 -0
  16. package/build/components/molecules/spinner/constants/index.d.ts +1 -0
  17. package/build/components/molecules/spinner/hooks/index.d.ts +1 -0
  18. package/build/components/molecules/spinner/hooks/use-color.d.ts +3 -0
  19. package/build/components/molecules/spinner/index.d.ts +2 -0
  20. package/build/components/molecules/spinner/spinner.d.ts +2 -0
  21. package/build/components/molecules/spinner/spinner.types.d.ts +12 -0
  22. package/build/constants/border.d.ts +14 -0
  23. package/build/constants/icon.d.ts +5 -0
  24. package/build/constants/index.d.ts +2 -1
  25. package/build/contexts/theme/constants/duration.d.ts +3 -0
  26. package/build/contexts/theme/constants/index.d.ts +1 -1
  27. package/build/contexts/theme/theme.types.d.ts +15 -0
  28. package/build/default.js +1 -1
  29. package/build/hooks/index.d.ts +1 -0
  30. package/build/hooks/use-icon.d.ts +2 -0
  31. package/build/index.d.ts +2 -2
  32. package/package.json +1 -1
@@ -0,0 +1,2 @@
1
+ export { Spinner } from './spinner';
2
+ export type { SpinnerComponent, SpinnerProperties } from './spinner.types';
@@ -0,0 +1,2 @@
1
+ import type { SpinnerComponent } from './spinner.types';
2
+ export declare const Spinner: SpinnerComponent;
@@ -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
+ };
@@ -0,0 +1,14 @@
1
+ export declare enum BorderRadius {
2
+ XS = 0,
3
+ SM = 1,
4
+ MD = 2,
5
+ LG = 3,
6
+ XL = 4,
7
+ X2L = 5,
8
+ X3L = 6,
9
+ X4L = 7,
10
+ X5L = 8,
11
+ X6L = 9,
12
+ X7L = 10,
13
+ MAX = 11
14
+ }
@@ -0,0 +1,5 @@
1
+ export declare enum IconSize {
2
+ SM = 0,
3
+ MD = 1,
4
+ LG = 2
5
+ }
@@ -1 +1,2 @@
1
- export { BorderRadius } from './border-radius';
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>;