pds-dev-kit-web-test 0.2.0-beta.0 → 0.2.1

package/dist/src/common/components/Navigations/ContextTextLabelNav.js

@@ -1,20 +1,26 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var desktop_1 = require("../../../desktop");
 var hybrid_1 = require("../../../hybrid");
 var BoxLayout_1 = require("../BoxLayout");
 var NavLink_1 = __importDefault(require("./NavLink"));
 function ContextTextLabelNav(_a, ref) {
-    var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c, onClick = _a.onClick;
-    return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { onClick: onClick, ref: ref, to: to, openNewTab: openNewTab, style: { minWidth: '100%', width: 'max-content' } },
-        react_1.default.createElement(BoxLayout_1.Row, null,
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }),
-            react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: "form2Regular", ellipsisMode: "use", lineLimit: 1 }),
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" })))) : (react_1.default.createElement(NavLink_1.default, { onClick: onClick, ref: ref, to: to, openNewTab: openNewTab },
-        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: "form2Regular" })));
+    var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.preventLineChange, preventLineChange = _b === void 0 ? false : _b, onClick = _a.onClick;
+    return preventLineChange ? ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ onClick: onClick, ref: ref, to: to, openNewTab: openNewTab, style: { minWidth: '100%', width: 'max-content' } }, { children: (0, jsx_runtime_1.jsxs)(BoxLayout_1.Row, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: text, styleTheme: "form2Regular", ellipsisMode: "use", lineLimit: 1 }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }, void 0)] }, void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ onClick: onClick, ref: ref, to: to, openNewTab: openNewTab }, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: text, styleTheme: "form2Regular" }, void 0) }), void 0));
 }
 exports.default = ContextTextLabelNav;

package/dist/src/common/components/Navigations/NavLink.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 declare type Props = {
     to: string;
@@ -9,5 +9,5 @@ declare type Props = {
     onMouseOver?: () => void;
     onMouseOut?: () => void;
 };
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLAnchorElement>>;
 export default _default;

package/dist/src/common/components/Navigations/NavLink.js

@@ -3,30 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = __importDefault(require("styled-components"));
 function NavLink(_a, 
@@ -34,9 +27,7 @@ function NavLink(_a,
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 ref) {
     var to = _a.to, children = _a.children, _b = _a.openNewTab, openNewTab = _b === void 0 ? false : _b, style = _a.style, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
-    return openNewTab ? (react_1.default.createElement("div", { style: style, onClick: onClick },
-        react_1.default.createElement(S_NavLink, { href: to, target: "_blank", rel: "noopener noreferrer", onMouseOver: onMouseOver, onMouseOut: onMouseOut }, children))) : (react_1.default.createElement("div", { style: style, onClick: onClick },
-        react_1.default.createElement(S_Link, { to: to, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, children)));
+    return openNewTab ? ((0, jsx_runtime_1.jsx)("div", __assign({ style: style, onClick: onClick }, { children: (0, jsx_runtime_1.jsx)(S_NavLink, __assign({ href: to, target: "_blank", rel: "noopener noreferrer", onMouseOver: onMouseOver, onMouseOut: onMouseOut }, { children: children }), void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)("div", __assign({ style: style, onClick: onClick }, { children: (0, jsx_runtime_1.jsx)(S_Link, __assign({ to: to, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, { children: children }), void 0) }), void 0));
 }
 var S_NavLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-height: 100%;\n"], ["\n  max-height: 100%;\n"])));
 var S_Link = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-height: 100%;\n"], ["\n  max-height: 100%;\n"])));

package/dist/src/common/components/Navigations/Navs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 declare type Props = {
     justified?: boolean;
@@ -6,5 +6,5 @@ declare type Props = {
     children: React.ReactNode;
     style?: CSSProperties;
 };
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLUListElement>>;
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLUListElement>>;
 export default _default;

package/dist/src/common/components/Navigations/Navs.js

@@ -3,34 +3,27 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 function Navs(_a, ref) {
     var children = _a.children, style = _a.style, _b = _a.justified, justified = _b === void 0 ? false : _b, _c = _a.vertical, vertical = _c === void 0 ? false : _c;
-    return (react_1.default.createElement(S_Nav, { ref: ref, justified: justified, vertical: vertical, style: style }, children));
+    return ((0, jsx_runtime_1.jsx)(S_Nav, __assign({ ref: ref, justified: justified, vertical: vertical, style: style }, { children: children }), void 0));
 }
 var S_Nav = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -ms-overflow-style: none; /* NOTE: Firefox */\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  list-style: none; /* NOTE: reset */\n  margin: 0; /* NOTE: reset */\n  padding: 0;\n  scrollbar-width: none; /* NOTE: IE and Edge */\n  width: 100%;\n"], ["\n  -ms-overflow-style: none; /* NOTE: Firefox */\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  list-style: none; /* NOTE: reset */\n  margin: 0; /* NOTE: reset */\n  padding: 0;\n  scrollbar-width: none; /* NOTE: IE and Edge */\n  width: 100%;\n"])), function (_a) {
     var vertical = _a.vertical;

package/dist/src/common/components/Navigations/TextLabelNav.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ForwardedRefType } from '../../types';
+import type { ForwardedRefType } from '../../types';
 declare type Props = {
     to: string;
     isActive?: boolean;

package/dist/src/common/components/Navigations/TextLabelNav.js

@@ -1,15 +1,24 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var desktop_1 = require("../../../desktop");
 var NavLink_1 = __importDefault(require("./NavLink"));
 function TextLabelNav(_a, ref) {
     var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c, onClick = _a.onClick;
-    return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab, style: { width: 'max-content' }, onClick: onClick },
-        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular', ellipsisMode: "use", lineLimit: 1 }))) : (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab, onClick: onClick },
-        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular' })));
+    return preventLineChange ? ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ ref: ref, to: to, openNewTab: openNewTab, style: { width: 'max-content' }, onClick: onClick }, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular', ellipsisMode: "use", lineLimit: 1 }, void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(NavLink_1.default, __assign({ ref: ref, to: to, openNewTab: openNewTab, onClick: onClick }, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular' }, void 0) }), void 0));
 }
 exports.default = TextLabelNav;

package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UiColors } from '../../types';
+import type { UiColors } from '../../types';
 export declare type ThreeBarProgressProps = {
     colorKey?: UiColors;
 };

package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.js

@@ -7,14 +7,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 function ThreeBarProgress(_a) {
     var _b = _a.colorKey, colorKey = _b === void 0 ? 'ui_loading_three_bar' : _b;
-    return (react_1.default.createElement(S_ThreeBarProgressWrapper, null,
-        react_1.default.createElement(S_ThreeBarProgressContent, { colorKey: colorKey })));
+    return ((0, jsx_runtime_1.jsx)(S_ThreeBarProgressWrapper, { children: (0, jsx_runtime_1.jsx)(S_ThreeBarProgressContent, { colorKey: colorKey }, void 0) }, void 0));
 }
-var S_ThreeBarProgressWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 400px;\n"], ["\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 400px;\n"])));
+var S_ThreeBarProgressWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  min-height: 400px;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  min-height: 400px;\n  width: 100%;\n"])));
 var S_ThreeBarProgressContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &,\n  &:before,\n  &:after {\n    background-color: ", ";\n    -webkit-animation: threeBarAnimation 1s infinite ease-in-out;\n    animation: threeBarAnimation 1s infinite ease-in-out;\n    width: 11px;\n    height: 44px;\n    min-height: 44px;\n    border-radius: 3px;\n  }\n  & {\n    color: ", ";\n    text-indent: -9999em;\n    margin: 88px auto;\n    position: relative;\n    font-size: 1px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay: -0.16s;\n    animation-delay: -0.16s;\n  }\n  &:before,\n  &:after {\n    position: absolute;\n    top: 0;\n    content: '';\n  }\n  &:before {\n    left: -20px;\n    -webkit-animation-delay: -0.32s;\n    animation-delay: -0.32s;\n  }\n  &:after {\n    left: 20px;\n  }\n  @-webkit-keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: 44px;\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: 48px;\n    }\n  }\n  @keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: 44px;\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: 48px;\n    }\n  }\n"], ["\n  &,\n  &:before,\n  &:after {\n    background-color: ", ";\n    -webkit-animation: threeBarAnimation 1s infinite ease-in-out;\n    animation: threeBarAnimation 1s infinite ease-in-out;\n    width: 11px;\n    height: 44px;\n    min-height: 44px;\n    border-radius: 3px;\n  }\n  & {\n    color: ", ";\n    text-indent: -9999em;\n    margin: 88px auto;\n    position: relative;\n    font-size: 1px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay: -0.16s;\n    animation-delay: -0.16s;\n  }\n  &:before,\n  &:after {\n    position: absolute;\n    top: 0;\n    content: '';\n  }\n  &:before {\n    left: -20px;\n    -webkit-animation-delay: -0.32s;\n    animation-delay: -0.32s;\n  }\n  &:after {\n    left: 20px;\n  }\n  @-webkit-keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: 44px;\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: 48px;\n    }\n  }\n  @keyframes threeBarAnimation {\n    0%,\n    80%,\n    100% {\n      box-shadow: 0 0;\n      height: 44px;\n    }\n    40% {\n      box-shadow: 0 -2em;\n      height: 48px;\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme, colorKey = _a.colorKey;
     return colorKey && theme[colorKey];

package/dist/src/common/components/index.d.ts

@@ -1,4 +1,3 @@
-import { CircularProgress } from './CircularProgress';
-import { Form } from './Form';
-import { ThreeBarProgress } from './ThreeBarProgress';
-export { CircularProgress, Form, ThreeBarProgress };
+export { CircularProgress } from './CircularProgress';
+export { Form } from './Form';
+export { ThreeBarProgress } from './ThreeBarProgress';

package/dist/src/common/decorators/withFormProvider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 declare type StoryType = () => React.ReactNode;
 export declare const withFormProvider: (storyFn: StoryType) => JSX.Element;
 export {};

package/dist/src/common/decorators/withFormProvider.js

@@ -10,22 +10,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withFormProvider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable react-hooks/rules-of-hooks */
-var react_1 = __importDefault(require("react"));
 var react_hook_form_1 = require("react-hook-form");
 var components_1 = require("../components");
 var withFormProvider = function (storyFn) {
     var methods = (0, react_hook_form_1.useForm)({ mode: 'onChange' });
     var handleSubmit = function (data) {
+        // eslint-disable-next-line no-console
         console.log('submit success', data);
     };
-    return (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, methods),
-        react_1.default.createElement(components_1.Form, { onSubmit: methods.handleSubmit(handleSubmit) }, storyFn())));
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsx)(components_1.Form, __assign({ onSubmit: methods.handleSubmit(handleSubmit) }, { children: storyFn() }), void 0) }), void 0));
 };
 exports.withFormProvider = withFormProvider;

package/dist/src/common/index.d.ts

@@ -1,10 +1,6 @@
-import { UITheme } from './styles/colorSet/ui-type';
-import { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType } from './types';
-export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType };
-import { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
-import { uiColors, customTheme } from './styles/ui-colors';
-export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
-import { theme } from './styles';
-export { theme };
-import { Form } from './components';
-export { Form };
+export { UITheme } from './styles/colorSet/ui-type';
+export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType } from './types';
+export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
+export { uiColors, customTheme } from './styles/ui-colors';
+export { theme } from './styles';
+export { Form } from './components';

package/dist/src/common/index.js

@@ -1,6 +1,4 @@
 "use strict";
-/* eslint-disable import/order */
-/* eslint-disable import/first */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
 // theme

package/dist/src/common/services/i18n/i18n.js

@@ -17,11 +17,17 @@ var i18next_browser_languagedetector_1 = __importDefault(require("i18next-browse
 var i18next_intervalplural_postprocessor_1 = __importDefault(require("i18next-intervalplural-postprocessor"));
 var react_i18next_1 = require("react-i18next");
 var resources_1 = __importDefault(require("./resources"));
-i18next_1.default.use(i18next_browser_languagedetector_1.default).use(i18next_intervalplural_postprocessor_1.default).use(react_i18next_1.initReactI18next).init({
+var availableLanguages = ['ko', 'en', 'ja', 'es', 'zh', 'zh-cn', 'zh-hk', 'zh-tw', 'fil'];
+i18next_1.default
+    .use(i18next_browser_languagedetector_1.default)
+    .use(i18next_intervalplural_postprocessor_1.default)
+    .use(react_i18next_1.initReactI18next)
+    .init({
+    fallbackLng: { zh: ['zh-cn'], 'zh-hk': ['zh-tw'], default: ['en'] },
     resources: resources_1.default,
-    load: 'languageOnly',
-    lowerCaseLng: true,
-    fallbackLng: 'ko'
+    supportedLngs: availableLanguages,
+    nonExplicitSupportedLngs: true,
+    lowerCaseLng: true
 });
 // override getSuffix method to support plurals in 'ko'
 var originalGetSuffix = i18next_1.default.services.pluralResolver.getSuffix;