@lunit/design-system 1.0.0-a.1 → 1.0.0-a.2

package/dist/components/ToggleButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ToggleButton/index.js","mappings":"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","sources":["webpack://@lunit/design-system/./src/components/Button/utils/getButtonPaddingBySizeAndKind.ts","webpack://@lunit/design-system/./src/components/Button/utils/getIconButtonPaddingBySizeAndKind.ts","webpack://@lunit/design-system/./src/components/Button/Button.styled.ts","webpack://@lunit/design-system/./src/components/Button/const.ts","webpack://@lunit/design-system/external commonjs \"@mui/material\"","webpack://@lunit/design-system/external commonjs \"@mui/material/styles\"","webpack://@lunit/design-system/external commonjs \"react/jsx-runtime\"","webpack://@lunit/design-system/webpack/bootstrap","webpack://@lunit/design-system/webpack/runtime/define property getters","webpack://@lunit/design-system/webpack/runtime/hasOwnProperty shorthand","webpack://@lunit/design-system/webpack/runtime/make namespace object","webpack://@lunit/design-system/./src/components/ToggleButton/ToggleButton.styled.ts","webpack://@lunit/design-system/./src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { OUTLINED_BORDER_WIDTH } from \"../const\";\n\nimport type { ButtonProps } from \"../Button.types\";\nimport { ToggleButtonProps } from \"@/components/ToggleButton/ToggleButton.types\";\n\ntype GetButtonPaddingBySizeAndKindParams = Pick<ButtonProps, \"kind\" | \"size\"> &\n  Pick<ToggleButtonProps, \"selected\">;\n\n/**\n * When kind is outlined,\n * the padding value must include the border width of outlined.\n * This function takes care of this.\n */\nexport const getButtonPaddingBySizeAndKind = ({\n  kind,\n  size,\n  selected = false,\n}: GetButtonPaddingBySizeAndKindParams) => {\n  if (size === \"small\") {\n    return kind === \"outlined\" && !selected\n      ? `${4 - OUTLINED_BORDER_WIDTH}px ${8 - OUTLINED_BORDER_WIDTH}px`\n      : \"4px 8px\";\n  }\n\n  if (size === \"medium\") {\n    return kind === \"outlined\" && !selected\n      ? `${8 - OUTLINED_BORDER_WIDTH}px ${12 - OUTLINED_BORDER_WIDTH}px`\n      : \"8px 12px\";\n  }\n\n  // size === \"large\"\n  return kind === \"outlined\" && !selected\n    ? `${10 - OUTLINED_BORDER_WIDTH}px ${12 - OUTLINED_BORDER_WIDTH}px`\n    : \"10px 12px\";\n};\n","import { OUTLINED_BORDER_WIDTH } from \"../const\";\n\nimport type { ButtonProps } from \"../Button.types\";\nimport { ToggleButtonProps } from \"@/components/ToggleButton/ToggleButton.types\";\n\ntype GetIconButtonPaddingBySizeAndKindProps = Pick<\n  ButtonProps,\n  \"kind\" | \"size\"\n> &\n  Pick<ToggleButtonProps, \"selected\">;\n\n/**\n * When kind is outlined,\n * the padding value must include the border width of outlined.\n * This function takes care of this.\n */\nexport const getIconButtonPaddingBySizeAndKind = ({\n  kind,\n  size,\n  selected = false,\n}: GetIconButtonPaddingBySizeAndKindProps) => {\n  if (size === \"small\") {\n    return kind === \"outlined\" && !selected\n      ? `${4 - OUTLINED_BORDER_WIDTH}px`\n      : \"4px\";\n  }\n\n  if (size === \"medium\") {\n    return kind === \"outlined\" && !selected\n      ? `${8 - OUTLINED_BORDER_WIDTH}px`\n      : \"8px\";\n  }\n\n  // size === \"large\"\n  return kind === \"outlined\" && !selected\n    ? `${12 - OUTLINED_BORDER_WIDTH}px`\n    : \"12px\";\n};\n","import { styled } from \"@mui/material/styles\";\nimport { Button as MuiButton } from \"@mui/material\";\n\nimport { ColorToken } from \"@/foundation/colors/types\";\nimport { PADDING_OF_FOCUS, OUTLINED_BORDER_WIDTH } from \"./const\";\nimport { getButtonPaddingBySizeAndKind } from \"./utils/getButtonPaddingBySizeAndKind\";\nimport { getIconButtonPaddingBySizeAndKind } from \"./utils/getIconButtonPaddingBySizeAndKind\";\n\nimport type { ButtonProps } from \"./Button.types\";\nimport type { ToggleButtonProps } from \"../ToggleButton/ToggleButton.types\";\nimport type { Typography } from \"@mui/material/styles/createTypography\";\n\ntype KindStyleParams = Pick<ButtonProps, \"kind\" | \"color\"> & {\n  token: ColorToken;\n};\n\ntype CustomButtonProps = ButtonProps & { hasIconOnly: boolean };\n\ntype sizeStyleParams = Pick<\n  CustomButtonProps,\n  \"size\" | \"hasIconOnly\" | \"kind\"\n> &\n  Pick<ToggleButtonProps, \"selected\"> & { typography: Typography };\n\nexport const sizeStyle = ({\n  size,\n  kind,\n  hasIconOnly,\n  typography,\n  selected = false,\n}: sizeStyleParams) => ({\n  ...(size === \"small\" && {\n    ...typography.button2,\n    padding: `${\n      hasIconOnly\n        ? getIconButtonPaddingBySizeAndKind({ kind, size, selected })\n        : getButtonPaddingBySizeAndKind({ kind, size, selected })\n    }`,\n    minWidth: \"28px\",\n    minHeight: \"28px\",\n  }),\n  ...(size === \"medium\" && {\n    ...typography.button2,\n    padding: `${\n      hasIconOnly\n        ? getIconButtonPaddingBySizeAndKind({ kind, size, selected })\n        : getButtonPaddingBySizeAndKind({ kind, size, selected })\n    }`,\n    minWidth: \"36px\",\n    minHeight: \"36px\",\n  }),\n  ...(size === \"large\" && {\n    ...typography.button1,\n    padding: `${\n      hasIconOnly\n        ? getIconButtonPaddingBySizeAndKind({ kind, size, selected })\n        : getButtonPaddingBySizeAndKind({ kind, size, selected })\n    }`,\n    minWidth: \"44px\",\n    minHeight: \"44px\",\n  }),\n});\n\nexport const kindStyle = ({ kind, color, token }: KindStyleParams) => ({\n  // kind: container\n  ...(kind === \"contained\" &&\n    color === \"primary\" && {\n      color: token.component.btn_contained_primary_text,\n      backgroundColor: token.component.btn_contained_primary_bg,\n      \"&:hover\": {\n        backgroundColor: token.component.btn_contained_primary_bg,\n      },\n      \"&.Mui-disabled\": {\n        opacity: 0.38,\n        border: \"none\",\n        color: token.component.btn_contained_primary_text,\n      },\n    }),\n  ...(kind === \"contained\" &&\n    color === \"secondary\" && {\n      color: token.component.btn_contained_secondary_text,\n      backgroundColor: token.component.btn_contained_secondary_bg,\n      \"&:hover\": {\n        backgroundColor: token.component.btn_contained_secondary_bg,\n      },\n      \"&.Mui-disabled\": {\n        opacity: 0.38,\n        border: \"none\",\n        color: token.component.btn_contained_secondary_text,\n      },\n    }),\n  ...(kind === \"contained\" &&\n    color === \"error\" && {\n      color: token.component.btn_contained_error_text,\n      backgroundColor: token.component.btn_contained_error_bg,\n      \"&:hover\": {\n        backgroundColor: token.component.btn_contained_error_bg,\n      },\n      \"&.Mui-disabled\": {\n        opacity: 0.38,\n        border: \"none\",\n        color: token.component.btn_contained_error_text,\n      },\n    }),\n  // kind: ghost\n  ...(kind === \"ghost\" &&\n    color === \"primary\" && {\n      color: token.component.btn_ghost_primary_text,\n      border: \"none\",\n      \"&:hover\": {\n        backgroundColor: \"rgba(0, 0, 0, 0.06)\",\n      },\n      \"&.Mui-disabled\": {\n        opacity: 0.38,\n        border: \"none\",\n        color: token.component.btn_ghost_primary_text,\n      },\n    }),\n  ...(kind === \"ghost\" &&\n    color === \"secondary\" && {\n      color: token.component.btn_ghost_secondary_text,\n      border: \"none\",\n      \"&:hover\": {\n        backgroundColor: \"rgba(0, 0, 0, 0.06)\",\n      },\n      \"&.Mui-disabled\": {\n        opacity: 0.38,\n        border: \"none\",\n        color: token.component.btn_ghost_secondary_text,\n      },\n    }),\n  ...(kind === \"ghost\" &&\n    color === \"error\" && {\n      color: token.component.btn_ghost_error_text,\n      \"&:hover\": {\n        backgroundColor: \"rgba(0, 0, 0, 0.06)\",\n      },\n      \"&.Mui-disabled\": {\n        opacity: 0.38,\n        border: \"none\",\n        color: token.component.btn_ghost_error_text,\n      },\n    }),\n  // kind: outlined\n  ...(kind === \"outlined\" &&\n    color === \"primary\" && {\n      color: token.component.btn_outlined_primary_text,\n      border: `${OUTLINED_BORDER_WIDTH}px solid ${token.component.btn_outlined_primary_border}`,\n      \"&:hover\": {\n        backgroundColor: \"rgba(0, 0, 0, 0.06)\", // TODO: color util function 추가 후 변경\n      },\n      \"&.Mui-disabled\": {\n        opacity: 0.38,\n        color: token.component.btn_outlined_primary_text,\n      },\n    }),\n});\n\nexport const commonStyle = ({ token }: { token: ColorToken }) =>\n  ({\n    fontWeight: \"500\",\n    borderRadius: \"8px\",\n    textTransform: \"initial\",\n    \"&.Mui-focusVisible\": {\n      \"&::after\": {\n        position: \"absolute\",\n        width: `calc(100% + ${PADDING_OF_FOCUS}px)`,\n        height: `calc(100% + ${PADDING_OF_FOCUS}px)`,\n        content: '\"\"',\n        borderRadius: \"11px\",\n        border: `1px solid ${token.core.focused}`,\n        boxSizing: \"border-box\",\n      },\n    },\n  } as const);\n\nexport const iconStyle = ({\n  size,\n  hasIconOnly,\n}: Pick<CustomButtonProps, \"size\" | \"hasIconOnly\">) => ({\n  \"& .MuiButton-startIcon\": {\n    width: \"20px\",\n    height: \"20px\",\n    margin: 0,\n    marginRight: hasIconOnly ? \"0px\" : size === \"large\" ? \"8px\" : \"4px\",\n\n    // This style was added for Mui Button Svg Icon handling\n    \"*:nth-of-type(1)\": {\n      fontSize: \"20px\",\n    },\n  },\n  svg: {\n    width: \"20px\",\n    height: \"20px\",\n    margin: 0,\n    marginRight: hasIconOnly ? \"0px\" : size === \"large\" ? \"8px\" : \"4px\",\n  },\n});\n\nexport const CustomButton = styled(MuiButton, {\n  shouldForwardProp: (prop: string) => {\n    return ![\"kind\", \"hasIconOnly\"].includes(prop);\n  },\n})<CustomButtonProps>(\n  ({\n    theme: {\n      typography,\n      palette: { token },\n    },\n    kind,\n    size,\n    color,\n    hasIconOnly,\n  }) => ({\n    ...commonStyle({ token }),\n    ...iconStyle({ size, hasIconOnly }),\n    ...sizeStyle({ size, kind, hasIconOnly, typography }),\n    ...kindStyle({ kind, color, token }),\n  })\n);\n","export const PADDING_OF_FOCUS = 6; // TODO: focus 시 padding 고정값, size 별 차이 여부 확인 필요\nexport const OUTLINED_BORDER_WIDTH = 1;\n","module.exports = require(\"@mui/material\");","module.exports = require(\"@mui/material/styles\");","module.exports = require(\"react/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { styled } from \"@mui/material/styles\";\nimport { ToggleButton as MuiToggleButton } from \"@mui/material\";\n\nimport type { ToggleButtonProps } from \"../ToggleButton/ToggleButton.types\";\nimport {\n  commonStyle,\n  sizeStyle,\n  kindStyle,\n  iconStyle,\n} from \"../Button/Button.styled\";\n\ntype CustomToggleButtonProps = ToggleButtonProps & { hasIconOnly: boolean };\n\nexport const CustomToggleButton = styled(MuiToggleButton, {\n  shouldForwardProp: (prop: string) => {\n    return ![\"icon\", \"kind\", \"selectedColor\", \"hasIconOnly\"].includes(prop);\n  },\n})<CustomToggleButtonProps>(\n  ({\n    theme: {\n      typography,\n      palette: { token },\n    },\n    kind,\n    size,\n    color,\n    selectedColor,\n    hasIconOnly,\n    selected,\n  }) => {\n    return {\n      border: \"none\",\n      ...commonStyle({ token }),\n      ...iconStyle({ size, hasIconOnly }),\n      ...sizeStyle({ size, kind, hasIconOnly, selected, typography }),\n      ...kindStyle({ kind, color, token }),\n      ...(selectedColor === \"primary\" && {\n        \"&.Mui-selected, &.Mui-selected:hover\": {\n          border: \"none\",\n          backgroundColor: token.component.btn_selected_primary_bg,\n          color: token.component.btn_selected_primary_text,\n        },\n      }),\n      ...(selectedColor === \"secondary\" && {\n        \"&.Mui-selected, &.Mui-selected:hover\": {\n          border: \"none\",\n          backgroundColor: token.component.btn_selected_secondary_bg,\n          color: token.component.btn_selected_secondary_text,\n        },\n      }),\n    };\n  }\n);\n\nexport const IconAndChildrenWrapper = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n","import React from \"react\";\nimport {\n  CustomToggleButton,\n  IconAndChildrenWrapper,\n} from \"./ToggleButton.styled\";\nimport type { ToggleButtonProps } from \"./ToggleButton.types\";\n\nconst ToggleButton = (props: ToggleButtonProps) => {\n  const {\n    kind = \"contained\",\n    size = \"small\",\n    color = \"primary\",\n    selectedColor = \"primary\",\n    className = \"\",\n    icon,\n    selected,\n    children,\n    ...buttonProps\n  } = props;\n\n  const hasIconOnly = Boolean(icon && !children);\n  const excludeToggleGroupClass = className\n    .replace(\"MuiToggleButtonGroup-grouped\", \"\")\n    .replace(\"MuiToggleButtonGroup-groupedHorizontal\", \"\");\n\n  return (\n    <>\n      {kind === \"contained\" || kind === \"ghost\" ? (\n        <CustomToggleButton\n          className={`${kind} ${excludeToggleGroupClass}`}\n          selected={selected}\n          kind={kind}\n          color={color}\n          size={size}\n          hasIconOnly={hasIconOnly}\n          selectedColor={selectedColor}\n          disableRipple\n          disableFocusRipple\n          {...buttonProps}\n        >\n          {!hasIconOnly ? (\n            <>\n              {icon ? (\n                <IconAndChildrenWrapper>\n                  {icon}\n                  {children}\n                </IconAndChildrenWrapper>\n              ) : (\n                children\n              )}\n            </>\n          ) : (\n            icon\n          )}\n        </CustomToggleButton>\n      ) : (\n        <CustomToggleButton\n          className={`outlined ${excludeToggleGroupClass}`}\n          selected={selected}\n          kind=\"outlined\"\n          color=\"primary\"\n          size={size}\n          hasIconOnly={hasIconOnly}\n          selectedColor={selectedColor}\n          disableRipple\n          disableFocusRipple\n          {...buttonProps}\n        >\n          {!hasIconOnly ? (\n            <>\n              {icon ? (\n                <IconAndChildrenWrapper>\n                  {icon}\n                  {children}\n                </IconAndChildrenWrapper>\n              ) : (\n                children\n              )}\n            </>\n          ) : (\n            icon\n          )}\n        </CustomToggleButton>\n      )}\n    </>\n  );\n};\n\nexport default ToggleButton;\n"],"names":["getButtonPaddingBySizeAndKind","kind","size","selected","getIconButtonPaddingBySizeAndKind","sizeStyle","hasIconOnly","typography","button2","padding","minWidth","minHeight","button1","kindStyle","color","token","component","btn_contained_primary_text","backgroundColor","btn_contained_primary_bg","opacity","border","btn_contained_secondary_text","btn_contained_secondary_bg","btn_contained_error_text","btn_contained_error_bg","btn_ghost_primary_text","btn_ghost_secondary_text","btn_ghost_error_text","btn_outlined_primary_text","btn_outlined_primary_border","commonStyle","fontWeight","borderRadius","textTransform","position","width","height","content","core","focused","boxSizing","iconStyle","margin","marginRight","fontSize","svg","styled","shouldForwardProp","prop","includes","theme","module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","CustomToggleButton","selectedColor","btn_selected_primary_bg","btn_selected_primary_text","btn_selected_secondary_bg","btn_selected_secondary_text","IconAndChildrenWrapper","display","alignItems","props","className","icon","children","buttonProps","Boolean","excludeToggleGroupClass","replace","disableRipple","disableFocusRipple"],"sourceRoot":""}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ToggleButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiToggleButtonGroup from "@mui/material/ToggleButtonGroup";
+const ToggleButtonGroup = ({ size = "small", ...props }) => {
+    return _jsx(MuiToggleButtonGroup, { size: size, ...props });
+};
+export default ToggleButtonGroup;
+//# sourceMappingURL=ToggleButtonGroup.js.map

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.js","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":";AACA,OAAO,oBAEN,MAAM,iCAAiC,CAAC;AAEzC,MAAM,iBAAiB,GAAG,CAAC,EACzB,IAAI,GAAG,OAAO,EACd,GAAG,KAAK,EACe,EAAE,EAAE;IAC3B,OAAO,KAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/ToggleButtonGroup/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ToggleButtonGroup";
+//# sourceMappingURL=index.js.map

package/dist/components/ToggleButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+const Tooltip = () => {
+    return _jsx(Box, { children: "Tooltip" });
+};
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,KAAC,GAAG,0BAAc,CAAC;AAC5B,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-(()=>{"use strict";var e={692:e=>{e.exports=require("@mui/material")},997:e=>{e.exports=require("react/jsx-runtime")}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var u=r[o]={exports:{}};return e[o](u,u.exports,t),u.exports}t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};(()=>{t.r(o),t.d(o,{default:()=>n});var e=t(997),r=t(692);const n=function(){return(0,e.jsx)(r.Box,{children:"Tooltip"})}})(),exports.default=o.default,Object.defineProperty(exports,"__esModule",{value:!0})})();
+export { default } from "./Tooltip";
 //# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/Tooltip/index.js","mappings":"kCAAAA,EAAOC,QAAUC,QAAQ,gB,UCAzBF,EAAOC,QAAUC,QAAQ,oB,GCCrBC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaL,QAGrB,IAAID,EAASG,EAAyBE,GAAY,CAGjDJ,QAAS,CAAC,GAOX,OAHAO,EAAoBH,GAAUL,EAAQA,EAAOC,QAASG,GAG/CJ,EAAOC,OACf,CCrBAG,EAAoBK,EAAI,CAACR,EAASS,KACjC,IAAI,IAAIC,KAAOD,EACXN,EAAoBQ,EAAEF,EAAYC,KAASP,EAAoBQ,EAAEX,EAASU,IAC5EE,OAAOC,eAAeb,EAASU,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDP,EAAoBQ,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFd,EAAoBkB,EAAKrB,IACH,oBAAXsB,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAeb,EAASsB,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAeb,EAAS,aAAc,CAAEwB,OAAO,GAAO,E,mECG9D,QAJgB,WACd,OAAO,SAAC,EAAAC,IAAG,qBACb,C","sources":["webpack://@lunit/design-system/external commonjs \"@mui/material\"","webpack://@lunit/design-system/external commonjs \"react/jsx-runtime\"","webpack://@lunit/design-system/webpack/bootstrap","webpack://@lunit/design-system/webpack/runtime/define property getters","webpack://@lunit/design-system/webpack/runtime/hasOwnProperty shorthand","webpack://@lunit/design-system/webpack/runtime/make namespace object","webpack://@lunit/design-system/./src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["module.exports = require(\"@mui/material\");","module.exports = require(\"react/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\n\nimport { Box } from \"@mui/material\";\n\nconst Tooltip = () => {\n  return <Box>Tooltip</Box>;\n};\n\nexport default Tooltip;\n"],"names":["module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","Box"],"sourceRoot":""}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,7 @@
+// re-export any MUI styleOverrides for components
+export const componentsCssBaseline = {
+    styleOverrides: {
+    // @todo add any css baseline necessary for components
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAIlD,MAAM,CAAC,MAAM,qBAAqB,GAAwC;IACxE,cAAc,EAAE;IACd,sDAAsD;KACvD;CACF,CAAC"}

package/dist/foundation/Elevation/index.js

@@ -0,0 +1,66 @@
+import paletteOptions from "../colors";
+import { createCSSVarNames, createCSSVars } from "./utils";
+export const shadows = {
+    shadow1: `0px 4px 8px ${paletteOptions.token.core.shadow_01}`,
+    shadow2: `0px 3px 12px ${paletteOptions.token.core.shadow_02}`,
+    shadow3: `0px 12px 24px ${paletteOptions.token.core.shadow_03}`,
+    shadow4: `0px 12px 44px ${paletteOptions.token.core.shadow_04}`,
+};
+const shadowVars = createCSSVarNames(shadows);
+export const elevations = {
+    elevation_00: "none",
+    elevation_01: `${shadowVars.shadow1}, ${shadowVars.shadow2}`,
+    elevation_02: `${shadowVars.shadow3}, ${shadowVars.shadow4}`,
+};
+export const elevationOptions = {
+    ...shadows,
+    ...elevations,
+};
+export const createElevationCssBaseline = () => {
+    return {
+        // :root에 모든 theme이 정의되어 있지 않으므로 surface*에서 찾아야 함
+        ".light1, .light2, .dark1, .dark2, .dark3, .dark4": {
+            ...createCSSVars(shadows),
+            ...createCSSVars(elevations),
+            // `--elevation-shadow`가 정의되지 않아도 `box-shadow: var(--elevation-shadow)` 구문을 해석하려면 필요함
+            "--elevation-shadow": "none",
+        },
+        // Default component styles
+        ".MuiPaper-root": {
+            "--elevation-shadow": elevationOptions.elevation_02,
+        },
+        ".MuiDialog-paper": {
+            "--elevation-shadow": elevationOptions.elevation_02,
+        },
+        ".MuiPopover-paper": {
+            "--elevation-shadow": elevationOptions.elevation_02,
+        },
+        // Date Range Picker, Select 등의 Menu element는 MuiMenu-paper에서 상속
+        ".MuiMenu-paper": {
+            "--elevation-shadow": elevationOptions.elevation_01,
+        },
+        ".MuiTooltip-tooltip": {
+            "--elevation-shadow": elevationOptions.elevation_01,
+        },
+        ".MuiAlert-root": {
+            "--elevation-shadow": elevationOptions.elevation_02,
+        },
+        // Alternative to Paper `elevation` prop
+        ".elevation0, .elevation1, .elevation2": {
+            boxShadow: "var(--elevation-shadow)",
+        },
+        ".elevation3, .elevation4, .elevation5, .elevation6, .elevation7, .elevation8, .elevation9, .elevation10, .elevation11, .elevation12, .elevation13, .elevation14, .elevation15, .elevation16, .elevation17, .elevation18, .elevation19, .elevation20, .elevation21, .elevation22, .elevation23, .elevation24": {
+            boxShadow: "none",
+        },
+        ".elevation0": {
+            "--elevation-shadow": elevationOptions.elevation_00,
+        },
+        ".elevation1": {
+            "--elevation-shadow": elevationOptions.elevation_01,
+        },
+        ".elevation2": {
+            "--elevation-shadow": elevationOptions.elevation_02,
+        },
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/foundation/Elevation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/Elevation/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,eAAe,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;IAC7D,OAAO,EAAE,gBAAgB,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;IAC9D,OAAO,EAAE,iBAAiB,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;IAC/D,OAAO,EAAE,iBAAiB,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;CAChE,CAAC;AAEF,MAAM,UAAU,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,GAAG,UAAU,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE;IAC5D,YAAY,EAAE,GAAG,UAAU,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE;CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,OAAO;IACV,GAAG,UAAU;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO;QACL,iDAAiD;QACjD,kDAAkD,EAAE;YAClD,GAAG,aAAa,CAAC,OAAO,CAAC;YACzB,GAAG,aAAa,CAAC,UAAU,CAAC;YAC5B,qFAAqF;YACrF,oBAAoB,EAAE,MAAM;SAC7B;QACD,2BAA2B;QAC3B,gBAAgB,EAAE;YAChB,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;QACD,kBAAkB,EAAE;YAClB,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;QACD,mBAAmB,EAAE;YACnB,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;QACD,gEAAgE;QAChE,gBAAgB,EAAE;YAChB,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;QACD,qBAAqB,EAAE;YACrB,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;QACD,gBAAgB,EAAE;YAChB,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;QAED,wCAAwC;QACxC,uCAAuC,EAAE;YACvC,SAAS,EAAE,yBAAyB;SACrC;QACD,6SAA6S,EAC3S;YACE,SAAS,EAAE,MAAM;SAClB;QACH,aAAa,EAAE;YACb,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;QACD,aAAa,EAAE;YACb,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;QACD,aAAa,EAAE;YACb,oBAAoB,EAAE,gBAAgB,CAAC,YAAY;SACpD;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/foundation/Elevation/utils.js

@@ -0,0 +1,9 @@
+export const createCSSVars = (tokens) => Object.entries(tokens).reduce((vars, [name, value]) => {
+    vars[`--${name}`] = value;
+    return vars;
+}, {});
+export const createCSSVarNames = (tokens) => Object.entries(tokens).reduce((vars, [name, value]) => {
+    vars[name] = `var(--${name})`;
+    return vars;
+}, {});
+//# sourceMappingURL=utils.js.map

package/dist/foundation/Elevation/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/foundation/Elevation/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAmC,MAAS,EAAE,EAAE,CAC3E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;IACpD,IAAI,CAAC,KAAK,IAAI,EAAa,CAAC,GAAG,KAAK,CAAC;IACrC,OAAO,IAAI,CAAC;AACd,CAAC,EAAE,EAA6B,CAAC,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAmC,MAAS,EAAE,EAAE,CAC/E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;IACpD,IAAI,CAAC,IAAe,CAAC,GAAG,SAAS,IAAI,GAAG,CAAC;IACzC,OAAO,IAAI,CAAC;AACd,CAAC,EAAE,EAA6B,CAAC,CAAC"}

package/dist/foundation/Typography/index.js

@@ -0,0 +1,62 @@
+import { fontVariants, cssVariables } from "./tokens";
+const fontFamily = [
+    "Pretendard",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "system-ui",
+    "Roboto",
+    '"Helvetica Neue"',
+    '"Segoe UI"',
+    '"Apple SD Gothic Neo"',
+    '"Noto Sans KR"',
+    '"Malgun Gothic"',
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+    "sans-serif",
+].join(",");
+const typographyOptions = {
+    fontFamily,
+    ...{
+        ...fontVariants,
+        // alias Mui Typography variants
+        h1: fontVariants.headline1,
+        h2: fontVariants.headline2,
+        h3: fontVariants.headline3,
+        h4: fontVariants.headline4,
+        h5: fontVariants.headline5,
+        h6: fontVariants.headline5,
+        body1: fontVariants.body1_16_regular,
+        body2: fontVariants.body2_14_regular,
+        button: fontVariants.button2,
+    },
+};
+export const typographyDefaultProps = {
+    variantMapping: {
+        headline1: "h1",
+        headline2: "h2",
+        headline3: "h3",
+        headline4: "h4",
+        headline5: "h6",
+        body1_16_semibold: "p",
+        body1_16_regular: "p",
+        body2_14_bold: "p",
+        body2_14_medium: "p",
+        body2_14_regular: "p",
+        body3_12_semibold: "p",
+        body3_12_regular: "p",
+    },
+};
+export const createTypographyCssBaseline = () => {
+    return {
+        html: {
+            fontFamily,
+            fontFeatureSettings: `'tnum', 'ss01', 'ss02', 'ss08'`,
+        },
+        ":root": {
+            ...cssVariables,
+        },
+    };
+};
+export default typographyOptions;
+//# sourceMappingURL=index.js.map

package/dist/foundation/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/Typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA+BtD,MAAM,UAAU,GAAG;IACjB,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,WAAW;IACX,QAAQ;IACR,kBAAkB;IAClB,YAAY;IACZ,uBAAuB;IACvB,gBAAgB;IAChB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,mBAAmB;IACnB,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,iBAAiB,GAAsB;IAC3C,UAAU;IACV,GAAG;QACD,GAAG,YAAY;QACf,gCAAgC;QAChC,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,MAAM,EAAE,YAAY,CAAC,OAAO;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,aAAa,EAAE,GAAG;QAClB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO;QACL,IAAI,EAAE;YACJ,UAAU;YACV,mBAAmB,EAAE,gCAAgC;SACtD;QACD,OAAO,EAAE;YACP,GAAG,YAAY;SAChB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/foundation/Typography/tokens.js

@@ -0,0 +1,155 @@
+const fontWeights = {
+    "--font-weight-bold": 700,
+    "--font-weight-semibold": 600,
+    "--font-weight-medium": 500,
+    "--font-weight-regular": 400,
+};
+const headline = {
+    "--headline1-font-weight": "var(--font-weight-semibold)",
+    "--headline1-font-size": "52px",
+    "--headline1-line-height": "68px",
+    "--headline2-font-weight": "var(--font-weight-bold)",
+    "--headline2-font-size": "38px",
+    "--headline2-line-height": "48px",
+    "--headline3-font-weight": "var(--font-weight-semibold)",
+    "--headline3-font-size": "24px",
+    "--headline3-line-height": "36px",
+    "--headline4-font-weight": "var(--font-weight-semibold)",
+    "--headline4-font-size": "20px",
+    "--headline4-line-height": "28px",
+    "--headline5-font-weight": "var(--font-weight-semibold)",
+    "--headline5-font-size": "16px",
+    "--headline5-line-height": "24px",
+};
+const body = {
+    "--body1-16-semibold-font-weight": "var(--font-weight-semibold)",
+    "--body1-16-semibold-font-size": "16px",
+    "--body1-16-semibold-line-height": "24px",
+    "--body1-16-regular-font-weight": "var(--font-weight-regular)",
+    "--body1-16-regular-font-size": "16px",
+    "--body1-16-regular-line-height": "24px",
+    "--body2-14-bold-font-weight": "var(--font-weight-bold)",
+    "--body2-14-bold-font-size": "14px",
+    "--body2-14-bold-line-height": "20px",
+    "--body2-14-medium-font-weight": "var(--font-weight-medium)",
+    "--body2-14-medium-font-size": "14px",
+    "--body2-14-medium-line-height": "20px",
+    "--body2-14-regular-font-weight": "var(--font-weight-regular)",
+    "--body2-14-regular-font-size": "14px",
+    "--body2-14-regular-line-height": "20px",
+    "--body3-12-semibold-font-weight": "var(--font-weight-semibold)",
+    "--body3-12-semibold-font-size": "12.4px",
+    "--body3-12-semibold-line-height": "16px",
+    "--body3-12-regular-font-weight": "var(--font-weight-regular)",
+    "--body3-12-regular-font-size": "12.4px",
+    "--body3-12-regular-line-height": "16px",
+};
+const etc = {
+    "--overline-font-weight": "var(--font-weight-medium)",
+    "--overline-font-size": "14px",
+    "--overline-line-height": "20px",
+    "--button1-font-weight": "var(--font-weight-medium)",
+    "--button1-font-size": "16px",
+    "--button1-line-height": "22px",
+    "--button2-font-weight": "var(--font-weight-medium)",
+    "--button2-font-size": "14px",
+    "--button2-line-height": "20px",
+    "--caption-font-weight": "var(--font-weight-medium)",
+    "--caption-font-size": "12px",
+    "--caption-line-height": "16px",
+};
+const fontVariants = {
+    headline1: {
+        fontWeight: "var(--headline1-font-weight)",
+        fontSize: "var(--headline1-font-size)",
+        lineHeight: "var(--headline1-line-height)",
+    },
+    headline2: {
+        fontWeight: "var(--headline2-font-weight)",
+        fontSize: "var(--headline2-font-size)",
+        lineHeight: "var(--headline2-line-height)",
+    },
+    headline3: {
+        fontWeight: "var(--headline3-font-weight)",
+        fontSize: "var(--headline3-font-size)",
+        lineHeight: "var(--headline3-line-height)",
+    },
+    headline4: {
+        fontWeight: "var(--headline4-font-weight)",
+        fontSize: "var(--headline4-font-size)",
+        lineHeight: "var(--headline4-line-height)",
+    },
+    headline5: {
+        fontWeight: "var(--headline5-font-weight)",
+        fontSize: "var(--headline5-font-size)",
+        lineHeight: "var(--headline5-line-height)",
+    },
+    body1_16_semibold: {
+        fontWeight: "var(--body1-16-semibold-font-weight)",
+        fontSize: "var(--body1-16-semibold-font-size)",
+        lineHeight: "var(--body1-16-semibold-line-height)",
+    },
+    body1_16_regular: {
+        fontWeight: "var(--body1-16-regular-font-weight)",
+        fontSize: "var(--body1-16-regular-font-size)",
+        lineHeight: "var(--body1-16-regular-line-height)",
+    },
+    body2_14_bold: {
+        fontWeight: "var(--body2-14-bold-font-weight)",
+        fontSize: "var(--body2-14-bold-font-size)",
+        lineHeight: "var(--body2-14-bold-line-height)",
+    },
+    body2_14_medium: {
+        fontWeight: "var(--body2-14-medium-font-weight)",
+        fontSize: "var(--body2-14-medium-font-size)",
+        lineHeight: "var(--body2-14-medium-line-height)",
+    },
+    body2_14_regular: {
+        fontWeight: "var(--body2-14-regular-font-weight)",
+        fontSize: "var(--body2-14-regular-font-size)",
+        lineHeight: "var(--body2-14-regular-line-height)",
+    },
+    body3_12_semibold: {
+        fontWeight: "var(--body3-12-semibold-font-weight)",
+        fontSize: "var(--body3-12-semibold-font-size)",
+        lineHeight: "var(--body3-12-semibold-line-height)",
+    },
+    body3_12_regular: {
+        fontWeight: "var(--body3-12-regular-font-weight)",
+        fontSize: "var(--body3-12-regular-font-size)",
+        lineHeight: "var(--body3-12-regular-line-height)",
+    },
+    overline: {
+        fontWeight: "var(--overline-font-weight)",
+        fontSize: "var(--overline-font-size)",
+        lineHeight: "var(--overline-line-height)",
+        letterSpacing: "1px",
+        textTransform: "uppercase",
+    },
+    button1: {
+        fontWeight: "var(--button1-font-weight)",
+        fontSize: "var(--button1-font-size)",
+        lineHeight: "var(--button1-line-height)",
+        textTransform: "capitalize",
+    },
+    button2: {
+        fontWeight: "var(--button2-font-weight)",
+        fontSize: "var(--button2-font-size)",
+        lineHeight: "var(--button2-line-height)",
+        letterSpacing: "0.2px",
+        textTransform: "capitalize",
+    },
+    caption: {
+        fontWeight: "var(--caption-font-weight)",
+        fontSize: "var(--caption-font-size)",
+        lineHeight: "var(--caption-line-height)",
+    },
+};
+export const cssVariables = {
+    ...fontWeights,
+    ...headline,
+    ...body,
+    ...etc,
+};
+export { fontVariants };
+//# sourceMappingURL=tokens.js.map

package/dist/foundation/Typography/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/foundation/Typography/tokens.ts"],"names":[],"mappings":"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"}

package/dist/foundation/colors/base/blue.js

@@ -0,0 +1,26 @@
+import { grey } from "./grey";
+export const blue = {
+    5: "#DAECFF",
+    10: "#D0E2FF",
+    20: "#9DCEFF",
+    30: "#78A9FF",
+    40: "#4589FF",
+    50: "#0F62FE",
+    60: "#0043CE",
+    70: "#0055AB",
+    80: "#001D6C",
+    90: "#002041",
+};
+export const blueText = {
+    5: grey[95],
+    10: grey[95],
+    20: grey[95],
+    30: grey[95],
+    40: grey[95],
+    50: grey[5],
+    60: grey[5],
+    70: grey[5],
+    80: grey[5],
+    90: grey[5],
+};
+//# sourceMappingURL=blue.js.map

package/dist/foundation/colors/base/blue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blue.js","sourceRoot":"","sources":["../../../../src/foundation/colors/base/blue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;CACZ,CAAC"}

package/dist/foundation/colors/base/green.js

@@ -0,0 +1,26 @@
+import { grey } from "./grey";
+export const green = {
+    5: "#EBFFF0",
+    10: "#B4EFC4",
+    20: "#6FDC8C",
+    30: "#42BE65",
+    40: "#24A148",
+    50: "#198038",
+    60: "#0E6027",
+    70: "#044317",
+    80: "#022D0D",
+    90: "#071908",
+};
+export const greenText = {
+    5: grey[95],
+    10: grey[95],
+    20: grey[95],
+    30: grey[95],
+    40: grey[95],
+    50: grey[5],
+    60: grey[5],
+    70: grey[5],
+    80: grey[5],
+    90: grey[5],
+};
+//# sourceMappingURL=green.js.map

package/dist/foundation/colors/base/green.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"green.js","sourceRoot":"","sources":["../../../../src/foundation/colors/base/green.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;CACZ,CAAC"}

package/dist/foundation/colors/base/grey.js

@@ -0,0 +1,36 @@
+export const grey = {
+    0: "#FFFFFF",
+    5: "#FAFAFB",
+    10: "#F1F1F4",
+    15: "#DFDFE2",
+    20: "#C6C6C8",
+    30: "#AFAFB1",
+    40: "#99999B",
+    50: "#747477",
+    60: "#626264",
+    70: "#4E4E50",
+    75: "#404042",
+    80: "#333336",
+    85: "#2D2D2F",
+    90: "#1F1F21",
+    95: "#111113",
+    100: "#000000",
+};
+export const greyText = {
+    0: grey[95],
+    5: grey[95],
+    10: grey[95],
+    15: grey[95],
+    20: grey[95],
+    30: grey[95],
+    40: grey[95],
+    50: grey[5],
+    60: grey[5],
+    70: grey[5],
+    80: grey[5],
+    85: grey[5],
+    90: grey[5],
+    95: grey[5],
+    100: grey[5],
+};
+//# sourceMappingURL=grey.js.map

package/dist/foundation/colors/base/grey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grey.js","sourceRoot":"","sources":["../../../../src/foundation/colors/base/grey.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;IACX,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;CACb,CAAC"}

package/dist/foundation/colors/base/index.js

@@ -0,0 +1,12 @@
+export * from "./blue";
+export * from "./green";
+export * from "./grey";
+export * from "./lunitGreen";
+export * from "./lunitTeal";
+export * from "./magenta";
+export * from "./orange";
+export * from "./red";
+export * from "./yellow";
+export * from "./purple";
+export * from "./opacity";
+//# sourceMappingURL=index.js.map

package/dist/foundation/colors/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/foundation/colors/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}

package/dist/foundation/colors/base/lunitGreen.js

@@ -0,0 +1,26 @@
+import { grey } from "./grey";
+export const lunitGreen = {
+    5: "#F5FBE7",
+    10: "#EFF8BC",
+    20: "#E5F39E",
+    30: "#E1EE91",
+    40: "#DCEB7A",
+    50: "#D2EA60",
+    60: "#CEE559",
+    70: "#CADE5C",
+    80: "#BED358",
+    90: "#B1C953",
+};
+export const lunitGreenText = {
+    5: grey[95],
+    10: grey[95],
+    20: grey[95],
+    30: grey[95],
+    40: grey[95],
+    50: grey[95],
+    60: grey[95],
+    70: grey[95],
+    80: grey[95],
+    90: grey[95],
+};
+//# sourceMappingURL=lunitGreen.js.map

package/dist/foundation/colors/base/lunitGreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lunitGreen.js","sourceRoot":"","sources":["../../../../src/foundation/colors/base/lunitGreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;CACb,CAAC"}

package/dist/foundation/colors/base/lunitTeal.js

@@ -0,0 +1,26 @@
+import { grey } from "./grey";
+export const lunitTeal = {
+    5: "#EAFAFF",
+    10: "#D1F7FF",
+    20: "#96EDFF",
+    30: "#30DFFC",
+    40: "#00C9EA",
+    50: "#01AED4",
+    60: "#048AB4",
+    70: "#016D8F",
+    80: "#05495F",
+    90: "#002930",
+};
+export const lunitTealText = {
+    5: lunitTeal[90],
+    10: lunitTeal[90],
+    20: grey[95],
+    30: grey[95],
+    40: grey[95],
+    50: grey[5],
+    60: grey[5],
+    70: grey[5],
+    80: grey[5],
+    90: lunitTeal[5],
+};
+//# sourceMappingURL=lunitTeal.js.map

package/dist/foundation/colors/base/lunitTeal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lunitTeal.js","sourceRoot":"","sources":["../../../../src/foundation/colors/base/lunitTeal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAChB,EAAE,EAAE,SAAS,CAAC,EAAE,CAAC;IACjB,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC;IACZ,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC;CACjB,CAAC"}