@linzjs/lui 10.4.1 → 10.4.5

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [10.4.5](https://github.com/linz/lui/compare/v10.4.4...v10.4.5) (2021-10-03)
+
+
+### Bug Fixes
+
+* non exported lui icon ([#421](https://github.com/linz/lui/issues/421)) ([d0558b0](https://github.com/linz/lui/commit/d0558b015be90b9d0fc3b5fbe7766d11f97380be))
+
+## [10.4.4](https://github.com/linz/lui/compare/v10.4.3...v10.4.4) (2021-10-03)
+
+
+### Bug Fixes
+
+* create base.scss outside of scss (same level as font face) ([#420](https://github.com/linz/lui/issues/420)) ([b157076](https://github.com/linz/lui/commit/b157076ba552145ca71ac291c3f3d38d1678291a))
+
+## [10.4.3](https://github.com/linz/lui/compare/v10.4.2...v10.4.3) (2021-10-03)
+
+
+### Bug Fixes
+
+* Actually fix lui icon ([#419](https://github.com/linz/lui/issues/419)) ([225e440](https://github.com/linz/lui/commit/225e4404a1c94db0eabf36e86c8fbec2e36784c6))
+
+## [10.4.2](https://github.com/linz/lui/compare/v10.4.1...v10.4.2) (2021-09-22)
+
+
+### Bug Fixes
+
+* Use appropriate margins for p tags within LuiLoadingSpinner ([#415](https://github.com/linz/lui/issues/415)) ([7a76c09](https://github.com/linz/lui/commit/7a76c0908976b7dee06865b0fdd1189e962d58bb))
+
 ## [10.4.1](https://github.com/linz/lui/compare/v10.4.0...v10.4.1) (2021-09-21)
 
 

package/dist/FontFace.scss

@@ -2,10 +2,6 @@
 // // //      Global Font settings     //
 // // ///////////////////////////////////
 
-// // Example code - change this in your project as you get stylin'
-// // These definitons will get pulled in over in `Core/Type`
-// // The file path is assuming you've shoved a fonts folder in the src, and that you've put elementary in a styles folder
-
 @font-face {
   font-family: 'OpenSans Light';
   font-weight: normal;

package/dist/components/LuiIcon/19-LuiIcon.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './LuiIconStory.scss';
+import './LuiIcon.scss';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const LuiIconDemo: () => JSX.Element;

package/dist/components/{common/Icons.d.ts → LuiIcon/LuiIcon.d.ts}

@@ -41,12 +41,14 @@ export declare const ICONS: {
     ic_warning: JSX.Element;
 };
 declare type IconSize = keyof typeof ICON_SIZES;
+declare type IconStatus = keyof typeof ICON_STATUS;
 export declare type IconName = keyof typeof ICONS;
 interface IconProps {
     name: IconName;
     className?: string;
     size?: IconSize;
     title?: string;
+    status?: IconStatus;
 }
 export declare const ICON_SIZES: {
     xs: string;
@@ -56,5 +58,9 @@ export declare const ICON_SIZES: {
     xl: string;
     ns: string;
 };
-export declare const Icon: ({ name, className, size, title }: IconProps) => JSX.Element | null;
+export declare const ICON_STATUS: {
+    error: string;
+    warning: string;
+};
+export declare const LuiIcon: ({ name, className, size, title, status, }: IconProps) => JSX.Element | null;
 export {};

package/dist/components/LuiShadow/20-LuiShadow.stories.d.ts

@@ -4,4 +4,4 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const LuiIconsDemo: () => JSX.Element;
+export declare const LuiShadowDemo: () => JSX.Element;

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { LuiRadioButton } from './components/LuiForms/LuiRadioButton/LuiRadioBut
 export { LuiRadioGroup } from './components/LuiForms/LuiRadioGroup/LuiRadioGroup';
 export { LuiFormSubmitButton } from './components/LuiForms/LuiFormSubmitButton/LuiFormSubmitButton';
 export { LuiSelect } from './components/LuiForms/LuiSelect/LuiSelect';
+export { LuiIcon } from './components/LuiIcon/LuiIcon';
 export { LuiBearingFormikInput, LuiBearingInput, } from './components/LuiBearingInput/LuiBearingInput';
 export { LuiFooter } from './components/LuiFooter/LuiFooter';
 export * from './components/LuiHeader/LuiHeader';

package/dist/lui.cjs.development.js

@@ -832,6 +832,316 @@ var LuiSelect = /*#__PURE__*/formik.connect(function (props) {
   })));
 });
 
+// NOTE: This is a generated file, nothing you do here matters
+
+var ic_account_circle = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12 19.219q1.594 0 3.352-.938T18 15.984q-.047-1.313-2.109-2.203T12 12.89t-3.891.867T6 15.984q.891 1.359 2.648 2.297t3.352.938zm0-14.203q-1.219 0-2.109.891T9 8.016t.891 2.109 2.109.891 2.109-.891T15 8.016t-.891-2.109T12 5.016zm0-3q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016z"
+}));
+var ic_add_circle = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M17.016 12.984v-1.969h-4.031V6.984h-1.969v4.031H6.985v1.969h4.031v4.031h1.969v-4.031h4.031zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016z"
+}));
+var ic_add_circle_outline = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12 20.016q3.281 0 5.648-2.367t2.367-5.648-2.367-5.648T12 3.986 6.352 6.353t-2.367 5.648 2.367 5.648T12 20.016zm0-18q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016zm.984 4.968v4.031h4.031v1.969h-4.031v4.031h-1.969v-4.031H6.984v-1.969h4.031V6.984h1.969z"
+}));
+var ic_arrow_back = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M20.016 11.016v1.969H7.828l5.578 5.625L12 20.016 3.984 12 12 3.984l1.406 1.406-5.578 5.625h12.188z"
+}));
+var ic_arrow_back_ios = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M17.836 3.891 9.727 12l8.109 8.109-1.781 1.781-9.891-9.891 9.891-9.891z"
+}));
+var ic_arrow_drop_down = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M6.984 9.492h10.031l-5.016 5.016z"
+}));
+var ic_arrow_drop_up = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M6.984 14.508 12 9.492l5.016 5.016H6.985z"
+}));
+var ic_arrow_forward_ios = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "m5.93 4.125 2.156-2.109L18.07 12l-9.984 9.984-2.156-2.109L13.852 12z"
+}));
+var ic_attachment = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M2.016 12.023q0-2.297 1.594-3.914t3.891-1.617h10.5q1.641 0 2.813 1.195t1.172 2.836-1.172 2.813-2.813 1.172H9.517q-1.031 0-1.781-.727t-.75-1.758.75-1.781 1.781-.75h7.5v2.016H9.423q-.422 0-.422.492t.422.492h8.578q.797 0 1.406-.586t.609-1.383-.609-1.406-1.406-.609h-10.5q-1.453 0-2.484 1.031t-1.031 2.484 1.031 2.461 2.484 1.008h9.516v2.016H7.501q-2.297 0-3.891-1.594t-1.594-3.891z"
+}));
+var ic_border_color = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M0 20.016h24V24H0v-3.984zM20.719 4.031 18.75 6 15 2.25 16.969.281Q17.25 0 17.672 0t.703.281l2.344 2.344q.281.281.281.703t-.281.703zm-2.953 2.953L7.735 17.015h-3.75v-3.75L14.016 3.234z"
+}));
+var ic_check = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M8.789 15.891 19.383 5.297l1.406 1.406-12 12-5.578-5.578 1.406-1.406z"
+}));
+var ic_check_circle = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "m9.984 17.016 9-9-1.406-1.453-7.594 7.594-3.563-3.563L5.015 12zm2.016-15q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016z"
+}));
+var ic_check_circle_outline = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12 20.016q3.281 0 5.648-2.367t2.367-5.648-2.367-5.648T12 3.986 6.352 6.353t-2.367 5.648 2.367 5.648T12 20.016zm0-18q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016zm4.594 5.578L18 9l-8.016 8.016L5.015 12l1.406-1.406 3.563 3.563z"
+}));
+var ic_clear = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M18.984 6.422 13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z"
+}));
+var ic_corporate_fare = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12 6.984V3H2.016v18h19.969V6.984h-9.984zm-2.016 12h-6v-1.969h6v1.969zm0-3.984h-6v-2.016h6V15zm0-3.984h-6V9h6v2.016zm0-4.032h-6V5.015h6v1.969zm10.032 12H12V9h8.016v9.984zM18 11.016h-3.984v1.969H18v-1.969zM18 15h-3.984v2.016H18V15z"
+}));
+var ic_create = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "m20.719 7.031-1.828 1.828-3.75-3.75 1.828-1.828Q17.25 3 17.672 3t.703.281l2.344 2.344q.281.281.281.703t-.281.703zM3 17.25 14.063 6.187l3.75 3.75L6.75 21H3v-3.75z"
+}));
+var ic_error = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12.984 12.984v-6h-1.969v6h1.969zm0 4.032V15h-1.969v2.016h1.969zm-.984-15q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016z"
+}));
+var ic_error_outline = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12 20.016q3.281 0 5.648-2.367t2.367-5.648-2.367-5.648T12 3.986 6.352 6.353t-2.367 5.648 2.367 5.648T12 20.016zm0-18q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016zm-.984 4.968h1.969v6h-1.969v-6zm0 8.016h1.969v2.016h-1.969V15z"
+}));
+var ic_expand_less = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "m12 8.297 6 6-1.406 1.406L12 11.109l-4.594 4.594L6 14.297z"
+}));
+var ic_expand_more = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M16.594 8.297 18 9.703l-6 6-6-6 1.406-1.406L12 12.891z"
+}));
+var ic_filter_list = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M6 12.984v-1.969h12v1.969H6zM3 6h18v2.016H3V6zm6.984 12v-2.016h4.031V18H9.984z"
+}));
+var ic_flag = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M13.875 5.508H19.5v9.984h-7.031l-.375-1.969H6.469v6.984H4.5V3.491h9z"
+}));
+var ic_forward = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12 8.016V3.985l8.016 8.016L12 20.017v-4.031H3.984V8.017H12z"
+}));
+var ic_insert_invitation = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M18.984 19.992V9.023H5.015v10.969h13.969zm-3-18H18v2.016h.984q.797 0 1.406.609t.609 1.406v13.969q0 .797-.609 1.406t-1.406.609H5.015q-.844 0-1.43-.586t-.586-1.43V6.022q0-.797.586-1.406t1.43-.609h.984V1.991h2.016v2.016h7.969V1.991zm1.032 11.016v5.016H12v-5.016h5.016z"
+}));
+var ic_insert_photo = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M8.484 13.5 5.015 18h13.969l-4.5-6-3.469 4.5zM21 18.984q0 .797-.609 1.406t-1.406.609H5.016q-.797 0-1.406-.609t-.609-1.406V5.015q0-.797.609-1.406T5.016 3h13.969q.797 0 1.406.609T21 5.015v13.969z"
+}));
+var ic_keyboard_arrow_down = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M7.406 8.297 12 12.891l4.594-4.594L18 9.703l-6 6-6-6z"
+}));
+var ic_keyboard_arrow_left = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M15.703 16.594 14.297 18l-6-6 6-6 1.406 1.406L11.109 12z"
+}));
+var ic_keyboard_arrow_right = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M8.297 16.594 12.891 12 8.297 7.406 9.703 6l6 6-6 6z"
+}));
+var ic_keyboard_arrow_up = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M7.406 15.703 6 14.297l6-6 6 6-1.406 1.406L12 11.109z"
+}));
+var ic_navigate_before = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M15.703 7.406 11.109 12l4.594 4.594L14.297 18l-6-6 6-6z"
+}));
+var ic_navigate_next = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "m9.703 6 6 6-6 6-1.406-1.406L12.891 12 8.297 7.406z"
+}));
+var ic_people_outline = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M16.5 6.516q-.797 0-1.406.586t-.609 1.383.609 1.406 1.406.609 1.406-.609.609-1.406-.609-1.383-1.406-.586zm0 5.484q-1.453 0-2.484-1.031t-1.031-2.484 1.031-2.461T16.5 5.016t2.484 1.008 1.031 2.461-1.031 2.484T16.5 12zm-9-5.484q-.797 0-1.406.586t-.609 1.383.609 1.406T7.5 10.5t1.406-.609.609-1.406-.609-1.383T7.5 6.516zM7.5 12q-1.453 0-2.484-1.031T3.985 8.485t1.031-2.461T7.5 5.016t2.484 1.008 1.031 2.461-1.031 2.484T7.5 12zm14.016 5.484v-1.219q0-.469-1.664-1.125t-3.352-.656q-1.219 0-3 .563.516.609.516 1.219v1.219h7.5zm-9 0v-1.219q0-.469-1.664-1.125T7.5 14.484t-3.352.656-1.664 1.125v1.219h10.031zm3.984-4.5q2.016 0 4.266.914t2.25 2.367v2.719H.985v-2.719q0-1.453 2.25-2.367t4.266-.914q2.203 0 4.5 1.031 2.297-1.031 4.5-1.031z"
+}));
+var ic_person = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12 14.016q2.531 0 5.273 1.102t2.742 2.883v2.016H3.984v-2.016q0-1.781 2.742-2.883t5.273-1.102zM12 12q-1.641 0-2.813-1.172T8.015 8.015t1.172-2.836T12 3.984t2.813 1.195 1.172 2.836-1.172 2.813T12 12z"
+}));
+var ic_person_add = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M15 14.016q2.531 0 5.273 1.102t2.742 2.883v2.016H6.984v-2.016q0-1.781 2.742-2.883t5.273-1.102zM6 9.984h3V12H6v3H3.984v-3h-3V9.984h3v-3H6v3zM15 12q-1.641 0-2.813-1.172t-1.172-2.813 1.172-2.836T15 3.984t2.813 1.195 1.172 2.836-1.172 2.813T15 12z"
+}));
+var ic_remove_circle = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M17.016 12.984v-1.969H6.985v1.969h10.031zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016z"
+}));
+var ic_remove_circle_outline = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12 20.016q3.281 0 5.648-2.367t2.367-5.648-2.367-5.648T12 3.986 6.352 6.353t-2.367 5.648 2.367 5.648T12 20.016zm0-18q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016zm-5.016 9h10.031v1.969H6.984v-1.969z"
+}));
+var ic_send = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M1.5 21v-6.984L16.5 12l-15-2.016V3l21 9z"
+}));
+var ic_view_week = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M13.476 5.016q.422 0 .727.281t.305.703v12q0 .422-.305.703t-.727.281h-3q-.422 0-.703-.281T9.492 18V6q0-.422.281-.703t.703-.281h3zm7.032 0q.422 0 .703.281t.281.703v12q0 .422-.281.703t-.703.281h-3q-.422 0-.727-.281T16.476 18V6q0-.422.305-.703t.727-.281h3zm-14.016 0q.422 0 .703.281T7.476 6v12q0 .422-.281.703t-.703.281h-3q-.422 0-.703-.281T2.508 18V6q0-.422.281-.703t.703-.281h3z"
+}));
+var ic_warning = /*#__PURE__*/React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  d: "M12.984 14.508v-4.031h-1.969v4.031h1.969zm0 3.984v-2.016h-1.969v2.016h1.969zm-12 3L12 2.508l11.016 18.984H.985z"
+})); // END OF FILE
+
+var ICONS = {
+  ic_account_circle: ic_account_circle,
+  ic_add_circle_outline: ic_add_circle_outline,
+  ic_add_circle: ic_add_circle,
+  ic_arrow_back_ios: ic_arrow_back_ios,
+  ic_arrow_back: ic_arrow_back,
+  ic_arrow_drop_down: ic_arrow_drop_down,
+  ic_arrow_drop_up: ic_arrow_drop_up,
+  ic_arrow_forward_ios: ic_arrow_forward_ios,
+  ic_attachment: ic_attachment,
+  ic_border_color: ic_border_color,
+  ic_check_circle_outline: ic_check_circle_outline,
+  ic_check_circle: ic_check_circle,
+  ic_check: ic_check,
+  ic_clear: ic_clear,
+  ic_corporate_fare: ic_corporate_fare,
+  ic_create: ic_create,
+  ic_error_outline: ic_error_outline,
+  ic_error: ic_error,
+  ic_expand_less: ic_expand_less,
+  ic_expand_more: ic_expand_more,
+  ic_filter_list: ic_filter_list,
+  ic_flag: ic_flag,
+  ic_forward: ic_forward,
+  ic_insert_invitation: ic_insert_invitation,
+  ic_insert_photo: ic_insert_photo,
+  ic_keyboard_arrow_down: ic_keyboard_arrow_down,
+  ic_keyboard_arrow_left: ic_keyboard_arrow_left,
+  ic_keyboard_arrow_right: ic_keyboard_arrow_right,
+  ic_keyboard_arrow_up: ic_keyboard_arrow_up,
+  ic_navigate_before: ic_navigate_before,
+  ic_navigate_next: ic_navigate_next,
+  ic_people_outline: ic_people_outline,
+  ic_person_add: ic_person_add,
+  ic_person: ic_person,
+  ic_remove_circle_outline: ic_remove_circle_outline,
+  ic_remove_circle: ic_remove_circle,
+  ic_send: ic_send,
+  ic_view_week: ic_view_week,
+  ic_warning: ic_warning
+};
+var ICON_SIZES = {
+  xs: 'LuiIcon--xs',
+  sm: 'LuiIcon--sm',
+  md: 'LuiIcon--md',
+  lg: 'LuiIcon--lg',
+  xl: 'LuiIcon--xl',
+  ns: 'LuiIcon--noSize'
+};
+var ICON_STATUS = {
+  error: 'LuiIcon--error',
+  warning: 'LuiIcon--warning'
+};
+var LuiIcon = function LuiIcon(_ref) {
+  var name = _ref.name,
+      className = _ref.className,
+      size = _ref.size,
+      title = _ref.title,
+      status = _ref.status;
+  var iconSVG = ICONS[name];
+
+  if (!iconSVG) {
+    console.warn("No icon found for: " + iconSVG);
+    return null;
+  }
+
+  return React.createElement("span", {
+    className: clsx('LuiIcon', className, size && ICON_SIZES[size], status && ICON_STATUS[status]),
+    "data-icon": name,
+    title: title
+  }, iconSVG);
+};
+
 var LuiBearingInput = function LuiBearingInput(props) {
   var maxDecimal = 1;
   var maxAfterDP = 4 + maxDecimal;
@@ -4809,7 +5119,9 @@ var LuiLoadingSpinnerBase = function LuiLoadingSpinnerBase(props) {
 
 
 var LuiStatusSpinner = function LuiStatusSpinner(props) {
-  return React__default.createElement("div", null, React__default.createElement(LuiLoadingSpinner, null), React__default.createElement("div", {
+  return React__default.createElement("div", {
+    className: 'LuiStatusSpinner'
+  }, React__default.createElement(LuiLoadingSpinner, null), React__default.createElement("div", {
     style: {
       position: 'absolute',
       top: '50%',
@@ -6519,6 +6831,7 @@ exports.LuiFormSubmitButton = LuiFormSubmitButton;
 exports.LuiFormikForm = LuiFormikForm;
 exports.LuiHeader = LuiHeader;
 exports.LuiHeaderMenuItem = LuiHeaderMenuItem;
+exports.LuiIcon = LuiIcon;
 exports.LuiLoadingSpinner = LuiLoadingSpinner;
 exports.LuiMenu = LuiMenu;
 exports.LuiMenuCloseButton = LuiMenuCloseButton;