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

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

@@ -1,32 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-
-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 StyledTreeItems = /*#__PURE__*/_styled__default.default("ul", {
-  target: "edfr9o21"
-})("production" === "production" ? {
-  name: "n5lwfe",
-  styles: "padding:0;margin:0;overflow:hidden"
-} : {
-  name: "n5lwfe",
-  styles: "padding:0;margin:0;overflow:hidden",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledTreeItem = /*#__PURE__*/_styled__default.default("li", {
-  target: "edfr9o20"
-})("production" === "production" ? {
-  name: "i710ph",
-  styles: "list-style:none;cursor:pointer"
-} : {
-  name: "i710ph",
-  styles: "list-style:none;cursor:pointer",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-exports.StyledTreeItem = StyledTreeItem;
-exports.StyledTreeItems = StyledTreeItems;

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

@@ -1,4 +0,0 @@
-export declare const StyledFileTreeToolbar: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,14 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-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);
-
-var StyledFileTreeToolbar = /*#__PURE__*/_styled__default.default("div", {
-  target: "e8jw97x0"
-})("flex:0 0 2.25rem;display:flex;align-items:center;padding:0.25rem 0.5rem;background-color:", designTokens.base.color.navy8, ";");
-
-exports.StyledFileTreeToolbar = StyledFileTreeToolbar;

package/cjs/components/shared/material-modal/MaterialModal.styled.d.ts

@@ -1,20 +0,0 @@
-import { Text } from '@elice/blocks';
-export declare const StyledModalWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledModalHeader: 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 StyledModalBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledModalFooter: import("@emotion/styled").StyledComponent<import("@elice/blocks").FlexProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<import("@elice/blocks").IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/cjs/components/shared/material-modal/MaterialModal.styled.js

@@ -1,39 +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 StyledModalWrapper = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1cl5wqs4"
-})("position:relative;display:flex;flex-flow:column nowrap;width:90vw;height:90vh;padding:0;background-color:", designTokens.base.color.gray8, ";border-radius:0.375rem;");
-var StyledModalHeader = /*#__PURE__*/_styled__default.default(blocks.Text, {
-  target: "e1cl5wqs3"
-})("flex:0 1 auto;width:100%;height:3.25rem;min-height:3.25rem;line-height:3.25rem;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;border-bottom:1px solid ", designTokens.base.color.navy9, ";text-align:center;color:", designTokens.base.color.white, ";");
-var StyledModalBody = /*#__PURE__*/_styled__default.default("div", {
-  target: "e1cl5wqs2"
-})("production" === "production" ? {
-  name: "1pb620b",
-  styles: "position:relative;flex:1 1 auto;width:100%;height:80%"
-} : {
-  name: "1pb620b",
-  styles: "position:relative;flex:1 1 auto;width:100%;height:80%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledModalFooter = /*#__PURE__*/_styled__default.default(blocks.Flex, {
-  target: "e1cl5wqs1"
-})("flex:0 1 auto;width:100%;height:3.75rem;min-height:3.75rem;border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem;border-top:1px solid ", designTokens.base.color.navy9, ";padding:0.5rem 1.5rem;overflow:hidden;text-align:right;align-items:center;justify-content:flex-end;");
-var StyledCloseButton = /*#__PURE__*/_styled__default.default(blocks.IconButton, {
-  target: "e1cl5wqs0"
-})("position:absolute;top:0;right:0;color:", designTokens.base.color.gray4, "!important;");
-
-exports.StyledCloseButton = StyledCloseButton;
-exports.StyledModalBody = StyledModalBody;
-exports.StyledModalFooter = StyledModalFooter;
-exports.StyledModalHeader = StyledModalHeader;
-exports.StyledModalWrapper = StyledModalWrapper;

package/es/components/material-exercise/MaterialExercise.styled.d.ts

@@ -1,66 +0,0 @@
-export declare const EXERCISE_FILE_TREE_MIN_WIDTH = 128;
-export declare const EXERCISE_PREVIEW_MIN_WIDTH = 128;
-export declare const EXERCISE_RUNNER_MIN_HEIGHT = 128;
-export declare const EXERCISE_HORIZONTAL_RATIO: {
-    FILETREE: number;
-    EDITOR: number;
-    PREVIEW: number;
-};
-/**
- * Wrapper contains:
- * - FileTree
- * - FileTabs
- * - File (Editor)
- * - Runner
- */
-export declare const StyledExerciseContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Wrapper contains:
- * - FileTree
- * - FileTabs
- * - File (Editor)
- */
-export declare const StyledExerciseMain: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Wrapper contains:
- * - FileTabs
- * - File (Editor)
- */
-export declare const StyledExerciseFileAndTabWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseFileWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseTabBar: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseTabsWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseTabMenuWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseFileTreeWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledxerciseFileTreeContaner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledExerciseRunnerWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,100 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { base } from '@elice/design-tokens';
-import { MATERIAL_DIVIDER_BORDER_VALUE } from '../../constants/stylesheets.js';
-
-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("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("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("div", {
-  target: "e1femvm97"
-})("flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;background-color:", base.color.navy9, ";");
-var StyledExerciseFileWrap = /*#__PURE__*/_styled("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("div", {
-  target: "e1femvm95"
-})("display:flex;border-bottom:", MATERIAL_DIVIDER_BORDER_VALUE, ";");
-var StyledExerciseTabsWrap = /*#__PURE__*/_styled("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("div", {
-  target: "e1femvm93"
-})("display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;background-color:", base.color.navy8, ";");
-// ========== Exercise FileTree ==========
-var StyledExerciseFileTreeWrap = /*#__PURE__*/_styled("div", {
-  target: "e1femvm92"
-})("flex:1;display:flex;flex-direction:column;min-width:0;height:100%;border-right:", MATERIAL_DIVIDER_BORDER_VALUE, ";");
-var StyledxerciseFileTreeContaner = /*#__PURE__*/_styled("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("div", {
-  target: "e1femvm90"
-})("width:100%;height:100%;border-top:", MATERIAL_DIVIDER_BORDER_VALUE, ";");
-
-export { EXERCISE_FILE_TREE_MIN_WIDTH, EXERCISE_HORIZONTAL_RATIO, EXERCISE_PREVIEW_MIN_WIDTH, EXERCISE_RUNNER_MIN_HEIGHT, StyledExerciseContainer, StyledExerciseFileAndTabWrap, StyledExerciseFileTreeWrap, StyledExerciseFileWrap, StyledExerciseMain, StyledExerciseRunnerWrap, StyledExerciseTabBar, StyledExerciseTabMenuWrap, StyledExerciseTabsWrap, StyledxerciseFileTreeContaner };

package/es/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/es/components/material-exercise/exercise-code-history/ExerciseCodeHistory.styled.js

@@ -1,49 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Flex, Text } from '@elice/blocks';
-import { base } from '@elice/design-tokens';
-import { css } from '@emotion/react';
-
-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__*/css("height:1rem;width:1rem;border-radius:50%;background:", base.color.primary6, ";cursor:pointer;");
-var StyledModalContent = /*#__PURE__*/_styled(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("input", {
-  target: "e1bo6lpg4"
-})("--webkit-appearance:none;margin:0.5rem 0;width:100%;cursor:pointer;&:focus{outline:none;}&::-webkit-slider-runnable-track{background:", 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(", base.color.navy9, ", 0.05);}&::-moz-range-track{background:", base.color.navy9, ";", cssInputRangeTrack, ";}&::-moz-range-thumb{", cssInputRangeThumb, ";}");
-var StyledVersionsWrapper = /*#__PURE__*/_styled(Flex, {
-  target: "e1bo6lpg3"
-})("flex-direction:column;flex:1 1.75 25rem;position:relative;height:100%;border-right:1px solid ", base.color.navy9, ";");
-var StyledVersionRangeInputWrapper = /*#__PURE__*/_styled(Flex, {
-  target: "e1bo6lpg2"
-})("height:3rem;padding:1rem;border-bottom:1px solid ", base.color.navy9, ";");
-var StyledEditorWrapper = /*#__PURE__*/_styled(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(Text, {
-  target: "e1bo6lpg0"
-})("min-height:3rem;height:3rem;line-height:3rem;padding-left:1rem;border-bottom:1px solid ", base.color.navy9, ";");
-
-export { StyledEditorWrapper, StyledFileNameBox, StyledModalContent, StyledVersionRangeInput, StyledVersionRangeInputWrapper, StyledVersionsWrapper, cssInputRangeThumb, cssInputRangeTrack };

package/es/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/es/components/shared/exercise-version-list/ExerciseVersionList.styled.js

@@ -1,16 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { List } from '@elice/blocks';
-
-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(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__
-});
-
-export { StyledVersionList };

package/es/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/es/components/shared/file-tabs/FileTab.styled.js

@@ -1,65 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Text, IconButton } from '@elice/blocks';
-import { base } from '@elice/design-tokens';
-import { css } from '@emotion/react';
-
-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 = base.color.navy8;
-var TAB_ACTIVE_BACKGROUND_COLOR = base.color.navy9;
-var TAB_HOVERED_BACKGROUND_COLOR = base.color.navy7;
-// ========== Tab label ==========
-var StyledTabLabel = /*#__PURE__*/_styled("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(Text, {
-  target: "egie1c85"
-})("color:", base.color.gray4, ";font-weight:500;");
-var StyledTabLabelDirname = /*#__PURE__*/_styled(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(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("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:", base.color.gray3, ";}", StyledTabCloseButton, "{opacity:1;}}");
-// ========== Tab active border ==========
-var StyledTabActiveBorder = /*#__PURE__*/_styled("div", {
-  target: "egie1c81"
-})("height:", TAB_VERTICAL_BORDER_WIDTH, ";background-color:", base.color.primary5, ";opacity:0;");
-// ========== Tab ==========
-var cssTabActive = /*#__PURE__*/css("background-color:", TAB_ACTIVE_BACKGROUND_COLOR, ";", StyledTabLabelFilename, "{color:", base.color.gray3, ";}", StyledTabCloseButton, "{opacity:1;}", StyledTabActiveBorder, "{opacity:1;}");
-var cssTabHovered = /*#__PURE__*/css("background-color:", TAB_HOVERED_BACKGROUND_COLOR, ";", StyledTabLabelFilename, "{color:", base.color.gray3, ";}");
-var StyledTab = /*#__PURE__*/_styled("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 ", base.color.navy7, ";cursor:pointer;", function (props) {
-  return props.active && cssTabActive;
-}, " ", function (props) {
-  return props.hovered && cssTabHovered;
-}, ";");
-
-export { StyledTab, StyledTabActiveBorder, StyledTabCloseButton, StyledTabContent, StyledTabLabel, StyledTabLabelDirname, StyledTabLabelFilename };

package/es/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/es/components/shared/file-tabs/FileTabs.styled.js

@@ -1,24 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { base } from '@elice/design-tokens';
-import { getMaterialScrollBarCss } from '../../../constants/stylesheets.js';
-
-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("div", {
-  target: "euy0u931"
-})("display:flex;align-items:flex-end;box-sizing:border-box;flex-direction:row;height:2.25rem;font-family:inherit;background:", base.color.navy8, ";overflow-x:overlay;overflow-y:hidden;scrollbar-width:none;", getMaterialScrollBarCss({
-  height: '2px',
-  borderRadius: '2px',
-  hideable: true
-}), ";");
-var StyledTabsDropZone = /*#__PURE__*/_styled("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__
-});
-
-export { StyledTabs, StyledTabsDropZone };

package/es/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 {};