pds-dev-kit-web-test 0.1.5 → 0.1.7

package/.vscode/settings.json

@@ -1,50 +0,0 @@
-{
-  "editor.minimap.enabled": false,
-  "javascript.validate.enable": false,
-  "javascript.format.enable": false,
-  "typescript.format.enable": false,
-  "editor.formatOnSave": false,
-  "stylelint.syntax": "css-in-js",
-  "[javascript]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.stylelint": true
-    }
-  },
-  "[typescript]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.stylelint": true,
-      "source.fixAll.eslint": true
-    }
-  },
-  "[typescriptreact]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.stylelint": true,
-      "source.fixAll.eslint": true
-    }
-  },
-  "[css]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.stylelint": true
-    }
-  },
-  "[json]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[jsonc]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "files.associations": {
-    "*.stylelintrc": "jsonc"
-  },
-  "cSpell.words": ["lotties", "singleline"]
-}

package/bitbucket-pipelines.yml

@@ -1,114 +0,0 @@
-#  Template React Deploy
-
-#  This template allows you to deploy your React app to an AWS S3 bucket and invalidate the old AWS Cloudfront distribution.
-#  The workflow allows running tests, code linting and security scans on feature branches (as well as master).
-#  The react app will be validated, deployed to S3 and trigger an AWS Cloudfront distribution invalidation to refresh the CDN caches after the code is merged to master.
-
-# Prerequisites: $AWS_ACCESS_KEY_ID, $AWS_SECRET_ACCESS_KEY setup in the Deployment variables.
-# For advanced cases, please, follow examples from the pipe's:
-# README https://bitbucket.org/atlassian/aws-s3-deploy/src/master/README.md
-# README https://bitbucket.org/atlassian/aws-cloudfront-invalidate/src/master/README.md
-
-image: node:10.15.3
-
-# Workflow Configuration
-
-options:
-  size: 2x
-
-definitions:
-  services:
-    docker:
-      memory: 7128
-
-pipelines:
-  pull-requests:
-    '**':
-      - step:
-          script:
-          - npm install
-          - npm run build:storybook
-          - if [ "${BITBUCKET_PR_DESTINATION_BRANCH}" != "staging" ]; then printf 'not a target branch we want to check'; exit; fi
-          - printf 'running storybook'
-          - npm run chromatic
-  tags:
-    version-*:
-      - step:
-          name: Deploy to Production
-          deployment: Production
-          caches:
-            - node
-          script:
-            - npm install
-            - npm run build:storybook
-            # sync your files to S3
-            - pipe: atlassian/aws-s3-deploy:0.4.4
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                S3_BUCKET: 'proto2.publishingkit.net'
-                LOCAL_PATH: 'storybook-static'
-                EXTRA_ARGS: '--delete'
-            # triggering a distribution invalidation to refresh the CDN caches
-            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                DISTRIBUTION_ID: $DISTRIBUTION_ID
-
-  branches:
-    staging:
-      - step:
-          name: Deploy to Staging
-          deployment: Staging
-          caches:
-            - node
-          script:
-            - npm install
-            - npm run build:storybook
-            # sync your files to S3
-            - pipe: atlassian/aws-s3-deploy:0.4.4
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                S3_BUCKET: $S3_BUCKET_STAGING
-                LOCAL_PATH: 'storybook-static'
-                EXTRA_ARGS: '--delete'
-            # triggering a distribution invalidation to refresh the CDN caches
-            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                DISTRIBUTION_ID: $DISTRIBUTION_ID_STAGING
-    master:
-      - step:
-          name: Deploy to Production
-          deployment: Production
-          caches:
-            - node
-          script:
-            - npm install
-            - npm run build:storybook
-            # sync your files to S3
-            - pipe: atlassian/aws-s3-deploy:0.4.4
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                S3_BUCKET: $S3_BUCKET_PROD
-                LOCAL_PATH: 'storybook-static'
-                EXTRA_ARGS: '--delete'
-            # triggering a distribution invalidation to refresh the CDN caches
-            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                DISTRIBUTION_ID: $DISTRIBUTION_ID_PROD
-definitions:
-  caches:
-    node: src/node_modules

package/dist/src/common/components/CircularProgress/CircularProgress.stories.d.ts

@@ -1,5 +0,0 @@
-import CircularProgress from './CircularProgress';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof CircularProgress>;
-export default _default;
-export declare const Default: ComponentStory<typeof CircularProgress>;

package/dist/src/common/components/CircularProgress/CircularProgress.stories.js

@@ -1,45 +0,0 @@
-"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 });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var CircularProgress_1 = __importDefault(require("./CircularProgress"));
-exports.default = {
-    title: 'test/common/components/CircularProgress',
-    component: CircularProgress_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: '컴포넌트 내부에서 쓸 수 있는 CircularProgress 공용 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        colorKey: {
-            description: '디자인 가이드에 명시되어있는 컬러 중 ui_형태의 컬러를 사용합니다.',
-            control: { type: 'select' }
-        },
-        size: {
-            description: 'width와 height의 크기를 한번에 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(CircularProgress_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    colorKey: 'ui_cpnt_icon_sys_grey_01'
-};

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

@@ -1,5 +0,0 @@
-import ThreeBarProgress from './ThreeBarProgress';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof ThreeBarProgress>;
-export default _default;
-export declare const Default: ComponentStory<typeof ThreeBarProgress>;

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

@@ -1,38 +0,0 @@
-"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 });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ThreeBarProgress_1 = __importDefault(require("./ThreeBarProgress"));
-exports.default = {
-    title: 'test/common/components/ThreeBarProgress',
-    component: ThreeBarProgress_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: '레이아웃 내부에서 쓸 수 있는 ThreeBarProgress 공용 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        colorKey: {
-            description: '디자인 가이드에 명시되어있는 컬러 중 ui_형태의 컬러를 사용합니다.',
-            control: { type: 'select' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(ThreeBarProgress_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});

package/dist/src/common/styles/ToneTest/ToneTest.stories.d.ts

@@ -1,5 +0,0 @@
-import ToneTest from './ToneTest';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof ToneTest>;
-export default _default;
-export declare const ToggleTone: ComponentStory<typeof ToneTest>;

package/dist/src/common/styles/ToneTest/ToneTest.stories.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleTone = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ToneTest_1 = __importDefault(require("./ToneTest"));
-exports.default = {
-    title: 'test/tone',
-    component: ToneTest_1.default
-};
-var Template = function () { return (0, jsx_runtime_1.jsx)(ToneTest_1.default, {}, void 0); };
-exports.ToggleTone = Template.bind({});

package/dist/src/common/styles/colorSet/Color.stories.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<never>;
-export default _default;
-export declare const AllColorKeys: ComponentStory<never>;
-export declare const ColorKey: ComponentStory<any>;

package/dist/src/common/styles/colorSet/Color.stories.js

@@ -1,125 +0,0 @@
-"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;
-};
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorKey = exports.AllColorKeys = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var components_1 = require("../../../desktop/components");
-var panels_1 = require("../../../desktop/panels");
-var ui_colors_1 = require("../ui-colors");
-exports.default = {
-    title: 'test/Color',
-    parameters: {
-        docs: {
-            description: {
-                component: '모든 color key를 확인할 수 있습니다.'
-            }
-        },
-        controls: { hideNoControlsWarning: true }
-    }
-};
-var S_Grid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-gap: 8px;\n  grid-template-columns: repeat(auto-fill, minmax(400px, auto));\n  margin: 24px;\n"], ["\n  display: grid;\n  grid-gap: 8px;\n  grid-template-columns: repeat(auto-fill, minmax(400px, auto));\n  margin: 24px;\n"])));
-var S_TextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-top: 1px solid ", ";\n  bottom: 0;\n  left: 0;\n  padding: 8px 0;\n  position: absolute;\n  right: 0;\n"], ["\n  background-color: ", ";\n  border-top: 1px solid ", ";\n  bottom: 0;\n  left: 0;\n  padding: 8px 0;\n  position: absolute;\n  right: 0;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_base_01;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_profile_image_border;
-});
-var S_ContentSheetWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  & > div {\n    background-color: ", ";\n  }\n"], ["\n  & > div {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme, colorKey = _a.colorKey;
-    return theme[colorKey];
-});
-var AllColorKeysTemplate = function () {
-    var colorKeys = Object.keys(ui_colors_1.uiColors);
-    return ((0, jsx_runtime_1.jsx)(S_Grid, { children: colorKeys.map(function (key) {
-            var handleCopyUrl = function () { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, navigator.clipboard.writeText(key)];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            }); };
-            return ((0, jsx_runtime_1.jsx)(S_ContentSheetWrapper, __assign({ colorKey: key }, { children: (0, jsx_runtime_1.jsx)(panels_1.ContentSheet, __assign({ width: "auto", height: "160px", borderMode: "use", overrideBorderColorKey: "ui_cpnt_divider", onClick: handleCopyUrl, overrideCSS: {
-                        display: 'flex',
-                        justifyContent: 'center',
-                        alignItems: 'center',
-                        position: 'relative'
-                    } }, { children: (0, jsx_runtime_1.jsx)(S_TextWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: key, styleTheme: "caption2Bold", textAlign: "center", userSelectMode: "use" }, void 0) }, void 0) }), void 0) }), key));
-        }) }, void 0));
-};
-exports.AllColorKeys = AllColorKeysTemplate.bind({});
-var ColorKeyTemplate = function (args) {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(panels_1.ContentSheet, __assign({ width: "auto", height: "500px", borderMode: "use", overrideBorderColorKey: "ui_cpnt_divider", overrideCSS: {
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                position: 'relative',
-                margin: '24px'
-            } }, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "controls\uC5D0 \uBCF4\uACE0 \uC2F6\uC740 colorKey\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.", styleTheme: "caption2Bold", textAlign: "center" }, void 0), (0, jsx_runtime_1.jsx)(S_ContentSheetWrapper, __assign({}, args, { children: (0, jsx_runtime_1.jsx)(panels_1.ContentSheet, __assign({ width: "100%", height: "100%", backgroundColorTheme: "transparent", overrideCSS: {
-                            position: 'absolute',
-                            top: '0',
-                            left: '0'
-                        } }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0) }), void 0) }), void 0)] }), void 0) }, void 0));
-};
-exports.ColorKey = ColorKeyTemplate.bind({});
-exports.ColorKey.args = {
-    colorKey: 'ui_cpnt_button_fill_base_primary'
-};
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.stories.d.ts

@@ -1,9 +0,0 @@
-import TextFieldBase from './TextFieldBase';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof TextFieldBase>;
-export default _default;
-export declare const Single: ComponentStory<typeof TextFieldBase>;
-export declare const Multi: ComponentStory<typeof TextFieldBase>;
-export declare const Auto: ComponentStory<typeof TextFieldBase>;
-export declare const readOnly: ComponentStory<typeof TextFieldBase>;
-export declare const disabled: ComponentStory<typeof TextFieldBase>;

package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.stories.js

@@ -1,150 +0,0 @@
-"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 });
-exports.disabled = exports.readOnly = exports.Auto = exports.Multi = exports.Single = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var withFormProvider_1 = require("../../../../common/decorators/withFormProvider");
-var TextFieldBase_1 = __importDefault(require("./TextFieldBase"));
-exports.default = {
-    title: 'test/desktop/common/components/TextFieldBase',
-    component: TextFieldBase_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 form계열의 컴포넌트를 생성하는 기초가되는 TextFieldBase 컴포넌트'
-            },
-            source: { type: 'code' }
-        },
-        controls: { hideNoControlsWarning: true }
-    },
-    argTypes: {
-        name: {
-            description: 'form의 name을 지정해줍니다.'
-        },
-        hintText: {
-            description: 'placeholder에 표시할 텍스트 값입니다.'
-        },
-        defaultText: {
-            description: '지정된 기본 값을 보여줘야 할 때 사용합니다.'
-        },
-        textAlign: {
-            description: '텍스트 정렬을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        validation: {
-            description: 'validation 조건과 에러 메세지 영역에서 표시할 텍스트 값을 부여할 수 있습니다.'
-        },
-        preventBlankMode: {
-            description: '여백을 막는 기능을 설정할 수 있습니다. (textLineType가 single(input)일때만 사용 가능)(none: 여백을 막지 않음, trim: 처음과 끝의 여백을 막음, all: 모든 여백을 막음) '
-        },
-        enterSubmitMode: {
-            description: 'Enter키를 통한 제출을 사용할 수 있습니다. (textLineType가 single(input)일때만 해당)'
-        },
-        textLineType: {
-            description: '텍스트의 개행 방법을 결정합니다. (single(singleline) : 한 줄, multi(multiline) : 정해진 높이값을 가지고 있는 textarea, auto(multiline auto size) : 글자 수에 따라 함께 늘어나는 형태, 특정 높이값에서 고정이 필요하다면 max-height를 가지고 있음)'
-        },
-        multiRows: {
-            description: 'textLineType : multi일 때, 지정할 문장의 열 수를 결정합니다. (높이값 결정)'
-        },
-        autoMinRows: {
-            description: 'textLineType : auto일 때, 보여줄 문장의 최소 열 수를 결정합니다.'
-        },
-        autoMaxRows: {
-            description: 'textLineType : auto일 때, 보여줄 문장의 최대 열 수를 결정합니다.'
-        },
-        inputType: {
-            description: 'textLineType : single일 때, input의 유형을 설정합니다.'
-        },
-        state: {
-            description: 'textfield의 상태를 결정합니다.'
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.'
-        },
-        min: {
-            description: '최소값을 정해줄 수 있습니다.'
-        },
-        max: {
-            description: '최대값을 정해줄 수 있습니다.'
-        },
-        maxLength: {
-            description: '최대 글자수를 정해줄 수 있습니다.'
-        },
-        textSize: {
-            description: 'form의 font-size를 결정합니다.'
-        },
-        textWeight: {
-            description: 'form의 font-weight를 결정합니다.'
-        },
-        fieldPadding: {
-            description: 'form의 텍스트 주위의 padding을 결정합니다. (1px, 1px 1px, 1px 1px 1px, 1px 1px 1px 1px 중 하나의 형태로 작성되어야합니다.)'
-        },
-        fieldHeight: {
-            description: 'form field의 기본 높이를 결정합니다.'
-        },
-        deleteIconMode: {
-            description: '취소 버튼 사용 유무를 결정합니다.'
-        },
-        deleteIconSize: {
-            description: '취소 버튼의 사이즈를 결정합니다.'
-        },
-        deleteIconColor: {
-            description: '취소 버튼의 색상을 결정합니다.'
-        },
-        isFocused: {
-            description: '포커스 유무를 받을 수 있습니다. deleteIconMode이 use일 경우, 함께 설정이 필요합니다.'
-        }
-    },
-    decorators: [function (story) { return (0, withFormProvider_1.withFormProvider)(story); }]
-};
-var Template = function (args) {
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { border: '1px solid red' } }, { children: (0, jsx_runtime_1.jsx)(TextFieldBase_1.default, __assign({}, args), void 0) }), void 0));
-};
-exports.Single = Template.bind({});
-exports.Single.args = {
-    name: 'single',
-    hintText: 'single',
-    textLineType: 'single'
-};
-exports.Multi = Template.bind({});
-exports.Multi.args = {
-    name: 'multi',
-    hintText: 'multi',
-    textLineType: 'multi',
-    multiRows: 5
-};
-exports.Auto = Template.bind({});
-exports.Auto.args = {
-    name: 'auto',
-    hintText: 'auto',
-    textLineType: 'auto',
-    autoMinRows: 3,
-    autoMaxRows: 5
-};
-exports.readOnly = Template.bind({});
-exports.readOnly.args = {
-    name: 'readOnly',
-    textLineType: 'single',
-    defaultText: 'readOnly',
-    state: 'read_only'
-};
-exports.disabled = Template.bind({});
-exports.disabled.args = {
-    name: 'disabled',
-    textLineType: 'single',
-    defaultText: 'disabled',
-    state: 'disabled'
-};

package/dist/src/desktop/components/AdminList/AdminList.stories.d.ts

@@ -1,8 +0,0 @@
-import AdminList from './AdminList';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof AdminList>;
-export default _default;
-export declare const Low: ComponentStory<typeof AdminList>;
-export declare const Medium: ComponentStory<typeof AdminList>;
-export declare const High: ComponentStory<typeof AdminList>;
-export declare const Empty: ComponentStory<typeof AdminList>;