@e1011/es-kit 1.1.26 → 1.1.28
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/hooks/esm/index.css +258 -253
- package/dist/hooks/index.css +258 -253
- package/dist/lib/cjs/index.css +5 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/icons.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/text/Headline.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/text/Link.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/text/Text.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
- package/dist/lib/cjs/src/core/ui/components/error/propsValidationError.js +2 -0
- package/dist/lib/cjs/src/core/ui/components/error/propsValidationError.js.map +1 -0
- package/dist/lib/cjs/src/index.js +1 -1
- package/dist/lib/esm/index.css +5 -0
- package/dist/lib/esm/src/core/ui/components/atoms/icons.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/text/Headline.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/text/Link.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
- package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
- package/dist/lib/esm/src/core/ui/components/error/propsValidationError.js +2 -0
- package/dist/lib/esm/src/core/ui/components/error/propsValidationError.js.map +1 -0
- package/dist/lib/esm/src/index.js +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/icons.d.ts +5 -0
- package/dist/types/src/core/ui/components/atoms/icons.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/index.d.ts +1 -0
- package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/tag/Tag.d.ts +38 -0
- package/dist/types/src/core/ui/components/atoms/tag/Tag.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/tag/Tag.test.d.ts +5 -0
- package/dist/types/src/core/ui/components/atoms/tag/Tag.test.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/tag/tag.stories.d.ts +6 -0
- package/dist/types/src/core/ui/components/atoms/tag/tag.stories.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/text/Headline.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Headline.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Link.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Link.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Paragraph.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Paragraph.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/Text.d.ts +2 -15
- package/dist/types/src/core/ui/components/atoms/text/Text.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.types.d.ts +1 -1
- package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.types.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts +16 -0
- package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/TextAndContent.d.ts +17 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/TextAndContent.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/index.d.ts +3 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/index.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.stories.d.ts +8 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.stories.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.test.d.ts +5 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.test.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts +24 -0
- package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/error/errorBoundary.stories.d.ts +3 -3
- package/dist/types/src/core/ui/components/error/errorBoundary.stories.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/error/propsValidationError.d.ts +4 -0
- package/dist/types/src/core/ui/components/error/propsValidationError.d.ts.map +1 -0
- package/dist/types/src/core/ui/components/molecules/popup/popup.stories.d.ts +2 -2
- package/dist/types/src/core/ui/components/molecules/popup/popup.stories.d.ts.map +1 -1
- package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.stories.d.ts +1 -1
- package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.stories.d.ts.map +1 -1
- package/dist/types/src/core/utils/appState/store/store.stories.d.ts +1 -1
- package/dist/types/src/core/utils/appState/store/store.stories.d.ts.map +1 -1
- package/dist/ui/esm/index.css +5 -0
- package/dist/ui/esm/src/core/ui/components/atoms/icons.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/text/Headline.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/text/Link.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/text/Text.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
- package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
- package/dist/ui/esm/src/core/ui/components/error/propsValidationError.js +2 -0
- package/dist/ui/esm/src/core/ui/components/error/propsValidationError.js.map +1 -0
- package/dist/ui/esm/src/core/ui/index.js +1 -1
- package/dist/ui/index.css +5 -0
- package/dist/ui/src/core/ui/components/atoms/icons.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/text/Headline.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/text/Link.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/text/Text.js.map +1 -1
- package/dist/ui/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
- package/dist/ui/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
- package/dist/ui/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
- package/dist/ui/src/core/ui/components/error/propsValidationError.js +2 -0
- package/dist/ui/src/core/ui/components/error/propsValidationError.js.map +1 -0
- package/dist/ui/src/core/ui/index.js +1 -1
- package/dist/utils/esm/index.css +258 -253
- package/dist/utils/index.css +258 -253
- package/package.json +19 -11
|
@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
|
|
|
2
2
|
import type { ButtonProps } from './button.types';
|
|
3
3
|
declare const _default: Meta;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const ButtonBase: import("@storybook/
|
|
5
|
+
export declare const ButtonBase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ButtonProps>;
|
|
6
6
|
//# sourceMappingURL=button.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAQzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;wBAM5C,IAAI;AAHT,wBAGS;AAyCT,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAQzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;wBAM5C,IAAI;AAHT,wBAGS;AAyCT,eAAO,MAAM,UAAU,kGAA0B,CAAA"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
export declare const closeIconJSX: import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export declare const infoIconJSX: import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const appStoreIcon: import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const batteryEmptyIcon: import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const elementorIcon: import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const squareCheckIcon: import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const pencilIcon: import("react/jsx-runtime").JSX.Element;
|
|
3
8
|
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yCAExB,CAAA;AACD,eAAO,MAAM,WAAW,yCAGvB,CAAA"}
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yCAExB,CAAA;AACD,eAAO,MAAM,WAAW,yCAGvB,CAAA;AAGD,eAAO,MAAM,YAAY,yCAExB,CAAA;AAGD,eAAO,MAAM,gBAAgB,yCAE5B,CAAA;AAGD,eAAO,MAAM,aAAa,yCAEzB,CAAA;AAED,eAAO,MAAM,eAAe,yCAE3B,CAAA;AAED,eAAO,MAAM,UAAU,yCAKtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { PropsWithChildren, FC, MouseEvent } from 'react';
|
|
2
|
+
import { TextAndIconsProps } from '../textAndContent/textAndContent.types';
|
|
3
|
+
import { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types';
|
|
4
|
+
import { CommonProps } from '../../../../types/CommonProps';
|
|
5
|
+
import { TextProps } from '../text/text.types';
|
|
6
|
+
export declare enum TagVariant {
|
|
7
|
+
info = "info",
|
|
8
|
+
veryLow = "very-low",
|
|
9
|
+
low = "low",
|
|
10
|
+
medium = "medium",
|
|
11
|
+
high = "high",
|
|
12
|
+
critical = "critical",
|
|
13
|
+
information = "information",
|
|
14
|
+
success = "success",
|
|
15
|
+
alert = "alert",
|
|
16
|
+
error = "error",
|
|
17
|
+
warning = "warning",
|
|
18
|
+
default = "default"
|
|
19
|
+
}
|
|
20
|
+
export type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {
|
|
21
|
+
variant?: TagVariant;
|
|
22
|
+
text?: string;
|
|
23
|
+
hashtag?: boolean;
|
|
24
|
+
inTable?: boolean;
|
|
25
|
+
components?: {
|
|
26
|
+
TextComponent?: FC<TextProps>;
|
|
27
|
+
};
|
|
28
|
+
onClick?: (event?: MouseEvent) => void;
|
|
29
|
+
className?: string;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Tag component.
|
|
33
|
+
* *
|
|
34
|
+
* @type {React.FC<TagProps>}
|
|
35
|
+
* @returns {React.ReactElement} The Tag.
|
|
36
|
+
*/
|
|
37
|
+
export declare const Tag: FC<TagProps>;
|
|
38
|
+
//# sourceMappingURL=Tag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,iBAAiB,EAAE,EAAE,EAAE,UAAU,EAAuD,MAAM,OAAO,CAAA;AAGpH,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAK9C,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,OAAO,aAAa;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,QAAQ,GAAG,iBAAiB,GAAG,WAAW,GAAG,iBAAiB,GAAG,cAAc,GAAG;IAC5F,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE;QACX,aAAa,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAC9B,CAAA;IACD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAaD;;;;;GAKG;AACH,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAqF3B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.test.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/tag/Tag.test.tsx"],"names":[],"mappings":"AAAA;;GAEG"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { TagProps } from './Tag';
|
|
3
|
+
declare const _default: Meta<TagProps>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const TagByDesign: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TagProps>;
|
|
6
|
+
//# sourceMappingURL=tag.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/tag/tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoB,MAAM,kBAAkB,CAAA;AASzD,OAAO,EAAO,QAAQ,EAAc,MAAM,OAAO,CAAA;wBAuB5C,IAAI,CAAC,QAAQ,CAAC;AApBnB,wBAoBmB;AAoFnB,eAAO,MAAM,WAAW,+FAAuB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ITextProps } from './
|
|
1
|
+
import { ITextProps } from './text.types';
|
|
2
2
|
export declare const Headline: import("react").MemoExoticComponent<({ children, text, className, ...props }: ITextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
3
|
export declare const HeadlineSecondary: import("react").MemoExoticComponent<({ children, text, className, ...props }: ITextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
4
|
export declare const HeadlineTertiary: import("react").MemoExoticComponent<({ children, text, className, ...props }: ITextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Headline.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,eAAO,MAAM,QAAQ,gFAC4B,UAAU,6CAM1D,CAAA;AAKD,eAAO,MAAM,iBAAiB,gFACmB,UAAU,6CAM1D,CAAA;AAKD,eAAO,MAAM,gBAAgB,gFACoB,UAAU,6CAM1D,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ITextProps } from './
|
|
1
|
+
import { ITextProps } from './text.types';
|
|
2
2
|
export declare const Link: import("react").MemoExoticComponent<({ children, text, className, ...props }: ITextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
3
|
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,eAAO,MAAM,IAAI,gFACgC,UAAU,6CAM1D,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ITextProps } from './
|
|
1
|
+
import { ITextProps } from './text.types';
|
|
2
2
|
export declare const Paragraph: import("react").MemoExoticComponent<({ children, text, className, ...props }: ITextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
3
|
export declare const ParagraphSmall: import("react").MemoExoticComponent<({ children, text, className, ...props }: ITextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
4
|
export declare const ParagraphBold: import("react").MemoExoticComponent<({ children, text, className, ...props }: ITextProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,eAAO,MAAM,SAAS,gFAC2B,UAAU,6CAM1D,CAAA;AAKD,eAAO,MAAM,cAAc,gFACsB,UAAU,6CAM1D,CAAA;AAKD,eAAO,MAAM,aAAa,gFACuB,UAAU,6CAM1D,CAAA;AAKD,eAAO,MAAM,kBAAkB,gFACkB,UAAU,6CAM1D,CAAA"}
|
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
export interface ITextProps extends PropsWithChildren, CSSProperties, CommonProps {
|
|
4
|
-
element?: string | FC;
|
|
5
|
-
className?: string;
|
|
6
|
-
text?: string;
|
|
7
|
-
href?: string;
|
|
8
|
-
target?: string;
|
|
9
|
-
onClick?: MouseEventHandler;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export type TextProps = ITextProps & {
|
|
13
|
-
style?: CSSProperties;
|
|
14
|
-
'data-testid'?: string;
|
|
15
|
-
};
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TextProps } from './text.types';
|
|
16
3
|
export declare const Text: FC<TextProps>;
|
|
17
4
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAQ,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAQ,EAAE,EAAW,MAAM,OAAO,CAAA;AAKhD,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAGpD,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA6B7B,CAAA"}
|
|
@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
|
|
|
2
2
|
import type { AnchorLinkProps } from './anchorLink.types';
|
|
3
3
|
declare const _default: Meta;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const AnchorLinkBase: import("@storybook/
|
|
5
|
+
export declare const AnchorLinkBase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AnchorLinkProps>;
|
|
6
6
|
//# sourceMappingURL=anchorLink.stories.d.ts.map
|
package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"anchorLink.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAKzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;wBAOpD,IAAI;AAHT,wBAGS;AAeT,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"anchorLink.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAKzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;wBAOpD,IAAI;AAHT,wBAGS;AAeT,eAAO,MAAM,cAAc,sGAA8B,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MouseEvent, PropsWithChildren } from 'react';
|
|
2
|
-
import { ITextProps } from '../
|
|
2
|
+
import { ITextProps } from '../text.types';
|
|
3
3
|
import { CommonProps } from '../../../../types/CommonProps';
|
|
4
4
|
export type AnchorLinkProps = Partial<ITextProps> & PropsWithChildren & CommonProps & {
|
|
5
5
|
id?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"anchorLink.types.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/ui/components/atoms/text/anchor-link/anchorLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"anchorLink.types.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/ui/components/atoms/text/anchor-link/anchorLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAG3D,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,iBAAiB,GAAG,WAAW,GAAG;IACpF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACrF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { PropsWithChildren, CSSProperties, FC, MouseEventHandler } from 'react';
|
|
2
|
+
import { CommonProps } from '../../../../types/CommonProps';
|
|
3
|
+
export interface ITextProps extends PropsWithChildren, CSSProperties, CommonProps {
|
|
4
|
+
element?: string | FC;
|
|
5
|
+
className?: string;
|
|
6
|
+
text?: string;
|
|
7
|
+
href?: string;
|
|
8
|
+
target?: string;
|
|
9
|
+
onClick?: MouseEventHandler;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export type TextProps = ITextProps & {
|
|
13
|
+
style?: CSSProperties;
|
|
14
|
+
'data-testid'?: string;
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=text.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/text/text.types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE/E,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAG3D,MAAM,WAAW,UAAW,SAAQ,iBAAiB,EAAE,aAAa,EAAE,WAAW;IAC/E,OAAO,CAAC,EAAE,MAAM,GAAG,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,aAAa,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types';
|
|
3
|
+
/**
|
|
4
|
+
* TextAndContent component.
|
|
5
|
+
*
|
|
6
|
+
* @type {React.FC<TextAndContentProps>}
|
|
7
|
+
* @returns {React.ReactElement} The TextAndContent.
|
|
8
|
+
*/
|
|
9
|
+
export declare const TextAndContent: FC<TextAndContentProps>;
|
|
10
|
+
/**
|
|
11
|
+
* TextAndIcons component.
|
|
12
|
+
*
|
|
13
|
+
* @type {React.FC<TextAndIconsProps>}
|
|
14
|
+
* @returns {React.ReactElement} The TextAndIcons.
|
|
15
|
+
*/
|
|
16
|
+
export declare const TextAndIcons: FC<TextAndIconsProps>;
|
|
17
|
+
//# sourceMappingURL=TextAndContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAndContent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,EAAE,EAAW,MAAM,OAAO,CAAA;AAOzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAIpF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0BjD,CAAA;AAKF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsD7C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StoryFn as Story, Meta } from '@storybook/react';
|
|
2
|
+
import type { TextAndContentProps } from './textAndContent.types';
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const TextAndContentBase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAndContentProps>;
|
|
6
|
+
export declare const TextAndContentComplex: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAndContentProps>;
|
|
7
|
+
export declare const TextAndIconsBase: Story<TextAndContentProps>;
|
|
8
|
+
//# sourceMappingURL=textAndContent.stories.d.ts.map
|
package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.stories.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textAndContent.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/textAndContent.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAYzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;wBAO5D,IAAI;AAHT,wBAGS;AAoBT,eAAO,MAAM,kBAAkB,0GAAkC,CAAA;AAMjE,eAAO,MAAM,qBAAqB,0GAAkC,CAAA;AAapE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,mBAAmB,CA4BvD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textAndContent.test.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/textAndContent.test.tsx"],"names":[],"mappings":"AAAA;;GAEG"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FC, MouseEvent, PropsWithChildren, ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { TextProps } from '../text/text.types';
|
|
3
|
+
import { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types';
|
|
4
|
+
export type TextAndContentProps = LayoutBoxProps & PropsWithChildren & {
|
|
5
|
+
text?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
components?: {
|
|
8
|
+
TextComponent?: FC<TextProps>;
|
|
9
|
+
};
|
|
10
|
+
leftContent?: ReactElement;
|
|
11
|
+
rightContent?: ReactElement;
|
|
12
|
+
textProps?: Partial<TextProps>;
|
|
13
|
+
};
|
|
14
|
+
export type TextAndIconsProps = TextAndContentProps & {
|
|
15
|
+
iconSize?: string;
|
|
16
|
+
iconColor?: string;
|
|
17
|
+
iconLeftUrl?: string;
|
|
18
|
+
iconRightUrl?: string;
|
|
19
|
+
iconRight?: ReactNode;
|
|
20
|
+
iconLeft?: ReactNode;
|
|
21
|
+
onLeftIconClick?: (event?: MouseEvent) => void;
|
|
22
|
+
onRightIconClick?: (event?: MouseEvent) => void;
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=textAndContent.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textAndContent.types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/textAndContent.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAG1E,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,iBAAiB,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE;QACX,aAAa,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAC9B,CAAA;IACD,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CAC/B,CAAA;AAGD,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAC9C,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAChD,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
|
2
2
|
import type { ErrorBoundaryProps } from './errorBoundary.types';
|
|
3
3
|
declare const _default: Meta;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const ErrorBoundaryBase: import("@storybook/
|
|
6
|
-
export declare const ErrorBoundaryCustomText: import("@storybook/
|
|
7
|
-
export declare const ErrorBoundaryMuted: import("@storybook/
|
|
5
|
+
export declare const ErrorBoundaryBase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ErrorBoundaryProps>;
|
|
6
|
+
export declare const ErrorBoundaryCustomText: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ErrorBoundaryProps>;
|
|
7
|
+
export declare const ErrorBoundaryMuted: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ErrorBoundaryProps>;
|
|
8
8
|
//# sourceMappingURL=errorBoundary.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"errorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/error/errorBoundary.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAKzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;wBAM1D,IAAI;AAHT,wBAGS;AAgBT,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"errorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/error/errorBoundary.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAKzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;wBAM1D,IAAI;AAHT,wBAGS;AAgBT,eAAO,MAAM,iBAAiB,yGAAiC,CAAA;AAG/D,eAAO,MAAM,uBAAuB,yGAAiC,CAAA;AAUrE,eAAO,MAAM,kBAAkB,yGAAiC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"propsValidationError.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"names":[],"mappings":"AAAA,qBAAa,oBAAqB,SAAQ,KAAK;gBACjC,OAAO,EAAC,MAAM;CAI3B"}
|
|
@@ -2,6 +2,6 @@ import { Meta } from '@storybook/react';
|
|
|
2
2
|
import { PopupProps } from './popup.types';
|
|
3
3
|
declare const _default: Meta;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const PopupBase: import("@storybook/
|
|
6
|
-
export declare const PopupInline: import("@storybook/
|
|
5
|
+
export declare const PopupBase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, PopupProps>;
|
|
6
|
+
export declare const PopupInline: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, PopupProps>;
|
|
7
7
|
//# sourceMappingURL=popup.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/molecules/popup/popup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAQzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;wBAMrC,IAAI;AAHT,wBAGS;AA6CT,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"popup.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/ui/components/molecules/popup/popup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAQzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;wBAMrC,IAAI;AAHT,wBAGS;AA6CT,eAAO,MAAM,SAAS,iGAAyB,CAAA;AA4C/C,eAAO,MAAM,WAAW,iGAA+B,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const PeregrineMQUseExample: import("@storybook/
|
|
4
|
+
export declare const PeregrineMQUseExample: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
|
|
5
5
|
//# sourceMappingURL=peregrineMQ.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"peregrineMQ.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAcpD,IAAI;AAHT,wBAGS;AA6FT,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"peregrineMQ.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/peregrineMQ.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAcpD,IAAI;AAHT,wBAGS;AA6FT,eAAO,MAAM,qBAAqB,0FAAyC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const StoreUseExample: import("@storybook/
|
|
4
|
+
export declare const StoreUseExample: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, any>;
|
|
5
5
|
//# sourceMappingURL=store.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/store.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAapD,IAAI;AAHT,wBAGS;AAwFT,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"store.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/store.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAapD,IAAI;AAHT,wBAGS;AAwFT,eAAO,MAAM,eAAe,0FAAmC,CAAA"}
|
package/dist/ui/esm/index.css
CHANGED
|
@@ -444,6 +444,11 @@
|
|
|
444
444
|
.cui-theme-light .button-module_button__NDMQS {
|
|
445
445
|
color: #090A0A;
|
|
446
446
|
}
|
|
447
|
+
.textAndContent-module_textAndContent__X5P1n {
|
|
448
|
+
align-items: baseline;
|
|
449
|
+
flex-shrink: 1;
|
|
450
|
+
gap: 8px;
|
|
451
|
+
}
|
|
447
452
|
.flowLayout-module_flowLayout__VHpnY {
|
|
448
453
|
overflow: auto;
|
|
449
454
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"qBAIaA,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}
|
|
1
|
+
{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"qBAIaA,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps
|
|
1
|
+
{"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","headline","element","displayName","HeadlineSecondary","_ref2","headlineSecondary","HeadlineTertiary","_ref3","headlineTertiary"],"mappings":"2LAOaA,MAAAA,EAAWC,GACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,YAAYP,IAAaQ,QAAQ,OACrEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASc,YAAc,WAGVC,MAAAA,EAAoBd,GAC/Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQM,qBAAqBZ,IAAaQ,QAAQ,OAC9EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAkBD,YAAc,oBAGnBI,MAAAA,EAAmBjB,GAC9BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQS,oBAAoBf,IAAaQ,QAAQ,OAC7EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAiBJ,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","link","element","displayName"],"mappings":"2LAOaA,MAAAA,EAAOC,GAClBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,QAAQP,IAAaQ,QAAQ,MACjEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKc,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps
|
|
1
|
+
{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","paragraph","element","displayName","ParagraphSmall","_ref2","paragraphSmall","ParagraphBold","_ref3","paragraphBold","ParagraphBoldSmall","_ref4","paragraphBoldSmall"],"mappings":"2LAOaA,MAAAA,EAAYC,GACvBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,aAAaP,IAAaQ,QAAQ,MACtEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUc,YAAc,YAGXC,MAAAA,EAAiBd,GAC5Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQM,kBAAkBZ,IAAaQ,QAAQ,MAC3EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAeD,YAAc,iBAGhBI,MAAAA,EAAgBjB,GAC3BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQS,iBAAiBf,IAAaQ,QAAQ,MAC1EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAcJ,YAAc,gBAGfO,MAAAA,EAAqBpB,GAChCqB,IAAA,IAACnB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBgB,EAAA,OACvDf,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQY,sBAAsBlB,IAAaQ,QAAQ,MAC/EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXiB,EAAmBP,YAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo,
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, FC, useMemo } from 'react'\n\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\nimport { ITextProps, TextProps } from './text.types'\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n const { dataProps, restProps } = useParseProps(rest)\n const textFromChildren: string | undefined = text || children?.toString()\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return React.createElement<TextProps>(\n element,\n {\n id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n href,\n text,\n target,\n className,\n ...onClickProps,\n style: restProps,\n ...dataProps,\n 'data-testid':\n `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n },\n children,\n )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","composeId","style","dataTestId","displayName"],"mappings":"oLAQaA,EAAsBC,GAAiBC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,KAASC,GAAkBT,EAEpG,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GACzCI,EAAuCL,GAAQN,GAAUY,WAEzDC,EAAeC,GAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACZ,IAEX,OAAOa,EAAMC,cACXpB,EACA,CACEK,GAAI,GAAGA,GAAOO,GAAoBS,EAAUT,KAC5CV,OACAK,OACAJ,SACAC,eACGU,EACHQ,MAAOZ,KACJD,EACH,cACA,GAAGA,EAAUc,YAAcd,EAAU,gBAAkBJ,GAAOO,GAAoBS,EAAUT,MAE9FX,EACD,IAGHJ,EAAK2B,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as o}from"react";import{PropsValidationError as n}from"../../error/propsValidationError.js";import{Text as r}from"../text/Text.js";import c from"./textAndContent.module.scss.js";import{LayoutBox as i}from"../../container/layoutBox/LayoutBox.js";import{IconBase as l}from"../../icon/IconBase.js";const a=e((e=>{let{text:o,children:l,components:a,leftContent:s,rightContent:m,textProps:x={},className:p="",...d}=e;if(null==o&&!l)throw new n("Missing `text or children` property!");const f=a?.TextComponent||r;return React.createElement(i,t({className:`${c.textAndContent} ${p}`},d),s&&s,React.createElement(f,t({className:"text-truncate"},x,{"data-testid":"text-content-text-component"}),o||l),m&&m)}));a.displayName="TextAndContent";const s=e((e=>{let{iconSize:n,iconColor:r,iconLeft:c,iconRight:i,iconLeftUrl:s,iconRightUrl:m,onLeftIconClick:x,onRightIconClick:p,...d}=e;const[f,u]=o((()=>{let e,o;if(c||s){const o=x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};e=React.createElement(l,t({iconUrl:s,size:n,color:r},o),c&&c)}if(i||m){const e=p?{onClick:p,onKeyDown:p,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};o=React.createElement(l,t({iconUrl:m,size:n,color:r},e),i&&i)}return[e,o]}),[r,c,s,i,m,n,x,p]);return React.createElement(a,t({leftContent:f,rightContent:u},d))}));s.displayName="TextAndIcons";export{a as TextAndContent,s as TextAndIcons};
|
|
2
|
+
//# sourceMappingURL=TextAndContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n text,\n children,\n components,\n leftContent,\n rightContent,\n textProps = {},\n className = '',\n ...props\n}: TextAndContentProps) => {\n if ((text === undefined || text === null) && !children) {\n throw new PropsValidationError('Missing `text or children` property!')\n }\n\n const TextComponent = components?.TextComponent || BodyText\n\n return (\n <LayoutBox\n className={`${classes.textAndContent} ${className}`}\n {...props}\n >\n {leftContent && leftContent}\n <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n {rightContent && rightContent}\n </LayoutBox>\n )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n iconSize,\n iconColor,\n iconLeft,\n iconRight,\n iconLeftUrl,\n iconRightUrl,\n onLeftIconClick,\n onRightIconClick,\n ...props\n}: TextAndIconsProps) => {\n const [leftContent, rightContent] = useMemo(() => {\n let leftContent\n let rightContent\n\n if (iconLeft || iconLeftUrl) {\n const onLeftIconClickProps = onLeftIconClick ? ({\n onClick: onLeftIconClick,\n onKeyDown: onLeftIconClick,\n role: 'button',\n tabIndex: -1,\n 'data-testid': 'text-content-icon-left',\n }) : {}\n\n leftContent = (\n <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n {iconLeft && iconLeft}\n </IconBase>)\n }\n if (iconRight || iconRightUrl) {\n const onRightIconClickProps = onRightIconClick ? ({\n onClick: onRightIconClick,\n onKeyDown: onRightIconClick,\n role: 'button',\n tabIndex: -1,\n 'data-testid': 'text-content-icon-right',\n }) : {}\n\n rightContent = (\n <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n {iconRight && iconRight}\n </IconBase>)\n }\n return [leftContent, rightContent]\n }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n return (\n <TextAndContent\n leftContent={leftContent}\n rightContent={rightContent}\n {...props}\n />\n )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","classes","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"wZAiBaA,EAA0CC,GAA0BC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,MACTC,GACiBR,EACpB,GAAI,MAACC,IAAyCC,EAC5C,MAAM,IAAIO,EAAqB,wCAGjC,MAAMC,EAAgBP,GAAYO,eAAiBC,EAEnD,OACEC,MAAAC,cAACC,EAASC,EAAA,CACRR,UAAW,GAAGS,EAAQC,kBAAkBV,KACpCC,GAEHJ,GAAeA,EAChBQ,MAAAC,cAACH,EAAaK,EAAA,CAACR,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeoB,YAAc,uBAShBC,EAAsCpB,GAAwBqB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,KACGpB,GACeY,EAClB,MAAOhB,EAAaC,GAAgBwB,GAAQ,KAC1C,IAAIzB,EACAC,EAEJ,GAAIkB,GAAYE,EAAa,CAC3B,MAAMK,EAAuBH,EAAmB,CAC9CI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,GAEL9B,EACEQ,MAAAC,cAACsB,EAAQpB,EAAA,CAACqB,QAASX,EAAaY,KAAMhB,EAAUiB,MAAOhB,GAAeQ,GACnEP,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMa,EAAwBX,EAAoB,CAChDG,QAASH,EACTI,UAAWJ,EACXK,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,GAEL7B,EACEO,MAAAC,cAACsB,EAAQpB,EAAA,CAACqB,QAASV,EAAcW,KAAMhB,EAAUiB,MAAOhB,GAAeiB,GACpEf,GAAaA,EAEpB,CACA,MAAO,CAACpB,EAAaC,EAAa,GACjC,CAACiB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEhB,MAAAC,cAACf,EAAciB,EAAA,CACbX,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINW,EAAaD,YAAc"}
|
package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textAndContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"propsValidationError.js","sources":["../../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"sourcesContent":["export class PropsValidationError extends Error {\n constructor(message:string) {\n super(message)\n this.name = 'PropsValidationError'\n }\n}\n"],"names":["PropsValidationError","Error","constructor","message","super","this","name"],"mappings":"AAAO,MAAMA,UAA6BC,MACxCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,KAAO,sBACd"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Button,keys}from"./components/atoms/button/Button.js";export{Text}from"./components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Link}from"./components/atoms/text/Link.js";export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";
|
|
1
|
+
export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Button,keys}from"./components/atoms/button/Button.js";export{Text}from"./components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Link}from"./components/atoms/text/Link.js";export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{TextAndContent,TextAndIcons}from"./components/atoms/textAndContent/TextAndContent.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/ui/index.css
CHANGED
|
@@ -444,6 +444,11 @@
|
|
|
444
444
|
.cui-theme-light .button-module_button__NDMQS {
|
|
445
445
|
color: #090A0A;
|
|
446
446
|
}
|
|
447
|
+
.textAndContent-module_textAndContent__X5P1n {
|
|
448
|
+
align-items: baseline;
|
|
449
|
+
flex-shrink: 1;
|
|
450
|
+
gap: 8px;
|
|
451
|
+
}
|
|
447
452
|
.flowLayout-module_flowLayout__VHpnY {
|
|
448
453
|
overflow: auto;
|
|
449
454
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","default","d","infoIconJSX"],"mappings":"0FAIaA,MAAAA,EACXC,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE,ygBAE3DC,EACXN,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE"}
|
|
1
|
+
{"version":3,"file":"icons.js","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","default","d","infoIconJSX"],"mappings":"0FAIaA,MAAAA,EACXC,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE,ygBAE3DC,EACXN,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE"}
|