@vitality-ds/icons 0.3.2-alpha.0 → 0.3.2

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IconType } from "./types";
+declare function Icon({ viewBox, size, color, verticalAlign, title, children, }: IconType): JSX.Element;
+export default Icon;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,iBAAS,IAAI,CAAC,EACZ,OAAqB,EACrB,IAAgB,EAChB,KAAqB,EACrB,aAAwB,EACxB,KAAK,EACL,QAAQ,GACT,EAAE,QAAQ,eAgBV;AAED,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+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 styled_1 = require("./styled");
+function Icon(_a) {
+    var _b = _a.viewBox, viewBox = _b === void 0 ? "0 0 24 24" : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, _d = _a.color, color = _d === void 0 ? "lowContrast" : _d, _e = _a.verticalAlign, verticalAlign = _e === void 0 ? "middle" : _e, title = _a.title, children = _a.children;
+    return (react_1.default.createElement(styled_1.BaseIcon, { viewBox: viewBox, color: color, size: size, css: { verticalAlign: verticalAlign }, "aria-hidden": title ? "false" : "true", 
+        // If the user passes a title, we tell screen readers that the icon's role is as an image
+        role: title && "img" },
+        title && react_1.default.createElement("title", null, title),
+        children));
+}
+exports.default = Icon;
+//# sourceMappingURL=index.js.map

package/dist/types/icons/src/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Icon/index.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,mCAAoC;AAGpC,SAAS,IAAI,CAAC,EAOH;QANT,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EACrB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,aAAqB,EAArB,KAAK,mBAAG,aAAa,KAAA,EACrB,qBAAwB,EAAxB,aAAa,mBAAG,QAAQ,KAAA,EACxB,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,OAAO,CACL,8BAAC,iBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,EAAE,aAAa,eAAA,EAAE,iBAET,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;QACrC,yFAAyF;QACzF,IAAI,EAAE,KAAK,IAAI,KAAK;QAEnB,KAAK,IAAI,6CAAQ,KAAK,CAAS;QAC/B,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC;AAED,kBAAe,IAAI,CAAC"}

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

@@ -0,0 +1,320 @@
+export declare const BaseIcon: import("@stitches/react/types/styled-component").StyledComponent<"svg", import("@stitches/react/types/styled-component").StyledComponentProps<[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;
+    marginTop: string;
+    "& path": {
+        fill: string;
+    };
+    variants: {
+        color: {
+            inherit: {
+                $$color: string;
+            };
+            text: {
+                $$color: string;
+            };
+            success: {
+                $$color: string;
+            };
+            critical: {
+                $$color: string;
+            };
+            warning: {
+                $$color: string;
+            };
+            info: {
+                $$color: string;
+            };
+            moderate: {
+                $$color: string;
+            };
+            primary: {
+                $$color: string;
+            };
+            lowContrast: {
+                $$color: string;
+            };
+        };
+        size: {
+            inherit: {
+                $$size: string;
+            };
+            small: {
+                $$size: string;
+            };
+            default: {
+                $$size: string;
+            };
+            large: {
+                $$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)";
+}, {
+    fonts: {
+        default: string;
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontSizes: {
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontWeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    lineHeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    letterSpacings: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+    radii: {
+        default: string;
+        rounded: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        outlineWidth: string;
+    };
+    zIndices: {
+        floatingElements: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>]>, {
+    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)";
+}, {
+    fonts: {
+        default: string;
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontSizes: {
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontWeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    lineHeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    letterSpacings: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+    radii: {
+        default: string;
+        rounded: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        outlineWidth: string;
+    };
+    zIndices: {
+        floatingElements: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+//# sourceMappingURL=styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/styled.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAgC,CAAC"}

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

@@ -0,0 +1,11 @@
+"use strict";
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Icon/styled.tsx"],"names":[],"mappings":";;;;;;AAAA,8CAA6C;AAE7C,6EAAsD;AAEtD,wDAAwD;AAC3C,QAAA,QAAQ,GAAG,IAAA,eAAM,EAAC,KAAK,EAAE,yBAAc,CAAC,CAAC"}

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

@@ -0,0 +1,196 @@
+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;
+    marginTop: string;
+    "& path": {
+        fill: string;
+    };
+    variants: {
+        /**
+         * Sets the color of the icon
+         */
+        color: {
+            inherit: {
+                $$color: string;
+            };
+            text: {
+                $$color: string;
+            };
+            success: {
+                $$color: string;
+            };
+            critical: {
+                $$color: string;
+            };
+            warning: {
+                $$color: string;
+            };
+            info: {
+                $$color: string;
+            };
+            moderate: {
+                $$color: string;
+            };
+            primary: {
+                $$color: string;
+            };
+            lowContrast: {
+                $$color: string;
+            };
+        };
+        /**
+         * Sets the size of the icon. If set to `inherit`, the icon will inherit the font size of its parent.
+         */
+        size: {
+            inherit: {
+                $$size: string;
+            };
+            small: {
+                $$size: string;
+            };
+            default: {
+                $$size: string;
+            };
+            large: {
+                $$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)";
+}, {
+    fonts: {
+        default: string;
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontSizes: {
+        caption: string;
+        body: string;
+        button: string;
+        textInput: string;
+        sectionSubtitle: string;
+        sectionTitle: string;
+        pageTitle: string;
+        display100: string;
+        display200: string;
+        display300: string;
+        display400: string;
+        display500: string;
+        display600: string;
+        display700: string;
+        display800: string;
+        display900: string;
+    };
+    fontWeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    lineHeights: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    letterSpacings: {
+        caption: number;
+        body: number;
+        button: number;
+        textInput: number;
+        sectionSubtitle: number;
+        sectionTitle: number;
+        pageTitle: number;
+        display100: number;
+        display200: number;
+        display300: number;
+        display400: number;
+        display500: number;
+        display600: number;
+        display700: number;
+        display800: number;
+        display900: number;
+    };
+    colors: {
+        neutral?: string;
+        neutralA?: string;
+        primary?: string;
+        accent?: string;
+        success?: string;
+        info?: string;
+        warning?: string;
+        critical?: string;
+    };
+    radii: {
+        default: string;
+        rounded: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        outlineWidth: string;
+    };
+    zIndices: {
+        floatingElements: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export default _default;
+//# sourceMappingURL=BaseIcon.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIcon.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Icon/styles/BaseIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;QAgBI;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsDH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvEP,wBAuFG"}

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var system_1 = require("@vitality-ds/system");
+var tokens_1 = require("@vitality-ds/tokens");
+exports.default = (0, system_1.css)({
+    $$size: "1em",
+    $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", tokens_1.colorUseCases.text.hiContrast),
+    lineHeight: "1em",
+    verticalAlign: "middle",
+    width: "$$size",
+    height: "$$size",
+    // Aligning to text baseline = most Icons have 2px spacing -> 2/24 * 2 = 0.166
+    marginTop: "-.166em",
+    "& path": {
+        fill: "$$color",
+    },
+    variants: {
+        /**
+         * Sets the color of the icon
+         */
+        color: {
+            inherit: {
+                $$color: "currentColor",
+            },
+            text: {
+                $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", tokens_1.colorUseCases.text.hiContrast),
+            },
+            success: {
+                $$color: (0, system_1.getColorScaleValueByUseCase)("success", tokens_1.colorUseCases.backgrounds.uiElementSolid),
+            },
+            critical: {
+                $$color: (0, system_1.getColorScaleValueByUseCase)("critical", tokens_1.colorUseCases.backgrounds.uiElementSolid),
+            },
+            warning: {
+                $$color: (0, system_1.getColorScaleValueByUseCase)("warning", tokens_1.colorUseCases.backgrounds.uiElementSolid),
+            },
+            info: {
+                $$color: (0, system_1.getColorScaleValueByUseCase)("info", tokens_1.colorUseCases.backgrounds.uiElementSolid),
+            },
+            moderate: {
+                $$color: (0, system_1.getColorScaleValueByUseCase)("yellow", tokens_1.colorUseCases.backgrounds.uiElementSolid),
+            },
+            primary: {
+                $$color: (0, system_1.getColorScaleValueByUseCase)("primary", tokens_1.colorUseCases.backgrounds.uiElementSolid),
+            },
+            lowContrast: {
+                $$color: (0, system_1.getColorScaleValueByUseCase)("greyA", tokens_1.colorUseCases.text.lowContrast),
+            },
+        },
+        /**
+         * Sets the size of the icon. If set to `inherit`, the icon will inherit the font size of its parent.
+         */
+        size: {
+            inherit: {
+                $$size: "1em",
+            },
+            small: {
+                $$size: "16px",
+            },
+            default: {
+                $$size: "24px",
+            },
+            large: {
+                $$size: "32px",
+            },
+        },
+    },
+});
+//# sourceMappingURL=BaseIcon.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIcon.styles.js","sourceRoot":"","sources":["../../../../../../src/Icon/styles/BaseIcon.styles.ts"],"names":[],"mappings":";;AAAA,8CAAuE;AACvE,8CAAoD;AAEpD,kBAAe,IAAA,YAAG,EAAC;IACjB,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,IAAA,oCAA2B,EAAC,OAAO,EAAE,sBAAa,CAAC,IAAI,CAAC,UAAU,CAAC;IAC5E,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,QAAQ;IAChB,8EAA8E;IAC9E,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE,SAAS;KAChB;IACD,QAAQ,EAAE;QACR;;WAEG;QACH,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,OAAO,EAAE,cAAc;aACxB;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,IAAA,oCAA2B,EAClC,OAAO,EACP,sBAAa,CAAC,IAAI,CAAC,UAAU,CAC9B;aACF;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAA,oCAA2B,EAClC,SAAS,EACT,sBAAa,CAAC,WAAW,CAAC,cAAc,CACzC;aACF;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAA,oCAA2B,EAClC,UAAU,EACV,sBAAa,CAAC,WAAW,CAAC,cAAc,CACzC;aACF;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAA,oCAA2B,EAClC,SAAS,EACT,sBAAa,CAAC,WAAW,CAAC,cAAc,CACzC;aACF;YACD,IAAI,EAAE;gBACJ,OAAO,EAAE,IAAA,oCAA2B,EAClC,MAAM,EACN,sBAAa,CAAC,WAAW,CAAC,cAAc,CACzC;aACF;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAA,oCAA2B,EAClC,QAAQ,EACR,sBAAa,CAAC,WAAW,CAAC,cAAc,CACzC;aACF;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAA,oCAA2B,EAClC,SAAS,EACT,sBAAa,CAAC,WAAW,CAAC,cAAc,CACzC;aACF;YACD,WAAW,EAAE;gBACX,OAAO,EAAE,IAAA,oCAA2B,EAClC,OAAO,EACP,sBAAa,CAAC,IAAI,CAAC,WAAW,CAC/B;aACF;SACF;QACD;;WAEG;QACH,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,MAAM,EAAE,KAAK;aACd;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;aACf;YACD,OAAO,EAAE;gBACP,MAAM,EAAE,MAAM;aACf;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;aACf;SACF;KACF;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+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;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Icon/types.ts"],"names":[],"mappings":""}