@vitality-ds/icons 4.0.6-alpha.7 → 4.1.0

package/dist/types/icons/src/tsx/Icon/styled.js

@@ -1,11 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseIcon = void 0;
 var system_1 = require("@vitality-ds/system");
 var BaseIcon_styles_1 = __importDefault(require("./styles/BaseIcon.styles"));
 // eslint-disable-next-line import/prefer-default-export
 exports.BaseIcon = (0, system_1.styled)("svg", BaseIcon_styles_1.default);
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

package/dist/types/icons/src/tsx/Icon/styles/BaseIcon.styles.d.ts

@@ -1,80 +1,90 @@
-declare const _default: import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
-    $$size: string;
-    $$color: string;
-    lineHeight: string;
-    verticalAlign: string;
-    width: string;
-    height: string;
-    "& path": {
-        fill: string;
-    };
-    variants: {
-        /**
-         * Sets the color of the icon
-         */
-        color: {
+declare const _default: import("@stitches/react/types/styled-component").CssComponent<
+  never,
+  import("@stitches/react/types/styled-component").StyledComponentProps<
+    [
+      {
+        $$size: string;
+        $$color: string;
+        lineHeight: string;
+        verticalAlign: string;
+        width: string;
+        height: string;
+        "& path": {
+          fill: string;
+        };
+        variants: {
+          /**
+           * Sets the color of the icon
+           */
+          color: {
             inherit: {
-                $$color: string;
+              $$color: string;
             };
             hiContrast: {
-                $$color: string;
+              $$color: string;
             };
             disabled: {
-                $$color: string;
+              $$color: string;
             };
             success: {
-                $$color: string;
+              $$color: string;
             };
             critical: {
-                $$color: string;
+              $$color: string;
             };
             warning: {
-                $$color: string;
+              $$color: string;
             };
             info: {
-                $$color: string;
+              $$color: string;
             };
             moderate: {
-                $$color: string;
+              $$color: string;
             };
             primary: {
-                $$color: string;
+              $$color: string;
             };
             lowContrast: {
-                $$color: string;
+              $$color: string;
             };
             accent: {
-                $$color: string;
+              $$color: string;
             };
-        };
-        /**
-         * Sets the size of the icon. If set to `inherit`, the icon will inherit the font size of its parent.
-         */
-        size: {
+          };
+          /**
+           * Sets the size of the icon. If set to `inherit`, the icon will inherit the font size of its parent.
+           */
+          size: {
             inherit: {
-                $$size: string;
+              $$size: string;
             };
             sm: {
-                $$size: string;
+              $$size: string;
             };
             md: {
-                $$size: string;
+              $$size: string;
             };
             lg: {
-                $$size: string;
+              $$size: string;
             };
+          };
         };
-    };
-}]>, {
-    bp1: "(min-width: 48rem)";
-    bp2: "(min-width: 69rem)";
-    bp3: "(min-width: 85rem)";
-}, import("@stitches/react/types/css-util").CSS<{
+      }
+    ]
+  >,
+  {
     bp1: "(min-width: 48rem)";
     bp2: "(min-width: 69rem)";
     bp3: "(min-width: 85rem)";
-}, {
-    colors: {
+  },
+  import("@stitches/react/types/css-util").CSS<
+    {
+      bp1: "(min-width: 48rem)";
+      bp2: "(min-width: 69rem)";
+      bp3: "(min-width: 85rem)";
+    },
+    {
+      colors: {
         neutral1: string;
         neutral2: string;
         neutral3: string;
@@ -179,8 +189,8 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         critical11: string;
         critical12: string;
         critical13: string;
-    };
-    fonts: {
+      };
+      fonts: {
         default: any;
         body: any;
         caption: any;
@@ -198,8 +208,8 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         display700: any;
         display800: any;
         display900: any;
-    };
-    fontSizes: {
+      };
+      fontSizes: {
         body: any;
         caption: any;
         pageTitle: any;
@@ -216,8 +226,8 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         display700: any;
         display800: any;
         display900: any;
-    };
-    fontWeights: {
+      };
+      fontWeights: {
         body: any;
         caption: any;
         pageTitle: any;
@@ -234,8 +244,8 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         display700: any;
         display800: any;
         display900: any;
-    };
-    letterSpacings: {
+      };
+      letterSpacings: {
         body: any;
         caption: any;
         pageTitle: any;
@@ -252,8 +262,8 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         display700: any;
         display800: any;
         display900: any;
-    };
-    lineHeights: {
+      };
+      lineHeights: {
         body: any;
         caption: any;
         pageTitle: any;
@@ -270,33 +280,37 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         display700: any;
         display800: any;
         display900: any;
-    };
-    radii: {
+      };
+      radii: {
         default: any;
         large: any;
         rounded: any;
-    };
-    shadows: {
+      };
+      shadows: {
         sm: any;
         md: any;
         lg: any;
-    };
-    space: {
+      };
+      space: {
         sm: any;
         md: any;
         lg: any;
         xs: any;
         xl: any;
         xxl: any;
-    };
-    zIndices: {
+      };
+      zIndices: {
         floatingElements: number;
         blanket: number;
         dialog: number;
         toast: number;
         tooltip: number;
         portalElement: number;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+      };
+    },
+    import("@stitches/react/types/config").DefaultThemeMap,
+    {}
+  >
+>;
 export default _default;
-//# sourceMappingURL=BaseIcon.styles.d.ts.map
+//# sourceMappingURL=BaseIcon.styles.d.ts.map

package/dist/types/icons/src/tsx/Icon/styles/BaseIcon.styles.js

@@ -3,71 +3,101 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var system_1 = require("@vitality-ds/system");
 var text = system_1.colorUseCases.text;
 exports.default = (0, system_1.css)({
-    $$size: "1em",
-    $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", text.hiContrast),
-    lineHeight: "1em",
-    verticalAlign: "middle",
-    width: "$$size",
-    height: "$$size",
-    "& path": {
-        fill: "$$color",
+  $$size: "1em",
+  $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", text.hiContrast),
+  lineHeight: "1em",
+  verticalAlign: "middle",
+  width: "$$size",
+  height: "$$size",
+  "& path": {
+    fill: "$$color",
+  },
+  variants: {
+    /**
+     * Sets the color of the icon
+     */
+    color: {
+      inherit: {
+        $$color: "currentColor",
+      },
+      hiContrast: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "greyA",
+          text.hiContrast
+        ),
+      },
+      disabled: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "greyA",
+          text.disabled
+        ),
+      },
+      success: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "success",
+          text.hiSaturation
+        ),
+      },
+      critical: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "critical",
+          text.hiSaturation
+        ),
+      },
+      warning: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "warning",
+          text.hiSaturation
+        ),
+      },
+      info: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "info",
+          text.hiSaturation
+        ),
+      },
+      moderate: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "yellow",
+          text.hiSaturation
+        ),
+      },
+      primary: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "primary",
+          text.hiSaturation
+        ),
+      },
+      lowContrast: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "greyA",
+          text.lowContrast
+        ),
+      },
+      accent: {
+        $$color: (0, system_1.getColorScaleValueByUseCase)(
+          "accent",
+          text.hiSaturation
+        ),
+      },
     },
-    variants: {
-        /**
-         * Sets the color of the icon
-         */
-        color: {
-            inherit: {
-                $$color: "currentColor",
-            },
-            hiContrast: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", text.hiContrast),
-            },
-            disabled: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", text.disabled),
-            },
-            success: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("success", text.hiSaturation),
-            },
-            critical: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("critical", text.hiSaturation),
-            },
-            warning: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("warning", text.hiSaturation),
-            },
-            info: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("info", text.hiSaturation),
-            },
-            moderate: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("yellow", text.hiSaturation),
-            },
-            primary: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("primary", text.hiSaturation),
-            },
-            lowContrast: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", text.lowContrast),
-            },
-            accent: {
-                $$color: (0, system_1.getColorScaleValueByUseCase)("accent", text.hiSaturation),
-            },
-        },
-        /**
-         * Sets the size of the icon. If set to `inherit`, the icon will inherit the font size of its parent.
-         */
-        size: {
-            inherit: {
-                $$size: "1em",
-            },
-            sm: {
-                $$size: "16px",
-            },
-            md: {
-                $$size: "24px",
-            },
-            lg: {
-                $$size: "32px",
-            },
-        },
+    /**
+     * Sets the size of the icon. If set to `inherit`, the icon will inherit the font size of its parent.
+     */
+    size: {
+      inherit: {
+        $$size: "1em",
+      },
+      sm: {
+        $$size: "16px",
+      },
+      md: {
+        $$size: "24px",
+      },
+      lg: {
+        $$size: "32px",
+      },
     },
+  },
 });
-//# sourceMappingURL=BaseIcon.styles.js.map
+//# sourceMappingURL=BaseIcon.styles.js.map

package/dist/types/icons/src/tsx/Icon/types.d.ts

@@ -2,17 +2,25 @@ import { ComponentProps } from "@vitality-ds/system";
 import React from "react";
 import { BaseIcon } from "./styled";
 export declare type IconType = ComponentProps<typeof BaseIcon> & {
-    /**
-     * The vertical alignment of the icon.
-     */
-    verticalAlign?: "baseline" | "bottom" | "middle" | "sub" | "super" | "text-bottom" | "text-top" | "top";
-    /**
-     * If the Icon is unaccompanied by a visible text label and has a meaningful action trigger on its own, pass the `title` prop and provide a description. This will allow screen readers to identify the icon's meaning and purpose to the user. Further reading: https://css-tricks.com/accessible-svg-icons
-     */
-    title?: string;
-    /**
-     * SVG <path> data. This component renders an <svg> element, so any children passed need to be valid children of the svg element.
-     */
-    children?: React.ReactNode;
+  /**
+   * The vertical alignment of the icon.
+   */
+  verticalAlign?:
+    | "baseline"
+    | "bottom"
+    | "middle"
+    | "sub"
+    | "super"
+    | "text-bottom"
+    | "text-top"
+    | "top";
+  /**
+   * If the Icon is unaccompanied by a visible text label and has a meaningful action trigger on its own, pass the `title` prop and provide a description. This will allow screen readers to identify the icon's meaning and purpose to the user. Further reading: https://css-tricks.com/accessible-svg-icons
+   */
+  title?: string;
+  /**
+   * SVG <path> data. This component renders an <svg> element, so any children passed need to be valid children of the svg element.
+   */
+  children?: React.ReactNode;
 };
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dist/types/icons/src/tsx/Icon/types.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/types/icons/src/tsx/Import.d.ts

@@ -2,4 +2,4 @@
 import type { IconType } from "./Icon/types";
 declare function Import(props: IconType): JSX.Element;
 export default Import;
-//# sourceMappingURL=Import.d.ts.map
+//# sourceMappingURL=Import.d.ts.map

package/dist/types/icons/src/tsx/Import.js

@@ -1,24 +1,36 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
+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];
+          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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+  };
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var Icon_1 = __importDefault(require("./Icon"));
 function Import(props) {
-    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
-        react_1.default.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8l-6-6Zm4 18H6V4h7v5h5v11Zm-3-8.07V19H7.93l2.12-2.12-2.83-2.83 2.83-2.83 2.83 2.83L15 11.93Z", fill: "currentColor" })));
+  return react_1.default.createElement(
+    Icon_1.default,
+    __assign({}, props),
+    react_1.default.createElement("path", {
+      d: "M14 2H6a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8l-6-6Zm4 18H6V4h7v5h5v11Zm-3-8.07V19H7.93l2.12-2.12-2.83-2.83 2.83-2.83 2.83 2.83L15 11.93Z",
+      fill: "currentColor",
+    })
+  );
 }
 exports.default = Import;
-//# sourceMappingURL=Import.js.map
+//# sourceMappingURL=Import.js.map

package/dist/types/icons/src/tsx/Info.d.ts

@@ -2,4 +2,4 @@
 import type { IconType } from "./Icon/types";
 declare function Info(props: IconType): JSX.Element;
 export default Info;
-//# sourceMappingURL=Info.d.ts.map
+//# sourceMappingURL=Info.d.ts.map

package/dist/types/icons/src/tsx/Info.js

@@ -1,24 +1,38 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
+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];
+          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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+  };
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var Icon_1 = __importDefault(require("./Icon"));
 function Info(props) {
-    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12Zm11-1v6h-2v-6h2Zm-1 9c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm1-13v2h-2V7h2Z", fill: "currentColor" })));
+  return react_1.default.createElement(
+    Icon_1.default,
+    __assign({}, props),
+    react_1.default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12Zm11-1v6h-2v-6h2Zm-1 9c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm1-13v2h-2V7h2Z",
+      fill: "currentColor",
+    })
+  );
 }
 exports.default = Info;
-//# sourceMappingURL=Info.js.map
+//# sourceMappingURL=Info.js.map

package/dist/types/icons/src/tsx/Invoice.d.ts

@@ -2,4 +2,4 @@
 import type { IconType } from "./Icon/types";
 declare function Invoice(props: IconType): JSX.Element;
 export default Invoice;
-//# sourceMappingURL=Invoice.d.ts.map
+//# sourceMappingURL=Invoice.d.ts.map

package/dist/types/icons/src/tsx/Invoice.js

@@ -1,25 +1,40 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
+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];
+          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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+  };
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var Icon_1 = __importDefault(require("./Icon"));
 function Invoice(props) {
-    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
-        react_1.default.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Zm4 18H6V4h7v5h5v11Z", fill: "currentColor" }),
-        react_1.default.createElement("path", { d: "M9.5 15.5h1c0 .54.685 1 1.5 1s1.5-.46 1.5-1c0-.55-.52-.75-1.62-1.015-1.06-.265-2.38-.595-2.38-1.985 0-.895.735-1.655 1.75-1.91V9.5h1.5v1.09c1.015.255 1.75 1.015 1.75 1.91h-1c0-.54-.685-1-1.5-1s-1.5.46-1.5 1c0 .55.52.75 1.62 1.015 1.06.265 2.38.595 2.38 1.985 0 .895-.735 1.655-1.75 1.91v1.09h-1.5v-1.09c-1.015-.255-1.75-1.015-1.75-1.91Z", fill: "currentColor" })));
+  return react_1.default.createElement(
+    Icon_1.default,
+    __assign({}, props),
+    react_1.default.createElement("path", {
+      d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Zm4 18H6V4h7v5h5v11Z",
+      fill: "currentColor",
+    }),
+    react_1.default.createElement("path", {
+      d: "M9.5 15.5h1c0 .54.685 1 1.5 1s1.5-.46 1.5-1c0-.55-.52-.75-1.62-1.015-1.06-.265-2.38-.595-2.38-1.985 0-.895.735-1.655 1.75-1.91V9.5h1.5v1.09c1.015.255 1.75 1.015 1.75 1.91h-1c0-.54-.685-1-1.5-1s-1.5.46-1.5 1c0 .55.52.75 1.62 1.015 1.06.265 2.38.595 2.38 1.985 0 .895-.735 1.655-1.75 1.91v1.09h-1.5v-1.09c-1.015-.255-1.75-1.015-1.75-1.91Z",
+      fill: "currentColor",
+    })
+  );
 }
 exports.default = Invoice;
-//# sourceMappingURL=Invoice.js.map
+//# sourceMappingURL=Invoice.js.map

package/dist/types/icons/src/tsx/InvoiceAdjusted.d.ts

@@ -2,4 +2,4 @@
 import type { IconType } from "./Icon/types";
 declare function InvoiceAdjusted(props: IconType): JSX.Element;
 export default InvoiceAdjusted;
-//# sourceMappingURL=InvoiceAdjusted.d.ts.map
+//# sourceMappingURL=InvoiceAdjusted.d.ts.map