@mirai/ui 1.0.59 → 1.0.61

package/build/components/InputText/InputText.stories.js

@@ -29,13 +29,17 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var _default = {
   title: 'Components'
 };
 exports.default = _default;
 
 var Story = function Story(props) {
-  return /*#__PURE__*/React.createElement(_InputText.InputText, props);
+  return /*#__PURE__*/React.createElement(_InputText.InputText, _extends({}, props, {
+    icon: _primitives.ICON[props.icon]
+  }));
 };
 
 exports.Story = Story;
@@ -83,7 +87,7 @@ Story.args = {
 };
 Story.argTypes = {
   icon: {
-    options: [undefined].concat(_toConsumableArray(Object.keys(_primitives.ICONS))),
+    options: [undefined].concat(_toConsumableArray(Object.keys(_primitives.ICON))),
     control: {
       type: 'select'
     },

package/build/components/InputText/InputText.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.stories.js","names":["title","Story","props","storyName","args","disabled","error","hint","icon","undefined","label","multiLine","name","showState","success","type","value","warning","onChange","console","log","onEnter","onLeave","argTypes","options","Object","keys","ICONS","control","defaultValue"],"sources":["../../../src/components/InputText/InputText.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ICONS } from '../../primitives';\nimport { InputText } from './InputText';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputText {...props} />;\n\nStory.storyName = 'InputText';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  hint: 'hint',\n  icon: undefined,\n  label: 'label',\n  multiLine: false,\n  name: 'name',\n  showState: true,\n  success: false,\n  type: 'text',\n  value: 'value',\n  warning: false,\n  onChange: (...props) => console.log('<InputText>::onChange', ...props),\n  onEnter: (...props) => console.log('<InputText>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputText>::onLeave', ...props),\n};\n\nStory.argTypes = {\n  icon: {\n    options: [undefined, ...Object.keys(ICONS)],\n    control: { type: 'select' },\n    defaultValue: undefined,\n  },\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,oBAAD,EAAeA,KAAf,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,WAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,KAAK,EAAE,KAFI;EAGXC,IAAI,EAAE,MAHK;EAIXC,IAAI,EAAEC,SAJK;EAKXC,KAAK,EAAE,OALI;EAMXC,SAAS,EAAE,KANA;EAOXC,IAAI,EAAE,MAPK;EAQXC,SAAS,EAAE,IARA;EASXC,OAAO,EAAE,KATE;EAUXC,IAAI,EAAE,MAVK;EAWXC,KAAK,EAAE,OAXI;EAYXC,OAAO,EAAE,KAZE;EAaXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIhB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAiB,OAAO,EAACC,GAAR,kBAAY,uBAAZ,SAAwClB,KAAxC,EAAd;EAAA,CAbC;EAcXmB,OAAO,EAAE;IAAA;;IAAA,mCAAInB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAiB,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuClB,KAAvC,EAAd;EAAA,CAdE;EAeXoB,OAAO,EAAE;IAAA;;IAAA,mCAAIpB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAiB,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuClB,KAAvC,EAAd;EAAA;AAfE,CAAb;AAkBAD,KAAK,CAACsB,QAAN,GAAiB;EACff,IAAI,EAAE;IACJgB,OAAO,GAAGf,SAAH,4BAAiBgB,MAAM,CAACC,IAAP,CAAYC,iBAAZ,CAAjB,EADH;IAEJC,OAAO,EAAE;MAAEb,IAAI,EAAE;IAAR,CAFL;IAGJc,YAAY,EAAEpB;EAHV,CADS;EAMfM,IAAI,EAAE;IACJS,OAAO,EAAE,CAAC,MAAD,EAAS,UAAT,EAAqB,QAArB,EAA+B,OAA/B,EAAwC,MAAxC,CADL;IAEJI,OAAO,EAAE;MAAEb,IAAI,EAAE;IAAR,CAFL;IAGJc,YAAY,EAAE;EAHV;AANS,CAAjB"}
+{"version":3,"file":"InputText.stories.js","names":["title","Story","props","ICON","icon","storyName","args","disabled","error","hint","undefined","label","multiLine","name","showState","success","type","value","warning","onChange","console","log","onEnter","onLeave","argTypes","options","Object","keys","control","defaultValue"],"sources":["../../../src/components/InputText/InputText.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport * as React from 'react';\n\nimport { ICON } from '../../primitives';\nimport { InputText } from './InputText';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputText {...props} icon={ICON[props.icon]} />;\n\nStory.storyName = 'InputText';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  hint: 'hint',\n  icon: undefined,\n  label: 'label',\n  multiLine: false,\n  name: 'name',\n  showState: true,\n  success: false,\n  type: 'text',\n  value: 'value',\n  warning: false,\n  onChange: (...props) => console.log('<InputText>::onChange', ...props),\n  onEnter: (...props) => console.log('<InputText>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputText>::onLeave', ...props),\n};\n\nStory.argTypes = {\n  icon: {\n    options: [undefined, ...Object.keys(ICON)],\n    control: { type: 'select' },\n    defaultValue: undefined,\n  },\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAEC,iBAAKD,KAAK,CAACE,IAAX;EAA5B,GAAX;AAAA,CAAd;;;AAEPH,KAAK,CAACI,SAAN,GAAkB,WAAlB;AAEAJ,KAAK,CAACK,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,KAAK,EAAE,KAFI;EAGXC,IAAI,EAAE,MAHK;EAIXL,IAAI,EAAEM,SAJK;EAKXC,KAAK,EAAE,OALI;EAMXC,SAAS,EAAE,KANA;EAOXC,IAAI,EAAE,MAPK;EAQXC,SAAS,EAAE,IARA;EASXC,OAAO,EAAE,KATE;EAUXC,IAAI,EAAE,MAVK;EAWXC,KAAK,EAAE,OAXI;EAYXC,OAAO,EAAE,KAZE;EAaXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIjB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAkB,OAAO,EAACC,GAAR,kBAAY,uBAAZ,SAAwCnB,KAAxC,EAAd;EAAA,CAbC;EAcXoB,OAAO,EAAE;IAAA;;IAAA,mCAAIpB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAkB,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCnB,KAAvC,EAAd;EAAA,CAdE;EAeXqB,OAAO,EAAE;IAAA;;IAAA,mCAAIrB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAkB,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCnB,KAAvC,EAAd;EAAA;AAfE,CAAb;AAkBAD,KAAK,CAACuB,QAAN,GAAiB;EACfpB,IAAI,EAAE;IACJqB,OAAO,GAAGf,SAAH,4BAAiBgB,MAAM,CAACC,IAAP,CAAYxB,gBAAZ,CAAjB,EADH;IAEJyB,OAAO,EAAE;MAAEZ,IAAI,EAAE;IAAR,CAFL;IAGJa,YAAY,EAAEnB;EAHV,CADS;EAMfM,IAAI,EAAE;IACJS,OAAO,EAAE,CAAC,MAAD,EAAS,UAAT,EAAqB,QAArB,EAA+B,OAA/B,EAAwC,MAAxC,CADL;IAEJG,OAAO,EAAE;MAAEZ,IAAI,EAAE;IAAR,CAFL;IAGJa,YAAY,EAAE;EAHV;AANS,CAAjB"}

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

@@ -54,7 +54,7 @@ exports[`component:<InputText> prop:error 1`] = `
         value=""
       />
       <span
-        class="icon paragraph icon right error"
+        class="icon headline-3 icon right error"
       >
         <svg
           fill="currentColor"
@@ -65,10 +65,6 @@ exports[`component:<InputText> prop:error 1`] = `
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
           <path
             d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
           />
@@ -112,26 +108,23 @@ exports[`component:<InputText> prop:icon 1`] = `
       class="view row inputBorder"
     >
       <span
-        class="icon paragraph icon left"
+        class="icon headline-3 icon left"
       >
         <svg
-          fill="none"
+          fill="currentColor"
           height="1em"
           stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
+          stroke-width="0"
           viewBox="0 0 24 24"
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
+            d="M0 0h24v24H0V0z"
+            fill="none"
           />
-          <circle
-            cx="12"
-            cy="12"
-            r="3"
+          <path
+            d="M12 6a9.77 9.77 0 018.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0112 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 010 5 2.5 2.5 0 010-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
           />
         </svg>
       </span>
@@ -203,7 +196,7 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
         value=""
       />
       <span
-        class="icon paragraph icon right error"
+        class="icon headline-3 icon right error"
       >
         <svg
           fill="currentColor"
@@ -214,10 +207,6 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
           <path
             d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
           />
@@ -243,7 +232,7 @@ exports[`component:<InputText> prop:success 1`] = `
         value=""
       />
       <span
-        class="icon paragraph icon right success"
+        class="icon headline-3 icon right success"
       >
         <svg
           fill="currentColor"
@@ -255,11 +244,11 @@ exports[`component:<InputText> prop:success 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0z"
+            d="M0 0h24v24H0V0z"
             fill="none"
           />
           <path
-            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
           />
         </svg>
       </span>
@@ -288,27 +277,23 @@ exports[`component:<InputText> prop:type 1`] = `
         type="button"
       >
         <span
-          class="icon paragraph"
+          class="icon headline-3"
         >
           <svg
-            fill="none"
+            fill="currentColor"
             height="1em"
             stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
+            stroke-width="0"
             viewBox="0 0 24 24"
             width="1em"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"
+              d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+              fill="none"
             />
-            <line
-              x1="1"
-              x2="23"
-              y1="1"
-              y2="23"
+            <path
+              d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
             />
           </svg>
         </span>
@@ -333,7 +318,7 @@ exports[`component:<InputText> prop:warning 1`] = `
         value=""
       />
       <span
-        class="icon paragraph icon right warning"
+        class="icon headline-3 icon right warning"
       >
         <svg
           fill="currentColor"
@@ -344,10 +329,6 @@ exports[`component:<InputText> prop:warning 1`] = `
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
           <path
             d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
           />

package/build/components/Menu/Menu.Option.js

@@ -41,7 +41,7 @@ var Option = function Option(_ref) {
     className: (0, _helpers.styles)(_MenuModule.default.option, value && _MenuModule.default.value, divider && _MenuModule.default.divider, disabled && _MenuModule.default.disabled),
     onPress: !disabled && value ? onPress : undefined
   }), icon && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    name: icon,
+    value: icon,
     className: _MenuModule.default.icon
   }), label && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     className: _MenuModule.default.label
@@ -54,7 +54,7 @@ Option.propTypes = {
   children: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   divider: _propTypes.default.bool,
-  icon: _propTypes.default.string,
+  icon: _propTypes.default.func,
   label: _propTypes.default.string,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   onPress: _propTypes.default.func

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.Option.js","names":["Option","children","disabled","divider","icon","label","value","onPress","others","style","option","undefined","displayName","propTypes","PropTypes","node","bool","string","oneOfType","number","func"],"sources":["../../../src/components/Menu/Menu.Option.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Pressable, Text } from '../../primitives';\nimport style from './Menu.module.css';\n\nconst Option = ({ children, disabled, divider, icon, label, value, onPress, ...others }) => (\n  <Pressable\n    {...others}\n    preventDefault={false}\n    tag=\"div\"\n    className={styles(style.option, value && style.value, divider && style.divider, disabled && style.disabled)}\n    onPress={!disabled && value ? onPress : undefined}\n  >\n    {icon && <Icon name={icon} className={style.icon} />}\n    {label && <Text className={style.label}>{label}</Text>}\n    {children}\n  </Pressable>\n);\n\nOption.displayName = 'Component:Menu:Option';\n\nOption.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  divider: PropTypes.bool,\n  icon: PropTypes.string,\n  label: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onPress: PropTypes.func,\n};\n\nexport { Option };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,QAAb,QAAaA,QAAb;EAAA,IAAuBC,OAAvB,QAAuBA,OAAvB;EAAA,IAAgCC,IAAhC,QAAgCA,IAAhC;EAAA,IAAsCC,KAAtC,QAAsCA,KAAtC;EAAA,IAA6CC,KAA7C,QAA6CA,KAA7C;EAAA,IAAoDC,OAApD,QAAoDA,OAApD;EAAA,IAAgEC,MAAhE;;EAAA,oBACb,6BAAC,qBAAD,eACMA,MADN;IAEE,cAAc,EAAE,KAFlB;IAGE,GAAG,EAAC,KAHN;IAIE,SAAS,EAAE,qBAAOC,oBAAMC,MAAb,EAAqBJ,KAAK,IAAIG,oBAAMH,KAApC,EAA2CH,OAAO,IAAIM,oBAAMN,OAA5D,EAAqED,QAAQ,IAAIO,oBAAMP,QAAvF,CAJb;IAKE,OAAO,EAAE,CAACA,QAAD,IAAaI,KAAb,GAAqBC,OAArB,GAA+BI;EAL1C,IAOGP,IAAI,iBAAI,6BAAC,gBAAD;IAAM,IAAI,EAAEA,IAAZ;IAAkB,SAAS,EAAEK,oBAAML;EAAnC,EAPX,EAQGC,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAEI,oBAAMJ;EAAvB,GAA+BA,KAA/B,CARZ,EASGJ,QATH,CADa;AAAA,CAAf;;;AAcAD,MAAM,CAACY,WAAP,GAAqB,uBAArB;AAEAZ,MAAM,CAACa,SAAP,GAAmB;EACjBZ,QAAQ,EAAEa,mBAAUC,IADH;EAEjBb,QAAQ,EAAEY,mBAAUE,IAFH;EAGjBb,OAAO,EAAEW,mBAAUE,IAHF;EAIjBZ,IAAI,EAAEU,mBAAUG,MAJC;EAKjBZ,KAAK,EAAES,mBAAUG,MALA;EAMjBX,KAAK,EAAEQ,mBAAUI,SAAV,CAAoB,CAACJ,mBAAUG,MAAX,EAAmBH,mBAAUK,MAA7B,CAApB,CANU;EAOjBZ,OAAO,EAAEO,mBAAUM;AAPF,CAAnB"}
+{"version":3,"file":"Menu.Option.js","names":["Option","children","disabled","divider","icon","label","value","onPress","others","style","option","undefined","displayName","propTypes","PropTypes","node","bool","func","string","oneOfType","number"],"sources":["../../../src/components/Menu/Menu.Option.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Pressable, Text } from '../../primitives';\nimport style from './Menu.module.css';\n\nconst Option = ({ children, disabled, divider, icon, label, value, onPress, ...others }) => (\n  <Pressable\n    {...others}\n    preventDefault={false}\n    tag=\"div\"\n    className={styles(style.option, value && style.value, divider && style.divider, disabled && style.disabled)}\n    onPress={!disabled && value ? onPress : undefined}\n  >\n    {icon && <Icon value={icon} className={style.icon} />}\n    {label && <Text className={style.label}>{label}</Text>}\n    {children}\n  </Pressable>\n);\n\nOption.displayName = 'Component:Menu:Option';\n\nOption.propTypes = {\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  onPress: PropTypes.func,\n};\n\nexport { Option };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,QAAb,QAAaA,QAAb;EAAA,IAAuBC,OAAvB,QAAuBA,OAAvB;EAAA,IAAgCC,IAAhC,QAAgCA,IAAhC;EAAA,IAAsCC,KAAtC,QAAsCA,KAAtC;EAAA,IAA6CC,KAA7C,QAA6CA,KAA7C;EAAA,IAAoDC,OAApD,QAAoDA,OAApD;EAAA,IAAgEC,MAAhE;;EAAA,oBACb,6BAAC,qBAAD,eACMA,MADN;IAEE,cAAc,EAAE,KAFlB;IAGE,GAAG,EAAC,KAHN;IAIE,SAAS,EAAE,qBAAOC,oBAAMC,MAAb,EAAqBJ,KAAK,IAAIG,oBAAMH,KAApC,EAA2CH,OAAO,IAAIM,oBAAMN,OAA5D,EAAqED,QAAQ,IAAIO,oBAAMP,QAAvF,CAJb;IAKE,OAAO,EAAE,CAACA,QAAD,IAAaI,KAAb,GAAqBC,OAArB,GAA+BI;EAL1C,IAOGP,IAAI,iBAAI,6BAAC,gBAAD;IAAM,KAAK,EAAEA,IAAb;IAAmB,SAAS,EAAEK,oBAAML;EAApC,EAPX,EAQGC,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAEI,oBAAMJ;EAAvB,GAA+BA,KAA/B,CARZ,EASGJ,QATH,CADa;AAAA,CAAf;;;AAcAD,MAAM,CAACY,WAAP,GAAqB,uBAArB;AAEAZ,MAAM,CAACa,SAAP,GAAmB;EACjBZ,QAAQ,EAAEa,mBAAUC,IADH;EAEjBb,QAAQ,EAAEY,mBAAUE,IAFH;EAGjBb,OAAO,EAAEW,mBAAUE,IAHF;EAIjBZ,IAAI,EAAEU,mBAAUG,IAJC;EAKjBZ,KAAK,EAAES,mBAAUI,MALA;EAMjBZ,KAAK,EAAEQ,mBAAUK,SAAV,CAAoB,CAACL,mBAAUI,MAAX,EAAmBJ,mBAAUM,MAA7B,CAApB,CANU;EAOjBb,OAAO,EAAEO,mBAAUG;AAPF,CAAnB"}

package/build/components/Menu/Menu.js

@@ -64,9 +64,9 @@ Menu.propTypes = {
     children: _propTypes.default.node,
     disabled: _propTypes.default.bool,
     divider: _propTypes.default.bool,
-    icon: _propTypes.default.string,
+    icon: _propTypes.default.func,
     label: _propTypes.default.string,
-    value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired
+    value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
   })),
   Template: _propTypes.default.node,
   visible: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","visible","onPress","others","style","menu","className","map","option","index","undefined","event","value","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","string","label","oneOfType","number","isRequired","func"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent } from '../../primitives';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, visible, onPress = () => {}, ...others }) => {\n  return (\n    <Layer\n      forceRender={false}\n      {...others}\n      className={styles(style.menu, visible && style.visible, others.className)}\n      visible={visible}\n    >\n      {children}\n      <LayerContent>\n        {options.map((option = {}, index) => (\n          <Template\n            {...option}\n            data-testid={others['data-testid'] ? `${others['data-testid']}-${index}` : undefined}\n            key={index}\n            onPress={(event) => onPress(option.value, event)}\n          />\n        ))}\n      </LayerContent>\n    </Layer>\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.string,\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    }),\n  ),\n  Template: PropTypes.node,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAA2F;EAAA,IAAxFC,QAAwF,QAAxFA,QAAwF;EAAA,wBAA9EC,OAA8E;EAAA,IAA9EA,OAA8E,6BAApE,EAAoE;EAAA,yBAAhEC,QAAgE;EAAA,IAAhEA,QAAgE,8BAArDC,YAAqD;EAAA,IAA7CC,OAA6C,QAA7CA,OAA6C;EAAA,wBAApCC,OAAoC;EAAA,IAApCA,QAAoC,6BAA1B,YAAM,CAAE,CAAkB;EAAA,IAAbC,MAAa;;EACtG,oBACE,6BAAC,iBAAD;IACE,WAAW,EAAE;EADf,GAEMA,MAFN;IAGE,SAAS,EAAE,qBAAOC,oBAAMC,IAAb,EAAmBJ,OAAO,IAAIG,oBAAMH,OAApC,EAA6CE,MAAM,CAACG,SAApD,CAHb;IAIE,OAAO,EAAEL;EAJX,IAMGJ,QANH,eAOE,6BAAC,wBAAD,QACGC,OAAO,CAACS,GAAR,CAAY;IAAA,IAACC,MAAD,uEAAU,EAAV;IAAA,IAAcC,KAAd;IAAA,oBACX,6BAAC,QAAD,eACMD,MADN;MAEE,eAAaL,MAAM,CAAC,aAAD,CAAN,aAA2BA,MAAM,CAAC,aAAD,CAAjC,cAAoDM,KAApD,IAA8DC,SAF7E;MAGE,GAAG,EAAED,KAHP;MAIE,OAAO,EAAE,iBAACE,KAAD;QAAA,OAAWT,QAAO,CAACM,MAAM,CAACI,KAAR,EAAeD,KAAf,CAAlB;MAAA;IAJX,GADW;EAAA,CAAZ,CADH,CAPF,CADF;AAoBD,CArBD;;;AAuBAf,IAAI,CAACiB,WAAL,GAAmB,gBAAnB;AAEAjB,IAAI,CAACkB,SAAL,GAAiB;EACfjB,QAAQ,EAAEkB,mBAAUC,IADL;EAEflB,OAAO,EAAEiB,mBAAUE,OAAV,CACPF,mBAAUG,KAAV,CAAgB;IACdrB,QAAQ,EAAEkB,mBAAUC,IADN;IAEdG,QAAQ,EAAEJ,mBAAUK,IAFN;IAGdC,OAAO,EAAEN,mBAAUK,IAHL;IAIdE,IAAI,EAAEP,mBAAUQ,MAJF;IAKdC,KAAK,EAAET,mBAAUQ,MALH;IAMdX,KAAK,EAAEG,mBAAUU,SAAV,CAAoB,CAACV,mBAAUQ,MAAX,EAAmBR,mBAAUW,MAA7B,CAApB,EAA0DC;EANnD,CAAhB,CADO,CAFM;EAYf5B,QAAQ,EAAEgB,mBAAUC,IAZL;EAaff,OAAO,EAAEc,mBAAUK,IAbJ;EAcflB,OAAO,EAAEa,mBAAUa;AAdJ,CAAjB"}
+{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","visible","onPress","others","style","menu","className","map","option","index","undefined","event","value","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent } from '../../primitives';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, visible, onPress = () => {}, ...others }) => {\n  return (\n    <Layer\n      forceRender={false}\n      {...others}\n      className={styles(style.menu, visible && style.visible, others.className)}\n      visible={visible}\n    >\n      {children}\n      <LayerContent>\n        {options.map((option = {}, index) => (\n          <Template\n            {...option}\n            data-testid={others['data-testid'] ? `${others['data-testid']}-${index}` : undefined}\n            key={index}\n            onPress={(event) => onPress(option.value, event)}\n          />\n        ))}\n      </LayerContent>\n    </Layer>\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  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAA2F;EAAA,IAAxFC,QAAwF,QAAxFA,QAAwF;EAAA,wBAA9EC,OAA8E;EAAA,IAA9EA,OAA8E,6BAApE,EAAoE;EAAA,yBAAhEC,QAAgE;EAAA,IAAhEA,QAAgE,8BAArDC,YAAqD;EAAA,IAA7CC,OAA6C,QAA7CA,OAA6C;EAAA,wBAApCC,OAAoC;EAAA,IAApCA,QAAoC,6BAA1B,YAAM,CAAE,CAAkB;EAAA,IAAbC,MAAa;;EACtG,oBACE,6BAAC,iBAAD;IACE,WAAW,EAAE;EADf,GAEMA,MAFN;IAGE,SAAS,EAAE,qBAAOC,oBAAMC,IAAb,EAAmBJ,OAAO,IAAIG,oBAAMH,OAApC,EAA6CE,MAAM,CAACG,SAApD,CAHb;IAIE,OAAO,EAAEL;EAJX,IAMGJ,QANH,eAOE,6BAAC,wBAAD,QACGC,OAAO,CAACS,GAAR,CAAY;IAAA,IAACC,MAAD,uEAAU,EAAV;IAAA,IAAcC,KAAd;IAAA,oBACX,6BAAC,QAAD,eACMD,MADN;MAEE,eAAaL,MAAM,CAAC,aAAD,CAAN,aAA2BA,MAAM,CAAC,aAAD,CAAjC,cAAoDM,KAApD,IAA8DC,SAF7E;MAGE,GAAG,EAAED,KAHP;MAIE,OAAO,EAAE,iBAACE,KAAD;QAAA,OAAWT,QAAO,CAACM,MAAM,CAACI,KAAR,EAAeD,KAAf,CAAlB;MAAA;IAJX,GADW;EAAA,CAAZ,CADH,CAPF,CADF;AAoBD,CArBD;;;AAuBAf,IAAI,CAACiB,WAAL,GAAmB,gBAAnB;AAEAjB,IAAI,CAACkB,SAAL,GAAiB;EACfjB,QAAQ,EAAEkB,mBAAUC,IADL;EAEflB,OAAO,EAAEiB,mBAAUE,OAAV,CACPF,mBAAUG,KAAV,CAAgB;IACdrB,QAAQ,EAAEkB,mBAAUC,IADN;IAEdG,QAAQ,EAAEJ,mBAAUK,IAFN;IAGdC,OAAO,EAAEN,mBAAUK,IAHL;IAIdE,IAAI,EAAEP,mBAAUQ,IAJF;IAKdC,KAAK,EAAET,mBAAUU,MALH;IAMdb,KAAK,EAAEG,mBAAUW,SAAV,CAAoB,CAACX,mBAAUU,MAAX,EAAmBV,mBAAUY,MAA7B,CAApB;EANO,CAAhB,CADO,CAFM;EAYf5B,QAAQ,EAAEgB,mBAAUC,IAZL;EAaff,OAAO,EAAEc,mBAAUK,IAbJ;EAcflB,OAAO,EAAEa,mBAAUQ;AAdJ,CAAjB"}

package/build/components/Menu/Menu.stories.js

@@ -42,16 +42,15 @@ Story.args = {
     label: 'Lorem Ipsum is simply dummy text...',
     divider: true
   }, {
-    icon: 'Plus',
+    icon: _primitives.ICON.ADD,
     label: 'Item 1',
     value: 'one'
   }, {
-    icon: 'Plus',
+    icon: _primitives.ICON.ADD,
     label: 'Item 2',
     disabled: true,
     value: 'two'
   }, {
-    icon: 'Empty',
     label: 'Item 3',
     divider: true,
     value: 'three'

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.js","names":["title","Story","props","storyName","args","options","children","divider","label","icon","value","disabled","visible","argTypes","onPress","action"],"sources":["../../../src/components/Menu/Menu.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '../';\nimport { Text } from '../../primitives';\nimport { Menu } from './Menu';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Menu {...props}>\n    <span className=\"children\">children</span>\n  </Menu>\n);\n\nStory.storyName = 'Menu';\n\nStory.args = {\n  options: [\n    {\n      children: (\n        <>\n          <Text bold>Lorem</Text>\n          <Text>Ipsum is simply dummy text...</Text>\n        </>\n      ),\n      divider: true,\n    },\n    { label: 'Lorem Ipsum is simply dummy text...', divider: true },\n    { icon: 'Plus', label: 'Item 1', value: 'one' },\n    { icon: 'Plus', label: 'Item 2', disabled: true, value: 'two' },\n    { icon: 'Empty', label: 'Item 3', divider: true, value: 'three' },\n    { label: 'Item 4', children: <Button small>Add</Button>, value: 'four' },\n    {\n      children: (\n        <Button secondary wide>\n          Logout\n        </Button>\n      ),\n    },\n  ],\n  visible: true,\n};\n\nStory.argTypes = {\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,UAAD,EAAUA,KAAV,eACE;IAAM,SAAS,EAAC;EAAhB,cADF,CADmB;AAAA,CAAd;;;AAMPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,OAAO,EAAE,CACP;IACEC,QAAQ,eACN,uDACE,oBAAC,gBAAD;MAAM,IAAI;IAAV,WADF,eAEE,oBAAC,gBAAD,wCAFF,CAFJ;IAOEC,OAAO,EAAE;EAPX,CADO,EAUP;IAAEC,KAAK,EAAE,qCAAT;IAAgDD,OAAO,EAAE;EAAzD,CAVO,EAWP;IAAEE,IAAI,EAAE,MAAR;IAAgBD,KAAK,EAAE,QAAvB;IAAiCE,KAAK,EAAE;EAAxC,CAXO,EAYP;IAAED,IAAI,EAAE,MAAR;IAAgBD,KAAK,EAAE,QAAvB;IAAiCG,QAAQ,EAAE,IAA3C;IAAiDD,KAAK,EAAE;EAAxD,CAZO,EAaP;IAAED,IAAI,EAAE,OAAR;IAAiBD,KAAK,EAAE,QAAxB;IAAkCD,OAAO,EAAE,IAA3C;IAAiDG,KAAK,EAAE;EAAxD,CAbO,EAcP;IAAEF,KAAK,EAAE,QAAT;IAAmBF,QAAQ,eAAE,oBAAC,QAAD;MAAQ,KAAK;IAAb,SAA7B;IAAyDI,KAAK,EAAE;EAAhE,CAdO,EAeP;IACEJ,QAAQ,eACN,oBAAC,QAAD;MAAQ,SAAS,MAAjB;MAAkB,IAAI;IAAtB;EAFJ,CAfO,CADE;EAwBXM,OAAO,EAAE;AAxBE,CAAb;AA2BAX,KAAK,CAACY,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV;AADM,CAAjB"}
+{"version":3,"file":"Menu.stories.js","names":["title","Story","props","storyName","args","options","children","divider","label","icon","ICON","ADD","value","disabled","visible","argTypes","onPress","action"],"sources":["../../../src/components/Menu/Menu.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '../';\nimport { ICON, Text } from '../../primitives';\nimport { Menu } from './Menu';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Menu {...props}>\n    <span className=\"children\">children</span>\n  </Menu>\n);\n\nStory.storyName = 'Menu';\n\nStory.args = {\n  options: [\n    {\n      children: (\n        <>\n          <Text bold>Lorem</Text>\n          <Text>Ipsum is simply dummy text...</Text>\n        </>\n      ),\n      divider: true,\n    },\n    { label: 'Lorem Ipsum is simply dummy text...', divider: true },\n    { icon: ICON.ADD, label: 'Item 1', value: 'one' },\n    { icon: ICON.ADD, label: 'Item 2', disabled: true, value: 'two' },\n    { label: 'Item 3', divider: true, value: 'three' },\n    { label: 'Item 4', children: <Button small>Add</Button>, value: 'four' },\n    {\n      children: (\n        <Button secondary wide>\n          Logout\n        </Button>\n      ),\n    },\n  ],\n  visible: true,\n};\n\nStory.argTypes = {\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,UAAD,EAAUA,KAAV,eACE;IAAM,SAAS,EAAC;EAAhB,cADF,CADmB;AAAA,CAAd;;;AAMPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,OAAO,EAAE,CACP;IACEC,QAAQ,eACN,uDACE,oBAAC,gBAAD;MAAM,IAAI;IAAV,WADF,eAEE,oBAAC,gBAAD,wCAFF,CAFJ;IAOEC,OAAO,EAAE;EAPX,CADO,EAUP;IAAEC,KAAK,EAAE,qCAAT;IAAgDD,OAAO,EAAE;EAAzD,CAVO,EAWP;IAAEE,IAAI,EAAEC,iBAAKC,GAAb;IAAkBH,KAAK,EAAE,QAAzB;IAAmCI,KAAK,EAAE;EAA1C,CAXO,EAYP;IAAEH,IAAI,EAAEC,iBAAKC,GAAb;IAAkBH,KAAK,EAAE,QAAzB;IAAmCK,QAAQ,EAAE,IAA7C;IAAmDD,KAAK,EAAE;EAA1D,CAZO,EAaP;IAAEJ,KAAK,EAAE,QAAT;IAAmBD,OAAO,EAAE,IAA5B;IAAkCK,KAAK,EAAE;EAAzC,CAbO,EAcP;IAAEJ,KAAK,EAAE,QAAT;IAAmBF,QAAQ,eAAE,oBAAC,QAAD;MAAQ,KAAK;IAAb,SAA7B;IAAyDM,KAAK,EAAE;EAAhE,CAdO,EAeP;IACEN,QAAQ,eACN,oBAAC,QAAD;MAAQ,SAAS,MAAjB;MAAkB,IAAI;IAAtB;EAFJ,CAfO,CADE;EAwBXQ,OAAO,EAAE;AAxBE,CAAb;AA2BAb,KAAK,CAACc,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV;AADM,CAAjB"}

package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap

@@ -70,30 +70,23 @@ exports[`component:<Menu> w/ options & visible 1`] = `
       class="pressable option value"
     >
       <span
-        class="icon paragraph icon"
+        class="icon headline-3 icon"
       >
         <svg
-          fill="none"
+          fill="currentColor"
           height="1em"
           stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
+          stroke-width="0"
           viewBox="0 0 24 24"
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <line
-            x1="12"
-            x2="12"
-            y1="5"
-            y2="19"
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
           />
-          <line
-            x1="5"
-            x2="19"
-            y1="12"
-            y2="12"
+          <path
+            d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
       </span>
@@ -107,30 +100,23 @@ exports[`component:<Menu> w/ options & visible 1`] = `
       class="pressable option value disabled"
     >
       <span
-        class="icon paragraph icon"
+        class="icon headline-3 icon"
       >
         <svg
-          fill="none"
+          fill="currentColor"
           height="1em"
           stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
+          stroke-width="0"
           viewBox="0 0 24 24"
           width="1em"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <line
-            x1="12"
-            x2="12"
-            y1="5"
-            y2="19"
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
           />
-          <line
-            x1="5"
-            x2="19"
-            y1="12"
-            y2="12"
+          <path
+            d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
           />
         </svg>
       </span>
@@ -143,9 +129,6 @@ exports[`component:<Menu> w/ options & visible 1`] = `
     <div
       class="pressable option value divider"
     >
-      <span
-        class="icon paragraph icon"
-      />
       <span
         class="text paragraph label"
       >

package/build/components/Modal/Modal.js

@@ -61,7 +61,7 @@ var Modal = function Modal(_ref) {
     onPress: onBack,
     "data-testid": testId ? "".concat(testId, "-button-back") : undefined
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    name: "Left",
+    value: _primitives.ICON.LEFT,
     className: _ModalModule.default.icon
   })), title && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     headline: true,
@@ -70,7 +70,7 @@ var Modal = function Modal(_ref) {
     onPress: onClose,
     "data-testid": testId ? "".concat(testId, "-button-close") : undefined
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
-    name: isDesktop || title !== undefined ? 'Close' : 'CloseArrow',
+    value: isDesktop || title !== undefined ? _primitives.ICON.CLOSE : _primitives.ICON.EXPAND_MORE,
     className: _ModalModule.default.icon
   }))), children)), document.body);
 };

package/build/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Modal","children","overflow","portal","title","visible","onBack","onClose","others","isDesktop","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","style","container","modal","className","header","undefined","icon","left","right","document","body","propTypes","PropTypes","node","bool","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, overflow = true, portal = false, title, visible, onBack, onClose, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n  const { ['data-testid']: testId } = others;\n\n  return renderer(\n    <View row className={styles(style.container, overflow && style.overflow, visible && style.visible)}>\n      <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n        {(title || onBack || onClose) && (\n          <View row className={style.header}>\n            {onBack && (\n              <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n                <Icon name=\"Left\" className={style.icon} />\n              </Pressable>\n            )}\n            {title && (\n              <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n                {title}\n              </Text>\n            )}\n            {onClose && (\n              <Pressable onPress={onClose} data-testid={testId ? `${testId}-button-close` : undefined}>\n                <Icon name={isDesktop || title !== undefined ? 'Close' : 'CloseArrow'} className={style.icon} />\n              </Pressable>\n            )}\n          </View>\n        )}\n        {children}\n      </View>\n    </View>,\n    document.body,\n  );\n};\n\nModal.propTypes = {\n  children: PropTypes.node,\n  portal: PropTypes.bool,\n  overflow: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onBack: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+F;EAAA,IAA5FC,QAA4F,QAA5FA,QAA4F;EAAA,yBAAlFC,QAAkF;EAAA,IAAlFA,QAAkF,8BAAvE,IAAuE;EAAA,uBAAjEC,MAAiE;EAAA,IAAjEA,MAAiE,4BAAxD,KAAwD;EAAA,IAAjDC,KAAiD,QAAjDA,KAAiD;EAAA,IAA1CC,OAA0C,QAA1CA,OAA0C;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EAC3G,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,IAAMC,QAAQ,GAAGC,oBAAW,CAACR,MAAZ,GAAqB,UAACS,GAAD;IAAA,OAASA,GAAT;EAAA,CAArB,GAAoCC,kBAASC,YAA9D;EAEA,IAAyBC,MAAzB,GAAoCP,MAApC,CAAS,aAAT;EAEA,OAAOE,QAAQ,eACb,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAE,qBAAOM,qBAAMC,SAAb,EAAwBf,QAAQ,IAAIc,qBAAMd,QAA1C,EAAoDG,OAAO,IAAIW,qBAAMX,OAArE;EAArB,gBACE,6BAAC,gBAAD,eAAUG,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOQ,qBAAME,KAAb,EAAoBb,OAAO,IAAIW,qBAAMX,OAArC,EAA8CG,MAAM,CAACW,SAArD;EAAjC,IACG,CAACf,KAAK,IAAIE,MAAT,IAAmBC,OAApB,kBACC,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAES,qBAAMI;EAA3B,GACGd,MAAM,iBACL,6BAAC,qBAAD;IAAW,OAAO,EAAEA,MAApB;IAA4B,eAAaS,MAAM,aAAMA,MAAN,oBAA6BM;EAA5E,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAC,MAAX;IAAkB,SAAS,EAAEL,qBAAMM;EAAnC,EADF,CAFJ,EAMGlB,KAAK,iBACJ,6BAAC,gBAAD;IAAM,QAAQ,MAAd;IAAe,SAAS,EAAE,qBAAOY,qBAAMZ,KAAb,EAAoB,CAACE,MAAD,IAAWU,qBAAMO,IAArC,EAA2C,CAAChB,OAAD,IAAYS,qBAAMQ,KAA7D;EAA1B,GACGpB,KADH,CAPJ,EAWGG,OAAO,iBACN,6BAAC,qBAAD;IAAW,OAAO,EAAEA,OAApB;IAA6B,eAAaQ,MAAM,aAAMA,MAAN,qBAA8BM;EAA9E,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAEZ,SAAS,IAAIL,KAAK,KAAKiB,SAAvB,GAAmC,OAAnC,GAA6C,YAAzD;IAAuE,SAAS,EAAEL,qBAAMM;EAAxF,EADF,CAZJ,CAFJ,EAoBGrB,QApBH,CADF,CADa,EAyBbwB,QAAQ,CAACC,IAzBI,CAAf;AA2BD,CAlCD;;;AAoCA1B,KAAK,CAAC2B,SAAN,GAAkB;EAChB1B,QAAQ,EAAE2B,mBAAUC,IADJ;EAEhB1B,MAAM,EAAEyB,mBAAUE,IAFF;EAGhB5B,QAAQ,EAAE0B,mBAAUE,IAHJ;EAIhB1B,KAAK,EAAEwB,mBAAUG,MAJD;EAKhB1B,OAAO,EAAEuB,mBAAUE,IALH;EAMhBxB,MAAM,EAAEsB,mBAAUI,IANF;EAOhBzB,OAAO,EAAEqB,mBAAUI;AAPH,CAAlB"}
+{"version":3,"file":"Modal.js","names":["Modal","children","overflow","portal","title","visible","onBack","onClose","others","isDesktop","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","style","container","modal","className","header","undefined","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","document","body","propTypes","PropTypes","node","bool","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, overflow = true, portal = false, title, visible, onBack, onClose, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n  const { ['data-testid']: testId } = others;\n\n  return renderer(\n    <View row className={styles(style.container, overflow && style.overflow, visible && style.visible)}>\n      <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n        {(title || onBack || onClose) && (\n          <View row className={style.header}>\n            {onBack && (\n              <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n                <Icon value={ICON.LEFT} className={style.icon} />\n              </Pressable>\n            )}\n            {title && (\n              <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n                {title}\n              </Text>\n            )}\n            {onClose && (\n              <Pressable onPress={onClose} data-testid={testId ? `${testId}-button-close` : undefined}>\n                <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n              </Pressable>\n            )}\n          </View>\n        )}\n        {children}\n      </View>\n    </View>,\n    document.body,\n  );\n};\n\nModal.propTypes = {\n  children: PropTypes.node,\n  portal: PropTypes.bool,\n  overflow: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onBack: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+F;EAAA,IAA5FC,QAA4F,QAA5FA,QAA4F;EAAA,yBAAlFC,QAAkF;EAAA,IAAlFA,QAAkF,8BAAvE,IAAuE;EAAA,uBAAjEC,MAAiE;EAAA,IAAjEA,MAAiE,4BAAxD,KAAwD;EAAA,IAAjDC,KAAiD,QAAjDA,KAAiD;EAAA,IAA1CC,OAA0C,QAA1CA,OAA0C;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EAC3G,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,IAAMC,QAAQ,GAAGC,oBAAW,CAACR,MAAZ,GAAqB,UAACS,GAAD;IAAA,OAASA,GAAT;EAAA,CAArB,GAAoCC,kBAASC,YAA9D;EAEA,IAAyBC,MAAzB,GAAoCP,MAApC,CAAS,aAAT;EAEA,OAAOE,QAAQ,eACb,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAE,qBAAOM,qBAAMC,SAAb,EAAwBf,QAAQ,IAAIc,qBAAMd,QAA1C,EAAoDG,OAAO,IAAIW,qBAAMX,OAArE;EAArB,gBACE,6BAAC,gBAAD,eAAUG,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOQ,qBAAME,KAAb,EAAoBb,OAAO,IAAIW,qBAAMX,OAArC,EAA8CG,MAAM,CAACW,SAArD;EAAjC,IACG,CAACf,KAAK,IAAIE,MAAT,IAAmBC,OAApB,kBACC,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAES,qBAAMI;EAA3B,GACGd,MAAM,iBACL,6BAAC,qBAAD;IAAW,OAAO,EAAEA,MAApB;IAA4B,eAAaS,MAAM,aAAMA,MAAN,oBAA6BM;EAA5E,gBACE,6BAAC,gBAAD;IAAM,KAAK,EAAEC,iBAAKC,IAAlB;IAAwB,SAAS,EAAEP,qBAAMQ;EAAzC,EADF,CAFJ,EAMGpB,KAAK,iBACJ,6BAAC,gBAAD;IAAM,QAAQ,MAAd;IAAe,SAAS,EAAE,qBAAOY,qBAAMZ,KAAb,EAAoB,CAACE,MAAD,IAAWU,qBAAMS,IAArC,EAA2C,CAAClB,OAAD,IAAYS,qBAAMU,KAA7D;EAA1B,GACGtB,KADH,CAPJ,EAWGG,OAAO,iBACN,6BAAC,qBAAD;IAAW,OAAO,EAAEA,OAApB;IAA6B,eAAaQ,MAAM,aAAMA,MAAN,qBAA8BM;EAA9E,gBACE,6BAAC,gBAAD;IAAM,KAAK,EAAEZ,SAAS,IAAIL,KAAK,KAAKiB,SAAvB,GAAmCC,iBAAKK,KAAxC,GAAgDL,iBAAKM,WAAlE;IAA+E,SAAS,EAAEZ,qBAAMQ;EAAhG,EADF,CAZJ,CAFJ,EAoBGvB,QApBH,CADF,CADa,EAyBb4B,QAAQ,CAACC,IAzBI,CAAf;AA2BD,CAlCD;;;AAoCA9B,KAAK,CAAC+B,SAAN,GAAkB;EAChB9B,QAAQ,EAAE+B,mBAAUC,IADJ;EAEhB9B,MAAM,EAAE6B,mBAAUE,IAFF;EAGhBhC,QAAQ,EAAE8B,mBAAUE,IAHJ;EAIhB9B,KAAK,EAAE4B,mBAAUG,MAJD;EAKhB9B,OAAO,EAAE2B,mBAAUE,IALH;EAMhB5B,MAAM,EAAE0B,mBAAUI,IANF;EAOhB7B,OAAO,EAAEyB,mBAAUI;AAPH,CAAlB"}

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

@@ -17,21 +17,24 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
           data-testid="mirai-onClose-button-close"
         >
           <span
-            class="icon paragraph icon"
+            class="icon headline-3 icon"
           >
             <svg
-              fill="none"
+              fill="currentColor"
               height="1em"
               stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
+              stroke-width="0"
               viewBox="0 0 24 24"
               width="1em"
               xmlns="http://www.w3.org/2000/svg"
             >
-              <polyline
-                points="6 9 12 15 18 9"
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
           </span>
@@ -99,27 +102,23 @@ exports[`component:<Modal> prop:onBack 1`] = `
           data-testid="mirai-onBack-button-back"
         >
           <span
-            class="icon paragraph icon"
+            class="icon headline-3 icon"
           >
             <svg
-              fill="none"
+              fill="currentColor"
               height="1em"
               stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
+              stroke-width="0"
               viewBox="0 0 24 24"
               width="1em"
               xmlns="http://www.w3.org/2000/svg"
             >
-              <line
-                x1="19"
-                x2="5"
-                y1="12"
-                y2="12"
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
               />
-              <polyline
-                points="12 19 5 12 12 5"
+              <path
+                d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
               />
             </svg>
           </span>
@@ -147,21 +146,24 @@ exports[`component:<Modal> prop:onClose 1`] = `
           data-testid="mirai-onClose-button-close"
         >
           <span
-            class="icon paragraph icon"
+            class="icon headline-3 icon"
           >
             <svg
-              fill="none"
+              fill="currentColor"
               height="1em"
               stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
+              stroke-width="0"
               viewBox="0 0 24 24"
               width="1em"
               xmlns="http://www.w3.org/2000/svg"
             >
-              <polyline
-                points="6 9 12 15 18 9"
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
               />
             </svg>
           </span>

package/build/components/Notification/Notification.js

@@ -36,29 +36,26 @@ var Notification = function Notification(_ref) {
       onClose = _ref.onClose,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  var textStyle = small ? {
-    small: true
-  } : {
-    headline: true,
-    level: 4
-  };
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     row: true,
     className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, inline && _NotificationModule.default.inline, small && _NotificationModule.default.small, others.className)
-  }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, _extends({
-    name: (0, _helpers.getIconName)({
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    value: (0, _helpers.getIconState)({
       error: error,
       success: success,
       warning: warning
-    })
-  }, textStyle)), /*#__PURE__*/_react.default.createElement(_primitives.Text, _extends({}, textStyle, {
+    }),
+    paragraph: small
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    small: small,
     className: (0, _helpers.styles)(_NotificationModule.default.text, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : undefined)
-  }), children), onClose && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+  }, children), onClose && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     className: _NotificationModule.default.pressable,
     onPress: onClose
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, _extends({
-    name: "Close"
-  }, textStyle))));
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    value: _primitives.ICON.CLOSE,
+    paragraph: small
+  })));
 };
 
 exports.Notification = Notification;

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","small","success","warning","onClose","others","textStyle","headline","level","style","notification","undefined","outlined","className","text","pressable","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 { getIconName, styles } from '../../helpers';\nimport { Icon, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({ children, error, inline = false, small, success, warning, onClose, ...others }) => {\n  const textStyle = small ? { small: true } : { headline: true, level: 4 };\n\n  return (\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        small && style.small,\n        others.className,\n      )}\n    >\n      <Icon name={getIconName({ error, success, warning })} {...textStyle} />\n      <Text\n        {...textStyle}\n        className={styles(\n          style.text,\n          error ? style.error : warning ? style.warning : success ? style.success : undefined,\n        )}\n      >\n        {children}\n      </Text>\n      {onClose && (\n        <Pressable className={style.pressable} onPress={onClose}>\n          <Icon name=\"Close\" {...textStyle} />\n        </Pressable>\n      )}\n    </View>\n  );\n};\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.string.isRequired,\n  error: PropTypes.bool,\n  inline: 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;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAAsF;EAAA,IAAnFC,QAAmF,QAAnFA,QAAmF;EAAA,IAAzEC,KAAyE,QAAzEA,KAAyE;EAAA,uBAAlEC,MAAkE;EAAA,IAAlEA,MAAkE,4BAAzD,KAAyD;EAAA,IAAlDC,KAAkD,QAAlDA,KAAkD;EAAA,IAA3CC,OAA2C,QAA3CA,OAA2C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EACzG,IAAMC,SAAS,GAAGL,KAAK,GAAG;IAAEA,KAAK,EAAE;EAAT,CAAH,GAAqB;IAAEM,QAAQ,EAAE,IAAZ;IAAkBC,KAAK,EAAE;EAAzB,CAA5C;EAEA,oBACE,6BAAC,gBAAD,eACMH,MADN;IAEE,GAAG,MAFL;IAGE,SAAS,EAAE,qBACTI,4BAAMC,YADG,EAETX,KAAK,GAAGU,4BAAMV,KAAT,GAAiBI,OAAO,GAAGM,4BAAMN,OAAT,GAAmBD,OAAO,GAAGO,4BAAMP,OAAT,GAAmBS,SAFjE,EAGTX,MAAM,GAAGS,4BAAMT,MAAT,GAAkBS,4BAAMG,QAHrB,EAITZ,MAAM,IAAIS,4BAAMT,MAJP,EAKTC,KAAK,IAAIQ,4BAAMR,KALN,EAMTI,MAAM,CAACQ,SANE;EAHb,iBAYE,6BAAC,gBAAD;IAAM,IAAI,EAAE,0BAAY;MAAEd,KAAK,EAALA,KAAF;MAASG,OAAO,EAAPA,OAAT;MAAkBC,OAAO,EAAPA;IAAlB,CAAZ;EAAZ,GAA0DG,SAA1D,EAZF,eAaE,6BAAC,gBAAD,eACMA,SADN;IAEE,SAAS,EAAE,qBACTG,4BAAMK,IADG,EAETf,KAAK,GAAGU,4BAAMV,KAAT,GAAiBI,OAAO,GAAGM,4BAAMN,OAAT,GAAmBD,OAAO,GAAGO,4BAAMP,OAAT,GAAmBS,SAFjE;EAFb,IAOGb,QAPH,CAbF,EAsBGM,OAAO,iBACN,6BAAC,qBAAD;IAAW,SAAS,EAAEK,4BAAMM,SAA5B;IAAuC,OAAO,EAAEX;EAAhD,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,GAAuBE,SAAvB,EADF,CAvBJ,CADF;AA8BD,CAjCD;;;AAmCAT,YAAY,CAACmB,WAAb,GAA2B,wBAA3B;AAEAnB,YAAY,CAACoB,SAAb,GAAyB;EACvBnB,QAAQ,EAAEoB,mBAAUC,MAAV,CAAiBC,UADJ;EAEvBrB,KAAK,EAAEmB,mBAAUG,IAFM;EAGvBrB,MAAM,EAAEkB,mBAAUG,IAHK;EAIvBpB,KAAK,EAAEiB,mBAAUG,IAJM;EAKvBnB,OAAO,EAAEgB,mBAAUG,IALI;EAMvBlB,OAAO,EAAEe,mBAAUG,IANI;EAOvBjB,OAAO,EAAEc,mBAAUI;AAPI,CAAzB"}
+{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","small","success","warning","onClose","others","style","notification","undefined","outlined","className","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, 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      small && style.small,\n      others.className,\n    )}\n  >\n    <Icon value={getIconState({ error, success, warning })} paragraph={small} />\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    {onClose && (\n      <Pressable className={style.pressable} 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  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;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,KAAb,QAAaA,KAAb;EAAA,uBAAoBC,MAApB;EAAA,IAAoBA,MAApB,4BAA6B,KAA7B;EAAA,IAAoCC,KAApC,QAAoCA,KAApC;EAAA,IAA2CC,OAA3C,QAA2CA,OAA3C;EAAA,IAAoDC,OAApD,QAAoDA,OAApD;EAAA,IAA6DC,OAA7D,QAA6DA,OAA7D;EAAA,IAAyEC,MAAzE;;EAAA,oBACnB,6BAAC,gBAAD,eACMA,MADN;IAEE,GAAG,MAFL;IAGE,SAAS,EAAE,qBACTC,4BAAMC,YADG,EAETR,KAAK,GAAGO,4BAAMP,KAAT,GAAiBI,OAAO,GAAGG,4BAAMH,OAAT,GAAmBD,OAAO,GAAGI,4BAAMJ,OAAT,GAAmBM,SAFjE,EAGTR,MAAM,GAAGM,4BAAMN,MAAT,GAAkBM,4BAAMG,QAHrB,EAITT,MAAM,IAAIM,4BAAMN,MAJP,EAKTC,KAAK,IAAIK,4BAAML,KALN,EAMTI,MAAM,CAACK,SANE;EAHb,iBAYE,6BAAC,gBAAD;IAAM,KAAK,EAAE,2BAAa;MAAEX,KAAK,EAALA,KAAF;MAASG,OAAO,EAAPA,OAAT;MAAkBC,OAAO,EAAPA;IAAlB,CAAb,CAAb;IAAwD,SAAS,EAAEF;EAAnE,EAZF,eAaE,6BAAC,gBAAD;IACE,KAAK,EAAEA,KADT;IAEE,SAAS,EAAE,qBACTK,4BAAMK,IADG,EAETZ,KAAK,GAAGO,4BAAMP,KAAT,GAAiBI,OAAO,GAAGG,4BAAMH,OAAT,GAAmBD,OAAO,GAAGI,4BAAMJ,OAAT,GAAmBM,SAFjE;EAFb,GAOGV,QAPH,CAbF,EAsBGM,OAAO,iBACN,6BAAC,qBAAD;IAAW,SAAS,EAAEE,4BAAMM,SAA5B;IAAuC,OAAO,EAAER;EAAhD,gBACE,6BAAC,gBAAD;IAAM,KAAK,EAAES,iBAAKC,KAAlB;IAAyB,SAAS,EAAEb;EAApC,EADF,CAvBJ,CADmB;AAAA,CAArB;;;AA+BAJ,YAAY,CAACkB,WAAb,GAA2B,wBAA3B;AAEAlB,YAAY,CAACmB,SAAb,GAAyB;EACvBlB,QAAQ,EAAEmB,mBAAUC,MAAV,CAAiBC,UADJ;EAEvBpB,KAAK,EAAEkB,mBAAUG,IAFM;EAGvBpB,MAAM,EAAEiB,mBAAUG,IAHK;EAIvBnB,KAAK,EAAEgB,mBAAUG,IAJM;EAKvBlB,OAAO,EAAEe,mBAAUG,IALI;EAMvBjB,OAAO,EAAEc,mBAAUG,IANI;EAOvBhB,OAAO,EAAEa,mBAAUI;AAPI,CAAzB"}