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

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

@@ -1,94 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Text, IconButton, Icon } 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 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("div", {
-  target: "e10wdzkp8"
-})();
-var StyledContentIndentGuide = /*#__PURE__*/_styled("div", {
-  target: "e10wdzkp7"
-})("display:inline-block;height:100%;border-right:0.5px solid ", base.color.gray7, ";");
-/**
- * label
- */
-var StyledContentLabel = /*#__PURE__*/_styled("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("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("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(Text, {
-  target: "e10wdzkp3"
-})("flex:1;margin-right:0.125rem;color:", base.color.gray4, ";font-weight:500;");
-/**
- * label > status icon
- */
-var StyledContentLabelStatusIcon = /*#__PURE__*/_styled(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(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__*/css("border-left-color:", base.color.primary4, ";background-color:", base.color.navy7, ";", StyledContentLabelFilename, "{color:", 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("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:", base.color.navy8, ";", StyledContentLabelFilename, "{color:", base.color.gray3, ";}", StyledContentLabelMenuButton, "{opacity:1;}}");
-
-export { StyledContent, StyledContentIndentGuide, StyledContentIndents, StyledContentLabel, StyledContentLabelDirArrowWrap, StyledContentLabelFilename, StyledContentLabelIconWrap, StyledContentLabelMenuButton, StyledContentLabelStatusIcon };

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

@@ -1,24 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Input } from '@elice/blocks';
-import { base } from '@elice/design-tokens';
-
-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("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(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:", base.color.gray0, "!important;font-size:", INPUT_FONT_SIZE, "!important;}");
-
-export { StyledInput, StyledInputForm };

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

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

@@ -1,25 +0,0 @@
-import _styled from '@emotion/styled/base';
-
-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("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("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__
-});
-
-export { StyledTreeItem, StyledTreeItems };

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

@@ -1,8 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { base } from '@elice/design-tokens';
-
-var StyledFileTreeToolbar = /*#__PURE__*/_styled("div", {
-  target: "e8jw97x0"
-})("flex:0 0 2.25rem;display:flex;align-items:center;padding:0.25rem 0.5rem;background-color:", base.color.navy8, ";");
-
-export { StyledFileTreeToolbar };

package/es/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/es/components/shared/material-modal/MaterialModal.styled.js

@@ -1,29 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Text, Flex, IconButton } from '@elice/blocks';
-import { base } from '@elice/design-tokens';
-
-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("div", {
-  target: "e1cl5wqs4"
-})("position:relative;display:flex;flex-flow:column nowrap;width:90vw;height:90vh;padding:0;background-color:", base.color.gray8, ";border-radius:0.375rem;");
-var StyledModalHeader = /*#__PURE__*/_styled(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 ", base.color.navy9, ";text-align:center;color:", base.color.white, ";");
-var StyledModalBody = /*#__PURE__*/_styled("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(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 ", base.color.navy9, ";padding:0.5rem 1.5rem;overflow:hidden;text-align:right;align-items:center;justify-content:flex-end;");
-var StyledCloseButton = /*#__PURE__*/_styled(IconButton, {
-  target: "e1cl5wqs0"
-})("position:absolute;top:0;right:0;color:", base.color.gray4, "!important;");
-
-export { StyledCloseButton, StyledModalBody, StyledModalFooter, StyledModalHeader, StyledModalWrapper };