@mirai/ui 1.0.72 → 1.0.73

package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap

@@ -353,9 +353,7 @@ exports[`component:<InputDate> prop:labels 1`] = `
   >
     <span
       class="text small label text hint"
-    >
-      Year
-    </span>
+    />
     <div
       class="view row"
     >
@@ -369,7 +367,7 @@ exports[`component:<InputDate> prop:labels 1`] = `
             class="input input"
             maxlength="2"
             name="name:DD"
-            placeholder="DD"
+            placeholder="Year"
             type="text"
             value=""
           />

package/build/components/Menu/Menu.js

@@ -70,7 +70,7 @@ Menu.propTypes = {
     label: _propTypes.default.string,
     value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
   })),
-  Template: _propTypes.default.node,
+  Template: _propTypes.default.any,
   title: _propTypes.default.string,
   visible: _propTypes.default.bool,
   onPress: _propTypes.default.func,

package/build/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","title","visible","onPress","others","useDevice","isDesktop","renderOptions","map","option","index","undefined","event","value","styles","style","menu","desktop","className","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","onClose"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  const renderOptions = () =>\n    options.map((option = {}, index) => (\n      <Template\n        data-testid={others['data-testid'] ? `${others['data-testid']}-${index}` : undefined}\n        {...option}\n        key={index}\n        onPress={(event) => onPress(option.value, event)}\n      />\n    ));\n\n  return isDesktop ? (\n    <Layer\n      forceRender={false}\n      {...others}\n      className={styles(style.menu, style.desktop, visible && style.visible, others.className)}\n      visible={visible}\n    >\n      {children}\n      <LayerContent>{renderOptions()}</LayerContent>\n    </Layer>\n  ) : (\n    <>\n      {children}\n      <Modal\n        title={title}\n        visible={visible}\n        onClose={(event) => onPress(undefined, event)}\n        className={styles(style.menu, others.className)}\n      >\n        {renderOptions()}\n      </Modal>\n    </>\n  );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n  children: PropTypes.node,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      children: PropTypes.node,\n      disabled: PropTypes.bool,\n      divider: PropTypes.bool,\n      icon: PropTypes.func,\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ),\n  Template: PropTypes.node,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAqG;EAAA,IAA/FC,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAGC,YAAM;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAA,oBAAEC,OAAO;IAAPA,QAAO,6BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACtG,iBAAsB,IAAAC,gBAAS,GAAE;IAAzBC,SAAS,cAATA,SAAS;EAEjB,IAAMC,aAAa,GAAG,SAAhBA,aAAa;IAAA,OACjBT,OAAO,CAACU,GAAG,CAAC;MAAA,IAACC,MAAM,uEAAG,CAAC,CAAC;MAAA,IAAEC,KAAK;MAAA,oBAC7B,6BAAC,QAAQ;QACP,eAAaN,MAAM,CAAC,aAAa,CAAC,aAAMA,MAAM,CAAC,aAAa,CAAC,cAAIM,KAAK,IAAKC;MAAU,GACjFF,MAAM;QACV,GAAG,EAAEC,KAAM;QACX,OAAO,EAAE,iBAACE,KAAK;UAAA,OAAKT,QAAO,CAACM,MAAM,CAACI,KAAK,EAAED,KAAK,CAAC;QAAA;MAAC,GACjD;IAAA,CACH,CAAC;EAAA;EAEJ,OAAON,SAAS,gBACd,6BAAC,iBAAK;IACJ,WAAW,EAAE;EAAM,GACfF,MAAM;IACV,SAAS,EAAE,IAAAU,eAAM,EAACC,mBAAK,CAACC,IAAI,EAAED,mBAAK,CAACE,OAAO,EAAEf,OAAO,IAAIa,mBAAK,CAACb,OAAO,EAAEE,MAAM,CAACc,SAAS,CAAE;IACzF,OAAO,EAAEhB;EAAQ,IAEhBL,QAAQ,eACT,6BAAC,wBAAY,QAAEU,aAAa,EAAE,CAAgB,CACxC,gBAER,4DACGV,QAAQ,eACT,6BAAC,YAAK;IACJ,KAAK,EAAEI,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,OAAO,EAAE,iBAACU,KAAK;MAAA,OAAKT,QAAO,CAACQ,SAAS,EAAEC,KAAK,CAAC;IAAA,CAAC;IAC9C,SAAS,EAAE,IAAAE,eAAM,EAACC,mBAAK,CAACC,IAAI,EAAEZ,MAAM,CAACc,SAAS;EAAE,GAE/CX,aAAa,EAAE,CACV,CAEX;AACH,CAAC;AAAC;AAEFX,IAAI,CAACuB,WAAW,GAAG,gBAAgB;AAEnCvB,IAAI,CAACwB,SAAS,GAAG;EACfvB,QAAQ,EAAEwB,kBAAS,CAACC,IAAI;EACxBxB,OAAO,EAAEuB,kBAAS,CAACE,OAAO,CACxBF,kBAAS,CAACG,KAAK,CAAC;IACd3B,QAAQ,EAAEwB,kBAAS,CAACC,IAAI;IACxBG,QAAQ,EAAEJ,kBAAS,CAACK,IAAI;IACxBC,OAAO,EAAEN,kBAAS,CAACK,IAAI;IACvBE,IAAI,EAAEP,kBAAS,CAACQ,IAAI;IACpBC,KAAK,EAAET,kBAAS,CAACU,MAAM;IACvBlB,KAAK,EAAEQ,kBAAS,CAACW,SAAS,CAAC,CAACX,kBAAS,CAACU,MAAM,EAAEV,kBAAS,CAACY,MAAM,CAAC;EACjE,CAAC,CAAC,CACH;EACDlC,QAAQ,EAAEsB,kBAAS,CAACC,IAAI;EACxBrB,KAAK,EAAEoB,kBAAS,CAACU,MAAM;EACvB7B,OAAO,EAAEmB,kBAAS,CAACK,IAAI;EACvBvB,OAAO,EAAEkB,kBAAS,CAACQ,IAAI;EACvBK,OAAO,EAAEb,kBAAS,CAACQ;AACrB,CAAC"}
+{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","title","visible","onPress","others","useDevice","isDesktop","renderOptions","map","option","index","undefined","event","value","styles","style","menu","desktop","className","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","any","onClose"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  const renderOptions = () =>\n    options.map((option = {}, index) => (\n      <Template\n        data-testid={others['data-testid'] ? `${others['data-testid']}-${index}` : undefined}\n        {...option}\n        key={index}\n        onPress={(event) => onPress(option.value, event)}\n      />\n    ));\n\n  return isDesktop ? (\n    <Layer\n      forceRender={false}\n      {...others}\n      className={styles(style.menu, style.desktop, visible && style.visible, others.className)}\n      visible={visible}\n    >\n      {children}\n      <LayerContent>{renderOptions()}</LayerContent>\n    </Layer>\n  ) : (\n    <>\n      {children}\n      <Modal\n        title={title}\n        visible={visible}\n        onClose={(event) => onPress(undefined, event)}\n        className={styles(style.menu, others.className)}\n      >\n        {renderOptions()}\n      </Modal>\n    </>\n  );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n  children: PropTypes.node,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      children: PropTypes.node,\n      disabled: PropTypes.bool,\n      divider: PropTypes.bool,\n      icon: PropTypes.func,\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ),\n  Template: PropTypes.any,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAqG;EAAA,IAA/FC,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAGC,YAAM;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAA,oBAAEC,OAAO;IAAPA,QAAO,6BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACtG,iBAAsB,IAAAC,gBAAS,GAAE;IAAzBC,SAAS,cAATA,SAAS;EAEjB,IAAMC,aAAa,GAAG,SAAhBA,aAAa;IAAA,OACjBT,OAAO,CAACU,GAAG,CAAC;MAAA,IAACC,MAAM,uEAAG,CAAC,CAAC;MAAA,IAAEC,KAAK;MAAA,oBAC7B,6BAAC,QAAQ;QACP,eAAaN,MAAM,CAAC,aAAa,CAAC,aAAMA,MAAM,CAAC,aAAa,CAAC,cAAIM,KAAK,IAAKC;MAAU,GACjFF,MAAM;QACV,GAAG,EAAEC,KAAM;QACX,OAAO,EAAE,iBAACE,KAAK;UAAA,OAAKT,QAAO,CAACM,MAAM,CAACI,KAAK,EAAED,KAAK,CAAC;QAAA;MAAC,GACjD;IAAA,CACH,CAAC;EAAA;EAEJ,OAAON,SAAS,gBACd,6BAAC,iBAAK;IACJ,WAAW,EAAE;EAAM,GACfF,MAAM;IACV,SAAS,EAAE,IAAAU,eAAM,EAACC,mBAAK,CAACC,IAAI,EAAED,mBAAK,CAACE,OAAO,EAAEf,OAAO,IAAIa,mBAAK,CAACb,OAAO,EAAEE,MAAM,CAACc,SAAS,CAAE;IACzF,OAAO,EAAEhB;EAAQ,IAEhBL,QAAQ,eACT,6BAAC,wBAAY,QAAEU,aAAa,EAAE,CAAgB,CACxC,gBAER,4DACGV,QAAQ,eACT,6BAAC,YAAK;IACJ,KAAK,EAAEI,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,OAAO,EAAE,iBAACU,KAAK;MAAA,OAAKT,QAAO,CAACQ,SAAS,EAAEC,KAAK,CAAC;IAAA,CAAC;IAC9C,SAAS,EAAE,IAAAE,eAAM,EAACC,mBAAK,CAACC,IAAI,EAAEZ,MAAM,CAACc,SAAS;EAAE,GAE/CX,aAAa,EAAE,CACV,CAEX;AACH,CAAC;AAAC;AAEFX,IAAI,CAACuB,WAAW,GAAG,gBAAgB;AAEnCvB,IAAI,CAACwB,SAAS,GAAG;EACfvB,QAAQ,EAAEwB,kBAAS,CAACC,IAAI;EACxBxB,OAAO,EAAEuB,kBAAS,CAACE,OAAO,CACxBF,kBAAS,CAACG,KAAK,CAAC;IACd3B,QAAQ,EAAEwB,kBAAS,CAACC,IAAI;IACxBG,QAAQ,EAAEJ,kBAAS,CAACK,IAAI;IACxBC,OAAO,EAAEN,kBAAS,CAACK,IAAI;IACvBE,IAAI,EAAEP,kBAAS,CAACQ,IAAI;IACpBC,KAAK,EAAET,kBAAS,CAACU,MAAM;IACvBlB,KAAK,EAAEQ,kBAAS,CAACW,SAAS,CAAC,CAACX,kBAAS,CAACU,MAAM,EAAEV,kBAAS,CAACY,MAAM,CAAC;EACjE,CAAC,CAAC,CACH;EACDlC,QAAQ,EAAEsB,kBAAS,CAACa,GAAG;EACvBjC,KAAK,EAAEoB,kBAAS,CAACU,MAAM;EACvB7B,OAAO,EAAEmB,kBAAS,CAACK,IAAI;EACvBvB,OAAO,EAAEkB,kBAAS,CAACQ,IAAI;EACvBM,OAAO,EAAEd,kBAAS,CAACQ;AACrB,CAAC"}

package/build/components/Notification/Notification.js

@@ -52,7 +52,7 @@ var Notification = function Notification(_ref) {
 exports.Notification = Notification;
 Notification.displayName = 'Component:Notification';
 Notification.propTypes = {
-  children: _propTypes.default.string.isRequired,
+  children: _propTypes.default.any.isRequired,
   error: _propTypes.default.bool,
   inline: _propTypes.default.bool,
   large: _propTypes.default.bool,

package/build/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","large","small","success","warning","onClose","others","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","ICON","CLOSE","displayName","propTypes","PropTypes","string","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({ children, error, inline = false, large, small, success, warning, onClose, ...others }) => (\n  <View\n    {...others}\n    row\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      inline ? style.inline : style.outlined,\n      inline && style.inline,\n      large ? style.large : small && style.small,\n      others.className,\n    )}\n  >\n    <Icon\n      headline={large}\n      level={large ? 1 : undefined}\n      paragraph={small}\n      value={getIconState({ error, success, warning })}\n      className={style.icon}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {!large && onClose && (\n      <Pressable className={styles(style.pressable, style.icon)} onPress={onClose}>\n        <Icon value={ICON.CLOSE} paragraph={small} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.string.isRequired,\n  error: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAE9C,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBACzG,6BAAC,gBAAI,eACCA,MAAM;IACV,GAAG;IACH,SAAS,EAAE,IAAAC,eAAM,EACfC,2BAAK,CAACC,YAAY,EAClBV,KAAK,GAAGS,2BAAK,CAACT,KAAK,GAAGK,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS,EACnFV,MAAM,GAAGQ,2BAAK,CAACR,MAAM,GAAGQ,2BAAK,CAACG,QAAQ,EACtCX,MAAM,IAAIQ,2BAAK,CAACR,MAAM,EACtBC,KAAK,GAAGO,2BAAK,CAACP,KAAK,GAAGC,KAAK,IAAIM,2BAAK,CAACN,KAAK,EAC1CI,MAAM,CAACM,SAAS;EAChB,iBAEF,6BAAC,gBAAI;IACH,QAAQ,EAAEX,KAAM;IAChB,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAGS,SAAU;IAC7B,SAAS,EAAER,KAAM;IACjB,KAAK,EAAE,IAAAW,qBAAY,EAAC;MAAEd,KAAK,EAALA,KAAK;MAAEI,OAAO,EAAPA,OAAO;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAE;IACjD,SAAS,EAAEI,2BAAK,CAACM;EAAK,EACtB,eACF,6BAAC,gBAAI;IACH,KAAK,EAAEZ,KAAM;IACb,SAAS,EAAE,IAAAK,eAAM,EACfC,2BAAK,CAACO,IAAI,EACVhB,KAAK,GAAGS,2BAAK,CAACT,KAAK,GAAGK,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS;EACnF,GAEDZ,QAAQ,CACJ,EACN,CAACG,KAAK,IAAII,OAAO,iBAChB,6BAAC,qBAAS;IAAC,SAAS,EAAE,IAAAE,eAAM,EAACC,2BAAK,CAACQ,SAAS,EAAER,2BAAK,CAACM,IAAI,CAAE;IAAC,OAAO,EAAET;EAAQ,gBAC1E,6BAAC,gBAAI;IAAC,KAAK,EAAEY,gBAAI,CAACC,KAAM;IAAC,SAAS,EAAEhB;EAAM,EAAG,CAEhD,CACI;AAAA,CACR;AAAC;AAEFL,YAAY,CAACsB,WAAW,GAAG,wBAAwB;AAEnDtB,YAAY,CAACuB,SAAS,GAAG;EACvBtB,QAAQ,EAAEuB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrCxB,KAAK,EAAEsB,kBAAS,CAACG,IAAI;EACrBxB,MAAM,EAAEqB,kBAAS,CAACG,IAAI;EACtBvB,KAAK,EAAEoB,kBAAS,CAACG,IAAI;EACrBtB,KAAK,EAAEmB,kBAAS,CAACG,IAAI;EACrBrB,OAAO,EAAEkB,kBAAS,CAACG,IAAI;EACvBpB,OAAO,EAAEiB,kBAAS,CAACG,IAAI;EACvBnB,OAAO,EAAEgB,kBAAS,CAACI;AACrB,CAAC"}
+{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","large","small","success","warning","onClose","others","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({ children, error, inline = false, large, small, success, warning, onClose, ...others }) => (\n  <View\n    {...others}\n    row\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      inline ? style.inline : style.outlined,\n      inline && style.inline,\n      large ? style.large : small && style.small,\n      others.className,\n    )}\n  >\n    <Icon\n      headline={large}\n      level={large ? 1 : undefined}\n      paragraph={small}\n      value={getIconState({ error, success, warning })}\n      className={style.icon}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {!large && onClose && (\n      <Pressable className={styles(style.pressable, style.icon)} onPress={onClose}>\n        <Icon value={ICON.CLOSE} paragraph={small} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  error: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAE9C,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBACzG,6BAAC,gBAAI,eACCA,MAAM;IACV,GAAG;IACH,SAAS,EAAE,IAAAC,eAAM,EACfC,2BAAK,CAACC,YAAY,EAClBV,KAAK,GAAGS,2BAAK,CAACT,KAAK,GAAGK,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS,EACnFV,MAAM,GAAGQ,2BAAK,CAACR,MAAM,GAAGQ,2BAAK,CAACG,QAAQ,EACtCX,MAAM,IAAIQ,2BAAK,CAACR,MAAM,EACtBC,KAAK,GAAGO,2BAAK,CAACP,KAAK,GAAGC,KAAK,IAAIM,2BAAK,CAACN,KAAK,EAC1CI,MAAM,CAACM,SAAS;EAChB,iBAEF,6BAAC,gBAAI;IACH,QAAQ,EAAEX,KAAM;IAChB,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAGS,SAAU;IAC7B,SAAS,EAAER,KAAM;IACjB,KAAK,EAAE,IAAAW,qBAAY,EAAC;MAAEd,KAAK,EAALA,KAAK;MAAEI,OAAO,EAAPA,OAAO;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAE;IACjD,SAAS,EAAEI,2BAAK,CAACM;EAAK,EACtB,eACF,6BAAC,gBAAI;IACH,KAAK,EAAEZ,KAAM;IACb,SAAS,EAAE,IAAAK,eAAM,EACfC,2BAAK,CAACO,IAAI,EACVhB,KAAK,GAAGS,2BAAK,CAACT,KAAK,GAAGK,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS;EACnF,GAEDZ,QAAQ,CACJ,EACN,CAACG,KAAK,IAAII,OAAO,iBAChB,6BAAC,qBAAS;IAAC,SAAS,EAAE,IAAAE,eAAM,EAACC,2BAAK,CAACQ,SAAS,EAAER,2BAAK,CAACM,IAAI,CAAE;IAAC,OAAO,EAAET;EAAQ,gBAC1E,6BAAC,gBAAI;IAAC,KAAK,EAAEY,gBAAI,CAACC,KAAM;IAAC,SAAS,EAAEhB;EAAM,EAAG,CAEhD,CACI;AAAA,CACR;AAAC;AAEFL,YAAY,CAACsB,WAAW,GAAG,wBAAwB;AAEnDtB,YAAY,CAACuB,SAAS,GAAG;EACvBtB,QAAQ,EAAEuB,kBAAS,CAACC,GAAG,CAACC,UAAU;EAClCxB,KAAK,EAAEsB,kBAAS,CAACG,IAAI;EACrBxB,MAAM,EAAEqB,kBAAS,CAACG,IAAI;EACtBvB,KAAK,EAAEoB,kBAAS,CAACG,IAAI;EACrBtB,KAAK,EAAEmB,kBAAS,CAACG,IAAI;EACrBrB,OAAO,EAAEkB,kBAAS,CAACG,IAAI;EACvBpB,OAAO,EAAEiB,kBAAS,CAACG,IAAI;EACvBnB,OAAO,EAAEgB,kBAAS,CAACI;AACrB,CAAC"}

package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap

@@ -4,8 +4,233 @@ exports[`primitive:<Icon> inherit:className 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3 mirai"
-    name="Left"
-  />
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:action 1`] = `
+<DocumentFragment>
+  <span
+    class="icon action"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:headline & level:1 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:headline & level:2 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-2"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:headline & level:3 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:headline & level:4 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-4"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:headline 1`] = `
+<DocumentFragment>
+  <span
+    class="icon headline-3"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:paragraph 1`] = `
+<DocumentFragment>
+  <span
+    class="icon paragraph"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:small 1`] = `
+<DocumentFragment>
+  <span
+    class="icon small"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
 </DocumentFragment>
 `;
 
@@ -13,7 +238,6 @@ exports[`primitive:<Icon> prop:value prop:value (ADD) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -40,7 +264,6 @@ exports[`primitive:<Icon> prop:value prop:value (CHECK) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -67,7 +290,6 @@ exports[`primitive:<Icon> prop:value prop:value (CLOSE) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -94,7 +316,6 @@ exports[`primitive:<Icon> prop:value prop:value (DOWN) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -121,7 +342,6 @@ exports[`primitive:<Icon> prop:value prop:value (ERROR) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -148,7 +368,6 @@ exports[`primitive:<Icon> prop:value prop:value (EXPAND_LESS) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -175,7 +394,6 @@ exports[`primitive:<Icon> prop:value prop:value (EXPAND_MORE) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -203,7 +421,6 @@ exports[`primitive:<Icon> prop:value prop:value (EYE_CLOSE) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -230,7 +447,6 @@ exports[`primitive:<Icon> prop:value prop:value (EYE_OPEN) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -257,7 +473,6 @@ exports[`primitive:<Icon> prop:value prop:value (INFO) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -284,7 +499,6 @@ exports[`primitive:<Icon> prop:value prop:value (LEFT) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -311,7 +525,6 @@ exports[`primitive:<Icon> prop:value prop:value (REMOVE) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -338,7 +551,6 @@ exports[`primitive:<Icon> prop:value prop:value (RIGHT) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -365,7 +577,6 @@ exports[`primitive:<Icon> prop:value prop:value (SEARCH) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -392,7 +603,6 @@ exports[`primitive:<Icon> prop:value prop:value (SUCCESS) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -419,7 +629,6 @@ exports[`primitive:<Icon> prop:value prop:value (UP) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -446,7 +655,6 @@ exports[`primitive:<Icon> prop:value prop:value (WARNING) 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
   >
     <svg
       fill="currentColor"
@@ -469,8 +677,25 @@ exports[`primitive:<Icon> renders 1`] = `
 <DocumentFragment>
   <span
     class="icon headline-3"
-    name="Left"
-  />
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
 </DocumentFragment>
 `;
 
@@ -479,7 +704,24 @@ exports[`primitive:<Icon> testID 1`] = `
   <span
     class="icon headline-3"
     data-testid="mirai"
-    name="Left"
-  />
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      stroke="currentColor"
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0 0h24v24H0V0z"
+        fill="none"
+      />
+      <path
+        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+      />
+    </svg>
+  </span>
 </DocumentFragment>
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.72",
+  "version": "1.0.73",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",