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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,12 +1,7 @@
 # PDS-DEV-KIT-WEB-TEST Release Notes
-## [v0.1.5]
+## [v0.1.6]
 ## 기준 pds-dev-kit-web 버전 @1.9.18
 
 ### Package
-* eslint가 올바르게 동작하도록 수정
-  * tsconfig.json에서 baseUrl 추가
-  * styled-components order lint가 적용되도록 eslint-plugin-better-styled-components 추가
-* husky 추가
-* commitlint 라이브러리의 의존성 이슈로 기능을 구현해서 추가
-* 스토리북 북마크 작성시 타입 전달이 잘 되도록 수정
-  * export const Default = Template.bind({}); 부분에서 bind이후에 Default에도 타입이 이어지도록 수정
+* 패키지화를 시킬시 스토리 파일이 포함되지 않도록 조치
+* npmignore 수정

package/.commitlintrc.js

@@ -1,65 +0,0 @@
-const types = {
-  feature: '<feature>',
-  fix: '<fix>',
-  chore: '<chore>',
-  refactor: '<refactor>',
-  style: '<style>',
-  other: '<other>',
-  wip: '<wip>',
-  deploy: '<deploy>',
-  merge1: 'merge',
-  merge2: 'Merge',
-  merge3: 'merged',
-  merge4: 'Merged',
-  none: '.'
-};
-const allowTypes = [
-  types.feature,
-  types.fix,
-  types.chore,
-  types.refactor,
-  types.style,
-  types.deploy,
-  types.other,
-  types.merge1,
-  types.merge2,
-  types.merge3,
-  types.merge4
-];
-const ignoreTypes = [types.wip, types.none];
-
-const [, , type, subject] = process.argv;
-
-if (!type) {
-  return console.log('Aborting commit due to empty commit message.');
-}
-
-if (ignoreTypes.includes(type)) {
-  return;
-}
-
-if (!allowTypes.includes(type)) {
-  return console.log(
-    'type must be one of [<feature>, <fix>, <chore>, <refactor>, <style>, <deploy>, <other>, merge, Merge, merged, Merged]'
-  );
-}
-
-if (!subject) {
-  return console.log('subject may not be empty');
-}
-
-if (type === types.feature) {
-  if (!/PDS-\d*/.test(subject)) {
-    return console.log(
-      `${types.feature} tag should include task number. ex) ${types.feature} PDS-123 subject...`
-    );
-  }
-}
-
-if (type === types.other) {
-  if (!/\[\w*\]/.test(subject)) {
-    return console.log(
-      `${types.other} tag should include temporary tag. ex) ${types.other} [temp] subject...`
-    );
-  }
-}

package/.husky/.eslintrc.prepush

@@ -1,7 +0,0 @@
-{
-  "rules": {
-    "no-debugger": "error",
-    "no-console": "error",
-    "@typescript-eslint/no-unused-vars": "error",
-  }
-}

package/.husky/commit-msg

@@ -1,13 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-commit_msg=$(cat .git/COMMIT_EDITMSG)
-
-result=$(node .commitlintrc.js $commit_msg)
-
-if [ -n "$result" ]; then
-    echo "\n\033[1;30m⧗ \033[0m input: \033[01m$commit_msg\033[0m"
-    echo "\033[1;31m✖ \033[0m $result\n"
-    echo "ⓘ   Get help: https://publ.atlassian.net/wiki/spaces/GUIDE101/pages/2780398791/How+to+commit\n"
-    exit 1
-fi

package/.husky/pre-commit

@@ -1,9 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-if [ "$FORCE" == "true" ]
-then
-  exit 0
-fi
-
-npx lint-staged

package/.husky/pre-push

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-tsc --noEmit

package/.lintstagedrc.json

@@ -1,7 +0,0 @@
-{
-  "src/**/*.{ts,tsx,js,jsx}": [
-    "prettier --write",
-    "eslint -c ./.husky/.eslintrc.prepush --fix",
-    "stylelint"
-  ]
-}

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>;