@linzjs/lui 10.11.2 → 10.11.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [10.11.3](https://github.com/linz/lui/compare/v10.11.2...v10.11.3) (2021-11-29)
+
+
+### Bug Fixes
+
+* make story book a dev dependency so its not force on lui's dependants ([#475](https://github.com/linz/lui/issues/475)) ([4e1d67d](https://github.com/linz/lui/commit/4e1d67db4c8e1ca62eeee29a6dc7c5aae88367d5))
+
 ## [10.11.2](https://github.com/linz/lui/compare/v10.11.1...v10.11.2) (2021-11-19)
 
 

package/dist/components/LuiIcon/LuiIcon.d.ts

@@ -69,6 +69,9 @@ export declare const ICON_STATUS: {
     none: string;
     error: string;
     warning: string;
+    success: string;
+    interactive: string;
+    disabled: string;
 };
 export declare const LuiIcon: ({ name, className, size, title, alt, status, spanProps, }: LuiIconProps) => JSX.Element | null;
 export {};

package/dist/lui.cjs.development.js

@@ -827,7 +827,7 @@ var LuiFormikSelect = /*#__PURE__*/formik.connect(function (props) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ":root {\n  --color-grey-80: #414042;\n  --color-grey-60: #55504b;\n  --color-grey-30: #989189;\n  --color-grey-20: #beb9b4;\n  --color-grey-10: #eaeaea;\n  --color-grey-05: #f9f9f9;\n  --color-blue-100: #00425d;\n  --color-blue-75: #007198;\n  --color-blue-50: #0096cc;\n  --color-blue-25: #73c8e1;\n  --color-blue-05: #e2f3f7;\n  --color-teal-100: #004b50;\n  --color-teal-75: #017a76;\n  --color-teal-50: #00a599;\n  --color-teal-25: #73cdc8;\n  --color-teal-05: #dcf5f0;\n  --color-green-100: #004e32;\n  --color-green-75: #08814d;\n  --color-green-50: #0aa245;\n  --color-green-25: #9bd79b;\n  --color-green-05: #e9fae7;\n  --brand-primary: #00425d;\n  --brand-secondary: #017a76;\n  --color-success: #0aa245;\n  --color-success-bg: #e9fae7;\n  --color-info: #3a7cdf;\n  --color-info-bg: #d8e5f9;\n  --color-warning: #ea6a2e;\n  --color-warning-bg: #fbdfd2;\n  --color-error: #cc0000;\n  --color-error-focus: #5a0000;\n  --color-error-bg: #f5cccc;\n  --color-visited: #4c2c92;\n  --color-green-hover: #205f12;\n  --color-green-active: #16430c;\n  --color-green-btn: #2e881a;\n  --color-txt-link: #1f69c3;\n  --color-primary-hover-btn: #004e6a;\n  --color-selection: #c7e9f3;\n  --heading-color: #017a76;\n  --heading-color--secondary: #414042;\n  --base-type-color: #414042;\n  --base-icon-color: #007198;\n  --disabled-color: #989189;\n  --disabled-color-dark: #55504b;\n  --linz-color-primary: #023d48;\n  --linz-color-primary-hover: #01818a;\n  --linz-color-tertiary: #e1e44a;\n  --linz-color-tertiary-hover: #cdcf59;\n  --color-test-pink: #f09;\n  --linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n  --linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}\n\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.LuiIcon_LuiIcon__869dcbb9 {\n  display: inline-block;\n  height: 100%;\n  width: 100%;\n}\n\n.LuiIcon_LuiIcon_Xl__869dcbb9 {\n  max-height: 64px;\n  max-width: 64px;\n}\n.LuiIcon_LuiIcon_Xl__869dcbb9 > svg {\n  height: 64px;\n  width: 64px;\n}\n\n.LuiIcon_LuiIcon_Lg__869dcbb9 {\n  max-height: 48px;\n  max-width: 48px;\n}\n.LuiIcon_LuiIcon_Lg__869dcbb9 > svg {\n  height: 48px;\n  width: 48px;\n}\n\n.LuiIcon_LuiIcon_Md__869dcbb9 {\n  height: 24px;\n  max-height: 24px;\n  max-width: 24px;\n  width: 24px;\n}\n.LuiIcon_LuiIcon_Md__869dcbb9 > svg {\n  height: 24px;\n  width: 24px;\n}\n\n.LuiIcon_LuiIcon_Sm__869dcbb9 {\n  max-height: 16px;\n  max-width: 16px;\n}\n.LuiIcon_LuiIcon_Sm__869dcbb9 > svg {\n  height: 16px;\n  width: 16px;\n}\n\n.LuiIcon_LuiIcon_Xs__869dcbb9 {\n  max-height: 12px;\n  max-width: 12px;\n}\n.LuiIcon_LuiIcon_Xs__869dcbb9 > svg {\n  height: 12px;\n  width: 12px;\n}\n\n.LuiIcon_LuiIcon_Warning__869dcbb9 {\n  fill: #ea6a2e;\n}\n\n.LuiIcon_LuiIcon_Error__869dcbb9 {\n  fill: #cc0000;\n}";
+var css = ":root {\n  --color-grey-80: #414042;\n  --color-grey-60: #55504b;\n  --color-grey-30: #989189;\n  --color-grey-20: #beb9b4;\n  --color-grey-10: #eaeaea;\n  --color-grey-05: #f9f9f9;\n  --color-blue-100: #00425d;\n  --color-blue-75: #007198;\n  --color-blue-50: #0096cc;\n  --color-blue-25: #73c8e1;\n  --color-blue-05: #e2f3f7;\n  --color-teal-100: #004b50;\n  --color-teal-75: #017a76;\n  --color-teal-50: #00a599;\n  --color-teal-25: #73cdc8;\n  --color-teal-05: #dcf5f0;\n  --color-green-100: #004e32;\n  --color-green-75: #08814d;\n  --color-green-50: #0aa245;\n  --color-green-25: #9bd79b;\n  --color-green-05: #e9fae7;\n  --brand-primary: #00425d;\n  --brand-secondary: #017a76;\n  --color-success: #0aa245;\n  --color-success-bg: #e9fae7;\n  --color-info: #3a7cdf;\n  --color-info-bg: #d8e5f9;\n  --color-warning: #ea6a2e;\n  --color-warning-bg: #fbdfd2;\n  --color-error: #cc0000;\n  --color-error-focus: #5a0000;\n  --color-error-bg: #f5cccc;\n  --color-visited: #4c2c92;\n  --color-green-hover: #205f12;\n  --color-green-active: #16430c;\n  --color-green-btn: #2e881a;\n  --color-txt-link: #1f69c3;\n  --color-primary-hover-btn: #004e6a;\n  --color-selection: #c7e9f3;\n  --heading-color: #017a76;\n  --heading-color--secondary: #414042;\n  --base-type-color: #414042;\n  --base-icon-color: #007198;\n  --disabled-color: #989189;\n  --disabled-color-dark: #55504b;\n  --linz-color-primary: #023d48;\n  --linz-color-primary-hover: #01818a;\n  --linz-color-tertiary: #e1e44a;\n  --linz-color-tertiary-hover: #cdcf59;\n  --color-test-pink: #f09;\n  --linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n  --linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}\n\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.LuiIcon_LuiIcon__d29af64c {\n  display: inline-block;\n  height: 100%;\n  width: 100%;\n}\n\n.LuiIcon_LuiIcon_Xl__d29af64c {\n  max-height: 64px;\n  max-width: 64px;\n}\n.LuiIcon_LuiIcon_Xl__d29af64c > svg {\n  height: 64px;\n  width: 64px;\n}\n\n.LuiIcon_LuiIcon_Lg__d29af64c {\n  max-height: 48px;\n  max-width: 48px;\n}\n.LuiIcon_LuiIcon_Lg__d29af64c > svg {\n  height: 48px;\n  width: 48px;\n}\n\n.LuiIcon_LuiIcon_Md__d29af64c {\n  height: 24px;\n  max-height: 24px;\n  max-width: 24px;\n  width: 24px;\n}\n.LuiIcon_LuiIcon_Md__d29af64c > svg {\n  height: 24px;\n  width: 24px;\n}\n\n.LuiIcon_LuiIcon_Sm__d29af64c {\n  max-height: 16px;\n  max-width: 16px;\n}\n.LuiIcon_LuiIcon_Sm__d29af64c > svg {\n  height: 16px;\n  width: 16px;\n}\n\n.LuiIcon_LuiIcon_Xs__d29af64c {\n  max-height: 12px;\n  max-width: 12px;\n}\n.LuiIcon_LuiIcon_Xs__d29af64c > svg {\n  height: 12px;\n  width: 12px;\n}\n\n.LuiIcon_LuiIcon_Warning__d29af64c {\n  fill: #ea6a2e;\n}\n\n.LuiIcon_LuiIcon_Error__d29af64c {\n  fill: #cc0000;\n}\n\n.LuiIcon_LuiIcon_Success__d29af64c {\n  fill: #0aa245;\n}\n\n.LuiIcon_LuiIcon_Interactive__d29af64c {\n  fill: #007198;\n}\n\n.LuiIcon_LuiIcon_Disabled__d29af64c {\n  fill: #989189;\n}";
 n(css,{});
 
 // NOTE: This is a generated file, nothing you do here matters
@@ -1126,7 +1126,10 @@ var ICON_SIZES = {
 var ICON_STATUS = {
   none: '',
   error: 'LuiIcon--error',
-  warning: 'LuiIcon--warning'
+  warning: 'LuiIcon--warning',
+  success: 'LuiIcon--success',
+  interactive: 'LuiIcon--interactive',
+  disabled: 'LuiIcon--disabled'
 };
 var LuiIcon = function LuiIcon(_ref) {
   var name = _ref.name,