@sendoutcards/quantum-design-ui 1.8.39-alpha.5 → 1.8.39

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.
@@ -13,4 +13,4 @@ export declare type AnchorProps = {
13
13
  target?: '_blank' | '_self' | '_parent' | '_top';
14
14
  shouldDownload?: boolean;
15
15
  } & HOCBaseProps & HOCMotionProps;
16
- export declare const Anchor: React.MemoExoticComponent<(props: AnchorProps) => React.JSX.Element>;
16
+ export declare const Anchor: (props: AnchorProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Entities } from "../../theme/theming/entities";
2
+ import { TextColor } from '../typography/text';
3
+ declare const _default: {
4
+ anchorStyles: (generatedStyles: {}, theme: Entities, color?: TextColor, decorated?: boolean) => import("@emotion/react").SerializedStyles;
5
+ };
6
+ export default _default;
@@ -6,7 +6,7 @@ export declare type AsideProps = {
6
6
  outsideClick?: () => void;
7
7
  clickElementBypass?: string;
8
8
  } & HOCBaseProps & HOCMotionProps;
9
- export declare const Aside: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
9
+ export declare const Aside: React.ForwardRefExoticComponent<{
10
10
  children?: React.ReactNode;
11
11
  outsideClick?: (() => void) | undefined;
12
12
  clickElementBypass?: string | undefined;
@@ -14,4 +14,4 @@ export declare const Aside: React.MemoExoticComponent<React.ForwardRefExoticComp
14
14
  className?: string | undefined;
15
15
  motionKey?: string | number | undefined;
16
16
  id?: string | undefined;
17
- } & import("framer-motion").MotionProps & React.RefAttributes<HTMLElement>>>;
17
+ } & import("framer-motion").MotionProps & React.RefAttributes<HTMLElement>>;
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ asideStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
3
+ };
4
+ export default _default;
@@ -7,7 +7,7 @@ export declare type DivProps = {
7
7
  clickElementBypass?: string;
8
8
  tabIndex?: number;
9
9
  } & HOCBaseProps & HOCMotionProps;
10
- export declare const Div: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
10
+ export declare const Div: React.ForwardRefExoticComponent<{
11
11
  children?: React.ReactNode;
12
12
  outsideClick?: (() => void) | undefined;
13
13
  clickElementBypass?: string | undefined;
@@ -16,4 +16,4 @@ export declare const Div: React.MemoExoticComponent<React.ForwardRefExoticCompon
16
16
  className?: string | undefined;
17
17
  motionKey?: string | number | undefined;
18
18
  id?: string | undefined;
19
- } & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>>;
19
+ } & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ divStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
3
+ };
4
+ export default _default;
@@ -5,4 +5,4 @@ export declare type FlexProps = {
5
5
  children?: React.ReactNode;
6
6
  outsideClick?: () => void;
7
7
  } & HOCBaseProps & HOCMotionProps;
8
- export declare const Flex: React.MemoExoticComponent<(props: FlexProps) => React.JSX.Element>;
8
+ export declare const Flex: (props: FlexProps) => React.JSX.Element;
@@ -5,4 +5,4 @@ export declare type FlexItemPropTypes = {
5
5
  children?: React.ReactNode;
6
6
  outsideClick?: () => void;
7
7
  } & HOCBaseProps & HOCMotionProps;
8
- export declare const FlexItem: React.MemoExoticComponent<(props: FlexItemPropTypes) => React.JSX.Element>;
8
+ export declare const FlexItem: (props: FlexItemPropTypes) => React.JSX.Element;
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ flexStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
3
+ flexItemStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
4
+ };
5
+ export default _default;
@@ -11,4 +11,4 @@ export declare type HStackProps = {
11
11
  childWidth?: string;
12
12
  children?: React.ReactNode;
13
13
  };
14
- export declare const HStack: React.MemoExoticComponent<({ children, gap, justify, alignItems, shouldWrap, inset, outset, childWidth, }: HStackProps) => React.JSX.Element>;
14
+ export declare const HStack: ({ children, gap, justify, alignItems, shouldWrap, inset, outset, childWidth, }: HStackProps) => React.JSX.Element;
@@ -10,7 +10,7 @@ export declare type ListProps = {
10
10
  export declare type ListOrientation = 'vertical' | 'horizontal';
11
11
  export declare type AlignmentOptions = 'left' | 'center' | 'right';
12
12
  export declare type ListStyleType = 'disc' | 'none' | 'circle';
13
- export declare const List: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
13
+ export declare const List: React.ForwardRefExoticComponent<{
14
14
  orientation: ListOrientation;
15
15
  alignment: AlignmentOptions;
16
16
  children?: React.ReactNode;
@@ -19,4 +19,4 @@ export declare const List: React.MemoExoticComponent<React.ForwardRefExoticCompo
19
19
  className?: string | undefined;
20
20
  motionKey?: string | number | undefined;
21
21
  id?: string | undefined;
22
- } & import("framer-motion").MotionProps & React.RefAttributes<HTMLUListElement>>>;
22
+ } & import("framer-motion").MotionProps & React.RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,5 @@
1
+ import { ListOrientation, AlignmentOptions, ListStyleType } from './list';
2
+ declare const _default: {
3
+ listContainer: (orientation: ListOrientation, alignment: AlignmentOptions, listStyle: ListStyleType, generatedStyles: {}) => import("@emotion/react").SerializedStyles;
4
+ };
5
+ export default _default;
@@ -10,4 +10,4 @@ export declare type ListItemProps = {
10
10
  initial?: string;
11
11
  transition?: {};
12
12
  } & HOCBaseProps & HOCMotionProps;
13
- export declare const ListItem: React.MemoExoticComponent<(props: ListItemProps) => React.JSX.Element>;
13
+ export declare const ListItem: (props: ListItemProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { ListOrientation } from '../list/list';
2
+ import { Entities } from "../../theme/theming/entities";
3
+ declare const _default: {
4
+ listItem: (generatedStyles: {}, orientation: ListOrientation, entities: Entities) => import("@emotion/react").SerializedStyles;
5
+ };
6
+ export default _default;
@@ -6,7 +6,7 @@ export declare type SectionProps = {
6
6
  outsideClick?: () => void;
7
7
  clickElementBypass?: string;
8
8
  } & HOCBaseProps & HOCMotionProps;
9
- export declare const Section: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
9
+ export declare const Section: React.ForwardRefExoticComponent<{
10
10
  children?: React.ReactNode;
11
11
  outsideClick?: (() => void) | undefined;
12
12
  clickElementBypass?: string | undefined;
@@ -14,4 +14,4 @@ export declare const Section: React.MemoExoticComponent<React.ForwardRefExoticCo
14
14
  className?: string | undefined;
15
15
  motionKey?: string | number | undefined;
16
16
  id?: string | undefined;
17
- } & import("framer-motion").MotionProps & React.RefAttributes<HTMLElement>>>;
17
+ } & import("framer-motion").MotionProps & React.RefAttributes<HTMLElement>>;
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ sectionStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
3
+ };
4
+ export default _default;
@@ -4,4 +4,4 @@ import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
4
4
  export declare type SpanProps = {
5
5
  children?: React.ReactNode;
6
6
  } & HOCBaseProps & HOCMotionProps;
7
- export declare const Span: React.MemoExoticComponent<(props: SpanProps) => React.JSX.Element>;
7
+ export declare const Span: (props: SpanProps) => React.JSX.Element;
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ spanStyles: (generatedStyles: {}) => import("@emotion/react").SerializedStyles;
3
+ };
4
+ export default _default;
@@ -23,4 +23,4 @@ export declare type WeightType = keyof typeof entities.text.weights;
23
23
  export declare type TextType = keyof typeof entities.text.types;
24
24
  export declare type TextColor = keyof typeof entities.text.colors;
25
25
  export declare type AlignmentType = 'left' | 'center' | 'right';
26
- export declare const Text: React.MemoExoticComponent<({ ...props }: TextProps) => React.JSX.Element>;
26
+ export declare const Text: ({ ...props }: TextProps) => React.JSX.Element;
@@ -14,4 +14,4 @@ export declare type VStackProps = {
14
14
  overflow?: Overflow;
15
15
  children?: React.ReactNode;
16
16
  };
17
- export declare const VStack: React.MemoExoticComponent<({ children, gap, justifyContent, alignItems, alignContent, inset, outset, width, height, overflow, }: VStackProps) => React.JSX.Element>;
17
+ export declare const VStack: ({ children, gap, justifyContent, alignItems, alignContent, inset, outset, width, height, overflow, }: VStackProps) => React.JSX.Element;
@@ -1,10 +1,13 @@
1
1
  import React from 'react';
2
2
  declare type PinBoxProps = {
3
- initialValue?: string;
3
+ value: string;
4
4
  onChange: (value: string) => void;
5
5
  onBackspace: () => void;
6
+ onFocus?: () => void;
6
7
  isSecret?: boolean;
7
8
  isFocused?: boolean;
9
+ totalLength?: number;
10
+ autoComplete?: string;
8
11
  };
9
12
  export declare const PinBox: React.FC<PinBoxProps>;
10
13
  export {};
@@ -2,6 +2,6 @@ import { InputsEntity } from "../../theme/theming/entities";
2
2
  declare const _default: {
3
3
  pinForm: (inputEntity: InputsEntity) => import("@emotion/react").SerializedStyles;
4
4
  pinBoxContainer: import("@emotion/react").SerializedStyles;
5
- pinBox: (inputEntity: InputsEntity, focus: boolean) => import("@emotion/react").SerializedStyles;
5
+ pinBox: (inputEntity: InputsEntity) => import("@emotion/react").SerializedStyles;
6
6
  };
7
7
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sendoutcards/quantum-design-ui",
3
- "version": "1.8.39-alpha.5",
3
+ "version": "1.8.39",
4
4
  "description": "UI component library for Quantum Design System",
5
5
  "module": "dist/index.es.js",
6
6
  "jsnext:main": "dist/index.es.js",
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- declare type WindowSize = {
3
- width: number;
4
- height: number;
5
- };
6
- export declare const WindowSizeContext: React.Context<WindowSize>;
7
- export declare const WindowSizeProvider: React.FC<{
8
- children: React.ReactNode;
9
- }>;
10
- export {};