pds-dev-kit-web-test 0.0.16 → 0.0.18

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/index.d.ts

@@ -0,0 +1,110 @@
+export declare const theme: {
+    fontWeight: {
+        normal: string;
+        bold: string;
+    };
+    desktopFontSize: {
+        displayHeading: string;
+        heading: string;
+        leadParagraph: string;
+        subtitle: string;
+        body1: string;
+        body2: string;
+        caption1: string;
+        caption2: string;
+        form1: string;
+        form2: string;
+        blog1: string;
+    };
+    desktopLineHeight: {
+        displayHeading: string;
+        heading: string;
+        leadParagraph: string;
+        subtitle: string;
+        body1: string;
+        body2: string;
+        caption1: string;
+        caption2: string;
+        form1: string;
+        form2: string;
+        blog1: string;
+        singleLine: string;
+    };
+    desktopEditorFontSize: {
+        h1: string;
+        h2: string;
+        h3: string;
+        p: string;
+    };
+    desktopEditorLineHeight: {
+        h1: string;
+        h2: string;
+        h3: string;
+        p: string;
+    };
+    mobileFontSize: {
+        displayHeading: string;
+        heading: string;
+        leadParagraph: string;
+        subtitle: string;
+        body1: string;
+        body2: string;
+        caption1: string;
+        caption2: string;
+        form1: string;
+        form2: string;
+        blog1: string;
+    };
+    mobileLineHeight: {
+        displayHeading: string;
+        heading: string;
+        leadParagraph: string;
+        subtitle: string;
+        body1: string;
+        body2: string;
+        caption1: string;
+        caption2: string;
+        form1: string;
+        form2: string;
+        blog1: string;
+        singleLine: string;
+    };
+    mobileEditorFontSize: {
+        h1: string;
+        h2: string;
+        h3: string;
+        p: string;
+    };
+    mobileEditorLineHeight: {
+        h1: string;
+        h2: string;
+        h3: string;
+        p: string;
+    };
+    boxShadow: {
+        elevation0: string;
+        elevation1: string;
+        elevation2: string;
+        elevation3: string;
+        elevation4: string;
+        elevation5: string;
+    };
+    spacing: {
+        spacingA: string;
+        spacingB: string;
+        spacingC: string;
+        spacingD: string;
+        spacingE: string;
+        spacingF: string;
+        spacingG: string;
+        spacingH: string;
+        spacingI: string;
+        spacingJ: string;
+        spacingK: string;
+        spacingL: string;
+        spacingM: string;
+        spacingN: string;
+    };
+    uiColors: import("..").UITheme;
+};
+export { skeletonLoadingStyle } from './loading';

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.skeletonLoadingStyle = exports.theme = void 0;
+var theme_1 = require("./theme");
+var ui_colors_1 = require("./ui-colors");
+exports.theme = {
+    fontWeight: theme_1.fontWeight,
+    desktopFontSize: theme_1.desktopFontSize,
+    desktopLineHeight: theme_1.desktopLineHeight,
+    desktopEditorFontSize: theme_1.desktopEditorFontSize,
+    desktopEditorLineHeight: theme_1.desktopEditorLineHeight,
+    mobileFontSize: theme_1.mobileFontSize,
+    mobileLineHeight: theme_1.mobileLineHeight,
+    mobileEditorFontSize: theme_1.mobileEditorFontSize,
+    mobileEditorLineHeight: theme_1.mobileEditorLineHeight,
+    boxShadow: theme_1.boxShadow,
+    spacing: theme_1.spacing,
+    uiColors: ui_colors_1.uiColors
+};
+var loading_1 = require("./loading");
+Object.defineProperty(exports, "skeletonLoadingStyle", { enumerable: true, get: function () { return loading_1.skeletonLoadingStyle; } });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/loading/index.d.ts

@@ -0,0 +1 @@
+export { skeletonLoadingStyle } from './skeletonLoadingStyle';

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/loading/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.skeletonLoadingStyle = void 0;
+var skeletonLoadingStyle_1 = require("./skeletonLoadingStyle");
+Object.defineProperty(exports, "skeletonLoadingStyle", { enumerable: true, get: function () { return skeletonLoadingStyle_1.skeletonLoadingStyle; } });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/loading/skeletonLoadingStyle.d.ts

@@ -0,0 +1 @@
+export declare const skeletonLoadingStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/loading/skeletonLoadingStyle.js

@@ -0,0 +1,28 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.skeletonLoadingStyle = void 0;
+var styled_components_1 = require("styled-components");
+exports.skeletonLoadingStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -webkit-animation: skeleton-gradient 1.8s infinite ease-in-out;\n  animation: skeleton-gradient 1.8s infinite ease-in-out;\n\n  @-webkit-keyframes skeleton-gradient {\n    0% {\n      background-color: ", ";\n    }\n\n    50% {\n      background-color: ", ";\n    }\n\n    100% {\n      background-color: ", ";\n    }\n  }\n\n  @keyframes skeleton-gradient {\n    0% {\n      background-color: ", ";\n    }\n\n    50% {\n      background-color: ", ";\n    }\n\n    100% {\n      background-color: ", ";\n    }\n  }\n"], ["\n  -webkit-animation: skeleton-gradient 1.8s infinite ease-in-out;\n  animation: skeleton-gradient 1.8s infinite ease-in-out;\n\n  @-webkit-keyframes skeleton-gradient {\n    0% {\n      background-color: ", ";\n    }\n\n    50% {\n      background-color: ", ";\n    }\n\n    100% {\n      background-color: ", ";\n    }\n  }\n\n  @keyframes skeleton-gradient {\n    0% {\n      background-color: ", ";\n    }\n\n    50% {\n      background-color: ", ";\n    }\n\n    100% {\n      background-color: ", ";\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_loading_skeleton_01;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_loading_skeleton_02;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_loading_skeleton_01;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_loading_skeleton_01;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_loading_skeleton_02;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_loading_skeleton_01;
+});
+var templateObject_1;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/theme.d.ts

@@ -0,0 +1,111 @@
+import { DefaultTheme } from 'styled-components';
+export declare const fontWeight: {
+    normal: string;
+    bold: string;
+};
+export declare const desktopFontSize: {
+    displayHeading: string;
+    heading: string;
+    leadParagraph: string;
+    subtitle: string;
+    body1: string;
+    body2: string;
+    caption1: string;
+    caption2: string;
+    form1: string;
+    form2: string;
+    blog1: string;
+};
+export declare const desktopLineHeight: {
+    displayHeading: string;
+    heading: string;
+    leadParagraph: string;
+    subtitle: string;
+    body1: string;
+    body2: string;
+    caption1: string;
+    caption2: string;
+    form1: string;
+    form2: string;
+    blog1: string;
+    singleLine: string;
+};
+export declare const desktopEditorFontSize: {
+    h1: string;
+    h2: string;
+    h3: string;
+    p: string;
+};
+export declare const desktopEditorLineHeight: {
+    h1: string;
+    h2: string;
+    h3: string;
+    p: string;
+};
+export declare const mobileFontSize: {
+    displayHeading: string;
+    heading: string;
+    leadParagraph: string;
+    subtitle: string;
+    body1: string;
+    body2: string;
+    caption1: string;
+    caption2: string;
+    form1: string;
+    form2: string;
+    blog1: string;
+};
+export declare const mobileLineHeight: {
+    displayHeading: string;
+    heading: string;
+    leadParagraph: string;
+    subtitle: string;
+    body1: string;
+    body2: string;
+    caption1: string;
+    caption2: string;
+    form1: string;
+    form2: string;
+    blog1: string;
+    singleLine: string;
+};
+export declare const mobileEditorFontSize: {
+    h1: string;
+    h2: string;
+    h3: string;
+    p: string;
+};
+export declare const mobileEditorLineHeight: {
+    h1: string;
+    h2: string;
+    h3: string;
+    p: string;
+};
+export declare const boxShadow: {
+    elevation0: string;
+    elevation1: string;
+    elevation2: string;
+    elevation3: string;
+    elevation4: string;
+    elevation5: string;
+};
+export declare const spacing: {
+    spacingA: string;
+    spacingB: string;
+    spacingC: string;
+    spacingD: string;
+    spacingE: string;
+    spacingF: string;
+    spacingG: string;
+    spacingH: string;
+    spacingI: string;
+    spacingJ: string;
+    spacingK: string;
+    spacingL: string;
+    spacingM: string;
+    spacingN: string;
+};
+declare const theme: DefaultTheme;
+declare type ToneType = 'DARK' | 'LIGHT';
+export declare const themeByGivenTone: (tone: ToneType) => any;
+export default theme;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/theme.js

@@ -0,0 +1,125 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeByGivenTone = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+var ui_colors_1 = require("./ui-colors");
+exports.fontWeight = {
+    normal: '500',
+    bold: '700'
+};
+exports.desktopFontSize = {
+    displayHeading: '40px',
+    heading: '24px',
+    leadParagraph: '20px',
+    subtitle: '18px',
+    body1: '18px',
+    body2: '16px',
+    caption1: '14px',
+    caption2: '12px',
+    form1: '16px',
+    form2: '14px',
+    blog1: '16px'
+};
+exports.desktopLineHeight = {
+    displayHeading: '1.5',
+    heading: '1.5',
+    leadParagraph: '1.5',
+    subtitle: '1.5',
+    body1: '1.5',
+    body2: '1.5',
+    caption1: '1.5',
+    caption2: '1.5',
+    form1: '1.6',
+    form2: '1.6',
+    blog1: '1.6',
+    singleLine: '1'
+};
+exports.desktopEditorFontSize = {
+    h1: '38px',
+    h2: '30px',
+    h3: '24px',
+    p: '18px'
+};
+exports.desktopEditorLineHeight = {
+    h1: '1.5',
+    h2: '1.5',
+    h3: '1.5',
+    p: '1.8'
+};
+exports.mobileFontSize = {
+    displayHeading: '32px',
+    heading: '24px',
+    leadParagraph: '20px',
+    subtitle: '18px',
+    body1: '18px',
+    body2: '16px',
+    caption1: '14px',
+    caption2: '12px',
+    form1: '16px',
+    form2: '14px',
+    blog1: '16px'
+};
+exports.mobileLineHeight = {
+    displayHeading: '1.5',
+    heading: '1.5',
+    leadParagraph: '1.5',
+    subtitle: '1.5',
+    body1: '1.5',
+    body2: '1.5',
+    caption1: '1.5',
+    caption2: '1.5',
+    form1: '1.6',
+    form2: '1.6',
+    blog1: '1.6',
+    singleLine: '1'
+};
+exports.mobileEditorFontSize = {
+    h1: '38px',
+    h2: '30px',
+    h3: '24px',
+    p: '18px'
+};
+exports.mobileEditorLineHeight = {
+    h1: '1.5',
+    h2: '1.5',
+    h3: '1.5',
+    p: '1.8'
+};
+exports.boxShadow = {
+    elevation0: '0 0 0 0 #0003',
+    elevation1: '0 2px 8px 0 #0003',
+    elevation2: '0 3px 12px 0 #0003',
+    elevation3: '0 4px 16px 0 #0003',
+    elevation4: '0 5px 20px 0 #0003',
+    elevation5: '0 6px 24px 0 #0003'
+};
+exports.spacing = {
+    spacingA: '4px',
+    spacingB: '8px',
+    spacingC: '12px',
+    spacingD: '16px',
+    spacingE: '24px',
+    spacingF: '32px',
+    spacingG: '48px',
+    spacingH: '64px',
+    spacingI: '88px',
+    spacingJ: '120px',
+    spacingK: '160px',
+    spacingL: '240px',
+    spacingM: '288px',
+    spacingN: '320px'
+};
+var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {}));
+var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing })); };
+exports.themeByGivenTone = themeByGivenTone;
+exports.default = theme;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/ui-colors.d.ts

@@ -0,0 +1,10 @@
+import { UITheme } from './colorSet/ui-type';
+export declare const uiColors: UITheme;
+declare global {
+    interface Window {
+        PdsUtils: any;
+    }
+}
+export declare const customTheme: (tone: string, palette?: {
+    [key: string]: string;
+} | undefined) => any;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/styles/ui-colors.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customTheme = exports.uiColors = void 0;
+var colorSet_1 = __importDefault(require("./colorSet"));
+function buildCascadedColors(lowLevel, highLevel, override) {
+    if (override === void 0) { override = {}; }
+    return Object.keys(highLevel).reduce(function (acc, key) {
+        var keyInLowLevelColors = highLevel[key];
+        var colorValue;
+        if (keyInLowLevelColors.indexOf('/') !== -1) {
+            colorValue = override[key]
+                ? override[key]
+                : lowLevel[keyInLowLevelColors.split('/')[0]] + lowLevel[keyInLowLevelColors.split('/')[1]];
+        }
+        else {
+            colorValue = override[key] ? override[key] : lowLevel[keyInLowLevelColors];
+        }
+        acc[key] = colorValue;
+        return acc;
+    }, {});
+}
+// fetch-palette-phase
+// 서버로부터 해당 채널이 라이트 톤을 사용하는지, 다크 톤을 사용하는지 가져오기
+// 서버로부터 해당 채널에서 커스텀으로 설정한 팔레트 가져오기
+// from server (원래는 비동기)
+var colorSetting = {
+    tone: 'DARK',
+    palette: {
+        usr_good_job: '#999999'
+    }
+};
+var phaseTwoJSON = colorSetting.tone === 'LIGHT' ? colorSet_1.default.PaletteColor_light : colorSet_1.default.PaletteColor_Dark;
+// ui-color-build-phase
+var paletteColors = buildCascadedColors(colorSet_1.default.SemanticColor, phaseTwoJSON, colorSetting.palette);
+exports.uiColors = buildCascadedColors(paletteColors, colorSet_1.default.UIColor);
+window.PdsUtils = {
+    tone: 'DARK'
+};
+var customTheme = function (tone, palette) {
+    window.PdsUtils.tone = tone;
+    window.PdsUtils.palette = palette;
+    var buildedColors = buildCascadedColors(buildCascadedColors(colorSet_1.default.SemanticColor, tone === 'LIGHT' ? colorSet_1.default.PaletteColor_light : colorSet_1.default.PaletteColor_Dark, palette), colorSet_1.default.UIColor);
+    return buildedColors;
+};
+exports.customTheme = customTheme;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/components.d.ts

@@ -0,0 +1,12 @@
+import { ForwardedRef } from 'react';
+import { PDSTextType } from './text';
+export declare type PDSValueOption = {
+    text: PDSTextType;
+    value: string | number | null | boolean;
+};
+export declare type PDSTabItemOption = {
+    title: PDSTextType;
+    isActive: boolean;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+export declare type ForwardedRefType<T> = ForwardedRef<T | null>;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/components.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/form.d.ts

@@ -0,0 +1,3 @@
+export interface IFormValues {
+    [key: string]: string;
+}

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/form.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/icon.d.ts

@@ -0,0 +1,5 @@
+import fillIcons from '../assets/icons/fill';
+import lineIcons from '../assets/icons/line';
+export declare type FillIconNameKeys = keyof typeof fillIcons;
+export declare type LineIconNameKeys = keyof typeof lineIcons;
+export declare type PDSIconType = FillIconNameKeys | LineIconNameKeys;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/icon.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './form';
+export * from './icon';
+export * from './styled-components';
+export * from './text';
+export * from './uiColors';
+export * from './components';

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/index.js

@@ -0,0 +1,18 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form"), exports);
+__exportStar(require("./icon"), exports);
+__exportStar(require("./styled-components"), exports);
+__exportStar(require("./text"), exports);
+__exportStar(require("./uiColors"), exports);
+__exportStar(require("./components"), exports);

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/styled-components.d.ts

@@ -0,0 +1,111 @@
+import { desktopFontSize, fontWeight } from '../styles/theme';
+export interface PdsDevKitTheme {
+    fontWeight: {
+        normal: '500';
+        bold: '700';
+    };
+    desktopFontSize: {
+        displayHeading: '40px';
+        heading: '24px';
+        leadParagraph: '20px';
+        subtitle: '18px';
+        body1: '18px';
+        body2: '16px';
+        caption1: '14px';
+        caption2: '12px';
+        form1: '16px';
+        form2: '14px';
+        blog1: '16px';
+    };
+    desktopLineHeight: {
+        displayHeading: '1.5';
+        heading: '1.5';
+        leadParagraph: '1.5';
+        subtitle: '1.5';
+        body1: '1.5';
+        body2: '1.5';
+        caption1: '1.5';
+        caption2: '1.5';
+        form1: '1.6';
+        form2: '1.6';
+        blog1: '1.6';
+        singleLine: '1';
+    };
+    desktopEditorFontSize: {
+        h1: '38px';
+        h2: '30px';
+        h3: '24px';
+        p: '18px';
+    };
+    desktopEditorLineHeight: {
+        h1: '1.5';
+        h2: '1.5';
+        h3: '1.5';
+        p: '1.8';
+    };
+    mobileFontSize: {
+        displayHeading: '32px';
+        heading: '24px';
+        leadParagraph: '20px';
+        subtitle: '18px';
+        body1: '18px';
+        body2: '16px';
+        caption1: '14px';
+        caption2: '12px';
+        form1: '16px';
+        form2: '14px';
+        blog1: '16px';
+    };
+    mobileLineHeight: {
+        displayHeading: '1.5';
+        heading: '1.5';
+        leadParagraph: '1.5';
+        subtitle: '1.5';
+        body1: '1.5';
+        body2: '1.5';
+        caption1: '1.5';
+        caption2: '1.5';
+        form1: '1.6';
+        form2: '1.6';
+        blog1: '1.6';
+        singleLine: '1';
+    };
+    mobileEditorFontSize: {
+        h1: '38px';
+        h2: '30px';
+        h3: '24px';
+        p: '18px';
+    };
+    mobileEditorLineHeight: {
+        h1: '1.5';
+        h2: '1.5';
+        h3: '1.5';
+        p: '1.8';
+    };
+    boxShadow: {
+        elevation0: '0 0 0 0 #0003';
+        elevation1: '0 2px 8px 0 #0003';
+        elevation2: '0 3px 12px 0 #0003';
+        elevation3: '0 4px 16px 0 #0003';
+        elevation4: '0 5px 20px 0 #0003';
+        elevation5: '0 6px 24px 0 #0003';
+    };
+    spacing: {
+        spacingA: '4px';
+        spacingB: '8px';
+        spacingC: '12px';
+        spacingD: '16px';
+        spacingE: '24px';
+        spacingF: '32px';
+        spacingG: '48px';
+        spacingH: '64px';
+        spacingI: '88px';
+        spacingJ: '120px';
+        spacingK: '160px';
+        spacingL: '240px';
+        spacingM: '288px';
+        spacingN: '320px';
+    };
+}
+export declare type DesktopFontSize = keyof typeof desktopFontSize;
+export declare type FontWeight = keyof typeof fontWeight;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/styled-components.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/text.d.ts

@@ -0,0 +1,2 @@
+import { TFunctionResult } from 'i18next';
+export declare type PDSTextType = number | TFunctionResult;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/text.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/uiColors.d.ts

@@ -0,0 +1,2 @@
+import { uiColors } from '../styles/ui-colors';
+export declare type UiColors = keyof typeof uiColors;

package/dist/src/sub/DynamicLayout/common/components/pdsOriginal/common/types/uiColors.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });