@longline/aqua-ui 1.0.18 → 1.0.20

package/controls/Fab/Fab.d.ts

@@ -7,7 +7,7 @@ interface IProps {
      */
     children?: React.ReactNode;
     /**
-     * Path to an SVG symbol, e.g. `/sprites.svg#close`. The `SVG` enumeration
+     * Path to an SVG symbol, e.g. `/aquaui-sprites.svg#close`. The `SVG` enumeration
      * exists that offers preset paths.
      */
     icon: string;

package/controls/Icon/Icon.d.ts

@@ -4,7 +4,7 @@ interface IIconProps {
     /** @ignore */
     className?: string;
     /**
-     * URL of spritesheet and icon, e.g. 'sprites.svg#arrow'
+     * URL of spritesheet and icon, e.g. 'aquaui-sprites.svg#arrow'
      */
     url: string;
     /**

package/controls/PrimaryButton/PrimaryButton.d.ts

@@ -33,7 +33,7 @@ interface IProps {
      */
     title?: string;
     /**
-     * Path to an SVG symbol, e.g. `/sprites.svg#close`. The `SVG` enumeration
+     * Path to an SVG symbol, e.g. `/aquaui-sprites.svg#close`. The `SVG` enumeration
      * exists that offers preset paths.
      */
     icon?: string;

package/controls/SecondaryButton/SecondaryButton.d.ts

@@ -8,7 +8,7 @@ interface IProps {
      */
     disabled?: boolean;
     /**
-     * Path to an SVG symbol, e.g. `/sprites.svg#close`. The `SVG` enumeration
+     * Path to an SVG symbol, e.g. `/aquaui-sprites.svg#close`. The `SVG` enumeration
      * exists that offers preset paths.
      */
     icon: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",

package/services/Dialog/Dialog.d.ts

@@ -24,6 +24,11 @@ interface IProps {
      * @default true
      */
     canClose?: boolean;
+    /**
+     * If true, inverteds Dialog colors.
+     * @default false
+     */
+    inverted?: boolean;
     /**
      * This optional callback is called when the user closes the Dialog
      * window.
@@ -31,15 +36,8 @@ interface IProps {
      */
     onClose?: () => void;
 }
-/**
- * A Dialog is an overlay window that is shown when the Dialog’s `open`
- * attribute is set to `true`. The calling code is responsible for setting
- * `open` to false when the Dialog should close. The Dialog also calls
- * `onClose` when the user clicks outside the Dialog (`canClose` can be set
- * to prevent this behavior).
- */
 declare const Dialog: {
-    ({ open, canClose, width, ...props }: IProps): React.JSX.Element;
+    ({ open, canClose, width, inverted, ...props }: IProps): React.JSX.Element;
     /**
      * Dialog.Header contains dialog header content.
      */

package/services/Dialog/Dialog.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -27,8 +38,7 @@ import { XhrDialog } from './XhrDialog';
  * `onClose` when the user clicks outside the Dialog (`canClose` can be set
  * to prevent this behavior).
  */
-var Dialog = function (_a) {
-    var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.canClose, canClose = _c === void 0 ? true : _c, _d = _a.width, width = _d === void 0 ? 600 : _d, props = __rest(_a, ["open", "canClose", "width"]);
+var DialogBase = function (props) {
     var windowRef = React.useRef(null);
     // Listen for document-wide mousedown event when component mounts.
     React.useEffect(function () {
@@ -43,7 +53,7 @@ var Dialog = function (_a) {
     // prop is not set to false.
     var handleClickOutside = function (event) {
         var elem = event.target;
-        if (windowRef.current && !windowRef.current.contains(elem) && props.onClose && canClose !== false) {
+        if (windowRef.current && !windowRef.current.contains(elem) && props.onClose && props.canClose !== false) {
             props.onClose();
         }
     };
@@ -55,10 +65,14 @@ var Dialog = function (_a) {
     // and 
     // https://veerasundar.com/blog/2018/12/how-to-animate-page-transition-in-react-using-styled-components/  
     return (React.createElement(React.Fragment, null,
-        React.createElement(CSSTransition, { in: open, timeout: 300, unmountOnExit: true, classNames: "fade" },
+        React.createElement(CSSTransition, { in: props.open, timeout: 300, unmountOnExit: true, classNames: "fade" },
             React.createElement(DialogBackground, null)),
-        React.createElement(CSSTransition, { in: open, timeout: 300, unmountOnExit: true, classNames: "fade" },
-            React.createElement(DialogWindow, { width: width, ref: windowRef }, props.children))));
+        React.createElement(CSSTransition, { in: props.open, timeout: 300, unmountOnExit: true, classNames: "fade" },
+            React.createElement(DialogWindow, { inverted: props.inverted, width: props.width, ref: windowRef }, props.children))));
+};
+var Dialog = function (_a) {
+    var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.canClose, canClose = _c === void 0 ? true : _c, _d = _a.width, width = _d === void 0 ? 600 : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, props = __rest(_a, ["open", "canClose", "width", "inverted"]);
+    return React.createElement(DialogBase, __assign({ open: open, canClose: canClose, width: width, inverted: inverted }, props));
 };
 /**
  * Dialog.Header contains dialog header content.

package/services/Dialog/DialogFooter.js

@@ -27,7 +27,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import * as React from 'react';
 import styled from 'styled-components';
 var DialogFooterBase = function (props) {
-    return React.createElement("div", { className: props.className }, props.children);
+    return React.createElement("div", { className: "".concat(props.className, " footer") }, props.children);
 };
 var DialogFooterStyled = styled(DialogFooterBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n  justify-content: ", ";\n  padding: 0 20px 0 20px;\n  height: 80px;\n  background-color: ", ";\n  border-bottom-left-radius: ", "px;\n  border-bottom-right-radius: ", "px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n  justify-content: ", ";\n  padding: 0 20px 0 20px;\n  height: 80px;\n  background-color: ", ";\n  border-bottom-left-radius: ", "px;\n  border-bottom-right-radius: ", "px;\n"
     /**

package/services/Dialog/DialogWindow.d.ts

@@ -6,6 +6,10 @@ interface IProps {
     children?: React.ReactNode;
     windowRef?: any;
     width?: number;
+    /**
+     * Are Dialog colors inverted?
+     */
+    inverted?: boolean;
 }
 declare const DialogWindow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<IProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;

package/services/Dialog/DialogWindow.js

@@ -3,10 +3,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import * as React from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 var DialogWindowBase = React.forwardRef(function (props, ref) {
     return React.createElement("div", { className: props.className, ref: ref }, props.children);
 });
-var DialogWindow = styled(DialogWindowBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 3000;\n  left: 50%;\n  top: 50%;\n  transform-origin: center center;\n  transform: translateX(-50%) translateY(-50%);\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);\n\n  // Font:\n  font: ", ";\n  color: ", ";  \n\n  /* Dialog window width:\n   * Narrower on small screen. */\n  width: ", "px;\n  @media (max-width: ", "px) {\n    width: ", "px;\n  }\n\n  /* CSSTransition classes: */\n  &.fade-enter {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n  }\n  &.fade-enter-active {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%);\n    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(.17,.89,.35,1.67);\n  }\n  &.fade-exit {\n    opacity: 1;\n  }\n  &.fade-exit-active {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n  }\n"], ["\n  position: fixed;\n  z-index: 3000;\n  left: 50%;\n  top: 50%;\n  transform-origin: center center;\n  transform: translateX(-50%) translateY(-50%);\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);\n\n  // Font:\n  font: ", ";\n  color: ", ";  \n\n  /* Dialog window width:\n   * Narrower on small screen. */\n  width: ", "px;\n  @media (max-width: ", "px) {\n    width: ", "px;\n  }\n\n  /* CSSTransition classes: */\n  &.fade-enter {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n  }\n  &.fade-enter-active {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%);\n    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(.17,.89,.35,1.67);\n  }\n  &.fade-exit {\n    opacity: 1;\n  }\n  &.fade-exit-active {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n  }\n"])), function (p) { return p.theme.radius.normal; }, function (p) { return p.theme.colors.neutral[100]; }, function (p) { return p.theme.font.bodyLarge; }, function (p) { return p.theme.colors.neutral[10]; }, function (p) { return p.width ? p.width : 600; }, function (p) { return p.theme.screen.small; }, function (p) { return p.width ? (p.width > 400 ? 400 : p.width) : 400; });
+var DialogWindow = styled(DialogWindowBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 3000;\n  left: 50%;\n  top: 50%;\n  transform-origin: center center;\n  transform: translateX(-50%) translateY(-50%);\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);\n\n  ", "\n\n  // Font:\n  font: ", ";\n  color: ", ";  \n\n  /* Dialog window width:\n   * Narrower on small screen. */\n  width: ", "px;\n  @media (max-width: ", "px) {\n    width: ", "px;\n  }\n\n  /* CSSTransition classes: */\n  &.fade-enter {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n  }\n  &.fade-enter-active {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%);\n    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(.17,.89,.35,1.67);\n  }\n  &.fade-exit {\n    opacity: 1;\n  }\n  &.fade-exit-active {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n  }\n"], ["\n  position: fixed;\n  z-index: 3000;\n  left: 50%;\n  top: 50%;\n  transform-origin: center center;\n  transform: translateX(-50%) translateY(-50%);\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);\n\n  ", "\n\n  // Font:\n  font: ", ";\n  color: ", ";  \n\n  /* Dialog window width:\n   * Narrower on small screen. */\n  width: ", "px;\n  @media (max-width: ", "px) {\n    width: ", "px;\n  }\n\n  /* CSSTransition classes: */\n  &.fade-enter {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n  }\n  &.fade-enter-active {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-50%);\n    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(.17,.89,.35,1.67);\n  }\n  &.fade-exit {\n    opacity: 1;\n  }\n  &.fade-exit-active {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-50%) scale(0.8);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n  }\n"])), function (p) { return p.theme.radius.normal; }, function (p) { return p.inverted ? p.theme.colors.primary[4] : p.theme.colors.neutral[100]; }, function (p) { return p.inverted && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .footer {\n      background: ", ";\n    }  \n  "], ["\n    .footer {\n      background: ", ";\n    }  \n  "])), function (p) { return p.theme.colors.primary[5]; }); }, function (p) { return p.theme.font.bodyLarge; }, function (p) { return p.inverted ? p.theme.colors.neutral[100] : p.theme.colors.neutral[10]; }, function (p) { return p.width ? p.width : 600; }, function (p) { return p.theme.screen.small; }, function (p) { return p.width ? (p.width > 400 ? 400 : p.width) : 400; });
 export { DialogWindow };
-var templateObject_1;
+var templateObject_1, templateObject_2;

package/svg/editor/index.d.ts

@@ -1,10 +1,10 @@
 export declare enum Editor {
-    Bold = "/sprites.svg#editor-bold",
-    Code = "/sprites.svg#editor-code",
-    CodeBlock = "/sprites.svg#editor-code-block",
-    Italic = "/sprites.svg#editor-italic",
-    Link = "/sprites.svg#editor-link",
-    OrderedList = "/sprites.svg#editor-ordered-list",
-    Strikethrough = "/sprites.svg#editor-strikethrough",
-    BulletList = "/sprites.svg#editor-bullet-list"
+    Bold = "/aquaui-sprites.svg#editor-bold",
+    Code = "/aquaui-sprites.svg#editor-code",
+    CodeBlock = "/aquaui-sprites.svg#editor-code-block",
+    Italic = "/aquaui-sprites.svg#editor-italic",
+    Link = "/aquaui-sprites.svg#editor-link",
+    OrderedList = "/aquaui-sprites.svg#editor-ordered-list",
+    Strikethrough = "/aquaui-sprites.svg#editor-strikethrough",
+    BulletList = "/aquaui-sprites.svg#editor-bullet-list"
 }

package/svg/editor/index.js

@@ -1,11 +1,11 @@
 export var Editor;
 (function (Editor) {
-    Editor["Bold"] = "/sprites.svg#editor-bold";
-    Editor["Code"] = "/sprites.svg#editor-code";
-    Editor["CodeBlock"] = "/sprites.svg#editor-code-block";
-    Editor["Italic"] = "/sprites.svg#editor-italic";
-    Editor["Link"] = "/sprites.svg#editor-link";
-    Editor["OrderedList"] = "/sprites.svg#editor-ordered-list";
-    Editor["Strikethrough"] = "/sprites.svg#editor-strikethrough";
-    Editor["BulletList"] = "/sprites.svg#editor-bullet-list";
+    Editor["Bold"] = "/aquaui-sprites.svg#editor-bold";
+    Editor["Code"] = "/aquaui-sprites.svg#editor-code";
+    Editor["CodeBlock"] = "/aquaui-sprites.svg#editor-code-block";
+    Editor["Italic"] = "/aquaui-sprites.svg#editor-italic";
+    Editor["Link"] = "/aquaui-sprites.svg#editor-link";
+    Editor["OrderedList"] = "/aquaui-sprites.svg#editor-ordered-list";
+    Editor["Strikethrough"] = "/aquaui-sprites.svg#editor-strikethrough";
+    Editor["BulletList"] = "/aquaui-sprites.svg#editor-bullet-list";
 })(Editor || (Editor = {}));

package/svg/file/index.d.ts

@@ -1,5 +1,5 @@
 export declare enum File {
-    Csv = "/sprites.svg#file-csv",
-    Excel = "/sprites.svg#file-excel",
-    Pdf = "/sprites.svg#file-pdf"
+    Csv = "/aquaui-sprites.svg#file-csv",
+    Excel = "/aquaui-sprites.svg#file-excel",
+    Pdf = "/aquaui-sprites.svg#file-pdf"
 }

package/svg/file/index.js

@@ -1,6 +1,6 @@
 export var File;
 (function (File) {
-    File["Csv"] = "/sprites.svg#file-csv";
-    File["Excel"] = "/sprites.svg#file-excel";
-    File["Pdf"] = "/sprites.svg#file-pdf";
+    File["Csv"] = "/aquaui-sprites.svg#file-csv";
+    File["Excel"] = "/aquaui-sprites.svg#file-excel";
+    File["Pdf"] = "/aquaui-sprites.svg#file-pdf";
 })(File || (File = {}));

package/svg/icons/index.d.ts

@@ -1,36 +1,36 @@
 export declare enum Icons {
-    Arrow = "/sprites.svg#icon-arrow",
-    Brush = "/sprites.svg#icon-brush",
-    Calendar = "/sprites.svg#icon-calendar",
-    Caret = "/sprites.svg#icon-caret",
-    Check = "/sprites.svg#icon-check",
-    Chevron = "/sprites.svg#icon-chevron",
-    Circle = "/sprites.svg#icon-circle",
-    Cmd = "/sprites.svg#icon-cmd",
-    Columns = "/sprites.svg#icon-columns",
-    Compass = "/sprites.svg#icon-compass",
-    Copy = "/sprites.svg#icon-copy",
-    Cross = "/sprites.svg#icon-cross",
-    Crosshairs = "/sprites.svg#icon-crosshairs",
-    Delete = "/sprites.svg#icon-delete",
-    Download = "/sprites.svg#icon-download",
-    Edit = "/sprites.svg#icon-edit",
-    Expand = "/sprites.svg#icon-expand",
-    Export = "/sprites.svg#icon-export",
-    Eye = "/sprites.svg#icon-eye",
-    Filter = "/sprites.svg#icon-filter",
-    Fullscreen = "/sprites.svg#icon-fullscreen",
-    Help = "/sprites.svg#icon-help",
-    Info = "/sprites.svg#icon-info",
-    Language = "/sprites.svg#icon-language",
-    Layers = "/sprites.svg#icon-layers",
-    Leaf = "/sprites.svg#icon-leaf",
-    List = "/sprites.svg#icon-list",
-    Locked = "/sprites.svg#icon-locked",
-    Minus = "/sprites.svg#icon-minus",
-    Plus = "/sprites.svg#icon-plus",
-    Reset = "/sprites.svg#icon-reset",
-    Search = "/sprites.svg#icon-search",
-    Tag = "/sprites.svg#icon-tag",
-    Unlocked = "/sprites.svg#icon-unlocked"
+    Arrow = "/aquaui-sprites.svg#icon-arrow",
+    Brush = "/aquaui-sprites.svg#icon-brush",
+    Calendar = "/aquaui-sprites.svg#icon-calendar",
+    Caret = "/aquaui-sprites.svg#icon-caret",
+    Check = "/aquaui-sprites.svg#icon-check",
+    Chevron = "/aquaui-sprites.svg#icon-chevron",
+    Circle = "/aquaui-sprites.svg#icon-circle",
+    Cmd = "/aquaui-sprites.svg#icon-cmd",
+    Columns = "/aquaui-sprites.svg#icon-columns",
+    Compass = "/aquaui-sprites.svg#icon-compass",
+    Copy = "/aquaui-sprites.svg#icon-copy",
+    Cross = "/aquaui-sprites.svg#icon-cross",
+    Crosshairs = "/aquaui-sprites.svg#icon-crosshairs",
+    Delete = "/aquaui-sprites.svg#icon-delete",
+    Download = "/aquaui-sprites.svg#icon-download",
+    Edit = "/aquaui-sprites.svg#icon-edit",
+    Expand = "/aquaui-sprites.svg#icon-expand",
+    Export = "/aquaui-sprites.svg#icon-export",
+    Eye = "/aquaui-sprites.svg#icon-eye",
+    Filter = "/aquaui-sprites.svg#icon-filter",
+    Fullscreen = "/aquaui-sprites.svg#icon-fullscreen",
+    Help = "/aquaui-sprites.svg#icon-help",
+    Info = "/aquaui-sprites.svg#icon-info",
+    Language = "/aquaui-sprites.svg#icon-language",
+    Layers = "/aquaui-sprites.svg#icon-layers",
+    Leaf = "/aquaui-sprites.svg#icon-leaf",
+    List = "/aquaui-sprites.svg#icon-list",
+    Locked = "/aquaui-sprites.svg#icon-locked",
+    Minus = "/aquaui-sprites.svg#icon-minus",
+    Plus = "/aquaui-sprites.svg#icon-plus",
+    Reset = "/aquaui-sprites.svg#icon-reset",
+    Search = "/aquaui-sprites.svg#icon-search",
+    Tag = "/aquaui-sprites.svg#icon-tag",
+    Unlocked = "/aquaui-sprites.svg#icon-unlocked"
 }

package/svg/icons/index.js

@@ -1,37 +1,37 @@
 export var Icons;
 (function (Icons) {
-    Icons["Arrow"] = "/sprites.svg#icon-arrow";
-    Icons["Brush"] = "/sprites.svg#icon-brush";
-    Icons["Calendar"] = "/sprites.svg#icon-calendar";
-    Icons["Caret"] = "/sprites.svg#icon-caret";
-    Icons["Check"] = "/sprites.svg#icon-check";
-    Icons["Chevron"] = "/sprites.svg#icon-chevron";
-    Icons["Circle"] = "/sprites.svg#icon-circle";
-    Icons["Cmd"] = "/sprites.svg#icon-cmd";
-    Icons["Columns"] = "/sprites.svg#icon-columns";
-    Icons["Compass"] = "/sprites.svg#icon-compass";
-    Icons["Copy"] = "/sprites.svg#icon-copy";
-    Icons["Cross"] = "/sprites.svg#icon-cross";
-    Icons["Crosshairs"] = "/sprites.svg#icon-crosshairs";
-    Icons["Delete"] = "/sprites.svg#icon-delete";
-    Icons["Download"] = "/sprites.svg#icon-download";
-    Icons["Edit"] = "/sprites.svg#icon-edit";
-    Icons["Expand"] = "/sprites.svg#icon-expand";
-    Icons["Export"] = "/sprites.svg#icon-export";
-    Icons["Eye"] = "/sprites.svg#icon-eye";
-    Icons["Filter"] = "/sprites.svg#icon-filter";
-    Icons["Fullscreen"] = "/sprites.svg#icon-fullscreen";
-    Icons["Help"] = "/sprites.svg#icon-help";
-    Icons["Info"] = "/sprites.svg#icon-info";
-    Icons["Language"] = "/sprites.svg#icon-language";
-    Icons["Layers"] = "/sprites.svg#icon-layers";
-    Icons["Leaf"] = "/sprites.svg#icon-leaf";
-    Icons["List"] = "/sprites.svg#icon-list";
-    Icons["Locked"] = "/sprites.svg#icon-locked";
-    Icons["Minus"] = "/sprites.svg#icon-minus";
-    Icons["Plus"] = "/sprites.svg#icon-plus";
-    Icons["Reset"] = "/sprites.svg#icon-reset";
-    Icons["Search"] = "/sprites.svg#icon-search";
-    Icons["Tag"] = "/sprites.svg#icon-tag";
-    Icons["Unlocked"] = "/sprites.svg#icon-unlocked";
+    Icons["Arrow"] = "/aquaui-sprites.svg#icon-arrow";
+    Icons["Brush"] = "/aquaui-sprites.svg#icon-brush";
+    Icons["Calendar"] = "/aquaui-sprites.svg#icon-calendar";
+    Icons["Caret"] = "/aquaui-sprites.svg#icon-caret";
+    Icons["Check"] = "/aquaui-sprites.svg#icon-check";
+    Icons["Chevron"] = "/aquaui-sprites.svg#icon-chevron";
+    Icons["Circle"] = "/aquaui-sprites.svg#icon-circle";
+    Icons["Cmd"] = "/aquaui-sprites.svg#icon-cmd";
+    Icons["Columns"] = "/aquaui-sprites.svg#icon-columns";
+    Icons["Compass"] = "/aquaui-sprites.svg#icon-compass";
+    Icons["Copy"] = "/aquaui-sprites.svg#icon-copy";
+    Icons["Cross"] = "/aquaui-sprites.svg#icon-cross";
+    Icons["Crosshairs"] = "/aquaui-sprites.svg#icon-crosshairs";
+    Icons["Delete"] = "/aquaui-sprites.svg#icon-delete";
+    Icons["Download"] = "/aquaui-sprites.svg#icon-download";
+    Icons["Edit"] = "/aquaui-sprites.svg#icon-edit";
+    Icons["Expand"] = "/aquaui-sprites.svg#icon-expand";
+    Icons["Export"] = "/aquaui-sprites.svg#icon-export";
+    Icons["Eye"] = "/aquaui-sprites.svg#icon-eye";
+    Icons["Filter"] = "/aquaui-sprites.svg#icon-filter";
+    Icons["Fullscreen"] = "/aquaui-sprites.svg#icon-fullscreen";
+    Icons["Help"] = "/aquaui-sprites.svg#icon-help";
+    Icons["Info"] = "/aquaui-sprites.svg#icon-info";
+    Icons["Language"] = "/aquaui-sprites.svg#icon-language";
+    Icons["Layers"] = "/aquaui-sprites.svg#icon-layers";
+    Icons["Leaf"] = "/aquaui-sprites.svg#icon-leaf";
+    Icons["List"] = "/aquaui-sprites.svg#icon-list";
+    Icons["Locked"] = "/aquaui-sprites.svg#icon-locked";
+    Icons["Minus"] = "/aquaui-sprites.svg#icon-minus";
+    Icons["Plus"] = "/aquaui-sprites.svg#icon-plus";
+    Icons["Reset"] = "/aquaui-sprites.svg#icon-reset";
+    Icons["Search"] = "/aquaui-sprites.svg#icon-search";
+    Icons["Tag"] = "/aquaui-sprites.svg#icon-tag";
+    Icons["Unlocked"] = "/aquaui-sprites.svg#icon-unlocked";
 })(Icons || (Icons = {}));

package/svg/menu/index.d.ts

@@ -1,8 +1,8 @@
 export declare enum Menu {
-    Account = "/sprites.svg#menu-account",
-    Company = "/sprites.svg#menu-company",
-    Inbox = "/sprites.svg#menu-inbox",
-    MapMarker = "/sprites.svg#menu-map-marker",
-    Signout = "/sprites.svg#menu-signout",
-    Standards = "/sprites.svg#menu-standards"
+    Account = "/aquaui-sprites.svg#menu-account",
+    Company = "/aquaui-sprites.svg#menu-company",
+    Inbox = "/aquaui-sprites.svg#menu-inbox",
+    MapMarker = "/aquaui-sprites.svg#menu-map-marker",
+    Signout = "/aquaui-sprites.svg#menu-signout",
+    Standards = "/aquaui-sprites.svg#menu-standards"
 }

package/svg/menu/index.js

@@ -1,9 +1,9 @@
 export var Menu;
 (function (Menu) {
-    Menu["Account"] = "/sprites.svg#menu-account";
-    Menu["Company"] = "/sprites.svg#menu-company";
-    Menu["Inbox"] = "/sprites.svg#menu-inbox";
-    Menu["MapMarker"] = "/sprites.svg#menu-map-marker";
-    Menu["Signout"] = "/sprites.svg#menu-signout";
-    Menu["Standards"] = "/sprites.svg#menu-standards";
+    Menu["Account"] = "/aquaui-sprites.svg#menu-account";
+    Menu["Company"] = "/aquaui-sprites.svg#menu-company";
+    Menu["Inbox"] = "/aquaui-sprites.svg#menu-inbox";
+    Menu["MapMarker"] = "/aquaui-sprites.svg#menu-map-marker";
+    Menu["Signout"] = "/aquaui-sprites.svg#menu-signout";
+    Menu["Standards"] = "/aquaui-sprites.svg#menu-standards";
 })(Menu || (Menu = {}));

package/svg/other/index.d.ts

@@ -1,3 +1,3 @@
 export declare enum Other {
-    CloudUpload = "/sprites.svg#cloud-upload"
+    CloudUpload = "/aquaui-sprites.svg#cloud-upload"
 }

package/svg/other/index.js

@@ -1,4 +1,4 @@
 export var Other;
 (function (Other) {
-    Other["CloudUpload"] = "/sprites.svg#cloud-upload";
+    Other["CloudUpload"] = "/aquaui-sprites.svg#cloud-upload";
 })(Other || (Other = {}));