@lunit/design-system 1.0.0-a.1

package/dist/components/Toggle/Toggle.styled.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps } from "@mui/material";
+interface ToggleProps extends SwitchProps {
+    toggleSize: 'medium' | 'large';
+}
+export declare const CommonToggle: import("@emotion/styled").StyledComponent<SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleProps, {}, {}>;
+export declare const CommonIndeterminateToggle: import("@emotion/styled").StyledComponent<SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleProps, {}, {}>;
+export {};

package/dist/components/Toggle/Toggle.types.d.ts

@@ -0,0 +1,13 @@
+import type { SwitchProps } from "@mui/material";
+export interface ToggleProps extends Omit<SwitchProps, "size"> {
+    /**
+     * The size of the component.
+     * @default medium
+     */
+    size?: 'medium' | 'large';
+    /**
+    * If `true`, the component has consistent 'checked' value and change shape.
+    * @default false
+    */
+    indeterminate?: boolean;
+}

package/dist/components/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Toggle";

package/dist/components/Toggle/index.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var e={692:e=>{e.exports=require("@mui/material")},997:e=>{e.exports=require("react/jsx-runtime")}},t={};function r(o){var i=t[o];if(void 0!==i)return i.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,r),n.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};(()=>{r.r(o),r.d(o,{default:()=>l});var e=r(997),t=r(692),i=function(){return i=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i.apply(this,arguments)},n={medium:{root:{width:28,height:18,borderRadius:9},focus:{width:34,height:24,borderRadius:12},switch:{transition:"all 100ms ease-in-out"},switchChecked:{transform:"translateX(10px)"},thumb:{width:14,height:14}},large:{root:{width:44,height:24,borderRadius:12},focus:{width:50,height:30,borderRadius:14},switch:{transition:"all 150ms ease-in-out"},switchChecked:{transform:"translateX(20px)"},thumb:{width:20,height:20}}},a={large:{switchChecked:{top:8,left:-8},track:{borderRadius:12},thumb:{height:4,width:16,borderRadius:2}},medium:{switchChecked:{top:6,left:-4},track:{borderRadius:12},thumb:{height:2,width:12,borderRadius:2}}},c=(0,t.styled)(t.Switch,{shouldForwardProp:function(e){return"toggleSize"!==e}})((function(e){var t=e.theme,r=e.toggleSize,o=e.disabled,a=t.palette.token.component.selectcontrol_on,c=t.palette.token.component.selectcontrol_off,d=t.palette.token.component.selectcontrol_handler,u=n[r],s=o?.38:1;return i(i({},u.root),{display:"flex",padding:0,overflow:"visible",backgroundColor:"transparent",opacity:s,"& .Mui-focusVisible":{boxShadow:"none",background:"transparent",borderColor:"transparent",outline:"none","& + .MuiSwitch-track::after":i(i({},u.focus),{content:'""',position:"absolute",border:"1px solid ".concat(a),boxSizing:"border-box",top:-3,left:-3})},"& .MuiSwitch-track":{opacity:1,borderRadius:12,backgroundColor:c},"& .MuiSwitch-thumb":i(i({},u.thumb),{boxShadow:"0px 0px 1px rgba(0, 0, 0, 0.4)"}),"& .MuiSwitch-switchBase":i(i({},u.switch),{padding:2,opacity:1,"&.Mui-checked":i(i({},u.switchChecked),{color:d,"& + .MuiSwitch-track":{opacity:1,backgroundColor:a}})}),"& .Mui-disabled + .MuiSwitch-track":{opacity:1}})})),d=(0,t.styled)(c,{shouldForwardProp:function(e){return"toggleSize"!==e}})((function(e){var t=e.toggleSize,r=a[t];return{padding:0,cursor:"pointer","& .MuiSwitch-switchBase.Mui-checked":i(i({},r.switchChecked),{"& + .MuiSwitch-track":i({},r.track)}),"& .MuiSwitch-thumb":i(i({},r.thumb),{boxShadow:"none"})}})),u=function(){return u=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},u.apply(this,arguments)},s=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r};const l=function(t){var r=t.size,o=void 0===r?"medium":r,i=t.indeterminate,n=void 0!==i&&i,a=t.disableRipple,l=s(t,["size","indeterminate","disableRipple"]);if(n){l.checked;var h=s(l,["checked"]);return(0,e.jsx)(d,u({toggleSize:o,checked:!0,focusRipple:!1,disableRipple:a},h))}return(0,e.jsx)(c,u({toggleSize:o,focusRipple:!1,disableRipple:a},l))}})(),exports.default=o.default,Object.defineProperty(exports,"__esModule",{value:!0})})();
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Toggle/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,mRCAxDC,EAAe,CACnBC,OAAQ,CACNC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,MAAO,CACLH,MAAO,GACPC,OAAQ,GACRC,aAAc,IAEhBE,OAAQ,CACNC,WAAY,yBAEdC,cAAe,CACbC,UAAW,oBAEbC,MAAO,CACHR,MAAO,GACPC,OAAQ,KAGdQ,MAAO,CACLV,KAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,IAEhBC,MAAO,CACLH,MAAO,GACPC,OAAQ,GACRC,aAAc,IAEhBE,OAAQ,CACNC,WAAY,yBAEdC,cAAe,CACbC,UAAW,oBAEbC,MAAO,CACLR,MAAO,GACPC,OAAQ,MAKRS,EAAsB,CAC1BD,MAAO,CACLH,cAAe,CACXK,IAAK,EACLC,MAAO,GAEXC,MAAO,CACLX,aAAc,IAEhBM,MAAO,CACLP,OAAQ,EACRD,MAAO,GACPE,aAAc,IAGlBJ,OAAQ,CACNQ,cAAe,CACXK,IAAK,EACLC,MAAO,GAEXC,MAAO,CACLX,aAAc,IAEhBM,MAAO,CACLP,OAAQ,EACRD,MAAO,GACPE,aAAc,KAKPY,GAAe,IAAAC,QAAO,SAAW,CAC5CC,kBAAmB,SAACC,GAAU,MAAU,eAAVA,CAAA,GADJ,EAEZ,SAAC,G,IAAEC,EAAK,QAAEC,EAAU,aAAEC,EAAQ,WACtCC,EAAeH,EAAMI,QAAQC,MAAMC,UAAUC,iBAC7CC,EAAiBR,EAAMI,QAAQC,MAAMC,UAAUG,kBAC/CC,EAAeV,EAAMI,QAAQC,MAAMC,UAAUK,sBAE7CC,EAAcjC,EAAasB,GAC3BY,EAAgBX,EAAW,IAAO,EAExC,OAAO,EAAP,KACKU,EAAY/B,MAAI,CACnBiC,QAAS,OACTC,QAAS,EACTC,SAAU,UACVC,gBAAiB,cACjBC,QAASL,EACT,sBAAuB,CAErBM,UAAW,OACXC,WAAY,cACZC,YAAa,cACbC,QAAS,OACT,8BAA+B,EAAF,KACxBV,EAAY3B,OAAK,CACpBsC,QAAS,KACTC,SAAU,WACVC,OAAQ,oBAAatB,GACrBuB,UAAW,aACXjC,KAAM,EACNC,MAAO,KAGX,qBAAsB,CACpBwB,QAAS,EACTlC,aAAc,GACdiC,gBAAiBT,GAEnB,qBAAsB,EAAF,KACfI,EAAYtB,OAAK,CACpB6B,UAAW,mCAEb,0BAA2B,EAAF,KACpBP,EAAY1B,QAAM,CACrB6B,QAAS,EACTG,QAAS,EACT,gBAAiB,EAAF,KACVN,EAAYxB,eAAa,CAC5BuC,MAAOjB,EACP,uBAAwB,CACtBQ,QAAS,EACTD,gBAAiBd,OAIvB,qCAAsC,CACpCe,QAAS,IAEZ,IAEUU,GAA4B,IAAA/B,QAAOD,EAAc,CAC5DE,kBAAmB,SAACC,GAAU,MAAU,eAAVA,CAAA,GADS,EAEtC,SAAC,G,IAAEE,EAAU,aACR4B,EAAqBrC,EAAoBS,GAE/C,MAAO,CACPc,QAAS,EACTe,OAAQ,UACR,sCAAuC,EAAF,KAC9BD,EAAmBzC,eAAa,CACnC,uBAAwB,EAAF,GACjByC,EAAmBlC,SAG5B,qBAAsB,EAAF,KACfkC,EAAmBvC,OAAK,CAC3B6B,UAAW,SAEd,I,4hBChJD,QAZe,SAACpB,GACN,MAA0EA,EAAK,KAA/EgC,OAAI,IAAG,WAAQ,EAAE,EAAyDhC,EAAK,cAA9DiC,OAAa,IAAG,GAAK,EAAEC,EAAkClC,EAAK,cAArBmC,EAAW,EAAKnC,EAA5E,0CAEN,GAAIiC,EAAe,CACoBE,EAAW,QAAxC,IAAeC,EAAS,EAAKD,EAA/B,aAEJ,OAAO,SAACN,EAAyB,GAAC3B,WAAY8B,EAAMK,SAAO,EAACC,aAAa,EAAOJ,cAAeA,GAAmBE,G,CAGtH,OAAQ,SAACvC,EAAY,GAACK,WAAY8B,EAAMM,aAAa,EAAOJ,cAAeA,GAAmBC,GAChG,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/Toggle/Toggle.styled.ts","webpack://@lunit/design-system/./src/components/Toggle/Toggle.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 { styled, Switch as MuiSwitch, SwitchProps } from \"@mui/material\";\ninterface ToggleProps extends SwitchProps {\n  toggleSize: 'medium' | 'large'\n}\n\nconst toggleStyles = {\n  medium: {\n    root: {\n      width: 28,\n      height: 18,\n      borderRadius: 9,\n    },\n    focus: {\n      width: 34,\n      height: 24,\n      borderRadius: 12,\n    },\n    switch: {\n      transition: \"all 100ms ease-in-out\",\n    },\n    switchChecked: {\n      transform: 'translateX(10px)',\n    },\n    thumb: {\n        width: 14,\n        height: 14,\n    }\n  },\n  large: {\n    root:{\n      width: 44,\n      height: 24,\n      borderRadius: 12,\n    },\n    focus: {\n      width: 50,\n      height: 30,\n      borderRadius: 14,\n    },\n    switch: {\n      transition: \"all 150ms ease-in-out\",\n    },\n    switchChecked: {\n      transform: 'translateX(20px)',\n    },\n    thumb: {\n      width: 20,\n      height: 20,\n    },\n  },\n}\n\nconst indeterminateStyles = {\n  large: {\n    switchChecked: {\n        top: 8,\n        left: -8,\n    },\n    track: {\n      borderRadius: 12,\n    },\n    thumb: {\n      height: 4,\n      width: 16,\n      borderRadius: 2,\n    },\n  },\n  medium: {\n    switchChecked: {\n        top: 6,\n        left: -4,\n    },\n    track: {\n      borderRadius: 12,\n    },\n    thumb: {\n      height: 2,\n      width: 12,\n      borderRadius: 2,\n    },\n  }\n}\n\nexport const CommonToggle = styled(MuiSwitch, {\n  shouldForwardProp: (props) => props !== 'toggleSize',\n})<ToggleProps>(({ theme, toggleSize, disabled }) => {\n  const checkedColor = theme.palette.token.component.selectcontrol_on;\n  const uncheckedColor = theme.palette.token.component.selectcontrol_off;\n  const handlerColor = theme.palette.token.component.selectcontrol_handler;\n\n  const toggleStyle = toggleStyles[toggleSize];\n  const toggleOpacity = disabled ? 0.38 : 1;\n\n  return {\n    ...toggleStyle.root,\n    display: 'flex',\n    padding: 0,\n    overflow: \"visible\",\n    backgroundColor: \"transparent\",\n    opacity: toggleOpacity,\n    \"& .Mui-focusVisible\": {\n       // clear default focus style\n      boxShadow: \"none\",\n      background: \"transparent\",\n      borderColor: \"transparent\",\n      outline: \"none\",\n      \"& + .MuiSwitch-track::after\": {\n        ...toggleStyle.focus,\n        content: '\"\"',\n        position: \"absolute\",\n        border: `1px solid ${checkedColor}`,\n        boxSizing: \"border-box\",\n        top: -3, // border 1px + offset 2px\n        left: -3, // border 1px + offset 2px\n      }\n    },\n    '& .MuiSwitch-track': {\n      opacity: 1,\n      borderRadius: 12,\n      backgroundColor: uncheckedColor,\n    },\n    '& .MuiSwitch-thumb': {\n      ...toggleStyle.thumb,\n      boxShadow: \"0px 0px 1px rgba(0, 0, 0, 0.4)\",\n    },\n    '& .MuiSwitch-switchBase': {\n      ...toggleStyle.switch,\n      padding: 2,\n      opacity: 1,\n      '&.Mui-checked': {\n        ...toggleStyle.switchChecked,\n        color: handlerColor,\n        '& + .MuiSwitch-track': {\n          opacity: 1,\n          backgroundColor: checkedColor,\n        },\n      },\n    },\n    '& .Mui-disabled + .MuiSwitch-track': {\n      opacity: 1,\n    },\n  }});\n\nexport const CommonIndeterminateToggle = styled(CommonToggle, {\n  shouldForwardProp: (props) => props !== 'toggleSize',\n})(({ toggleSize }) => {\n  const indeterminateStyle = indeterminateStyles[toggleSize];\n\n  return {\n  padding: 0,\n  cursor: \"pointer\",\n  '& .MuiSwitch-switchBase.Mui-checked': {\n      ...indeterminateStyle.switchChecked,\n      '& + .MuiSwitch-track': {\n        ...indeterminateStyle.track,\n    },\n  },\n  '& .MuiSwitch-thumb': {\n    ...indeterminateStyle.thumb,\n    boxShadow: \"none\",\n  },\n}});\n","import React from 'react'\nimport { CommonToggle, CommonIndeterminateToggle } from './Toggle.styled'\nimport type { ToggleProps } from './Toggle.types'\n\n\nconst Toggle = (props: ToggleProps) => {\n  const { size = \"medium\", indeterminate = false, disableRipple, ...switchProps } = props\n\n  if (indeterminate) {\n    const { checked: _, ...restProps } = switchProps;\n    // can't use checked props with indeterminate\n      return <CommonIndeterminateToggle toggleSize={size} checked focusRipple={false} disableRipple={disableRipple} {...restProps} />\n  }\n\n  return  <CommonToggle toggleSize={size} focusRipple={false} disableRipple={disableRipple} {...switchProps}/>\n}\n\nexport default Toggle\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","toggleStyles","medium","root","width","height","borderRadius","focus","switch","transition","switchChecked","transform","thumb","large","indeterminateStyles","top","left","track","CommonToggle","styled","shouldForwardProp","props","theme","toggleSize","disabled","checkedColor","palette","token","component","selectcontrol_on","uncheckedColor","selectcontrol_off","handlerColor","selectcontrol_handler","toggleStyle","toggleOpacity","display","padding","overflow","backgroundColor","opacity","boxShadow","background","borderColor","outline","content","position","border","boxSizing","color","CommonIndeterminateToggle","indeterminateStyle","cursor","size","indeterminate","disableRipple","switchProps","restProps","checked","focusRipple"],"sourceRoot":""}

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,3 @@
+import type { ToggleButtonProps } from "./ToggleButton.types";
+declare const ToggleButton: (props: ToggleButtonProps) => JSX.Element;
+export default ToggleButton;

package/dist/components/ToggleButton/ToggleButton.styled.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import type { ToggleButtonProps } from "../ToggleButton/ToggleButton.types";
+type CustomToggleButtonProps = ToggleButtonProps & {
+    hasIconOnly: boolean;
+};
+export declare const CustomToggleButton: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ToggleButtonClasses> | undefined;
+    color?: "primary" | "secondary" | "error" | "warning" | "success" | "info" | "standard" | undefined;
+    disabled?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    onChange?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>, value: any) => void) | undefined;
+    onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>, value: any) => void) | undefined;
+    selected?: boolean | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    value: {};
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "value" | "action" | "size" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps, {}, {}>;
+export declare const IconAndChildrenWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/components/ToggleButton/ToggleButton.types.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { ToggleButtonProps as MuiToggleButtonProps } from "@mui/material";
+interface ToggleButtonBaseProps extends MuiToggleButtonProps {
+    selectedColor?: "primary" | "secondary";
+    icon?: React.ReactNode;
+}
+interface ContainedToggleButtonProps extends Omit<ToggleButtonBaseProps, "variant"> {
+    kind?: "contained";
+    color?: "primary" | "secondary";
+}
+interface GhostToggleButtonProps extends Omit<ToggleButtonBaseProps, "variant"> {
+    kind?: "ghost";
+    color?: "primary" | "secondary";
+}
+interface OutlinedToggleButtonProps extends Omit<ToggleButtonBaseProps, "variant"> {
+    kind?: "outlined";
+    color?: "primary";
+}
+export type ToggleButtonProps = ContainedToggleButtonProps | GhostToggleButtonProps | OutlinedToggleButtonProps;
+export {};

package/dist/components/ToggleButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ToggleButton";

package/dist/components/ToggleButton/index.js

@@ -0,0 +1,2 @@
+(()=>{"use strict";var e={493:(e,o,n)=>{n.d(o,{zH:()=>s,oQ:()=>p,Ft:()=>l,Tq:()=>d});var t=n(442),r=n(692),c=function(e){var o=e.kind,n=e.size,t=e.selected,r=void 0!==t&&t;return"small"===n?"outlined"!==o||r?"4px 8px":"".concat(3,"px ").concat(7,"px"):"medium"===n?"outlined"!==o||r?"8px 12px":"".concat(7,"px ").concat(11,"px"):"outlined"!==o||r?"10px 12px":"".concat(9,"px ").concat(11,"px")},i=function(e){var o=e.kind,n=e.size,t=e.selected,r=void 0!==t&&t;return"small"===n?"outlined"!==o||r?"4px":"".concat(3,"px"):"medium"===n?"outlined"!==o||r?"8px":"".concat(7,"px"):"outlined"!==o||r?"12px":"".concat(11,"px")},a=function(){return a=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);return e},a.apply(this,arguments)},d=function(e){var o=e.size,n=e.kind,t=e.hasIconOnly,r=e.typography,d=e.selected,l=void 0!==d&&d;return a(a(a({},"small"===o&&a(a({},r.button2),{padding:"".concat(t?i({kind:n,size:o,selected:l}):c({kind:n,size:o,selected:l})),minWidth:"28px",minHeight:"28px"})),"medium"===o&&a(a({},r.button2),{padding:"".concat(t?i({kind:n,size:o,selected:l}):c({kind:n,size:o,selected:l})),minWidth:"36px",minHeight:"36px"})),"large"===o&&a(a({},r.button1),{padding:"".concat(t?i({kind:n,size:o,selected:l}):c({kind:n,size:o,selected:l})),minWidth:"44px",minHeight:"44px"}))},l=function(e){var o=e.kind,n=e.color,t=e.token;return a(a(a(a(a(a(a({},"contained"===o&&"primary"===n&&{color:t.component.btn_contained_primary_text,backgroundColor:t.component.btn_contained_primary_bg,"&:hover":{backgroundColor:t.component.btn_contained_primary_bg},"&.Mui-disabled":{opacity:.38,border:"none",color:t.component.btn_contained_primary_text}}),"contained"===o&&"secondary"===n&&{color:t.component.btn_contained_secondary_text,backgroundColor:t.component.btn_contained_secondary_bg,"&:hover":{backgroundColor:t.component.btn_contained_secondary_bg},"&.Mui-disabled":{opacity:.38,border:"none",color:t.component.btn_contained_secondary_text}}),"contained"===o&&"error"===n&&{color:t.component.btn_contained_error_text,backgroundColor:t.component.btn_contained_error_bg,"&:hover":{backgroundColor:t.component.btn_contained_error_bg},"&.Mui-disabled":{opacity:.38,border:"none",color:t.component.btn_contained_error_text}}),"ghost"===o&&"primary"===n&&{color:t.component.btn_ghost_primary_text,border:"none","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.06)"},"&.Mui-disabled":{opacity:.38,border:"none",color:t.component.btn_ghost_primary_text}}),"ghost"===o&&"secondary"===n&&{color:t.component.btn_ghost_secondary_text,border:"none","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.06)"},"&.Mui-disabled":{opacity:.38,border:"none",color:t.component.btn_ghost_secondary_text}}),"ghost"===o&&"error"===n&&{color:t.component.btn_ghost_error_text,"&:hover":{backgroundColor:"rgba(0, 0, 0, 0.06)"},"&.Mui-disabled":{opacity:.38,border:"none",color:t.component.btn_ghost_error_text}}),"outlined"===o&&"primary"===n&&{color:t.component.btn_outlined_primary_text,border:"".concat(1,"px solid ").concat(t.component.btn_outlined_primary_border),"&:hover":{backgroundColor:"rgba(0, 0, 0, 0.06)"},"&.Mui-disabled":{opacity:.38,color:t.component.btn_outlined_primary_text}})},s=function(e){var o=e.token;return{fontWeight:"500",borderRadius:"8px",textTransform:"initial","&.Mui-focusVisible":{"&::after":{position:"absolute",width:"calc(100% + ".concat(6,"px)"),height:"calc(100% + ".concat(6,"px)"),content:'""',borderRadius:"11px",border:"1px solid ".concat(o.core.focused),boxSizing:"border-box"}}}},p=function(e){var o=e.size,n=e.hasIconOnly;return{"& .MuiButton-startIcon":{width:"20px",height:"20px",margin:0,marginRight:n?"0px":"large"===o?"8px":"4px","*:nth-of-type(1)":{fontSize:"20px"}},svg:{width:"20px",height:"20px",margin:0,marginRight:n?"0px":"large"===o?"8px":"4px"}}};(0,t.styled)(r.Button,{shouldForwardProp:function(e){return!["kind","hasIconOnly"].includes(e)}})((function(e){var o=e.theme,n=o.typography,t=o.palette.token,r=e.kind,c=e.size,i=e.color,u=e.hasIconOnly;return a(a(a(a({},s({token:t})),p({size:c,hasIconOnly:u})),d({size:c,kind:r,hasIconOnly:u,typography:n})),l({kind:r,color:i,token:t}))}))},692:e=>{e.exports=require("@mui/material")},442:e=>{e.exports=require("@mui/material/styles")},997:e=>{e.exports=require("react/jsx-runtime")}},o={};function n(t){var r=o[t];if(void 0!==r)return r.exports;var c=o[t]={exports:{}};return e[t](c,c.exports,n),c.exports}n.d=(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var t={};(()=>{n.r(t),n.d(t,{default:()=>s});var e=n(997),o=n(442),r=n(692),c=n(493),i=function(){return i=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);return e},i.apply(this,arguments)},a=(0,o.styled)(r.ToggleButton,{shouldForwardProp:function(e){return!["icon","kind","selectedColor","hasIconOnly"].includes(e)}})((function(e){var o=e.theme,n=o.typography,t=o.palette.token,r=e.kind,a=e.size,d=e.color,l=e.selectedColor,s=e.hasIconOnly,p=e.selected;return i(i(i(i(i(i({border:"none"},(0,c.zH)({token:t})),(0,c.oQ)({size:a,hasIconOnly:s})),(0,c.Tq)({size:a,kind:r,hasIconOnly:s,selected:p,typography:n})),(0,c.Ft)({kind:r,color:d,token:t})),"primary"===l&&{"&.Mui-selected, &.Mui-selected:hover":{border:"none",backgroundColor:t.component.btn_selected_primary_bg,color:t.component.btn_selected_primary_text}}),"secondary"===l&&{"&.Mui-selected, &.Mui-selected:hover":{border:"none",backgroundColor:t.component.btn_selected_secondary_bg,color:t.component.btn_selected_secondary_text}})})),d=(0,o.styled)("div")({display:"flex",alignItems:"center"}),l=function(){return l=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var r in o=arguments[n])Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);return e},l.apply(this,arguments)};const s=function(o){var n=o.kind,t=void 0===n?"contained":n,r=o.size,c=void 0===r?"small":r,i=o.color,s=void 0===i?"primary":i,p=o.selectedColor,u=void 0===p?"primary":p,b=o.className,y=void 0===b?"":b,g=o.icon,m=o.selected,h=o.children,x=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)o.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(n[t[r]]=e[t[r]])}return n}(o,["kind","size","color","selectedColor","className","icon","selected","children"]),_=Boolean(g&&!h),f=y.replace("MuiToggleButtonGroup-grouped","").replace("MuiToggleButtonGroup-groupedHorizontal","");return(0,e.jsx)(e.Fragment,{children:"contained"===t||"ghost"===t?(0,e.jsx)(a,l({className:"".concat(t," ").concat(f),selected:m,kind:t,color:s,size:c,hasIconOnly:_,selectedColor:u,disableRipple:!0,disableFocusRipple:!0},x,{children:_?g:(0,e.jsx)(e.Fragment,{children:g?(0,e.jsxs)(d,{children:[g,h]}):h})})):(0,e.jsx)(a,l({className:"outlined ".concat(f),selected:m,kind:"outlined",color:"primary",size:c,hasIconOnly:_,selectedColor:u,disableRipple:!0,disableFocusRipple:!0},x,{children:_?g:(0,e.jsx)(e.Fragment,{children:g?(0,e.jsxs)(d,{children:[g,h]}):h})}))})}})(),exports.default=t.default,Object.defineProperty(exports,"__esModule",{value:!0})})();
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":""}

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import { ToggleButtonGroupProps } from "@mui/material/ToggleButtonGroup";
+declare const ToggleButtonGroup: ({ size, ...props }: ToggleButtonGroupProps) => JSX.Element;
+export default ToggleButtonGroup;

package/dist/components/ToggleButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ToggleButtonGroup";

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,2 @@
+declare const Tooltip: () => JSX.Element;
+export default Tooltip;

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Tooltip";

package/dist/components/Tooltip/index.js

@@ -0,0 +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})})();
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":""}

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from "@mui/material";
+export declare const componentsCssBaseline: Components<Theme>["MuiCssBaseline"];

package/dist/foundation/Elevation/index.d.ts

@@ -0,0 +1,65 @@
+export declare const shadows: {
+    shadow1: string;
+    shadow2: string;
+    shadow3: string;
+    shadow4: string;
+};
+export declare const elevations: {
+    elevation_00: string;
+    elevation_01: string;
+    elevation_02: string;
+};
+export declare const elevationOptions: {
+    elevation_00: string;
+    elevation_01: string;
+    elevation_02: string;
+    shadow1: string;
+    shadow2: string;
+    shadow3: string;
+    shadow4: string;
+};
+export declare const createElevationCssBaseline: () => {
+    ".light1, .light2, .dark1, .dark2, .dark3, .dark4": {
+        "--elevation-shadow": string;
+        elevation_00: string;
+        elevation_01: string;
+        elevation_02: string;
+        shadow1: string;
+        shadow2: string;
+        shadow3: string;
+        shadow4: string;
+    };
+    ".MuiPaper-root": {
+        "--elevation-shadow": string;
+    };
+    ".MuiDialog-paper": {
+        "--elevation-shadow": string;
+    };
+    ".MuiPopover-paper": {
+        "--elevation-shadow": string;
+    };
+    ".MuiMenu-paper": {
+        "--elevation-shadow": string;
+    };
+    ".MuiTooltip-tooltip": {
+        "--elevation-shadow": string;
+    };
+    ".MuiAlert-root": {
+        "--elevation-shadow": string;
+    };
+    ".elevation0, .elevation1, .elevation2": {
+        boxShadow: string;
+    };
+    ".elevation3, .elevation4, .elevation5, .elevation6, .elevation7, .elevation8, .elevation9, .elevation10, .elevation11, .elevation12, .elevation13, .elevation14, .elevation15, .elevation16, .elevation17, .elevation18, .elevation19, .elevation20, .elevation21, .elevation22, .elevation23, .elevation24": {
+        boxShadow: string;
+    };
+    ".elevation0": {
+        "--elevation-shadow": string;
+    };
+    ".elevation1": {
+        "--elevation-shadow": string;
+    };
+    ".elevation2": {
+        "--elevation-shadow": string;
+    };
+};

package/dist/foundation/Elevation/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const createCSSVars: <T extends Record<string, string>>(tokens: T) => Record<keyof T, string>;
+export declare const createCSSVarNames: <T extends Record<string, string>>(tokens: T) => Record<keyof T, string>;

package/dist/foundation/Typography/index.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+import type { TypographyOptions } from "@mui/material/styles/createTypography";
+type DSVariants = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "body1_16_semibold" | "body1_16_regular" | "body2_14_bold" | "body2_14_medium" | "body2_14_regular" | "body3_12_semibold" | "body3_12_regular" | "button1" | "button2";
+type DSVariantsType = Record<DSVariants, React.CSSProperties>;
+declare module "@mui/material/styles" {
+    interface TypographyVariants extends DSVariantsType {
+    }
+    interface TypographyVariantsOptions extends Partial<DSVariantsType> {
+    }
+}
+type TypographyPropsVariantOverridesType = Record<DSVariants, true>;
+declare module "@mui/material/Typography" {
+    interface TypographyPropsVariantOverrides extends TypographyPropsVariantOverridesType {
+    }
+}
+declare const typographyOptions: TypographyOptions;
+export declare const typographyDefaultProps: {
+    variantMapping: {
+        headline1: string;
+        headline2: string;
+        headline3: string;
+        headline4: string;
+        headline5: string;
+        body1_16_semibold: string;
+        body1_16_regular: string;
+        body2_14_bold: string;
+        body2_14_medium: string;
+        body2_14_regular: string;
+        body3_12_semibold: string;
+        body3_12_regular: string;
+    };
+};
+export declare const createTypographyCssBaseline: () => {
+    html: {
+        fontFamily: string;
+        fontFeatureSettings: string;
+    };
+    ":root": {
+        "--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";
+        "--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";
+        "--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";
+        "--font-weight-bold": 700;
+        "--font-weight-semibold": 600;
+        "--font-weight-medium": 500;
+        "--font-weight-regular": 400;
+    };
+};
+export default typographyOptions;

package/dist/foundation/Typography/tokens.d.ts

@@ -0,0 +1,57 @@
+import type { TypographyStyleOptions } from "@mui/material/styles/createTypography";
+declare const fontVariants: Record<string, TypographyStyleOptions>;
+export declare const cssVariables: {
+    "--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";
+    "--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";
+    "--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";
+    "--font-weight-bold": 700;
+    "--font-weight-semibold": 600;
+    "--font-weight-medium": 500;
+    "--font-weight-regular": 400;
+};
+export { fontVariants };

package/dist/foundation/colors/base/blue.d.ts

@@ -0,0 +1,24 @@
+export declare const blue: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+};
+export declare const blueText: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+};

package/dist/foundation/colors/base/green.d.ts

@@ -0,0 +1,24 @@
+export declare const green: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+};
+export declare const greenText: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+};

package/dist/foundation/colors/base/grey.d.ts

@@ -0,0 +1,35 @@
+export declare const grey: {
+    0: string;
+    5: string;
+    10: string;
+    15: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    75: string;
+    80: string;
+    85: string;
+    90: string;
+    95: string;
+    100: string;
+};
+export declare const greyText: {
+    0: string;
+    5: string;
+    10: string;
+    15: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    85: string;
+    90: string;
+    95: string;
+    100: string;
+};

package/dist/foundation/colors/base/index.d.ts

@@ -0,0 +1,11 @@
+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";

package/dist/foundation/colors/base/lunitGreen.d.ts

@@ -0,0 +1,24 @@
+export declare const lunitGreen: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+};
+export declare const lunitGreenText: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+};