@orangesk/orange-design-system 0.23.3 → 0.23.4

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+
+## 0.23.4
+
+- [#296](https://github.com/orangesk/design-system/pull/296) fix buttons not shrinking in callout notice
+
 ## 0.23.3
 
 - [8ebb57d](https://github.com/orangesk/design-system/pull/256/commits/8ebb57d932b27e43e539013c46f156a932439d4a) Remove MMStatic import from MegaMenu component file

package/build/{96.db3f0e71.chunk.js → 96.ae164bd1.chunk.js}

@@ -1,2 +1,2 @@
-(this["webpackJsonp@orangesk/orange-design-system"]=this["webpackJsonp@orangesk/orange-design-system"]||[]).push([[96],{1132:function(n,t){n.exports="import React from 'react';\nimport { arrayOf, string, oneOf, element } from 'prop-types';\n\nimport { Notice } from '../Alert';\nimport Bar, { BarItem, BarBreak } from '../Bar';\nimport { ButtonLayout } from '../Button';\nimport Icon from '../Icon';\n\nconst propTypes = {\n  /** Object of buttons's href and desc. */\n  buttons: arrayOf(element),\n  /** Name of icon displayed on the left. */\n  iconName: string,\n  /** Main message displayed in Notice. */\n  text: string,\n  /** Color of border and icon. */\n  type: oneOf([\n    'info', // default\n    'success',\n    'warning',\n    'danger',\n  ]),\n};\n\nconst CalloutNotice = ({\n  buttons,\n  iconName,\n  text,\n  type = 'info',\n  ...other\n}) => (\n  <Notice type={type} {...other}>\n    <Bar canWrap={false} align=\"top\" className=\"mb-0\">\n      <BarItem>\n        <Icon className={`text-${type}`} name={iconName} size=\"lg\" />\n      </BarItem>\n      <BarItem fill>\n        <Bar>\n          <BarItem shrinkable className=\"mr-3\">\n            <div className=\"font-weight-bold\">{text}</div>\n          </BarItem>\n          <BarBreak className=\"hide-lg\" />\n          <BarItem>\n            <ButtonLayout direction={{ xs: 'vertical', md: 'horizontal' }}>\n              {buttons}\n            </ButtonLayout>\n          </BarItem>\n        </Bar>\n      </BarItem>\n    </Bar>\n  </Notice>\n);\n\nCalloutNotice.displayName = 'CalloutNotice';\nCalloutNotice.propTypes = propTypes;\n\nexport default CalloutNotice;\n"}}]);
-//# sourceMappingURL=96.db3f0e71.chunk.js.map
+(this["webpackJsonp@orangesk/orange-design-system"]=this["webpackJsonp@orangesk/orange-design-system"]||[]).push([[96],{1132:function(n,t){n.exports="import React from 'react';\nimport { arrayOf, string, oneOf, element } from 'prop-types';\n\nimport { Notice } from '../Alert';\nimport Bar, { BarItem, BarBreak } from '../Bar';\nimport { ButtonLayout } from '../Button';\nimport Icon from '../Icon';\n\nconst propTypes = {\n  /** Object of buttons's href and desc. */\n  buttons: arrayOf(element),\n  /** Name of icon displayed on the left. */\n  iconName: string,\n  /** Main message displayed in Notice. */\n  text: string,\n  /** Color of border and icon. */\n  type: oneOf([\n    'info', // default\n    'success',\n    'warning',\n    'danger',\n  ]),\n};\n\nconst CalloutNotice = ({\n  buttons,\n  iconName,\n  text,\n  type = 'info',\n  ...other\n}) => (\n  <Notice type={type} {...other}>\n    <Bar canWrap={false} align=\"top\" className=\"mb-0\">\n      <BarItem>\n        <Icon className={`text-${type}`} name={iconName} size=\"lg\" />\n      </BarItem>\n      <BarItem fill>\n        <Bar>\n          <BarItem shrinkable className=\"mr-3\">\n            <div className=\"font-weight-bold\">{text}</div>\n          </BarItem>\n          <BarBreak className=\"hide-lg\" />\n          <BarItem shrinkable>\n            <ButtonLayout direction={{ xs: 'vertical', md: 'horizontal' }}>\n              {buttons}\n            </ButtonLayout>\n          </BarItem>\n        </Bar>\n      </BarItem>\n    </Bar>\n  </Notice>\n);\n\nCalloutNotice.displayName = 'CalloutNotice';\nCalloutNotice.propTypes = propTypes;\n\nexport default CalloutNotice;\n"}}]);
+//# sourceMappingURL=96.ae164bd1.chunk.js.map

package/build/{96.db3f0e71.chunk.js.map → 96.ae164bd1.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./src/components/CalloutNotice/CalloutNotice.js?1705"],"names":["module","exports"],"mappings":"2IAAAA,EAAOC,QAAU","file":"96.db3f0e71.chunk.js","sourcesContent":["module.exports = \"import React from 'react';\\nimport { arrayOf, string, oneOf, element } from 'prop-types';\\n\\nimport { Notice } from '../Alert';\\nimport Bar, { BarItem, BarBreak } from '../Bar';\\nimport { ButtonLayout } from '../Button';\\nimport Icon from '../Icon';\\n\\nconst propTypes = {\\n  /** Object of buttons's href and desc. */\\n  buttons: arrayOf(element),\\n  /** Name of icon displayed on the left. */\\n  iconName: string,\\n  /** Main message displayed in Notice. */\\n  text: string,\\n  /** Color of border and icon. */\\n  type: oneOf([\\n    'info', // default\\n    'success',\\n    'warning',\\n    'danger',\\n  ]),\\n};\\n\\nconst CalloutNotice = ({\\n  buttons,\\n  iconName,\\n  text,\\n  type = 'info',\\n  ...other\\n}) => (\\n  <Notice type={type} {...other}>\\n    <Bar canWrap={false} align=\\\"top\\\" className=\\\"mb-0\\\">\\n      <BarItem>\\n        <Icon className={`text-${type}`} name={iconName} size=\\\"lg\\\" />\\n      </BarItem>\\n      <BarItem fill>\\n        <Bar>\\n          <BarItem shrinkable className=\\\"mr-3\\\">\\n            <div className=\\\"font-weight-bold\\\">{text}</div>\\n          </BarItem>\\n          <BarBreak className=\\\"hide-lg\\\" />\\n          <BarItem>\\n            <ButtonLayout direction={{ xs: 'vertical', md: 'horizontal' }}>\\n              {buttons}\\n            </ButtonLayout>\\n          </BarItem>\\n        </Bar>\\n      </BarItem>\\n    </Bar>\\n  </Notice>\\n);\\n\\nCalloutNotice.displayName = 'CalloutNotice';\\nCalloutNotice.propTypes = propTypes;\\n\\nexport default CalloutNotice;\\n\""],"sourceRoot":""}
+{"version":3,"sources":["webpack:///./src/components/CalloutNotice/CalloutNotice.js?1705"],"names":["module","exports"],"mappings":"2IAAAA,EAAOC,QAAU","file":"96.ae164bd1.chunk.js","sourcesContent":["module.exports = \"import React from 'react';\\nimport { arrayOf, string, oneOf, element } from 'prop-types';\\n\\nimport { Notice } from '../Alert';\\nimport Bar, { BarItem, BarBreak } from '../Bar';\\nimport { ButtonLayout } from '../Button';\\nimport Icon from '../Icon';\\n\\nconst propTypes = {\\n  /** Object of buttons's href and desc. */\\n  buttons: arrayOf(element),\\n  /** Name of icon displayed on the left. */\\n  iconName: string,\\n  /** Main message displayed in Notice. */\\n  text: string,\\n  /** Color of border and icon. */\\n  type: oneOf([\\n    'info', // default\\n    'success',\\n    'warning',\\n    'danger',\\n  ]),\\n};\\n\\nconst CalloutNotice = ({\\n  buttons,\\n  iconName,\\n  text,\\n  type = 'info',\\n  ...other\\n}) => (\\n  <Notice type={type} {...other}>\\n    <Bar canWrap={false} align=\\\"top\\\" className=\\\"mb-0\\\">\\n      <BarItem>\\n        <Icon className={`text-${type}`} name={iconName} size=\\\"lg\\\" />\\n      </BarItem>\\n      <BarItem fill>\\n        <Bar>\\n          <BarItem shrinkable className=\\\"mr-3\\\">\\n            <div className=\\\"font-weight-bold\\\">{text}</div>\\n          </BarItem>\\n          <BarBreak className=\\\"hide-lg\\\" />\\n          <BarItem shrinkable>\\n            <ButtonLayout direction={{ xs: 'vertical', md: 'horizontal' }}>\\n              {buttons}\\n            </ButtonLayout>\\n          </BarItem>\\n        </Bar>\\n      </BarItem>\\n    </Bar>\\n  </Notice>\\n);\\n\\nCalloutNotice.displayName = 'CalloutNotice';\\nCalloutNotice.propTypes = propTypes;\\n\\nexport default CalloutNotice;\\n\""],"sourceRoot":""}