@mirai/ui 1.0.61 → 1.0.63

package/build/components/Button/Button.stories.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -26,7 +28,7 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'Button';
-Story.args = {
+Story.args = _defineProperty({
   busy: false,
   children: 'children',
   disabled: false,
@@ -37,7 +39,7 @@ Story.args = {
   squared: false,
   tag: 'button',
   wide: false
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {
   onEnter: {
     action: 'onEnter'

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","names":["title","Story","props","storyName","args","busy","children","disabled","large","rounded","secondary","small","squared","tag","wide","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Button/Button.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from './Button';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Button {...props} />;\n\nStory.storyName = 'Button';\n\nStory.args = {\n  busy: false,\n  children: 'children',\n  disabled: false,\n  large: false,\n  rounded: false,\n  secondary: false,\n  small: false,\n  squared: false,\n  tag: 'button',\n  wide: false,\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,cAAD,EAAYA,KAAZ,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,QAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,IAAI,EAAE,KADK;EAEXC,QAAQ,EAAE,UAFC;EAGXC,QAAQ,EAAE,KAHC;EAIXC,KAAK,EAAE,KAJI;EAKXC,OAAO,EAAE,KALE;EAMXC,SAAS,EAAE,KANA;EAOXC,KAAK,EAAE,KAPI;EAQXC,OAAO,EAAE,KARE;EASXC,GAAG,EAAE,QATM;EAUXC,IAAI,EAAE;AAVK,CAAb;AAaAb,KAAK,CAACc,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV,CADM;EAEfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV,CAFM;EAGfE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV;AAHM,CAAjB"}
+{"version":3,"file":"Button.stories.js","names":["title","Story","props","storyName","args","busy","children","disabled","large","rounded","secondary","small","squared","tag","wide","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Button/Button.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from './Button';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Button {...props} />;\n\nStory.storyName = 'Button';\n\nStory.args = {\n  busy: false,\n  children: 'children',\n  disabled: false,\n  large: false,\n  rounded: false,\n  secondary: false,\n  small: false,\n  squared: false,\n  tag: 'button',\n  wide: false,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,cAAD,EAAYA,KAAZ,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,QAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,IAAI,EAAE,KADR;EAEEC,QAAQ,EAAE,UAFZ;EAGEC,QAAQ,EAAE,KAHZ;EAIEC,KAAK,EAAE,KAJT;EAKEC,OAAO,EAAE,KALX;EAMEC,SAAS,EAAE,KANb;EAOEC,KAAK,EAAE,KAPT;EAQEC,OAAO,EAAE,KARX;EASEC,GAAG,EAAE,QATP;EAUEC,IAAI,EAAE;AAVR,GAWG,aAXH,EAWmB,YAXnB;AAcAb,KAAK,CAACc,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV,CADM;EAEfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV,CAFM;EAGfE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV;AAHM,CAAjB"}

package/build/components/Calendar/Calendar.stories.js

@@ -34,7 +34,7 @@ exports.Story = Story;
 var format = 'DD/MM/YYYY';
 var today = new Date();
 Story.storyName = 'Calendar';
-Story.args = {
+Story.args = _defineProperty({
   captions: (_captions = {}, _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
     format: format
   }), '10.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 8, 'days'), {
@@ -112,7 +112,7 @@ Story.args = {
 
     return (_console4 = console).log.apply(_console4, ['<Calendar>::onScroll'].concat(props));
   }
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {
   locale: {
     options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.stories.js","names":["title","Story","props","format","today","Date","storyName","args","captions","disabledDates","disabledPast","from","highlights","locale","months","range","rangeMaxDays","rangeMinDays","to","value","onChange","console","log","onFocus","onNavigation","onScroll","argTypes","options","control","type","defaultValue"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import { dateCalc, dateFormat } from '@mirai/locale';\nimport * as React from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Calendar {...props} />;\n\nconst format = 'DD/MM/YYYY';\nconst today = new Date();\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n  captions: {\n    [dateFormat(dateCalc(today, 6, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 8, 'days'), { format })]: '129510.95$',\n    [dateFormat(dateCalc(today, 16, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 18, 'days'), { format })]: '9.95$',\n  },\n  disabledDates: [\n    dateFormat(dateCalc(today, 20, 'days'), { format }),\n    dateFormat(dateCalc(today, 21, 'days'), { format }),\n    dateFormat(dateCalc(today, 22, 'days'), { format }),\n    dateFormat(dateCalc(today, 23, 'days'), { format }),\n    dateFormat(dateCalc(today, 24, 'days'), { format }),\n  ],\n  disabledPast: true,\n  format,\n  from: '',\n  highlights: [\n    dateFormat(dateCalc(today, 6, 'days'), { format }),\n    dateFormat(dateCalc(today, 10, 'days'), { format }),\n    dateFormat(dateCalc(today, 12, 'days'), { format }),\n    dateFormat(dateCalc(today, 14, 'days'), { format }),\n    dateFormat(dateCalc(today, 16, 'days'), { format }),\n  ],\n  locale: 'es-ES',\n  months: 2,\n  range: true,\n  rangeMaxDays: 7,\n  rangeMinDays: 3,\n  to: dateFormat(dateCalc(today, 6, 'months')),\n  value: [],\n  onChange: (...props) => console.log('<Calendar>::onChange', ...props),\n  onFocus: (...props) => console.log('<Calendar>::onFocus', ...props),\n  onNavigation: (...props) => console.log('<Calendar>::onNavigation', ...props),\n  onScroll: (...props) => console.log('<Calendar>::onScroll', ...props),\n};\n\nStory.argTypes = {\n  locale: {\n    options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],\n    control: { type: 'select' },\n    defaultValue: 'es-ES',\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.stories.js","names":["title","Story","props","format","today","Date","storyName","args","captions","disabledDates","disabledPast","from","highlights","locale","months","range","rangeMaxDays","rangeMinDays","to","value","onChange","console","log","onFocus","onNavigation","onScroll","argTypes","options","control","type","defaultValue"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import { dateCalc, dateFormat } from '@mirai/locale';\nimport * as React from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Calendar {...props} />;\n\nconst format = 'DD/MM/YYYY';\nconst today = new Date();\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n  captions: {\n    [dateFormat(dateCalc(today, 6, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 8, 'days'), { format })]: '129510.95$',\n    [dateFormat(dateCalc(today, 16, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 18, 'days'), { format })]: '9.95$',\n  },\n  disabledDates: [\n    dateFormat(dateCalc(today, 20, 'days'), { format }),\n    dateFormat(dateCalc(today, 21, 'days'), { format }),\n    dateFormat(dateCalc(today, 22, 'days'), { format }),\n    dateFormat(dateCalc(today, 23, 'days'), { format }),\n    dateFormat(dateCalc(today, 24, 'days'), { format }),\n  ],\n  disabledPast: true,\n  format,\n  from: '',\n  highlights: [\n    dateFormat(dateCalc(today, 6, 'days'), { format }),\n    dateFormat(dateCalc(today, 10, 'days'), { format }),\n    dateFormat(dateCalc(today, 12, 'days'), { format }),\n    dateFormat(dateCalc(today, 14, 'days'), { format }),\n    dateFormat(dateCalc(today, 16, 'days'), { format }),\n  ],\n  locale: 'es-ES',\n  months: 2,\n  range: true,\n  rangeMaxDays: 7,\n  rangeMinDays: 3,\n  to: dateFormat(dateCalc(today, 6, 'months')),\n  value: [],\n  onChange: (...props) => console.log('<Calendar>::onChange', ...props),\n  onFocus: (...props) => console.log('<Calendar>::onFocus', ...props),\n  onNavigation: (...props) => console.log('<Calendar>::onNavigation', ...props),\n  onScroll: (...props) => console.log('<Calendar>::onScroll', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  locale: {\n    options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],\n    control: { type: 'select' },\n    defaultValue: 'es-ES',\n  },\n};\n"],"mappings":"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"}

package/build/components/Form/Form.stories.js

@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -43,7 +45,7 @@ Story.args = {
   showErrors: false,
   validateOnMount: false
 };
-Story.argTypes = {
+Story.argTypes = _defineProperty({
   onBlur: {
     action: 'onBlur'
   },
@@ -59,5 +61,5 @@ Story.argTypes = {
   onSubmit: {
     action: 'onSubmit'
   }
-};
+}, 'data-testid', 'test-story');
 //# sourceMappingURL=Form.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Form.stories.js","names":["title","Story","props","storyName","args","debounce","schema","showErrors","validateOnMount","argTypes","onBlur","action","onChange","onError","onFocus","onSubmit"],"sources":["../../../src/components/Form/Form.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, InputText } from '../';\nimport { Form } from './Form';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Form {...props}>\n    <InputText name=\"username\" label=\"username\" />\n    <InputText name=\"password\" label=\"password\" type=\"password\" />\n    <Button wide>Submit</Button>\n  </Form>\n);\n\nStory.storyName = 'Form';\n\nStory.args = {\n  debounce: 0,\n  schema: {},\n  showErrors: false,\n  validateOnMount: false,\n};\n\nStory.argTypes = {\n  onBlur: { action: 'onBlur' },\n  onChange: { action: 'onBlur' },\n  onError: { action: 'onError' },\n  onFocus: { action: 'onFocus' },\n  onSubmit: { action: 'onSubmit' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,UAAD,EAAUA,KAAV,eACE,oBAAC,WAAD;IAAW,IAAI,EAAC,UAAhB;IAA2B,KAAK,EAAC;EAAjC,EADF,eAEE,oBAAC,WAAD;IAAW,IAAI,EAAC,UAAhB;IAA2B,KAAK,EAAC,UAAjC;IAA4C,IAAI,EAAC;EAAjD,EAFF,eAGE,oBAAC,QAAD;IAAQ,IAAI;EAAZ,YAHF,CADmB;AAAA,CAAd;;;AAQPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,CADC;EAEXC,MAAM,EAAE,EAFG;EAGXC,UAAU,EAAE,KAHD;EAIXC,eAAe,EAAE;AAJN,CAAb;AAOAP,KAAK,CAACQ,QAAN,GAAiB;EACfC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAV,CADO;EAEfC,QAAQ,EAAE;IAAED,MAAM,EAAE;EAAV,CAFK;EAGfE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV,CAHM;EAIfG,OAAO,EAAE;IAAEH,MAAM,EAAE;EAAV,CAJM;EAKfI,QAAQ,EAAE;IAAEJ,MAAM,EAAE;EAAV;AALK,CAAjB"}
+{"version":3,"file":"Form.stories.js","names":["title","Story","props","storyName","args","debounce","schema","showErrors","validateOnMount","argTypes","onBlur","action","onChange","onError","onFocus","onSubmit"],"sources":["../../../src/components/Form/Form.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, InputText } from '../';\nimport { Form } from './Form';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Form {...props}>\n    <InputText name=\"username\" label=\"username\" />\n    <InputText name=\"password\" label=\"password\" type=\"password\" />\n    <Button wide>Submit</Button>\n  </Form>\n);\n\nStory.storyName = 'Form';\n\nStory.args = {\n  debounce: 0,\n  schema: {},\n  showErrors: false,\n  validateOnMount: false,\n};\n\nStory.argTypes = {\n  onBlur: { action: 'onBlur' },\n  onChange: { action: 'onBlur' },\n  onError: { action: 'onError' },\n  onFocus: { action: 'onFocus' },\n  onSubmit: { action: 'onSubmit' },\n  ['data-testid']: 'test-story',\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,UAAD,EAAUA,KAAV,eACE,oBAAC,WAAD;IAAW,IAAI,EAAC,UAAhB;IAA2B,KAAK,EAAC;EAAjC,EADF,eAEE,oBAAC,WAAD;IAAW,IAAI,EAAC,UAAhB;IAA2B,KAAK,EAAC,UAAjC;IAA4C,IAAI,EAAC;EAAjD,EAFF,eAGE,oBAAC,QAAD;IAAQ,IAAI;EAAZ,YAHF,CADmB;AAAA,CAAd;;;AAQPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,CADC;EAEXC,MAAM,EAAE,EAFG;EAGXC,UAAU,EAAE,KAHD;EAIXC,eAAe,EAAE;AAJN,CAAb;AAOAP,KAAK,CAACQ,QAAN;EACEC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAV,CADV;EAEEC,QAAQ,EAAE;IAAED,MAAM,EAAE;EAAV,CAFZ;EAGEE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV,CAHX;EAIEG,OAAO,EAAE;IAAEH,MAAM,EAAE;EAAV,CAJX;EAKEI,QAAQ,EAAE;IAAEJ,MAAM,EAAE;EAAV;AALZ,GAMG,aANH,EAMmB,YANnB"}

package/build/components/InputDate/InputDate.stories.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -26,7 +28,7 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'InputDate';
-Story.args = {
+Story.args = _defineProperty({
   disabled: false,
   error: false,
   format: 'DD/MM/YYYY',
@@ -73,6 +75,6 @@ Story.args = {
 
     return (_console4 = console).log.apply(_console4, ['<InputDate>::onLeave'].concat(props));
   }
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {};
 //# sourceMappingURL=InputDate.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputDate.stories.js","names":["title","Story","props","storyName","args","disabled","error","format","hint","label","max","min","name","required","value","onChange","console","log","onError","onEnter","onLeave","argTypes"],"sources":["../../../src/components/InputDate/InputDate.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputDate } from './InputDate';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputDate {...props} />;\n\nStory.storyName = 'InputDate';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  format: 'DD/MM/YYYY',\n  hint: 'hint',\n  label: 'label',\n  max: '10/04/2080',\n  min: '10/04/1980',\n  name: 'name',\n  required: false,\n  value: '06/05/2020',\n  onChange: (...props) => console.log('<InputDate>::onBlur', ...props),\n  onError: (...props) => console.log('<InputDate>::onError', ...props),\n  onEnter: (...props) => console.log('<InputDate>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputDate>::onLeave', ...props),\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;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,MAAM,EAAE,YAHG;EAIXC,IAAI,EAAE,MAJK;EAKXC,KAAK,EAAE,OALI;EAMXC,GAAG,EAAE,YANM;EAOXC,GAAG,EAAE,YAPM;EAQXC,IAAI,EAAE,MARK;EASXC,QAAQ,EAAE,KATC;EAUXC,KAAK,EAAE,YAVI;EAWXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIb,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAc,OAAO,EAACC,GAAR,kBAAY,qBAAZ,SAAsCf,KAAtC,EAAd;EAAA,CAXC;EAYXgB,OAAO,EAAE;IAAA;;IAAA,mCAAIhB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA,CAZE;EAaXiB,OAAO,EAAE;IAAA;;IAAA,mCAAIjB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA,CAbE;EAcXkB,OAAO,EAAE;IAAA;;IAAA,mCAAIlB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA;AAdE,CAAb;AAiBAD,KAAK,CAACoB,QAAN,GAAiB,EAAjB"}
+{"version":3,"file":"InputDate.stories.js","names":["title","Story","props","storyName","args","disabled","error","format","hint","label","max","min","name","required","value","onChange","console","log","onError","onEnter","onLeave","argTypes"],"sources":["../../../src/components/InputDate/InputDate.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputDate } from './InputDate';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputDate {...props} />;\n\nStory.storyName = 'InputDate';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  format: 'DD/MM/YYYY',\n  hint: 'hint',\n  label: 'label',\n  max: '10/04/2080',\n  min: '10/04/1980',\n  name: 'name',\n  required: false,\n  value: '06/05/2020',\n  onChange: (...props) => console.log('<InputDate>::onBlur', ...props),\n  onError: (...props) => console.log('<InputDate>::onError', ...props),\n  onEnter: (...props) => console.log('<InputDate>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputDate>::onLeave', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;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;EACEC,QAAQ,EAAE,KADZ;EAEEC,KAAK,EAAE,KAFT;EAGEC,MAAM,EAAE,YAHV;EAIEC,IAAI,EAAE,MAJR;EAKEC,KAAK,EAAE,OALT;EAMEC,GAAG,EAAE,YANP;EAOEC,GAAG,EAAE,YAPP;EAQEC,IAAI,EAAE,MARR;EASEC,QAAQ,EAAE,KATZ;EAUEC,KAAK,EAAE,YAVT;EAWEC,QAAQ,EAAE;IAAA;;IAAA,kCAAIb,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAc,OAAO,EAACC,GAAR,kBAAY,qBAAZ,SAAsCf,KAAtC,EAAd;EAAA,CAXZ;EAYEgB,OAAO,EAAE;IAAA;;IAAA,mCAAIhB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA,CAZX;EAaEiB,OAAO,EAAE;IAAA;;IAAA,mCAAIjB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA,CAbX;EAcEkB,OAAO,EAAE;IAAA;;IAAA,mCAAIlB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA;AAdX,GAeG,aAfH,EAemB,YAfnB;AAkBAD,KAAK,CAACoB,QAAN,GAAiB,EAAjB"}

package/build/components/InputNumber/InputNumber.stories.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -26,7 +28,7 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'InputNumber';
-Story.args = {
+Story.args = _defineProperty({
   disabled: false,
   hint: 'hint',
   label: 'label',
@@ -45,6 +47,6 @@ Story.args = {
 
     return (_console = console).log.apply(_console, ['<InputNumber>::onChange'].concat(props));
   }
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {};
 //# sourceMappingURL=InputNumber.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.stories.js","names":["title","Story","props","storyName","args","disabled","hint","label","max","min","name","rounded","step","value","onChange","console","log","argTypes"],"sources":["../../../src/components/InputNumber/InputNumber.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputNumber } from './InputNumber';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputNumber {...props} />;\n\nStory.storyName = 'InputNumber';\n\nStory.args = {\n  disabled: false,\n  hint: 'hint',\n  label: 'label',\n  max: 8,\n  min: 1,\n  name: 'name',\n  rounded: false,\n  step: 1,\n  value: 1,\n  onChange: (...props) => console.log('<InputNumber>::onChange', ...props),\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,IAAI,EAAE,MAFK;EAGXC,KAAK,EAAE,OAHI;EAIXC,GAAG,EAAE,CAJM;EAKXC,GAAG,EAAE,CALM;EAMXC,IAAI,EAAE,MANK;EAOXC,OAAO,EAAE,KAPE;EAQXC,IAAI,EAAE,CARK;EASXC,KAAK,EAAE,CATI;EAUXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIZ,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAa,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0Cd,KAA1C,EAAd;EAAA;AAVC,CAAb;AAaAD,KAAK,CAACgB,QAAN,GAAiB,EAAjB"}
+{"version":3,"file":"InputNumber.stories.js","names":["title","Story","props","storyName","args","disabled","hint","label","max","min","name","rounded","step","value","onChange","console","log","argTypes"],"sources":["../../../src/components/InputNumber/InputNumber.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputNumber } from './InputNumber';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputNumber {...props} />;\n\nStory.storyName = 'InputNumber';\n\nStory.args = {\n  disabled: false,\n  hint: 'hint',\n  label: 'label',\n  max: 8,\n  min: 1,\n  name: 'name',\n  rounded: false,\n  step: 1,\n  value: 1,\n  onChange: (...props) => console.log('<InputNumber>::onChange', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,QAAQ,EAAE,KADZ;EAEEC,IAAI,EAAE,MAFR;EAGEC,KAAK,EAAE,OAHT;EAIEC,GAAG,EAAE,CAJP;EAKEC,GAAG,EAAE,CALP;EAMEC,IAAI,EAAE,MANR;EAOEC,OAAO,EAAE,KAPX;EAQEC,IAAI,EAAE,CARR;EASEC,KAAK,EAAE,CATT;EAUEC,QAAQ,EAAE;IAAA;;IAAA,kCAAIZ,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAa,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0Cd,KAA1C,EAAd;EAAA;AAVZ,GAWG,aAXH,EAWmB,YAXnB;AAcAD,KAAK,CAACgB,QAAN,GAAiB,EAAjB"}

package/build/components/InputOption/InputOption.stories.js

@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -28,7 +30,7 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'InputOption';
-Story.args = {
+Story.args = _defineProperty({
   checked: true,
   disabled: false,
   indeterminate: false,
@@ -46,7 +48,7 @@ Story.args = {
 
     return (_console = console).log.apply(_console, ['<InputOption>::onChange'].concat(props));
   }
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {
   type: {
     options: [_InputOption2.CHECKBOX, _InputOption2.RADIO, _InputOption2.SWITCH],

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

@@ -1 +1 @@
-{"version":3,"file":"InputOption.stories.js","names":["title","Story","props","storyName","args","checked","disabled","indeterminate","label","name","reverse","type","value","onChange","console","log","argTypes","options","CHECKBOX","RADIO","SWITCH","control","defaultValue"],"sources":["../../../src/components/InputOption/InputOption.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputOption } from './InputOption';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputOption {...props} />;\n\nStory.storyName = 'InputOption';\n\nStory.args = {\n  checked: true,\n  disabled: false,\n  indeterminate: false,\n  label: 'label',\n  name: 'name',\n  reverse: false,\n  type: 'checkbox',\n  value: 'value',\n  onChange: (...props) => console.log('<InputOption>::onChange', ...props),\n};\n\nStory.argTypes = {\n  type: {\n    options: [CHECKBOX, RADIO, SWITCH],\n    control: { type: 'select' },\n    defaultValue: CHECKBOX,\n  },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,OAAO,EAAE,IADE;EAEXC,QAAQ,EAAE,KAFC;EAGXC,aAAa,EAAE,KAHJ;EAIXC,KAAK,EAAE,OAJI;EAKXC,IAAI,EAAE,MALK;EAMXC,OAAO,EAAE,KANE;EAOXC,IAAI,EAAE,UAPK;EAQXC,KAAK,EAAE,OARI;EASXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIX,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAY,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0Cb,KAA1C,EAAd;EAAA;AATC,CAAb;AAYAD,KAAK,CAACe,QAAN,GAAiB;EACfL,IAAI,EAAE;IACJM,OAAO,EAAE,CAACC,sBAAD,EAAWC,mBAAX,EAAkBC,oBAAlB,CADL;IAEJC,OAAO,EAAE;MAAEV,IAAI,EAAE;IAAR,CAFL;IAGJW,YAAY,EAAEJ;EAHV;AADS,CAAjB"}
+{"version":3,"file":"InputOption.stories.js","names":["title","Story","props","storyName","args","checked","disabled","indeterminate","label","name","reverse","type","value","onChange","console","log","argTypes","options","CHECKBOX","RADIO","SWITCH","control","defaultValue"],"sources":["../../../src/components/InputOption/InputOption.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputOption } from './InputOption';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputOption {...props} />;\n\nStory.storyName = 'InputOption';\n\nStory.args = {\n  checked: true,\n  disabled: false,\n  indeterminate: false,\n  label: 'label',\n  name: 'name',\n  reverse: false,\n  type: 'checkbox',\n  value: 'value',\n  onChange: (...props) => console.log('<InputOption>::onChange', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  type: {\n    options: [CHECKBOX, RADIO, SWITCH],\n    control: { type: 'select' },\n    defaultValue: CHECKBOX,\n  },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,OAAO,EAAE,IADX;EAEEC,QAAQ,EAAE,KAFZ;EAGEC,aAAa,EAAE,KAHjB;EAIEC,KAAK,EAAE,OAJT;EAKEC,IAAI,EAAE,MALR;EAMEC,OAAO,EAAE,KANX;EAOEC,IAAI,EAAE,UAPR;EAQEC,KAAK,EAAE,OART;EASEC,QAAQ,EAAE;IAAA;;IAAA,kCAAIX,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAY,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0Cb,KAA1C,EAAd;EAAA;AATZ,GAUG,aAVH,EAUmB,YAVnB;AAaAD,KAAK,CAACe,QAAN,GAAiB;EACfL,IAAI,EAAE;IACJM,OAAO,EAAE,CAACC,sBAAD,EAAWC,mBAAX,EAAkBC,oBAAlB,CADL;IAEJC,OAAO,EAAE;MAAEV,IAAI,EAAE;IAAR,CAFL;IAGJW,YAAY,EAAEJ;EAHV;AADS,CAAjB"}

package/build/components/InputSelect/InputSelect.stories.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -26,7 +28,7 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'InputSelect';
-Story.args = {
+Story.args = _defineProperty({
   disabled: false,
   error: false,
   hint: 'hint',
@@ -61,6 +63,6 @@ Story.args = {
 
     return (_console3 = console).log.apply(_console3, ['<InputSelect>::onLeave'].concat(props));
   }
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {};
 //# sourceMappingURL=InputSelect.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputSelect.stories.js","names":["title","Story","props","storyName","args","disabled","error","hint","label","name","options","value","onChange","console","log","onEnter","onLeave","argTypes"],"sources":["../../../src/components/InputSelect/InputSelect.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputSelect } from './InputSelect';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputSelect {...props} />;\n\nStory.storyName = 'InputSelect';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  hint: 'hint',\n  label: 'label',\n  name: 'name',\n  options: ['one', 'two', 'three', 'four', 'five'],\n  value: 'two',\n  onChange: (...props) => console.log('<InputSelect>::onChange', ...props),\n  onEnter: (...props) => console.log('<InputSelect>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputSelect>::onLeave', ...props),\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,KAAK,EAAE,KAFI;EAGXC,IAAI,EAAE,MAHK;EAIXC,KAAK,EAAE,OAJI;EAKXC,IAAI,EAAE,MALK;EAMXC,OAAO,EAAE,CAAC,KAAD,EAAQ,KAAR,EAAe,OAAf,EAAwB,MAAxB,EAAgC,MAAhC,CANE;EAOXC,KAAK,EAAE,KAPI;EAQXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIV,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAW,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0CZ,KAA1C,EAAd;EAAA,CARC;EASXa,OAAO,EAAE;IAAA;;IAAA,mCAAIb,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAW,OAAO,EAACC,GAAR,mBAAY,wBAAZ,SAAyCZ,KAAzC,EAAd;EAAA,CATE;EAUXc,OAAO,EAAE;IAAA;;IAAA,mCAAId,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAW,OAAO,EAACC,GAAR,mBAAY,wBAAZ,SAAyCZ,KAAzC,EAAd;EAAA;AAVE,CAAb;AAaAD,KAAK,CAACgB,QAAN,GAAiB,EAAjB"}
+{"version":3,"file":"InputSelect.stories.js","names":["title","Story","props","storyName","args","disabled","error","hint","label","name","options","value","onChange","console","log","onEnter","onLeave","argTypes"],"sources":["../../../src/components/InputSelect/InputSelect.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputSelect } from './InputSelect';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputSelect {...props} />;\n\nStory.storyName = 'InputSelect';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  hint: 'hint',\n  label: 'label',\n  name: 'name',\n  options: ['one', 'two', 'three', 'four', 'five'],\n  value: 'two',\n  onChange: (...props) => console.log('<InputSelect>::onChange', ...props),\n  onEnter: (...props) => console.log('<InputSelect>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputSelect>::onLeave', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,QAAQ,EAAE,KADZ;EAEEC,KAAK,EAAE,KAFT;EAGEC,IAAI,EAAE,MAHR;EAIEC,KAAK,EAAE,OAJT;EAKEC,IAAI,EAAE,MALR;EAMEC,OAAO,EAAE,CAAC,KAAD,EAAQ,KAAR,EAAe,OAAf,EAAwB,MAAxB,EAAgC,MAAhC,CANX;EAOEC,KAAK,EAAE,KAPT;EAQEC,QAAQ,EAAE;IAAA;;IAAA,kCAAIV,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAW,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0CZ,KAA1C,EAAd;EAAA,CARZ;EASEa,OAAO,EAAE;IAAA;;IAAA,mCAAIb,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAW,OAAO,EAACC,GAAR,mBAAY,wBAAZ,SAAyCZ,KAAzC,EAAd;EAAA,CATX;EAUEc,OAAO,EAAE;IAAA;;IAAA,mCAAId,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAW,OAAO,EAACC,GAAR,mBAAY,wBAAZ,SAAyCZ,KAAzC,EAAd;EAAA;AAVX,GAWG,aAXH,EAWmB,YAXnB;AAcAD,KAAK,CAACgB,QAAN,GAAiB,EAAjB"}

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

@@ -29,6 +29,8 @@ 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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 = {
@@ -44,7 +46,7 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'InputText';
-Story.args = {
+Story.args = _defineProperty({
   disabled: false,
   error: false,
   hint: 'hint',
@@ -84,7 +86,7 @@ Story.args = {
 
     return (_console3 = console).log.apply(_console3, ['<InputText>::onLeave'].concat(props));
   }
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {
   icon: {
     options: [undefined].concat(_toConsumableArray(Object.keys(_primitives.ICON))),

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

@@ -1 +1 @@
-{"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"}
+{"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  ['data-testid']: 'test-story',\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;EACEC,QAAQ,EAAE,KADZ;EAEEC,KAAK,EAAE,KAFT;EAGEC,IAAI,EAAE,MAHR;EAIEL,IAAI,EAAEM,SAJR;EAKEC,KAAK,EAAE,OALT;EAMEC,SAAS,EAAE,KANb;EAOEC,IAAI,EAAE,MAPR;EAQEC,SAAS,EAAE,IARb;EASEC,OAAO,EAAE,KATX;EAUEC,IAAI,EAAE,MAVR;EAWEC,KAAK,EAAE,OAXT;EAYEC,OAAO,EAAE,KAZX;EAaEC,QAAQ,EAAE;IAAA;;IAAA,kCAAIjB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAkB,OAAO,EAACC,GAAR,kBAAY,uBAAZ,SAAwCnB,KAAxC,EAAd;EAAA,CAbZ;EAcEoB,OAAO,EAAE;IAAA;;IAAA,mCAAIpB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAkB,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCnB,KAAvC,EAAd;EAAA,CAdX;EAeEqB,OAAO,EAAE;IAAA;;IAAA,mCAAIrB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAkB,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCnB,KAAvC,EAAd;EAAA;AAfX,GAgBG,aAhBH,EAgBmB,YAhBnB;AAmBAD,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/Menu/Menu.js

@@ -46,8 +46,9 @@ var Menu = function Menu(_ref) {
   }), children, /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, options.map(function () {
     var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var index = arguments.length > 1 ? arguments[1] : undefined;
-    return /*#__PURE__*/_react.default.createElement(Template, _extends({}, option, {
-      "data-testid": others['data-testid'] ? "".concat(others['data-testid'], "-").concat(index) : undefined,
+    return /*#__PURE__*/_react.default.createElement(Template, _extends({
+      "data-testid": others['data-testid'] ? "".concat(others['data-testid'], "-").concat(index) : undefined
+    }, option, {
       key: index,
       onPress: function onPress(event) {
         return _onPress(option.value, event);

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","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"}
+{"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            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      </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;MACE,eAAaN,MAAM,CAAC,aAAD,CAAN,aAA2BA,MAAM,CAAC,aAAD,CAAjC,cAAoDM,KAApD,IAA8DC;IAD7E,GAEMF,MAFN;MAGE,GAAG,EAAEC,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

@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -32,7 +34,7 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'Menu';
-Story.args = {
+Story.args = _defineProperty({
   options: [{
     children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_primitives.Text, {
       bold: true
@@ -41,11 +43,11 @@ Story.args = {
   }, {
     label: 'Lorem Ipsum is simply dummy text...',
     divider: true
-  }, {
+  }, _defineProperty({
     icon: _primitives.ICON.ADD,
     label: 'Item 1',
     value: 'one'
-  }, {
+  }, 'data-testid', 'custom-test'), {
     icon: _primitives.ICON.ADD,
     label: 'Item 2',
     disabled: true,
@@ -67,7 +69,7 @@ Story.args = {
     }, "Logout")
   }],
   visible: true
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {
   onPress: {
     action: 'onPress'

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","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"}
+{"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', ['data-testid']: 'custom-test' },\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  ['data-testid']: 'test-story',\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;EACEC,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;IAWLE,IAAI,EAAEC,iBAAKC,GAXN;IAWWH,KAAK,EAAE,QAXlB;IAW4BI,KAAK,EAAE;EAXnC,GAW2C,aAX3C,EAW2D,aAX3D,GAYP;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,CADX;EAwBEQ,OAAO,EAAE;AAxBX,GAyBG,aAzBH,EAyBmB,YAzBnB;AA4BAb,KAAK,CAACc,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV;AADM,CAAjB"}

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

@@ -98,6 +98,7 @@ exports[`component:<Menu> w/ options & visible 1`] = `
     </div>
     <div
       class="pressable option value disabled"
+      data-testid="two"
     >
       <span
         class="icon headline-3 icon"

package/build/components/Modal/Modal.stories.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -28,12 +30,12 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'Modal';
-Story.args = {
+Story.args = _defineProperty({
   overflow: true,
   portal: false,
   title: 'title',
   visible: true
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {
   onBack: {
     action: 'onBack'

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.js","names":["title","Story","props","storyName","args","overflow","portal","visible","argTypes","onBack","action","onClose"],"sources":["../../../src/components/Modal/Modal.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Modal } from './Modal';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Modal {...props}>\n    <span className=\"children\">children</span>\n  </Modal>\n);\n\nStory.storyName = 'Modal';\n\nStory.args = {\n  overflow: true,\n  portal: false,\n  title: 'title',\n  visible: true,\n};\n\nStory.argTypes = {\n  onBack: { action: 'onBack' },\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,YAAD,EAAWA,KAAX,eACE;IAAM,SAAS,EAAC;EAAhB,cADF,CADmB;AAAA,CAAd;;;AAMPD,KAAK,CAACE,SAAN,GAAkB,OAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,IADC;EAEXC,MAAM,EAAE,KAFG;EAGXN,KAAK,EAAE,OAHI;EAIXO,OAAO,EAAE;AAJE,CAAb;AAOAN,KAAK,CAACO,QAAN,GAAiB;EACfC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAV,CADO;EAEfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV;AAFM,CAAjB"}
+{"version":3,"file":"Modal.stories.js","names":["title","Story","props","storyName","args","overflow","portal","visible","argTypes","onBack","action","onClose"],"sources":["../../../src/components/Modal/Modal.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Modal } from './Modal';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Modal {...props}>\n    <span className=\"children\">children</span>\n  </Modal>\n);\n\nStory.storyName = 'Modal';\n\nStory.args = {\n  overflow: true,\n  portal: false,\n  title: 'title',\n  visible: true,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onBack: { action: 'onBack' },\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,YAAD,EAAWA,KAAX,eACE;IAAM,SAAS,EAAC;EAAhB,cADF,CADmB;AAAA,CAAd;;;AAMPD,KAAK,CAACE,SAAN,GAAkB,OAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,QAAQ,EAAE,IADZ;EAEEC,MAAM,EAAE,KAFV;EAGEN,KAAK,EAAE,OAHT;EAIEO,OAAO,EAAE;AAJX,GAKG,aALH,EAKmB,YALnB;AAQAN,KAAK,CAACO,QAAN,GAAiB;EACfC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAV,CADO;EAEfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV;AAFM,CAAjB"}

package/build/components/Notification/Notification.js

@@ -45,12 +45,13 @@ var Notification = function Notification(_ref) {
       success: success,
       warning: warning
     }),
-    paragraph: small
+    paragraph: small,
+    className: (0, _helpers.styles)(_NotificationModule.default.icon, small && _NotificationModule.default.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, {
-    className: _NotificationModule.default.pressable,
+    className: (0, _helpers.styles)(_NotificationModule.default.pressable, _NotificationModule.default.icon, small && _NotificationModule.default.small),
     onPress: onClose
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.CLOSE,

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","small","success","warning","onClose","others","style","notification","undefined","outlined","className","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, 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\n      value={getIconState({ error, success, warning })}\n      paragraph={small}\n      className={styles(style.icon, small && style.small)}\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    {onClose && (\n      <Pressable className={styles(style.pressable, style.icon, small && style.small)} 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;IACE,KAAK,EAAE,2BAAa;MAAEX,KAAK,EAALA,KAAF;MAASG,OAAO,EAAPA,OAAT;MAAkBC,OAAO,EAAPA;IAAlB,CAAb,CADT;IAEE,SAAS,EAAEF,KAFb;IAGE,SAAS,EAAE,qBAAOK,4BAAMK,IAAb,EAAmBV,KAAK,IAAIK,4BAAML,KAAlC;EAHb,EAZF,eAiBE,6BAAC,gBAAD;IACE,KAAK,EAAEA,KADT;IAEE,SAAS,EAAE,qBACTK,4BAAMM,IADG,EAETb,KAAK,GAAGO,4BAAMP,KAAT,GAAiBI,OAAO,GAAGG,4BAAMH,OAAT,GAAmBD,OAAO,GAAGI,4BAAMJ,OAAT,GAAmBM,SAFjE;EAFb,GAOGV,QAPH,CAjBF,EA0BGM,OAAO,iBACN,6BAAC,qBAAD;IAAW,SAAS,EAAE,qBAAOE,4BAAMO,SAAb,EAAwBP,4BAAMK,IAA9B,EAAoCV,KAAK,IAAIK,4BAAML,KAAnD,CAAtB;IAAiF,OAAO,EAAEG;EAA1F,gBACE,6BAAC,gBAAD;IAAM,KAAK,EAAEU,iBAAKC,KAAlB;IAAyB,SAAS,EAAEd;EAApC,EADF,CA3BJ,CADmB;AAAA,CAArB;;;AAmCAJ,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"}

package/build/components/Notification/Notification.module.css

@@ -1,5 +1,6 @@
 .notification {
   width: fit-content;
+  align-items: flex-start;
 }
 
 .notification.outlined {
@@ -71,3 +72,11 @@
 .outlined .text.warning {
   color: var(--mirai-ui-warning-dark);
 }
+
+.notification .icon {
+  margin-top: calc(calc(var(--mirai-ui-line-height-headline-3) - var(--mirai-ui-font-size-headline-3)) / 2);
+}
+
+.notification .icon.small {
+  margin-top: calc(calc(var(--mirai-ui-line-height-small) - var(--mirai-ui-font-size-paragraph)) / 2);
+}

package/build/components/Notification/Notification.stories.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -26,14 +28,14 @@ var Story = function Story(props) {
 
 exports.Story = Story;
 Story.storyName = 'Notification';
-Story.args = {
+Story.args = _defineProperty({
   children: 'children',
   error: false,
   inline: false,
   small: false,
   success: false,
   warning: false
-};
+}, 'data-testid', 'test-story');
 Story.argTypes = {
   onClose: {
     action: 'onClose'

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.stories.js","names":["title","Story","props","storyName","args","children","error","inline","small","success","warning","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Notification {...props} />;\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'children',\n  error: false,\n  inline: false,\n  small: false,\n  success: false,\n  warning: false,\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,0BAAD,EAAkBA,KAAlB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,cAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,UADC;EAEXC,KAAK,EAAE,KAFI;EAGXC,MAAM,EAAE,KAHG;EAIXC,KAAK,EAAE,KAJI;EAKXC,OAAO,EAAE,KALE;EAMXC,OAAO,EAAE;AANE,CAAb;AASAT,KAAK,CAACU,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV;AADM,CAAjB"}
+{"version":3,"file":"Notification.stories.js","names":["title","Story","props","storyName","args","children","error","inline","small","success","warning","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Notification {...props} />;\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'children',\n  error: false,\n  inline: false,\n  small: false,\n  success: false,\n  warning: false,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,0BAAD,EAAkBA,KAAlB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,cAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,QAAQ,EAAE,UADZ;EAEEC,KAAK,EAAE,KAFT;EAGEC,MAAM,EAAE,KAHV;EAIEC,KAAK,EAAE,KAJT;EAKEC,OAAO,EAAE,KALX;EAMEC,OAAO,EAAE;AANX,GAOG,aAPH,EAOmB,YAPnB;AAUAT,KAAK,CAACU,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV;AADM,CAAjB"}