opus-toolkit-components 1.9.2 → 1.9.4

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.
@@ -1 +1 @@
1
- {"version":3,"file":"components/Link/index.js","mappings":";;;;;;;;;;;;AAAA,cAAc,aAAa,+CAA+C,gDAAgD,eAAe,QAAQ,IAAI,0CAA0C,yCAAyC,SAAgB,gBAAgB,wCAAwC,IAAI,mDAAmD,SAAS,iEAAe,IAAI,E;;;;;;;ACAnY,8C;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA,E;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,wF;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;;;;;;;;;;;;;;;;ACNwB;AAAA;AAET,SAASG,IAAIA,CAAAC,IAAA,EAAkD;EAAA,IAAjD;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAiB,CAAC,GAAAJ,IAAA;IAAPK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACxE,MAAMC,UAAU,GAAGP,IAAI,CAACQ,UAAU,CAAC,MAAM,CAAC;EAE1C,oBACEX,sDAAA,MAAAY,aAAA,CAAAA,aAAA;IACET,IAAI,EAAEA,IAAK;IACXU,MAAM,EAAEP,MAAM,IAAII,UAAU,GAAG,QAAQ,GAAGI,SAAU;IACpDC,GAAG,EAAET,MAAM,IAAII,UAAU,GAAG,qBAAqB,GAAGI,SAAU;IAC9DT,SAAS,EAAEP,gDAAI,CAAC,4CAA4C,EAAEO,SAAS;EAAE,GACrEE,KAAK;IAAAH,QAAA,EAERA;EAAQ,EACR,CAAC;AAER,C","sources":["webpack://opus-toolkit-components/./node_modules/clsx/dist/clsx.mjs","webpack://opus-toolkit-components/external commonjs2 \"react/jsx-runtime\"","webpack://opus-toolkit-components/webpack/bootstrap","webpack://opus-toolkit-components/webpack/runtime/compat get default export","webpack://opus-toolkit-components/webpack/runtime/define property getters","webpack://opus-toolkit-components/webpack/runtime/hasOwnProperty shorthand","webpack://opus-toolkit-components/webpack/runtime/make namespace object","webpack://opus-toolkit-components/./src/components/Link/Link.jsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","module.exports = require(\"react/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import clsx from \"clsx\";\n\nexport default function Link({ href, children, className, newTab, ...props }) {\n const isExternal = href.startsWith(\"http\");\n\n return (\n <a\n href={href}\n target={newTab || isExternal ? \"_blank\" : undefined}\n rel={newTab || isExternal ? \"noopener noreferrer\" : undefined}\n className={clsx(\"text-[--color-text-strong] hover:underline\", className)}\n {...props}\n >\n {children}\n </a>\n );\n}\n"],"names":["clsx","jsx","_jsx","Link","_ref","href","children","className","newTab","props","_objectWithoutProperties","_excluded","isExternal","startsWith","_objectSpread","target","undefined","rel"],"ignoreList":[],"sourceRoot":""}
1
+ {"version":3,"file":"components/Link/index.js","mappings":";;;;;;;AAAA,8C;;;;;;;;;;;;ACAA,cAAc,aAAa,+CAA+C,gDAAgD,eAAe,QAAQ,IAAI,0CAA0C,yCAAyC,SAAgB,gBAAgB,wCAAwC,IAAI,mDAAmD,SAAS,iEAAe,IAAI,E;;;;;;UCAnY;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA,E;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,wF;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;;;;;;;;ACNwB;AAAA;AAET,SAASG,IAAIA,CAAAC,IAAA,EAAkD;EAAA,IAAjD;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,MAAM;IAAE,GAAGC;EAAM,CAAC,GAAAL,IAAA;EAC1E,MAAMM,UAAU,GAAGL,IAAI,CAACM,UAAU,CAAC,MAAM,CAAC;EAE1C,oBACET,sDAAA;IACEG,IAAI,EAAEA,IAAK;IACXO,MAAM,EAAEJ,MAAM,IAAIE,UAAU,GAAG,QAAQ,GAAGG,SAAU;IACpDC,GAAG,EAAEN,MAAM,IAAIE,UAAU,GAAG,qBAAqB,GAAGG,SAAU;IAC9DN,SAAS,EAAEP,gDAAI,CAAC,4CAA4C,EAAEO,SAAS,CAAE;IAAA,GACrEE,KAAK;IAAAH,QAAA,EAERA;EAAQ,CACR,CAAC;AAER,C","sources":["webpack://opus-toolkit-components/external commonjs2 \"react/jsx-runtime\"","webpack://opus-toolkit-components/./node_modules/clsx/dist/clsx.mjs","webpack://opus-toolkit-components/webpack/bootstrap","webpack://opus-toolkit-components/webpack/runtime/compat get default export","webpack://opus-toolkit-components/webpack/runtime/define property getters","webpack://opus-toolkit-components/webpack/runtime/hasOwnProperty shorthand","webpack://opus-toolkit-components/webpack/runtime/make namespace object","webpack://opus-toolkit-components/./src/components/Link/Link.jsx"],"sourcesContent":["module.exports = require(\"react/jsx-runtime\");","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import clsx from \"clsx\";\r\n\r\nexport default function Link({ href, children, className, newTab, ...props }) {\r\n const isExternal = href.startsWith(\"http\");\r\n\r\n return (\r\n <a\r\n href={href}\r\n target={newTab || isExternal ? \"_blank\" : undefined}\r\n rel={newTab || isExternal ? \"noopener noreferrer\" : undefined}\r\n className={clsx(\"text-[--color-text-strong] hover:underline\", className)}\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n}\r\n"],"names":["clsx","jsx","_jsx","Link","_ref","href","children","className","newTab","props","isExternal","startsWith","target","undefined","rel"],"sourceRoot":""}
@@ -1,16 +1,16 @@
1
- export interface ModalProps {
2
- isOpen: boolean;
3
- onClose?: () => void;
4
- isLoading?: boolean;
5
- loaderText?: string;
6
- header?: React.ReactNode;
7
- hideHeader?: boolean;
8
- body?: React.ReactNode;
9
- footer?: React.ReactNode;
10
- hideFooter?: boolean;
11
- className?: string;
12
- footerClassName?: string;
13
- headerClassName?: string;
14
- }
15
-
16
- export const Modal: React.FC<ModalProps>;
1
+ export interface ModalProps {
2
+ isOpen: boolean;
3
+ onClose?: () => void;
4
+ isLoading?: boolean;
5
+ loaderText?: string;
6
+ header?: React.ReactNode;
7
+ hideHeader?: boolean;
8
+ body?: React.ReactNode;
9
+ footer?: React.ReactNode;
10
+ hideFooter?: boolean;
11
+ className?: string;
12
+ footerClassName?: string;
13
+ headerClassName?: string;
14
+ }
15
+
16
+ export const Modal: React.FC<ModalProps>;
@@ -1,8 +1,8 @@
1
- export interface NavbarProps {
2
- children?: React.ReactNode;
3
- logo?: string;
4
- className?: string;
5
- maxWidth?: string;
6
- }
7
-
8
- export const Navbar: React.FC<NavbarProps>;
1
+ export interface NavbarProps {
2
+ children?: React.ReactNode;
3
+ logo?: string;
4
+ className?: string;
5
+ maxWidth?: string;
6
+ }
7
+
8
+ export const Navbar: React.FC<NavbarProps>;
@@ -1,23 +1,23 @@
1
- import type { SidebarMenu, SidebarUser } from "../Sidebar";
2
-
3
- export interface PageTemplateProps {
4
- sidebarMenus?: SidebarMenu[];
5
- sidebarUser?: SidebarUser;
6
- sidebarActiveItem?: string | number | null;
7
- onSidebarItemClick?: (key: string | number) => void;
8
- sidebarLogo?: string;
9
- sidebarSearchValue?: string;
10
- onSidebarSearchChange?: (value: string) => void;
11
- sidebarOpenGroupKey?: string | number | null;
12
- onSidebarGroupToggle?: (openGroupKey: string | number | null) => void;
13
- headerTitle?: string;
14
- headerCenter?: React.ReactNode;
15
- headerRight?: React.ReactNode;
16
- footerLeft?: React.ReactNode;
17
- footerCenter?: React.ReactNode;
18
- footerRight?: React.ReactNode;
19
- children: React.ReactNode;
20
- className?: string;
21
- }
22
-
23
- export const PageTemplate: React.FC<PageTemplateProps>;
1
+ import type { SidebarMenu, SidebarUser } from "../Sidebar";
2
+
3
+ export interface PageTemplateProps {
4
+ sidebarMenus?: SidebarMenu[];
5
+ sidebarUser?: SidebarUser;
6
+ sidebarActiveItem?: string | number | null;
7
+ onSidebarItemClick?: (key: string | number) => void;
8
+ sidebarLogo?: string;
9
+ sidebarSearchValue?: string;
10
+ onSidebarSearchChange?: (value: string) => void;
11
+ sidebarOpenGroupKey?: string | number | null;
12
+ onSidebarGroupToggle?: (openGroupKey: string | number | null) => void;
13
+ headerTitle?: string;
14
+ headerCenter?: React.ReactNode;
15
+ headerRight?: React.ReactNode;
16
+ footerLeft?: React.ReactNode;
17
+ footerCenter?: React.ReactNode;
18
+ footerRight?: React.ReactNode;
19
+ children: React.ReactNode;
20
+ className?: string;
21
+ }
22
+
23
+ export const PageTemplate: React.FC<PageTemplateProps>;
@@ -1,23 +1,23 @@
1
- export interface PillProps extends React.HTMLAttributes<HTMLSpanElement> {
2
- text?: string;
3
- status?: "primary" | "danger" | "warning" | "success" | "info" | "notice";
4
- className?: string;
5
- icon?: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
6
- iconPosition?: "left" | "right";
7
- onIconClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
8
- }
9
-
10
- export const Pill: React.FC<PillProps>;
11
-
12
- export interface PillButtonProps
13
- extends React.ButtonHTMLAttributes<HTMLButtonElement> {
14
- label: React.ReactNode;
15
- active?: boolean;
16
- className?: string;
17
- name?: string;
18
- dataCy?: string;
19
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
20
- onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;
21
- }
22
-
23
- export const PillButton: React.FC<PillButtonProps>;
1
+ export interface PillProps extends React.HTMLAttributes<HTMLSpanElement> {
2
+ text?: string;
3
+ status?: "primary" | "danger" | "warning" | "success" | "info" | "notice";
4
+ className?: string;
5
+ icon?: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
6
+ iconPosition?: "left" | "right";
7
+ onIconClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
8
+ }
9
+
10
+ export const Pill: React.FC<PillProps>;
11
+
12
+ export interface PillButtonProps
13
+ extends React.ButtonHTMLAttributes<HTMLButtonElement> {
14
+ label: React.ReactNode;
15
+ active?: boolean;
16
+ className?: string;
17
+ name?: string;
18
+ dataCy?: string;
19
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
20
+ onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;
21
+ }
22
+
23
+ export const PillButton: React.FC<PillButtonProps>;
@@ -1,11 +1,11 @@
1
- export interface ProfileCardUser {
2
- name: string;
3
- role: string;
4
- }
5
-
6
- export interface ProfileCardProps extends React.HTMLAttributes<HTMLDivElement> {
7
- user: ProfileCardUser;
8
- href?: string;
9
- }
10
-
11
- export const ProfileCard: React.FC<ProfileCardProps>;
1
+ export interface ProfileCardUser {
2
+ name: string;
3
+ role: string;
4
+ }
5
+
6
+ export interface ProfileCardProps extends React.HTMLAttributes<HTMLDivElement> {
7
+ user: ProfileCardUser;
8
+ href?: string;
9
+ }
10
+
11
+ export const ProfileCard: React.FC<ProfileCardProps>;
@@ -1,57 +1,57 @@
1
- import type { IconProps } from "../Icon";
2
-
3
- export interface SidebarMenuItem {
4
- key: string | number;
5
- name: string;
6
- path?: string;
7
- href?: string;
8
- iconProps?: IconProps;
9
- onClick?: (key: string | number) => void;
10
- }
11
-
12
- export interface SidebarMenuGroup {
13
- key: string | number;
14
- name: string;
15
- iconProps?: IconProps;
16
- children: SidebarMenuItem[];
17
- }
18
-
19
- export type SidebarMenu = SidebarMenuItem | SidebarMenuGroup;
20
-
21
- export interface SidebarUser {
22
- id: string | number;
23
- name: string;
24
- role: string;
25
- avatar?: string;
26
- }
27
-
28
- export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
29
- menus: SidebarMenu[];
30
- user: SidebarUser;
31
-
32
- /** Currently selected (active) menu item */
33
- activeItem?: string | number | null;
34
- onItemClick?: (key: string | number) => void;
35
-
36
- /** Optional logo override */
37
- logo?: string;
38
-
39
- /** Controlled search input state */
40
- searchValue?: string;
41
- onSearchChange?: (value: string) => void;
42
-
43
- /**
44
- * Optional controlled key of the currently expanded group.
45
- * Set to `null` to collapse all groups.
46
- * When omitted, the Sidebar manages expansion state internally.
47
- */
48
- openGroupKey?: string | number | null;
49
-
50
- /**
51
- * Optional controlled change handler.
52
- * Receives the NEXT openGroupKey value.
53
- */
54
- onGroupToggle?: (openGroupKey: string | number | null) => void;
55
- }
56
-
57
- export const Sidebar: React.FC<SidebarProps>;
1
+ import type { IconProps } from "../Icon";
2
+
3
+ export interface SidebarMenuItem {
4
+ key: string | number;
5
+ name: string;
6
+ path?: string;
7
+ href?: string;
8
+ iconProps?: IconProps;
9
+ onClick?: (key: string | number) => void;
10
+ }
11
+
12
+ export interface SidebarMenuGroup {
13
+ key: string | number;
14
+ name: string;
15
+ iconProps?: IconProps;
16
+ children: SidebarMenuItem[];
17
+ }
18
+
19
+ export type SidebarMenu = SidebarMenuItem | SidebarMenuGroup;
20
+
21
+ export interface SidebarUser {
22
+ id: string | number;
23
+ name: string;
24
+ role: string;
25
+ avatar?: string;
26
+ }
27
+
28
+ export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
29
+ menus: SidebarMenu[];
30
+ user: SidebarUser;
31
+
32
+ /** Currently selected (active) menu item */
33
+ activeItem?: string | number | null;
34
+ onItemClick?: (key: string | number) => void;
35
+
36
+ /** Optional logo override */
37
+ logo?: string;
38
+
39
+ /** Controlled search input state */
40
+ searchValue?: string;
41
+ onSearchChange?: (value: string) => void;
42
+
43
+ /**
44
+ * Optional controlled key of the currently expanded group.
45
+ * Set to `null` to collapse all groups.
46
+ * When omitted, the Sidebar manages expansion state internally.
47
+ */
48
+ openGroupKey?: string | number | null;
49
+
50
+ /**
51
+ * Optional controlled change handler.
52
+ * Receives the NEXT openGroupKey value.
53
+ */
54
+ onGroupToggle?: (openGroupKey: string | number | null) => void;
55
+ }
56
+
57
+ export const Sidebar: React.FC<SidebarProps>;
@@ -1,18 +1,18 @@
1
- export interface TableColumn {
2
- key: string;
3
- header: string;
4
- render?: (row: any) => React.ReactNode;
5
- }
6
-
7
- export interface TableProps extends React.HTMLAttributes<HTMLDivElement> {
8
- data?: TableColumn[];
9
- rows?: any[];
10
- className?: string;
11
- rowClassName?: string;
12
- cellClassName?: string;
13
- headRowClassName?: string;
14
- headCellClassName?: string;
15
- rowKeyExtractor?: (row: any, index: number) => string | number;
16
- }
17
-
18
- export const Table: React.FC<TableProps>;
1
+ export interface TableColumn {
2
+ key: string;
3
+ header: string;
4
+ render?: (row: any) => React.ReactNode;
5
+ }
6
+
7
+ export interface TableProps extends React.HTMLAttributes<HTMLDivElement> {
8
+ data?: TableColumn[];
9
+ rows?: any[];
10
+ className?: string;
11
+ rowClassName?: string;
12
+ cellClassName?: string;
13
+ headRowClassName?: string;
14
+ headCellClassName?: string;
15
+ rowKeyExtractor?: (row: any, index: number) => string | number;
16
+ }
17
+
18
+ export const Table: React.FC<TableProps>;
@@ -1,25 +1,25 @@
1
- export type TextVariant =
2
- | "h1"
3
- | "h2"
4
- | "h3"
5
- | "h4"
6
- | "h5"
7
- | "h6"
8
- | "body"
9
- | "small"
10
- | "caption"
11
- | "label";
12
-
13
- export type TextAs = keyof JSX.IntrinsicElements | React.ComponentType<any>;
14
-
15
- export interface TextProps extends React.HTMLAttributes<HTMLElement> {
16
- variant?: TextVariant;
17
- as?: TextAs;
18
- className?: string;
19
- color?: string;
20
- children?: React.ReactNode;
21
- name?: string;
22
- dataCy?: string;
23
- }
24
-
25
- export const Text: React.FC<TextProps>;
1
+ export type TextVariant =
2
+ | "h1"
3
+ | "h2"
4
+ | "h3"
5
+ | "h4"
6
+ | "h5"
7
+ | "h6"
8
+ | "body"
9
+ | "small"
10
+ | "caption"
11
+ | "label";
12
+
13
+ export type TextAs = keyof JSX.IntrinsicElements | React.ComponentType<any>;
14
+
15
+ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
16
+ variant?: TextVariant;
17
+ as?: TextAs;
18
+ className?: string;
19
+ color?: string;
20
+ children?: React.ReactNode;
21
+ name?: string;
22
+ dataCy?: string;
23
+ }
24
+
25
+ export const Text: React.FC<TextProps>;