@vitality-ds/icons 4.1.3 → 4.2.1-alpha.0

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

@@ -3,101 +3,71 @@ 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",
-  },
-  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
-        ),
-      },
+    $$size: "1em",
+    $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", text.hiContrast),
+    lineHeight: "1em",
+    verticalAlign: "middle",
+    width: "$$size",
+    height: "$$size",
+    "& path": {
+        fill: "$$color",
     },
-    /**
-     * 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",
-      },
+    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",
+            },
+        },
     },
-  },
 });
-//# sourceMappingURL=BaseIcon.styles.js.map
+//# sourceMappingURL=BaseIcon.styles.js.map

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

@@ -1,7 +1,7 @@
-import { ComponentProps } from "@vitality-ds/system";
+import { ComponentProps, ExcludedProps, VariantProps } from "@vitality-ds/system";
 import React from "react";
 import { BaseIcon } from "./styled";
-export declare type IconType = ComponentProps<typeof BaseIcon> & {
+export declare type IconType = ExcludedProps & ComponentProps<typeof BaseIcon> & VariantProps<typeof BaseIcon> & {
     /**
      * The vertical alignment of the icon.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,oBAAY,QAAQ,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IACvD;;OAEG;IACH,aAAa,CAAC,EACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,aAAa,GACb,UAAU,GACV,KAAK,CAAC;IACV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,YAAY,EACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,oBAAY,QAAQ,GAAG,aAAa,GAClC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,QAAQ,CAAC,GAAG;IAC9B;;OAEG;IACH,aAAa,CAAC,EACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,aAAa,GACb,UAAU,GACV,KAAK,CAAC;IACV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC"}

package/dist/types/icons/src/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/system/src/exclude-types.d.ts

@@ -1,27 +1,27 @@
 declare type ExcludedStyleProps = {
-  /**
-   * @ignore
-   */
-  className?: never;
-  /**
-   * @ignore
-   */
-  style?: never;
+    /**
+     * @ignore
+     */
+    className?: never;
+    /**
+     * @ignore
+     */
+    style?: never;
 };
 declare type ExcludedStitchesProps = {
-  /**
-   * @ignore
-   */
-  css?: never;
-  /**
-   * @ignore
-   */
-  as?: never;
-  /**
-   * @ignore
-   */
-  asChild?: never;
+    /**
+     * @ignore
+     */
+    css?: never;
+    /**
+     * @ignore
+     */
+    as?: never;
+    /**
+     * @ignore
+     */
+    asChild?: never;
 };
 export declare type ExcludedProps = ExcludedStyleProps & ExcludedStitchesProps;
 export {};
-//# sourceMappingURL=exclude-types.d.ts.map
+//# sourceMappingURL=exclude-types.d.ts.map

package/dist/types/system/src/exclude-types.js

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

package/dist/types/system/src/index.js

@@ -1,98 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUseCasesByStep =
-  exports.colorUseCases =
-  exports.getColorScaleValueByUseCase =
-  exports.getColorScaleFromThemeObject =
-  exports.AVAILABLE_THEMES =
-  exports.theme =
-  exports.keyframes =
-  exports.config =
-  exports.globalCss =
-  exports.getCssText =
-  exports.createTheme =
-  exports.css =
-  exports.styled =
-    void 0;
+exports.getUseCasesByStep = exports.colorUseCases = exports.getColorScaleValueByUseCase = exports.getColorScaleFromThemeObject = exports.AVAILABLE_THEMES = exports.theme = exports.keyframes = exports.config = exports.globalCss = exports.getCssText = exports.createTheme = exports.css = exports.styled = void 0;
 var tokens_1 = require("@vitality-ds/tokens");
-Object.defineProperty(exports, "colorUseCases", {
-  enumerable: true,
-  get: function () {
-    return tokens_1.colorUseCases;
-  },
-});
-Object.defineProperty(exports, "getColorScaleFromThemeObject", {
-  enumerable: true,
-  get: function () {
-    return tokens_1.getColorScaleFromThemeObject;
-  },
-});
-Object.defineProperty(exports, "getColorScaleValueByUseCase", {
-  enumerable: true,
-  get: function () {
-    return tokens_1.getColorScaleValueByUseCase;
-  },
-});
-Object.defineProperty(exports, "getUseCasesByStep", {
-  enumerable: true,
-  get: function () {
-    return tokens_1.getUseCasesByStep;
-  },
-});
+Object.defineProperty(exports, "colorUseCases", { enumerable: true, get: function () { return tokens_1.colorUseCases; } });
+Object.defineProperty(exports, "getColorScaleFromThemeObject", { enumerable: true, get: function () { return tokens_1.getColorScaleFromThemeObject; } });
+Object.defineProperty(exports, "getColorScaleValueByUseCase", { enumerable: true, get: function () { return tokens_1.getColorScaleValueByUseCase; } });
+Object.defineProperty(exports, "getUseCasesByStep", { enumerable: true, get: function () { return tokens_1.getUseCasesByStep; } });
 var stitches_config_1 = require("./stitches.config");
-Object.defineProperty(exports, "styled", {
-  enumerable: true,
-  get: function () {
-    return stitches_config_1.styled;
-  },
-});
-Object.defineProperty(exports, "css", {
-  enumerable: true,
-  get: function () {
-    return stitches_config_1.css;
-  },
-});
-Object.defineProperty(exports, "createTheme", {
-  enumerable: true,
-  get: function () {
-    return stitches_config_1.createTheme;
-  },
-});
-Object.defineProperty(exports, "getCssText", {
-  enumerable: true,
-  get: function () {
-    return stitches_config_1.getCssText;
-  },
-});
-Object.defineProperty(exports, "globalCss", {
-  enumerable: true,
-  get: function () {
-    return stitches_config_1.globalCss;
-  },
-});
-Object.defineProperty(exports, "config", {
-  enumerable: true,
-  get: function () {
-    return stitches_config_1.config;
-  },
-});
-Object.defineProperty(exports, "keyframes", {
-  enumerable: true,
-  get: function () {
-    return stitches_config_1.keyframes;
-  },
-});
-Object.defineProperty(exports, "theme", {
-  enumerable: true,
-  get: function () {
-    return stitches_config_1.theme;
-  },
-});
+Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return stitches_config_1.styled; } });
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return stitches_config_1.css; } });
+Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return stitches_config_1.createTheme; } });
+Object.defineProperty(exports, "getCssText", { enumerable: true, get: function () { return stitches_config_1.getCssText; } });
+Object.defineProperty(exports, "globalCss", { enumerable: true, get: function () { return stitches_config_1.globalCss; } });
+Object.defineProperty(exports, "config", { enumerable: true, get: function () { return stitches_config_1.config; } });
+Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return stitches_config_1.keyframes; } });
+Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return stitches_config_1.theme; } });
 var types_1 = require("./types");
-Object.defineProperty(exports, "AVAILABLE_THEMES", {
-  enumerable: true,
-  get: function () {
-    return types_1.AVAILABLE_THEMES;
-  },
-});
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports, "AVAILABLE_THEMES", { enumerable: true, get: function () { return types_1.AVAILABLE_THEMES; } });
+//# sourceMappingURL=index.js.map