@wireapp/react-ui-kit 9.0.9 → 9.0.11

package/lib/Layout/Container.js

@@ -1,26 +1,14 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContainerXXS = exports.ContainerXS = exports.ContainerSM = exports.ContainerMD = exports.ContainerLG = exports.Container = void 0;
@@ -43,10 +31,9 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-const React = __importStar(require("react"));
+const react_1 = require("react");
 const sizes_1 = require("./sizes");
 const mediaQueries_1 = require("../mediaQueries");
-const util_1 = require("../util");
 const LEVEL = {
     lg: sizes_1.WIDTH.DESKTOP_MAX,
     md: sizes_1.WIDTH.TABLET_MAX,
@@ -67,16 +54,19 @@ const containerStyle = ({ centerText = false, level = undefined, verticalCenter
             width: `${sizes_1.WIDTH.DESKTOP_MIN - sizes_1.GUTTER * 2}px`,
         },
 });
-const filterContainerProps = (props) => (0, util_1.filterProps)(props, ['centerText', 'level', 'verticalCenter']);
-exports.Container = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, css: containerStyle(props) }, filterContainerProps(props)))));
+const Container = (_a, ref) => {
+    var { centerText, level, verticalCenter } = _a, props = __rest(_a, ["centerText", "level", "verticalCenter"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, css: containerStyle({ centerText, level, verticalCenter }) }, props)));
+};
+exports.Container = Container;
 exports.Container.displayName = 'Container';
-exports.ContainerLG = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'lg' }, props))));
+exports.ContainerLG = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'lg' }, props))));
 exports.ContainerLG.displayName = 'ContainerLG';
-exports.ContainerMD = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'md' }, props))));
+exports.ContainerMD = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'md' }, props))));
 exports.ContainerMD.displayName = 'ContainerMD';
-exports.ContainerSM = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'sm' }, props))));
+exports.ContainerSM = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'sm' }, props))));
 exports.ContainerSM.displayName = 'ContainerSM';
-exports.ContainerXS = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xs' }, props))));
+exports.ContainerXS = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xs' }, props))));
 exports.ContainerXS.displayName = 'ContainerXS';
-exports.ContainerXXS = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xxs' }, props))));
+exports.ContainerXXS = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Container, Object.assign({ ref: ref, level: 'xxs' }, props))));
 exports.ContainerXXS.displayName = 'ContainerXXS';

package/lib/Layout/StyledApp.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { THEME_ID, Theme } from './Theme';
+import { THEME_ID, Theme } from '../Theme/Theme';
 type StyledAppContainerProps = {
     themeId: THEME_ID;
     theme?: never;

package/lib/Layout/StyledApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledApp.d.ts","sourceRoot":"","sources":["../../src/Layout/StyledApp.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAwB,MAAM,SAAS,CAAC;AAK/D,KAAK,uBAAuB,GACxB;IACE,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,uBAAuB,GAAG,oBAAoB,CAAC;AAiB9G,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAC"}
+{"version":3,"file":"StyledApp.d.ts","sourceRoot":"","sources":["../../src/Layout/StyledApp.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAwB,MAAM,gBAAgB,CAAC;AAGtE,KAAK,uBAAuB,GACxB;IACE,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,uBAAuB,GAAG,oBAAoB,CAAC;AAiB9G,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAC"}

package/lib/Layout/StyledApp.js

@@ -13,8 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledApp = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Theme_1 = require("./Theme");
 const GlobalStyle_1 = require("../GlobalStyle");
+const Theme_1 = require("../Theme/Theme");
 const util_1 = require("../util");
 const styledAppContainerStyle = (theme, { backgroundColor = theme.general.backgroundColor }) => ({
     background: backgroundColor,

package/lib/Layout/headerMenu/MenuItems.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CSSObject } from '@emotion/react';
-import { Theme } from '../Theme';
+import { Theme } from '../../Theme/Theme';
 export interface MenuItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     open?: boolean;
 }

package/lib/Layout/headerMenu/MenuItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuItems.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAgB1E,CAAC;AAIH,eAAO,MAAM,SAAS,UAAW,cAAc,qDAE9C,CAAC"}
+{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuItems.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAGxC,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAgB1E,CAAC;AAIH,eAAO,MAAM,SAAS,UAAW,cAAc,qDAE9C,CAAC"}

package/lib/Layout/headerMenu/MenuLink.d.ts

@@ -1,6 +1,6 @@
 import { CSSObject } from '@emotion/react';
 import { LinkProps } from '../../Text';
-import { Theme } from '../Theme';
+import { Theme } from '../../Theme/Theme';
 export interface MenuLinkProps<T = HTMLAnchorElement> extends LinkProps<T> {
     button?: boolean;
 }

package/lib/Layout/headerMenu/MenuLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuLink.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAKzC,OAAO,EAAC,SAAS,EAA6B,MAAM,YAAY,CAAC;AAEjE,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SAiCxE,CAAC;AAEH,eAAO,MAAM,mBAAmB,cAAc,CAAC;AAE/C,eAAO,MAAM,mBAAmB,UAAW,aAAa,WACU,CAAC;AAEnE,eAAO,MAAM,QAAQ,UAAW,aAAa,qDAM5C,CAAC"}
+{"version":3,"file":"MenuLink.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAKzC,OAAO,EAAC,SAAS,EAA6B,MAAM,YAAY,CAAC;AACjE,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAGxC,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SAwCxE,CAAC;AAEH,eAAO,MAAM,mBAAmB,cAAc,CAAC;AAE/C,eAAO,MAAM,mBAAmB,UAAW,aAAa,WACU,CAAC;AAEnE,eAAO,MAAM,QAAQ,UAAW,aAAa,qDAM5C,CAAC"}

package/lib/Layout/headerMenu/MenuLink.js

@@ -18,7 +18,7 @@ const mediaQueries_1 = require("../../mediaQueries");
 const Text_1 = require("../../Text");
 const util_1 = require("../../util");
 const menuLinkStyle = (theme, _a) => {
-    var { bold = true, color = theme.general.color, fontSize = '11px', textTransform = 'uppercase', button = false } = _a, props = __rest(_a, ["bold", "color", "fontSize", "textTransform", "button"]);
+    var { bold = true, color = theme.general.color, fontSize = theme.fontSizes.extraSmall, textTransform = 'uppercase', button = false } = _a, props = __rest(_a, ["bold", "color", "fontSize", "textTransform", "button"]);
     return (Object.assign(Object.assign({}, (0, Text_1.linkStyle)(theme, Object.assign({ bold, color, fontSize, textTransform }, props))), { [mediaQueries_1.media[mediaQueries_1.QueryKeys.DESKTOP]]: {
             '&:first-of-type': {
                 marginLeft: 0,
@@ -37,7 +37,7 @@ const menuLinkStyle = (theme, _a) => {
             },
         }, [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
             border: 'none',
-            fontSize: '32px !important',
+            fontSize: '2rem !important',
             fontWeight: 300,
             maxWidth: '480px',
             padding: '8px 24px',

package/lib/Layout/headerMenu/MenuOpenButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CSSObject } from '@emotion/react';
-import { Theme } from '../Theme';
+import { Theme } from '../../Theme/Theme';
 export interface MenuOpenButtonProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     open?: boolean;
 }

package/lib/Layout/headerMenu/MenuOpenButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuOpenButton.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuOpenButton.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAuBpF,CAAC;AAIH,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAMxD,CAAC"}
+{"version":3,"file":"MenuOpenButton.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuOpenButton.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAGxC,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAuBpF,CAAC;AAIH,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAMxD,CAAC"}

package/lib/Layout/headerMenu/MenuSubLink.d.ts

@@ -1,6 +1,6 @@
 import { CSSObject } from '@emotion/react';
 import { TextProps } from '../../Text';
-import { Theme } from '../Theme';
+import { Theme } from '../../Theme/Theme';
 type MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;
 export declare const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject;
 export declare const MenuSubLink: (props: MenuSubLinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/Layout/headerMenu/MenuSubLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSubLink.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuSubLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,SAAS,EAAY,MAAM,YAAY,CAAC;AAChD,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,KAAK,gBAAgB,CAAC,CAAC,GAAG,cAAc,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEzD,eAAO,MAAM,gBAAgB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,SA8B9E,CAAC;AAEH,eAAO,MAAM,WAAW,UAAW,gBAAgB,qDAElD,CAAC"}
+{"version":3,"file":"MenuSubLink.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuSubLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,SAAS,EAAY,MAAM,YAAY,CAAC;AAChD,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,KAAK,gBAAgB,CAAC,CAAC,GAAG,cAAc,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEzD,eAAO,MAAM,gBAAgB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,SA8B9E,CAAC;AAEH,eAAO,MAAM,WAAW,UAAW,gBAAgB,qDAElD,CAAC"}

package/lib/Layout/headerMenu/MenuSubLink.js

@@ -14,12 +14,12 @@ const menuSubLinkStyle = (theme, props) => (Object.assign(Object.assign({}, (0,
         '&:last-child': {
             marginRight: 0,
         },
-        fontSize: '11px',
+        fontSize: theme.fontSizes.extraSmall,
         margin: '0 26px 0 10px',
         textTransform: 'uppercase',
     }, [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
         border: 'none',
-        fontSize: '32px !important',
+        fontSize: '2rem !important',
         fontWeight: '300 !important',
         maxWidth: '480px',
         padding: '8px 24px',

package/lib/Layout/index.d.ts

@@ -9,6 +9,6 @@ export * from './headerMenu/index';
 export * from './MatchMedia';
 export * from './Spacer';
 export * from './StyledApp';
-export * from './Theme';
+export * from '../Theme/Theme';
 export * from './sizes';
 //# sourceMappingURL=index.d.ts.map

package/lib/Layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Layout/index.ts"],"names":[],"mappings":"AAmBA,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Layout/index.ts"],"names":[],"mappings":"AAmBA,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/lib/Layout/index.js

@@ -43,5 +43,5 @@ __exportStar(require("./headerMenu/index"), exports);
 __exportStar(require("./MatchMedia"), exports);
 __exportStar(require("./Spacer"), exports);
 __exportStar(require("./StyledApp"), exports);
-__exportStar(require("./Theme"), exports);
+__exportStar(require("../Theme/Theme"), exports);
 __exportStar(require("./sizes"), exports);

package/lib/Menu/TabBar.js

@@ -29,7 +29,7 @@ const TabBar = (_a) => {
 };
 exports.TabBar = TabBar;
 const tabBarItemStyle = (theme, _a) => {
-    var { block = true, center = true, color = theme.general.color, bold = true, active = false, fontSize = '11px', textTransform = 'uppercase' } = _a, props = __rest(_a, ["block", "center", "color", "bold", "active", "fontSize", "textTransform"]);
+    var { block = true, center = true, color = theme.general.color, bold = true, active = false, fontSize = theme.fontSizes.extraSmall, textTransform = 'uppercase' } = _a, props = __rest(_a, ["block", "center", "color", "bold", "active", "fontSize", "textTransform"]);
     return Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, bold, center, color, fontSize, textTransform }, props))), { borderBottom: active ? `1px solid ${Identity_1.COLOR.GRAY_DARKEN_48}` : `1px solid ${Identity_1.COLOR.GRAY_LIGHTEN_40}`, cursor: 'pointer', display: 'flex', flexGrow: 1, justifyContent: 'center', opacity: active ? 1 : 0.56, padding: '8px 0' });
 };
 const TabBarItem = (_a) => {

package/lib/Misc/ButtonGroup.js

@@ -50,12 +50,12 @@ const ButtonGroup = ({ children }) => ((0, jsx_runtime_1.jsx)("div", Object.assi
 exports.ButtonGroup = ButtonGroup;
 const Button = (_a) => {
     var { children, icon } = _a, props = __rest(_a, ["children", "icon"]);
-    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ css: (theme) => buttonStyle(theme, props) }, props, { children: [icon, children && ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: {
+    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ css: (theme) => buttonStyle(theme, props) }, props, { children: [icon, children && ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: (theme) => ({
                     marginLeft: !!icon && '6px',
-                    fontSize: '12px',
+                    fontSize: theme.fontSizes.small,
                     fontWeight: 'bold',
-                    lineHeight: '14px',
+                    lineHeight: '0.875rem',
                     letterSpacing: '0.25px',
-                } }, { children: children })))] })));
+                }) }, { children: children })))] })));
 };
 ButtonGroup.Button = Button;

package/lib/Misc/Pill.js

@@ -40,8 +40,8 @@ const pillStyle = (theme, { active = false, type = null }) => {
         color: active ? Identity_1.COLOR.TEXT : theme.general.color,
         cursor: active ? 'default' : undefined,
         display: 'inline-block',
-        fontSize: '12px',
-        lineHeight: '16px',
+        fontSize: theme.fontSizes.small,
+        lineHeight: '1rem',
         margin: type ? '12px 0 0 0' : '0 8px',
         minHeight: '32px',
         padding: '8px 24px',

package/lib/Text/Heading.js

@@ -32,9 +32,9 @@ const Heading = (_a) => {
 exports.Heading = Heading;
 const h1Style = (theme, _a) => {
     var { block = true, color = theme.general.color, level = '1', noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "level", "noWrap", "textTransform"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '48px', fontWeight: 300, lineHeight: '56px', marginBottom: '64px', marginTop: 0, minHeight: '48px', [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
-            fontSize: '40px',
-            lineHeight: '48px',
+    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '3rem', fontWeight: 300, lineHeight: '3.5rem', marginBottom: '64px', marginTop: 0, minHeight: '3rem', [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
+            fontSize: '2.5rem',
+            lineHeight: '3rem',
         } }));
 };
 exports.h1Style = h1Style;
@@ -42,9 +42,9 @@ const H1 = (props) => ((0, jsx_runtime_1.jsx)("h1", Object.assign({ css: (theme)
 exports.H1 = H1;
 const h2Style = (theme, _a) => {
     var { block = true, color = theme.general.color, noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "noWrap", "textTransform"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '20px', fontWeight: 700, lineHeight: '28px', marginBottom: '24px', marginTop: '32px', [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
-            fontSize: '18px',
-            lineHeight: '26px',
+    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '1.25rem', fontWeight: 700, lineHeight: '1.75rem', marginBottom: '24px', marginTop: '32px', [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
+            fontSize: '1.125rem',
+            lineHeight: '1.625rem',
             marginBottom: '20px',
             marginTop: '26px',
         } }));
@@ -54,14 +54,14 @@ const H2 = (props) => ((0, jsx_runtime_1.jsx)("h2", Object.assign({ css: (theme)
 exports.H2 = H2;
 const h3Style = (theme, _a) => {
     var { block = true, color = theme.general.color, noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "noWrap", "textTransform"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '16px', fontWeight: 600, marginBottom: '16px' }));
+    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: theme.fontSizes.base, fontWeight: 600, marginBottom: '16px' }));
 };
 exports.h3Style = h3Style;
 const H3 = (props) => ((0, jsx_runtime_1.jsx)("h3", Object.assign({ css: (theme) => (0, exports.h3Style)(theme, props) }, (0, Text_1.filterTextProps)(props))));
 exports.H3 = H3;
 const h4Style = (theme, _a) => {
     var { block = true, color = theme.general.color, noWrap = false, textTransform = 'none' } = _a, props = __rest(_a, ["block", "color", "noWrap", "textTransform"]);
-    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: '11px', fontWeight: 300, marginBottom: '5px', marginTop: '20px' }));
+    return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, color, noWrap, textTransform }, props))), { fontSize: theme.fontSizes.extraSmall, fontWeight: 300, marginBottom: '5px', marginTop: '20px' }));
 };
 exports.h4Style = h4Style;
 const H4 = (props) => ((0, jsx_runtime_1.jsx)("h3", Object.assign({ css: (theme) => (0, exports.h4Style)(theme, props) }, (0, Text_1.filterTextProps)(props))));

package/lib/Text/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/Text/Label.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,SAAS,EAAY,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAC,SAAS,EAA6B,MAAM,QAAQ,CAAC;AAK7D,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAcD,eAAO,MAAM,KAAK,UAAW,UAAU,qDAEtC,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,iBAAiB,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAMjE,eAAO,MAAM,SAAS,UAAW,WAAW,iBAAiB,CAAC,qDAE7D,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/Text/Label.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,SAAS,EAAY,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAC,SAAS,EAA6B,MAAM,QAAQ,CAAC;AAK7D,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAcD,eAAO,MAAM,KAAK,UAAW,UAAU,qDAEtC,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,iBAAiB,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AASjE,eAAO,MAAM,SAAS,UAAW,WAAW,iBAAiB,CAAC,qDAE7D,CAAC"}

package/lib/Text/Label.js

@@ -17,7 +17,7 @@ const Link_1 = require("./Link");
 const Text_1 = require("./Text");
 const Identity_1 = require("../Identity");
 const labelStyle = (theme, _a) => {
-    var { markInvalid, bold = false, color = theme.general.color, fontSize = '12px' } = _a, props = __rest(_a, ["markInvalid", "bold", "color", "fontSize"]);
+    var { markInvalid, bold = false, color = theme.general.color, fontSize = theme.fontSizes.small } = _a, props = __rest(_a, ["markInvalid", "bold", "color", "fontSize"]);
     return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ bold, color, fontSize }, props))), { '&:focus-within': {
             color: Identity_1.COLOR.BLUE,
         }, color: markInvalid ? Identity_1.COLOR.RED : 'initial', width: '100%' }));
@@ -25,7 +25,7 @@ const labelStyle = (theme, _a) => {
 const Label = (props) => ((0, jsx_runtime_1.jsx)("label", Object.assign({ css: (theme) => labelStyle(theme, props) }, (0, Text_1.filterTextProps)(props))));
 exports.Label = Label;
 const labelLinkStyle = (theme, _a) => {
-    var { fontSize = '12px' } = _a, props = __rest(_a, ["fontSize"]);
+    var { fontSize = theme.fontSizes.small } = _a, props = __rest(_a, ["fontSize"]);
     return (Object.assign({}, (0, Link_1.linkStyle)(theme, Object.assign({ fontSize }, props))));
 };
 const LabelLink = (props) => ((0, jsx_runtime_1.jsx)("a", Object.assign({ css: (theme) => labelLinkStyle(theme, props) }, (0, Text_1.filterTextProps)(props))));

package/lib/Text/Link.js

@@ -22,14 +22,14 @@ var LinkVariant;
     LinkVariant["SECONDARY"] = "secondary";
 })(LinkVariant = exports.LinkVariant || (exports.LinkVariant = {}));
 const linkStyle = (theme, _a) => {
-    var { bold = true, fontSize = '11px', textTransform = 'uppercase', variant = LinkVariant.SECONDARY, color = theme.general.color } = _a, props = __rest(_a, ["bold", "fontSize", "textTransform", "variant", "color"]);
+    var { bold = true, fontSize = theme.fontSizes.extraSmall, textTransform = 'uppercase', variant = LinkVariant.SECONDARY, color = theme.general.color } = _a, props = __rest(_a, ["bold", "fontSize", "textTransform", "variant", "color"]);
     return Object.assign(Object.assign(Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ bold, color, fontSize, textTransform }, props))), { color: color, cursor: 'pointer', textDecoration: 'none', '&:visited, &:link, &:active': {
             color: color,
         } }), (variant === LinkVariant.PRIMARY && {
         '&:hover, &:visited:hover, &:focus-visible': {
             color: theme.general.primaryColor,
         },
-        fontSize: '16px',
+        fontSize: theme.fontSizes.base,
         fontWeight: 400,
         textTransform: 'none',
         textDecoration: 'underline',

package/lib/Text/Paragraph.js

@@ -23,9 +23,9 @@ exports.paragraphStyle = paragraphStyle;
 const Paragraph = (props) => ((0, jsx_runtime_1.jsx)("p", Object.assign({ css: (theme) => (0, exports.paragraphStyle)(theme, props) }, (0, Text_1.filterTextProps)(props))));
 exports.Paragraph = Paragraph;
 const leadStyle = (theme, _a) => {
-    var { block = true, center = true, fontSize = '24px' } = _a, props = __rest(_a, ["block", "center", "fontSize"]);
+    var { block = true, center = true, fontSize = theme.fontSizes.extraLarge } = _a, props = __rest(_a, ["block", "center", "fontSize"]);
     return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, center, fontSize }, props))), { marginBottom: '56px', marginTop: 0, [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
-            fontSize: '20px',
+            fontSize: '1.125rem',
         } }));
 };
 exports.leadStyle = leadStyle;

package/lib/Text/Text.d.ts

@@ -16,10 +16,10 @@ export interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React
 }
 export declare const filterTextProps: (props: TextProps) => Object;
 export declare const textStyle: <T>(theme: Theme, props: TextProps<T>) => CSSObject;
-export declare const Text: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "bold" | "css" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "key" | "value" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "center" | "start" | "light" | "size" | "default" | "block" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
-export declare const Bold: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "bold" | "css" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "key" | "value" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "center" | "start" | "light" | "size" | "default" | "block" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
-export declare const Small: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "bold" | "css" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "key" | "value" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "center" | "start" | "light" | "size" | "default" | "block" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
-export declare const Muted: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "bold" | "css" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "key" | "value" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "center" | "start" | "light" | "size" | "default" | "block" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
-export declare const Uppercase: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "bold" | "css" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "key" | "value" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "center" | "start" | "light" | "size" | "default" | "block" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
-export declare const Large: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "bold" | "css" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "key" | "value" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "center" | "start" | "light" | "size" | "default" | "block" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Text: React.FC<TextProps>;
+export declare const Bold: React.FC<TextProps>;
+export declare const Small: React.FC<TextProps>;
+export declare const Muted: React.FC<TextProps>;
+export declare const Uppercase: React.FC<TextProps>;
+export declare const Large: React.FC<TextProps>;
 //# sourceMappingURL=Text.d.ts.map

package/lib/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,UAAW,SAAS,WAa/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAwBhE,CAAC;AAEH,eAAO,MAAM,IAAI,g9LAEf,CAAC;AAGH,eAAO,MAAM,IAAI,g9LAEf,CAAC;AAGH,eAAO,MAAM,KAAK,g9LAEhB,CAAC;AAGH,eAAO,MAAM,KAAK,g9LAEhB,CAAC;AAGH,eAAO,MAAM,SAAS,g9LAEpB,CAAC;AAGH,eAAO,MAAM,KAAK,g9LAEhB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,UAAW,SAAS,WAa/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAwBhE,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEnC,CAAC;AAGH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEnC,CAAC;AAGH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAErC,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAErC,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAErC,CAAC"}

package/lib/Text/Text.js

@@ -61,7 +61,7 @@ const filterTextProps = (props) => {
     ]);
 };
 exports.filterTextProps = filterTextProps;
-const textStyle = (theme, { block = false, bold = false, center = false, color = theme.general.color, fontSize = '16px', light = false, muted = false, noWrap = false, textTransform = 'none', truncate = false, }) => ({
+const textStyle = (theme, { block = false, bold = false, center = false, color = theme.general.color, fontSize = theme.fontSizes.base, light = false, muted = false, noWrap = false, textTransform = 'none', truncate = false, }) => ({
     color: muted ? Identity_1.COLOR.GRAY : color,
     display: block ? 'block' : 'inline',
     fontSize: fontSize,
@@ -77,11 +77,11 @@ exports.Text = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)("span",
 exports.Text.displayName = 'Text';
 exports.Bold = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, bold: true }, props))));
 exports.Bold.displayName = 'Bold';
-exports.Small = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, fontSize: '12px' }, props))));
+exports.Small = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, fontSize: '12px' }, props)));
 exports.Small.displayName = 'Small';
-exports.Muted = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, muted: true }, props))));
+exports.Muted = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, muted: true }, props)));
 exports.Muted.displayName = 'Muted';
-exports.Uppercase = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, textTransform: 'uppercase' }, props))));
+exports.Uppercase = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, textTransform: 'uppercase' }, props)));
 exports.Uppercase.displayName = 'Uppercase';
-exports.Large = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, fontSize: '48px', light: true }, props))));
+exports.Large = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)(exports.Text, Object.assign({ ref: ref, fontSize: '48px', light: true }, props)));
 exports.Large.displayName = 'Large';

package/lib/Text/TextLink.js

@@ -16,7 +16,7 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Link_1 = require("./Link");
 const colors_v2_1 = require("../Identity/colors-v2");
 const textLinkStyle = (theme, _a) => {
-    var { color = colors_v2_1.COLOR_V2.BLUE, fontSize = '16px', bold = false, textTransform = 'none' } = _a, props = __rest(_a, ["color", "fontSize", "bold", "textTransform"]);
+    var { color = colors_v2_1.COLOR_V2.BLUE, fontSize = theme.fontSizes.base, bold = false, textTransform = 'none' } = _a, props = __rest(_a, ["color", "fontSize", "bold", "textTransform"]);
     return (Object.assign({}, (0, Link_1.linkStyle)(theme, Object.assign({ bold, color, fontSize, textTransform }, props))));
 };
 exports.textLinkStyle = textLinkStyle;

package/lib/Text/Title.js

@@ -16,7 +16,7 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Text_1 = require("./Text");
 const Identity_1 = require("../Identity");
 const titleStyle = (theme, _a) => {
-    var { block = true, center = true, fontSize = '32px', color = Identity_1.COLOR.GRAY, bold = true } = _a, props = __rest(_a, ["block", "center", "fontSize", "color", "bold"]);
+    var { block = true, center = true, fontSize = ' 2rem', color = Identity_1.COLOR.GRAY, bold = true } = _a, props = __rest(_a, ["block", "center", "fontSize", "color", "bold"]);
     return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, bold, center, color, fontSize }, props))), { marginBottom: '8px' }));
 };
 const Title = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (theme) => titleStyle(theme, props) }, (0, Text_1.filterTextProps)(props))));

package/lib/Theme/GlobalCssVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalCssVariables.d.ts","sourceRoot":"","sources":["../../src/Theme/GlobalCssVariables.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AA6GzC,eAAO,MAAM,kBAAkB;iBAzGZ,SAAS;gBA4CV,SAAS;wBA4CD,SAAS;CAqBlC,CAAC"}