@elice/material-exercise 1.260305.0 → 1.260429.0-improvetimerpopoverui.0

package/cjs/components/material-exercise/MaterialExercise.styled.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var designTokens = require('@elice/design-tokens');
-var stylesheets = require('../../constants/stylesheets.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var EXERCISE_FILE_TREE_MIN_WIDTH = 128;
-var EXERCISE_PREVIEW_MIN_WIDTH = 128;
-var EXERCISE_RUNNER_MIN_HEIGHT = 128;
-var EXERCISE_HORIZONTAL_RATIO = {
-  FILETREE: 0.15,
-  PREVIEW: 0.4
-};
-/**
- * Wrapper contains:
- * - FileTree
- * - FileTabs
- * - File (Editor)
- * - Runner
- */
-var StyledExerciseContainer = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm99"
-})("production" === "production" ? {
-  name: "1x6515k",
-  styles: "flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0"
-} : {
-  name: "1x6515k",
-  styles: "flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/**
- * Wrapper contains:
- * - FileTree
- * - FileTabs
- * - File (Editor)
- */
-var StyledExerciseMain = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm98"
-})("production" === "production" ? {
-  name: "gaqfa6",
-  styles: "flex:1;display:flex;width:100%;min-width:0;min-height:0"
-} : {
-  name: "gaqfa6",
-  styles: "flex:1;display:flex;width:100%;min-width:0;min-height:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/**
- * Wrapper contains:
- * - FileTabs
- * - File (Editor)
- */
-var StyledExerciseFileAndTabWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm97"
-})("flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;background-color:", designTokens.base.color.navy9, ";");
-var StyledExerciseFileWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm96"
-})("production" === "production" ? {
-  name: "1qvekf5",
-  styles: "flex:1;min-height:0"
-} : {
-  name: "1qvekf5",
-  styles: "flex:1;min-height:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-// ========== Exercise FileTab ==========
-var StyledExerciseTabBar = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm95"
-})("display:flex;border-bottom:", stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, ";");
-var StyledExerciseTabsWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm94"
-})("production" === "production" ? {
-  name: "fxp7t8",
-  styles: "flex:1;min-width:0"
-} : {
-  name: "fxp7t8",
-  styles: "flex:1;min-width:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledExerciseTabMenuWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm93"
-})("display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;background-color:", designTokens.base.color.navy8, ";");
-// ========== Exercise FileTree ==========
-var StyledExerciseFileTreeWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm92"
-})("flex:1;display:flex;flex-direction:column;min-width:0;height:100%;border-right:", stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, ";");
-var StyledxerciseFileTreeContaner = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm91"
-})("production" === "production" ? {
-  name: "ajoz9e",
-  styles: "display:flex;height:100%;max-width:auto;&[aria-hidden='true']{max-width:0;overflow:hidden;}"
-} : {
-  name: "ajoz9e",
-  styles: "display:flex;height:100%;max-width:auto;&[aria-hidden='true']{max-width:0;overflow:hidden;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-// ========== Exercise Runner ==========
-var StyledExerciseRunnerWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1femvm90"
-})("width:100%;height:100%;border-top:", stylesheets.MATERIAL_DIVIDER_BORDER_VALUE, ";");
-
-exports.EXERCISE_FILE_TREE_MIN_WIDTH = EXERCISE_FILE_TREE_MIN_WIDTH;
-exports.EXERCISE_HORIZONTAL_RATIO = EXERCISE_HORIZONTAL_RATIO;
-exports.EXERCISE_PREVIEW_MIN_WIDTH = EXERCISE_PREVIEW_MIN_WIDTH;
-exports.EXERCISE_RUNNER_MIN_HEIGHT = EXERCISE_RUNNER_MIN_HEIGHT;
-exports.StyledExerciseContainer = StyledExerciseContainer;
-exports.StyledExerciseFileAndTabWrap = StyledExerciseFileAndTabWrap;
-exports.StyledExerciseFileTreeWrap = StyledExerciseFileTreeWrap;
-exports.StyledExerciseFileWrap = StyledExerciseFileWrap;
-exports.StyledExerciseMain = StyledExerciseMain;
-exports.StyledExerciseRunnerWrap = StyledExerciseRunnerWrap;
-exports.StyledExerciseTabBar = StyledExerciseTabBar;
-exports.StyledExerciseTabMenuWrap = StyledExerciseTabMenuWrap;
-exports.StyledExerciseTabsWrap = StyledExerciseTabsWrap;
-exports.StyledxerciseFileTreeContaner = StyledxerciseFileTreeContaner;

package/cjs/components/material-exercise/exercise-code-history/ExerciseCodeHistory.styled.d.ts

@@ -1,24 +0,0 @@
-import { Text } from '@elice/blocks';
-export declare const cssInputRangeTrack: import("@emotion/react").SerializedStyles;
-export declare const cssInputRangeThumb: import("@emotion/react").SerializedStyles;
-export declare const StyledModalContent: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledVersionRangeInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const StyledVersionsWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledVersionRangeInputWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledEditorWrapper: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledFileNameBox: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;

package/cjs/components/material-exercise/exercise-code-history/ExerciseCodeHistory.styled.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var blocks = require('@elice/blocks');
-var designTokens = require('@elice/design-tokens');
-var react = require('@emotion/react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var cssInputRangeTrack = "production" === "production" ? {
-  name: "jsy83f",
-  styles: "width:100%;height:0.375rem;cursor:pointer;transition:all 0.2s ease"
-} : {
-  name: "jsy83f",
-  styles: "width:100%;height:0.375rem;cursor:pointer;transition:all 0.2s ease",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var cssInputRangeThumb = /*#__PURE__*/react.css("height:1rem;width:1rem;border-radius:50%;background:", designTokens.base.color.primary6, ";cursor:pointer;");
-var StyledModalContent = /*#__PURE__*/_styled__default.default(blocks.Flex, {
-  target: "e1bo6lpg5"
-})("production" === "production" ? {
-  name: "1j1fdpn",
-  styles: "position:absolute;width:100%;height:100%;overflow:hidden"
-} : {
-  name: "1j1fdpn",
-  styles: "position:absolute;width:100%;height:100%;overflow:hidden",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledVersionRangeInput = /*#__PURE__*/_styled__default.default("input", {
-  target: "e1bo6lpg4"
-})("--webkit-appearance:none;margin:0.5rem 0;width:100%;cursor:pointer;&:focus{outline:none;}&::-webkit-slider-runnable-track{background:", designTokens.base.color.navy9, ";", cssInputRangeTrack, ";}&::-webkit-slider-thumb{-webkit-appearance:none;margin-top:calc((0.375rem - 1rem) / 2);", cssInputRangeThumb, ";}&:focus::-webkit-slider-runnable-track{background:rgba(", designTokens.base.color.navy9, ", 0.05);}&::-moz-range-track{background:", designTokens.base.color.navy9, ";", cssInputRangeTrack, ";}&::-moz-range-thumb{", cssInputRangeThumb, ";}");
-var StyledVersionsWrapper = /*#__PURE__*/_styled__default.default(blocks.Flex, {
-  target: "e1bo6lpg3"
-})("flex-direction:column;flex:1 1.75 25rem;position:relative;height:100%;border-right:1px solid ", designTokens.base.color.navy9, ";");
-var StyledVersionRangeInputWrapper = /*#__PURE__*/_styled__default.default(blocks.Flex, {
-  target: "e1bo6lpg2"
-})("height:3rem;padding:1rem;border-bottom:1px solid ", designTokens.base.color.navy9, ";");
-var StyledEditorWrapper = /*#__PURE__*/_styled__default.default(blocks.Flex, {
-  target: "e1bo6lpg1"
-})("production" === "production" ? {
-  name: "xf8y5j",
-  styles: "flex-direction:column;flex:1 1 auto;width:100%;height:100%;overflow:scroll"
-} : {
-  name: "xf8y5j",
-  styles: "flex-direction:column;flex:1 1 auto;width:100%;height:100%;overflow:scroll",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledFileNameBox = /*#__PURE__*/_styled__default.default(blocks.Text, {
-  target: "e1bo6lpg0"
-})("min-height:3rem;height:3rem;line-height:3rem;padding-left:1rem;border-bottom:1px solid ", designTokens.base.color.navy9, ";");
-
-exports.StyledEditorWrapper = StyledEditorWrapper;
-exports.StyledFileNameBox = StyledFileNameBox;
-exports.StyledModalContent = StyledModalContent;
-exports.StyledVersionRangeInput = StyledVersionRangeInput;
-exports.StyledVersionRangeInputWrapper = StyledVersionRangeInputWrapper;
-exports.StyledVersionsWrapper = StyledVersionsWrapper;
-exports.cssInputRangeThumb = cssInputRangeThumb;
-exports.cssInputRangeTrack = cssInputRangeTrack;

package/cjs/components/shared/exercise-version-list/ExerciseVersionList.styled.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledVersionList: import("@emotion/styled").StyledComponent<import("@elice/blocks").ListProps & {
-    children?: import("react").ReactNode | undefined;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/cjs/components/shared/exercise-version-list/ExerciseVersionList.styled.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var blocks = require('@elice/blocks');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledVersionList = /*#__PURE__*/_styled__default.default(blocks.List, {
-  target: "e1kcjofl0"
-})("production" === "production" ? {
-  name: "1uke1dw",
-  styles: "height:100%;padding:0;overflow:scroll;background-color:transparent;&>last-of-type{border:none;}"
-} : {
-  name: "1uke1dw",
-  styles: "height:100%;padding:0;overflow:scroll;background-color:transparent;&>last-of-type{border:none;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-exports.StyledVersionList = StyledVersionList;

package/cjs/components/shared/file-tabs/FileTab.styled.d.ts

@@ -1,33 +0,0 @@
-import { Text } from '@elice/blocks';
-import type { FileTabProps } from './FileTab';
-type StyledTabContentProps = Pick<FileTabProps, 'active' | 'hovered'>;
-export declare const StyledTabLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTabLabelFilename: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;
-export declare const StyledTabLabelDirname: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;
-export declare const StyledTabCloseButton: import("@emotion/styled").StyledComponent<import("@elice/blocks").IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledTabContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTabActiveBorder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTab: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & StyledTabContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/cjs/components/shared/file-tabs/FileTab.styled.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var blocks = require('@elice/blocks');
-var designTokens = require('@elice/design-tokens');
-var react = require('@emotion/react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var TAB_MIN_WIDTH = '7rem';
-var TAB_VERTICAL_BORDER_WIDTH = '1.5px';
-var TAB_BACKGROUND_COLOR = designTokens.base.color.navy8;
-var TAB_ACTIVE_BACKGROUND_COLOR = designTokens.base.color.navy9;
-var TAB_HOVERED_BACKGROUND_COLOR = designTokens.base.color.navy7;
-// ========== Tab label ==========
-var StyledTabLabel = /*#__PURE__*/_styled__default.default("div", {
-  target: "egie1c86"
-})("production" === "production" ? {
-  name: "1v2fhdm",
-  styles: "flex:1;display:flex;align-items:center;overflow:hidden;pointer-events:none;user-select:none;&>*{margin-right:0.5rem;}"
-} : {
-  name: "1v2fhdm",
-  styles: "flex:1;display:flex;align-items:center;overflow:hidden;pointer-events:none;user-select:none;&>*{margin-right:0.5rem;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledTabLabelFilename = /*#__PURE__*/_styled__default.default(blocks.Text, {
-  target: "egie1c85"
-})("color:", designTokens.base.color.gray4, ";font-weight:500;");
-var StyledTabLabelDirname = /*#__PURE__*/_styled__default.default(blocks.Text, {
-  target: "egie1c84"
-})("production" === "production" ? {
-  name: "f3vz0n",
-  styles: "font-weight:500"
-} : {
-  name: "f3vz0n",
-  styles: "font-weight:500",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledTabCloseButton = /*#__PURE__*/_styled__default.default(blocks.IconButton, {
-  target: "egie1c83"
-})("production" === "production" ? {
-  name: "19zzndm",
-  styles: "flex:0 0 auto;margin-right:0.25rem!important;opacity:0;transition:opacity 150ms ease-in-out"
-} : {
-  name: "19zzndm",
-  styles: "flex:0 0 auto;margin-right:0.25rem!important;opacity:0;transition:opacity 150ms ease-in-out",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-// ========== Tab content ==========
-var StyledTabContent = /*#__PURE__*/_styled__default.default("div", {
-  target: "egie1c82"
-})("display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:0.5rem;height:calc(100% - ", TAB_VERTICAL_BORDER_WIDTH, ");&:hover{", StyledTabLabelFilename, "{color:", designTokens.base.color.gray3, ";}", StyledTabCloseButton, "{opacity:1;}}");
-// ========== Tab active border ==========
-var StyledTabActiveBorder = /*#__PURE__*/_styled__default.default("div", {
-  target: "egie1c81"
-})("height:", TAB_VERTICAL_BORDER_WIDTH, ";background-color:", designTokens.base.color.primary5, ";opacity:0;");
-// ========== Tab ==========
-var cssTabActive = /*#__PURE__*/react.css("background-color:", TAB_ACTIVE_BACKGROUND_COLOR, ";", StyledTabLabelFilename, "{color:", designTokens.base.color.gray3, ";}", StyledTabCloseButton, "{opacity:1;}", StyledTabActiveBorder, "{opacity:1;}");
-var cssTabHovered = /*#__PURE__*/react.css("background-color:", TAB_HOVERED_BACKGROUND_COLOR, ";", StyledTabLabelFilename, "{color:", designTokens.base.color.gray3, ";}");
-var StyledTab = /*#__PURE__*/_styled__default.default("div", {
-  target: "egie1c80"
-})("padding-top:", TAB_VERTICAL_BORDER_WIDTH, ";width:", TAB_MIN_WIDTH, ";min-width:fit-content;height:100%;background-color:", TAB_BACKGROUND_COLOR, ";border-right:1px solid ", designTokens.base.color.navy7, ";cursor:pointer;", function (props) {
-  return props.active && cssTabActive;
-}, " ", function (props) {
-  return props.hovered && cssTabHovered;
-}, ";");
-
-exports.StyledTab = StyledTab;
-exports.StyledTabActiveBorder = StyledTabActiveBorder;
-exports.StyledTabCloseButton = StyledTabCloseButton;
-exports.StyledTabContent = StyledTabContent;
-exports.StyledTabLabel = StyledTabLabel;
-exports.StyledTabLabelDirname = StyledTabLabelDirname;
-exports.StyledTabLabelFilename = StyledTabLabelFilename;

package/cjs/components/shared/file-tabs/FileTabs.styled.d.ts

@@ -1,12 +0,0 @@
-interface StyledTabsDropZoneProps {
-    hovered?: boolean;
-}
-export declare const StyledTabs: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTabsDropZone: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & StyledTabsDropZoneProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/cjs/components/shared/file-tabs/FileTabs.styled.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var designTokens = require('@elice/design-tokens');
-var stylesheets = require('../../../constants/stylesheets.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledTabs = /*#__PURE__*/_styled__default.default("div", {
-  target: "euy0u931"
-})("display:flex;align-items:flex-end;box-sizing:border-box;flex-direction:row;height:2.25rem;font-family:inherit;background:", designTokens.base.color.navy8, ";overflow-x:overlay;overflow-y:hidden;scrollbar-width:none;", stylesheets.getMaterialScrollBarCss({
-  height: '2px',
-  borderRadius: '2px',
-  hideable: true
-}), ";");
-var StyledTabsDropZone = /*#__PURE__*/_styled__default.default("div", {
-  target: "euy0u930"
-})("production" === "production" ? {
-  name: "uysyag",
-  styles: "flex:1;height:100%;background-color:transparent"
-} : {
-  name: "uysyag",
-  styles: "flex:1;height:100%;background-color:transparent",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-exports.StyledTabs = StyledTabs;
-exports.StyledTabsDropZone = StyledTabsDropZone;

package/cjs/components/shared/file-tree/FileTreeListItemContent.styled.d.ts

@@ -1,62 +0,0 @@
-import { Text } from '@elice/blocks';
-interface StyledContentProps {
-    active?: boolean;
-    isDragging?: boolean;
-}
-/**
- * indent
- */
-export declare const StyledContentIndents: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledContentIndentGuide: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * label
- */
-export declare const StyledContentLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * label > dir arrow
- */
-export declare const StyledContentLabelDirArrowWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * label > icon
- */
-export declare const StyledContentLabelIconWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * label > filename
- */
-export declare const StyledContentLabelFilename: import("@emotion/styled").StyledComponent<Pick<import("@elice/blocks").TextProps, never> & Partial<Pick<import("@elice/blocks").TextProps, keyof import("@elice/blocks").TextProps>> & Partial<Pick<import("@elice/blocks").TextProps, never>> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;
-/**
- * label > status icon
- */
-export declare const StyledContentLabelStatusIcon: import("@emotion/styled").StyledComponent<import("@elice/blocks").IconProps & import("react").RefAttributes<SVGSVGElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-/**
- * label > menu button
- */
-export declare const StyledContentLabelMenuButton: import("@emotion/styled").StyledComponent<import("@elice/blocks").IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & StyledContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/cjs/components/shared/file-tree/FileTreeListItemContent.styled.js

@@ -1,108 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var blocks = require('@elice/blocks');
-var designTokens = require('@elice/design-tokens');
-var react = require('@emotion/react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-//
-//
-//
-var CONTENT_MIN_HEIGHT = 28; // 1.75rem
-var CONTENT_LEFT_BORDER_WIDTH = 3; // 0.1875rem
-var CONTENT_RIGHT_PADDING = 12; // 0.75rem
-var CONTENT_LABEL_VERTICAL_PADDING = 4; // 0.25rem
-var CONTENT_LABEL_ICON_SIZE = 16; // 1rem
-var CONTENT_LABEL_ICON_AFTER_MARGIN = 4; // 1rem
-var CONTENT_LABEL_DIR_ARROW_PADDING = 4; // 0.25rem
-var CONTENT_LABEL_DIR_ARROW_SIZE = 12; // 0.75rem
-var CONTENT_LABEL_MENU_BUTTON_SIZE = CONTENT_MIN_HEIGHT - CONTENT_LABEL_VERTICAL_PADDING * 2;
-//
-//
-//
-/**
- * indent
- */
-var StyledContentIndents = /*#__PURE__*/_styled__default.default("div", {
-  target: "e10wdzkp8"
-})();
-var StyledContentIndentGuide = /*#__PURE__*/_styled__default.default("div", {
-  target: "e10wdzkp7"
-})("display:inline-block;height:100%;border-right:0.5px solid ", designTokens.base.color.gray7, ";");
-/**
- * label
- */
-var StyledContentLabel = /*#__PURE__*/_styled__default.default("div", {
-  target: "e10wdzkp6"
-})("flex:1;display:flex;align-items:center;padding-top:", CONTENT_LABEL_VERTICAL_PADDING, "px;padding-bottom:", CONTENT_LABEL_VERTICAL_PADDING, "px;overflow:hidden;");
-/**
- * label > dir arrow
- */
-var StyledContentLabelDirArrowWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e10wdzkp5"
-})("flex:0 0 ", CONTENT_LABEL_DIR_ARROW_SIZE + CONTENT_LABEL_DIR_ARROW_PADDING * 2, "px;display:flex;justify-content:center;align-items:center;padding:", CONTENT_LABEL_DIR_ARROW_PADDING, ";height:", CONTENT_LABEL_DIR_ARROW_SIZE, "px;");
-/**
- * label > icon
- */
-var StyledContentLabelIconWrap = /*#__PURE__*/_styled__default.default("div", {
-  target: "e10wdzkp4"
-})("flex:0 0 ", CONTENT_LABEL_ICON_SIZE + CONTENT_LABEL_ICON_AFTER_MARGIN, "px;display:flex;margin-right:", CONTENT_LABEL_ICON_AFTER_MARGIN, "px;height:", CONTENT_LABEL_ICON_SIZE, "px;");
-/**
- * label > filename
- */
-var StyledContentLabelFilename = /*#__PURE__*/_styled__default.default(blocks.Text, {
-  target: "e10wdzkp3"
-})("flex:1;margin-right:0.125rem;color:", designTokens.base.color.gray4, ";font-weight:500;");
-/**
- * label > status icon
- */
-var StyledContentLabelStatusIcon = /*#__PURE__*/_styled__default.default(blocks.Icon, {
-  target: "e10wdzkp2"
-})("production" === "production" ? {
-  name: "129lf1x",
-  styles: "margin-left:0.25rem;margin-right:0;&:last-of-type{margin-right:0.25rem;}"
-} : {
-  name: "129lf1x",
-  styles: "margin-left:0.25rem;margin-right:0;&:last-of-type{margin-right:0.25rem;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/**
- * label > menu button
- */
-var StyledContentLabelMenuButton = /*#__PURE__*/_styled__default.default(blocks.IconButton, {
-  target: "e10wdzkp1"
-})("flex:0 0 ", CONTENT_LABEL_MENU_BUTTON_SIZE, "px;width:", CONTENT_LABEL_MENU_BUTTON_SIZE, "px!important;height:", CONTENT_LABEL_MENU_BUTTON_SIZE, "px!important;opacity:0;transition:opacity 150ms ease-in-out;");
-//
-//
-//
-var cssStyledContentActive = /*#__PURE__*/react.css("border-left-color:", designTokens.base.color.primary4, ";background-color:", designTokens.base.color.navy7, ";", StyledContentLabelFilename, "{color:", designTokens.base.color.gray3, ";}");
-var cssStyledContentDragging = "production" === "production" ? {
-  name: "1ym7stk",
-  styles: "border-left-color:transparent!important;background-color:transparent!important"
-} : {
-  name: "1ym7stk",
-  styles: "border-left-color:transparent!important;background-color:transparent!important",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var StyledContent = /*#__PURE__*/_styled__default.default("div", {
-  target: "e10wdzkp0"
-})("display:flex;padding-right:", CONTENT_RIGHT_PADDING, "px;width:100%;min-width:0;min-height:", CONTENT_MIN_HEIGHT, "px;border-left-width:", CONTENT_LEFT_BORDER_WIDTH, "px;border-left-style:solid;border-left-color:transparent;user-select:none;", function (props) {
-  return props.active && cssStyledContentActive;
-}, " ", function (props) {
-  return props.isDragging && cssStyledContentDragging;
-}, " &:hover{background-color:", designTokens.base.color.navy8, ";", StyledContentLabelFilename, "{color:", designTokens.base.color.gray3, ";}", StyledContentLabelMenuButton, "{opacity:1;}}");
-
-exports.StyledContent = StyledContent;
-exports.StyledContentIndentGuide = StyledContentIndentGuide;
-exports.StyledContentIndents = StyledContentIndents;
-exports.StyledContentLabel = StyledContentLabel;
-exports.StyledContentLabelDirArrowWrap = StyledContentLabelDirArrowWrap;
-exports.StyledContentLabelFilename = StyledContentLabelFilename;
-exports.StyledContentLabelIconWrap = StyledContentLabelIconWrap;
-exports.StyledContentLabelMenuButton = StyledContentLabelMenuButton;
-exports.StyledContentLabelStatusIcon = StyledContentLabelStatusIcon;

package/cjs/components/shared/file-tree/FileTreeListItemContentInput.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const StyledInputForm: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
-export declare const StyledInput: import("@emotion/styled").StyledComponent<import("@elice/blocks").InputProps & import("react").RefAttributes<HTMLInputElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/cjs/components/shared/file-tree/FileTreeListItemContentInput.styled.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var blocks = require('@elice/blocks');
-var designTokens = require('@elice/design-tokens');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var INPUT_HEIGHT = '1.25rem';
-var INPUT_FONT_SIZE = '0.75rem';
-var INPUT_INNER_LEFT_PADDING = '0.125rem';
-var INPUT_INNER_RIGHT_PADDING = '0.25rem';
-var StyledInputForm = /*#__PURE__*/_styled__default.default("form", {
-  target: "e14adbux1"
-})("production" === "production" ? {
-  name: "y3klfd",
-  styles: "flex:1;display:flex"
-} : {
-  name: "y3klfd",
-  styles: "flex:1;display:flex",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledInput = /*#__PURE__*/_styled__default.default(blocks.Input, {
-  target: "e14adbux0"
-})("min-height:", INPUT_HEIGHT, ";>div{background:transparent!important;>div{&:nth-child(1){padding:", INPUT_INNER_LEFT_PADDING, ";}&:nth-child(3){padding:", INPUT_INNER_RIGHT_PADDING, ";}}.eb-icon{width:0.875em;height:0.875em;font-size:0.875em;}}& input{padding-top:0!important;padding-bottom:0!important;height:", INPUT_HEIGHT, "!important;color:", designTokens.base.color.gray0, "!important;font-size:", INPUT_FONT_SIZE, "!important;}");
-
-exports.StyledInput = StyledInput;
-exports.StyledInputForm = StyledInputForm;

package/cjs/components/shared/file-tree/FileTreeListItems.styled.d.ts

@@ -1,8 +0,0 @@
-export declare const StyledTreeItems: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const StyledTreeItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;