@nice2dev/icons 1.3.6 → 1.3.8

package/dist/esm/stacking.js

@@ -14,6 +14,16 @@ function isNtdIconElement(node) {
         typeof node.type !== 'string' &&
         Boolean(node.type[NTD_ICON_MARK]));
 }
+/** Set on every component createIcon makes, next to {@link NTD_ICON_MARK}: its {@link PerfectStack}. */
+const PERFECT_STACK = 'perfectStack';
+/** The spot icon component `icon` keeps for stacked icons; `undefined` when it is not an icon. */
+function perfectStackOf(icon) {
+    return icon && (typeof icon === 'object' || typeof icon === 'function')
+        ? icon[PERFECT_STACK]
+        : undefined;
+}
+/** A child of the spot's default size and no turn, at the box centre — `'center'`. */
+const BOX_PERFECT_STACK = { rotation: 0, size: 0.6 };
 /** Variants drawn with lines; every other variant is a filled shape. */
 const LINE_VARIANTS = new Set(['outline', 'wireframe']);
 function isFilledVariant(variant) {
@@ -36,6 +46,13 @@ function stackPlacement(align, size) {
     const y = edge.startsWith('top') ? 0 : edge.startsWith('bottom') ? far : mid;
     return half ? [(x + mid) / 2, (y + mid) / 2] : [x, y];
 }
+/**
+ * `at` moved by `percent` of the parent (`stackOffsetX` / `stackOffsetY`, 1.3.7), in the parent's
+ * 24 units. Rounded to a thousandth, so the markup reads 7.2, not 7.199999999999999.
+ */
+function stackOffset(at, percent) {
+    return percent ? Math.round(1000 * at + 240 * percent) / 1000 : at;
+}
 /** A corner badge — a full corner; `half-` corners sit inside the parent like its centre. */
 function isCornerBadge(align) {
     return /^(top|bottom)-(left|right)$/.test(align);
@@ -43,17 +60,25 @@ function isCornerBadge(align) {
 /**
  * Font size of text children by length: one character 9, two 7.5, three 6, more 5 (1.3.6 — three
  * quarters of the first sizes, so a number sits inside a star or a circle with room round it).
+ * In a spot smaller or larger than the default 0.6 (`perfectStackSize`, 1.3.8) it scales with it.
  */
-function defaultTextSize(length) {
-    return length <= 1 ? 9 : length === 2 ? 7.5 : length === 3 ? 6 : 5;
+function defaultTextSize(length, spot = BOX_PERFECT_STACK.size) {
+    const size = length <= 1 ? 9 : length === 2 ? 7.5 : length === 3 ? 6 : 5;
+    return spot === BOX_PERFECT_STACK.size
+        ? size
+        : Math.round((10 * size * spot) / BOX_PERFECT_STACK.size) / 10;
 }
+/** `n` rounded to a thousandth — 7.2 in the markup, not 7.199999999999999. */
+const thousandth = (n) => Math.round(1000 * n) / 1000;
 /** The cutout variant draws its shape at 80% in the tile; its stack follows the shape. */
 const CUTOUT_SHAPE = 'translate(12 12) scale(0.8) translate(-12 -12)';
 /** The gap kept round a corner badge, in the parent's units. */
 const BADGE_GAP = 1;
 /**
- * The children of an icon, drawn into it. Colours given on a child win; otherwise:
- * - content inside — centred, at an edge or halfway out — is cut out of a filled parent: an icon child takes
+ * The children of an icon, drawn into it. A child without a `stackAlign` goes to the spot the icon
+ * keeps for it (`ctx.perfect`: its centre, size and turn), and so does text. Colours given on a
+ * child win; otherwise:
+ * - content inside — at that spot, centred, at an edge or halfway out — is cut out of a filled parent: an icon child takes
  *   the parent's accent as its primary (and the parent's primary as its accent, so its own text
  *   and details read), text the accent; on `outline` / `wireframe` it stays in the parent's
  *   colours; in a cutout it takes the tile's colour, drawn solid in the cut;
@@ -73,13 +98,21 @@ function renderStackChildren(children, ctx) {
     const text = items
         .filter((c) => typeof c === 'string' || typeof c === 'number')
         .join('');
+    const { perfect } = ctx;
     const layers = items.map((child, i) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (isNtdIconElement(child)) {
             const p = child.props;
-            const align = (_a = p.stackAlign) !== null && _a !== void 0 ? _a : 'center';
-            const size = Math.round(24000 * ((_b = p.stackSize) !== null && _b !== void 0 ? _b : defaultStackSize(align))) / 1000;
-            const [x, y] = stackPlacement(align, size);
+            const align = (_a = p.stackAlign) !== null && _a !== void 0 ? _a : 'perfect';
+            // the parent's own spot (1.3.8): its centre, size and turn, unless the child sets them
+            const atSpot = align === 'perfect';
+            const size = thousandth(24 * ((_b = p.stackSize) !== null && _b !== void 0 ? _b : (atSpot ? perfect.size : defaultStackSize(align))));
+            const [alignX, alignY] = atSpot
+                ? [thousandth(perfect.x - size / 2), thousandth(perfect.y - size / 2)]
+                : stackPlacement(align, size);
+            // nudged from the aligned spot (1.3.7) — a share of the parent, so it scales with it
+            const x = stackOffset(alignX, p.stackOffsetX);
+            const y = stackOffset(alignY, p.stackOffsetY);
             const badge = isCornerBadge(align);
             const icon = cloneElement(child, {
                 x,
@@ -93,16 +126,17 @@ function renderStackChildren(children, ctx) {
             const cx = x + size / 2;
             const cy = y + size / 2;
             // turned about its own centre (1.3.6) — through a group: a nested <svg> takes no transform
-            const turn = p.stackRotation ? `rotate(${p.stackRotation} ${cx} ${cy})` : undefined;
+            const rotation = (_g = p.stackRotation) !== null && _g !== void 0 ? _g : (atSpot ? perfect.rotation : 0);
+            const turn = rotation ? `rotate(${rotation} ${cx} ${cy})` : undefined;
             if (!badge && !turn) {
                 return icon;
             }
-            return (jsxs("g", { transform: turn, children: [badge && jsx("circle", { cx: cx, cy: cy, r: size / 2 + BADGE_GAP, fill: ctx.accentColor }), icon] }, (_g = child.key) !== null && _g !== void 0 ? _g : i));
+            return (jsxs("g", { transform: turn, children: [badge && jsx("circle", { cx: cx, cy: cy, r: size / 2 + BADGE_GAP, fill: ctx.accentColor }), icon] }, (_h = child.key) !== null && _h !== void 0 ? _h : i));
         }
         return isValidElement(child) ? child : null;
     });
-    const content = (jsxs(Fragment, { children: [layers, text && (jsx("text", { x: ctx.textCenter[0], y: ctx.textCenter[1], textAnchor: "middle", dominantBaseline: "central", fontSize: (_a = ctx.textSize) !== null && _a !== void 0 ? _a : defaultTextSize(text.length), fontWeight: 700, fill: (_b = ctx.textColor) !== null && _b !== void 0 ? _b : insidePrimary, stroke: "none", children: text }))] }));
+    const content = (jsxs(Fragment, { children: [layers, text && (jsx("text", { x: perfect.x, y: perfect.y, transform: perfect.rotation ? `rotate(${perfect.rotation} ${perfect.x} ${perfect.y})` : undefined, textAnchor: "middle", dominantBaseline: "central", fontSize: (_a = ctx.textSize) !== null && _a !== void 0 ? _a : defaultTextSize(text.length, perfect.size), fontWeight: 700, fill: (_b = ctx.textColor) !== null && _b !== void 0 ? _b : insidePrimary, stroke: "none", children: text }))] }));
     return cutout ? jsx("g", { transform: CUTOUT_SHAPE, children: content }) : content;
 }
 
-export { NTD_ICON_MARK, defaultStackSize, defaultTextSize, isCornerBadge, isFilledVariant, isNtdIconElement, renderStackChildren, stackPlacement };
+export { BOX_PERFECT_STACK, NTD_ICON_MARK, PERFECT_STACK, defaultStackSize, defaultTextSize, isCornerBadge, isFilledVariant, isNtdIconElement, perfectStackOf, renderStackChildren, stackOffset, stackPlacement };

package/dist/types/createIcon.d.ts

@@ -53,8 +53,11 @@ export interface CreateIconOptions {
         solid: IconPathRenderer;
         /** Outlined variant — shapes use `stroke`, `fill="none"`. */
         outline: IconPathRenderer;
-        /** Two-tone variant — background fill at reduced opacity + foreground stroke. */
-        duotone: IconPathRenderer;
+        /**
+         * Two-tone variant — the larger part primary, the rest secondary. Without it (1.3.8) duotone
+         * is the solid with its details (what solid draws in the accent colour) in full secondary.
+         */
+        duotone?: IconPathRenderer;
         /** Cutout variant — knockout/cutout: colored background with icon shape cut out. Auto-generated from solid. */
         cutout?: IconPathRenderer;
         /** Sharp variant — solid with sharp corners. Falls back to solid if not defined. */
@@ -73,5 +76,16 @@ export interface CreateIconOptions {
      * for a shape whose middle lies elsewhere (a star, a heart, a triangle).
      */
     textCenter?: readonly [number, number];
+    /**
+     * The spot the icon keeps for what is stacked in it (1.3.8) — where a child without a
+     * `stackAlign` goes, and its text: the centre in the 24-unit box (a pin's head, a tag past its
+     * hole). Default `textCenter`, else the box centre.
+     */
+    perfectStackX?: number;
+    perfectStackY?: number;
+    /** The turn at that spot, degrees clockwise — a child and text there turn with it (along a tag). Default 0. */
+    perfectStackRotation?: number;
+    /** The share of the icon a child at that spot takes. Default 0.6, as centred. */
+    perfectStackSize?: number;
 }
 export declare function createIcon(options: CreateIconOptions): import("react").ForwardRefExoticComponent<NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/types/iconParts.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { createIcon } from './createIcon';
+import { createIcon, type IconPathRenderer } from './createIcon';
 import type { IconRenderProps } from './types';
 /**
  * The colour of a detail drawn in secondary on a filled shape (a floppy's label, a ribbon): the
@@ -7,6 +7,12 @@ import type { IconRenderProps } from './types';
  * the shape and the detail would vanish, while the accent draws in the cut.
  */
 export declare function detailColor({ variant, secondaryColor, accentColor }: IconRenderProps): string;
+/**
+ * A duotone renderer with its two colours swapped, at full strength (1.3.8) — for a duotone that
+ * drew its larger area in secondary (a pale body under a primary outline): the body turns
+ * primary, the outline and the details secondary.
+ */
+export declare function swapDuotone(render: IconPathRenderer): IconPathRenderer;
 /**
  * `content` drawn only inside `shape` — for accent lines that read as a cut through a shape (a
  * pencil's band, a calendar's header line, an envelope's flap): clipped, they meet the shape's
@@ -27,6 +33,6 @@ export declare function bellIcon(displayName: string, ringing: boolean): ReturnT
  * A paper icon — NtdFile, and every document drawn on the same page (NtdFileText, NtdInvoice,
  * NtdContract, …), so their pages and folds match. The fold is secondary when the page is filled;
  * `text` is the document's writing, a path of strokes kept below the fold (y ≥ 11, x 7–17),
- * drawn in the accent colour on a filled page and in primary on a stroked one.
+ * drawn in the accent colour on a filled page (secondary in duotone) and in primary on a stroked one.
  */
 export declare function paperIcon(displayName: string, text?: string): ReturnType<typeof createIcon>;

package/dist/types/iconStack.d.ts

@@ -15,12 +15,27 @@ export interface NiceIconStackLayer {
     variant?: IconVariant;
     /** Id of the layer this one sits in (1.3.6). Absent: the base. */
     parent?: string;
-    /** Where the layer sits in its parent (not the base). Default `'center'`. */
+    /**
+     * Where the layer sits in its parent (not the base). Default `'perfect'` — the spot the parent
+     * keeps for stacked icons, its centre when it keeps none (1.3.8; it was `'center'`).
+     */
     align?: IconStackAlign;
-    /** Share of its parent (not the base). Default by `align`: 0.6 centred, 0.5 elsewhere. */
+    /**
+     * Share of its parent (not the base). Default by `align`: the parent's spot size at `'perfect'`
+     * (0.6 when it keeps none), 0.6 centred, 0.5 elsewhere.
+     */
     size?: number;
-    /** Turn about its own centre, degrees clockwise (not the base, 1.3.6). */
+    /**
+     * Turn about its own centre, degrees clockwise (not the base, 1.3.6). Default: the turn the
+     * parent keeps at its spot when the layer sits there (1.3.8), else none.
+     */
     rotation?: number;
+    /**
+     * Nudge from where `align` puts it, in percent of its parent: right / down (not the base,
+     * 1.3.7) — `stackOffsetX` / `stackOffsetY`.
+     */
+    offsetX?: number;
+    offsetY?: number;
     /** Colours of its own (1.3.6) — otherwise they follow its parent. */
     primaryColor?: string;
     secondaryColor?: string;

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

@@ -1,6 +1,6 @@
 export { NtdArrowUp, NtdArrowDown, NtdArrowLeft, NtdArrowRight, NtdChevronUp, NtdChevronDown, NtdChevronLeft, NtdChevronRight, NtdMenu, NtdClose, NtdMoreHorizontal, NtdMoreVertical, NtdExternalLink, NtdRefresh, } from './navigation';
 export { NtdSearch, NtdEdit, NtdEditDetail, NtdTrash, NtdSave, NtdDownload, NtdUpload, NtdShare, NtdCopy, NtdClipboard, NtdPlus, NtdMinus, NtdCheck, NtdFilter, NtdSort, NtdPrint, NtdZoomIn, NtdZoomOut, NtdUndo, NtdRedo, NtdReply, NtdLink, NtdSettings, NtdLogIn, NtdLogOut, NtdLock, NtdUnlock, NtdGroup, NtdUngroup, } from './actions';
-export { NtdHome, NtdUser, NtdAdmin, NtdUsers, NtdHeart, NtdStar, NtdBell, NtdEye, NtdEyeOff, NtdInfo, NtdWarning, NtdError, NtdSuccess, NtdHelp, NtdClock, NtdHourglass, NtdCalendar, NtdTag, NtdBackspace, NtdBookmark, NtdFlag, NtdThumbUp, NtdThumbDown, NtdShield, NtdGlobe, NtdMap, NtdPin, NtdSun, NtdMoon, NtdCursor, NtdWireframe, } from './ui';
+export { NtdHome, NtdUser, NtdAdmin, NtdUsers, NtdHeart, NtdStar, NtdBell, NtdEye, NtdEyeOff, NtdInfo, NtdWarning, NtdError, NtdSuccess, NtdHelp, NtdClock, NtdHourglass, NtdCalendar, NtdTag, NtdBackspace, NtdBookmark, NtdFlag, NtdThumbUp, NtdThumbDown, NtdShield, NtdGlobe, NtdMap, NtdPin, NtdMapPin, NtdSun, NtdMoon, NtdCursor, NtdWireframe, } from './ui';
 export { NtdRecycle, NtdCompost, NtdTrashSort, NtdSolarPanel, NtdWindTurbine, NtdEvCharger, NtdCarbonFootprint, NtdCo2, NtdNetZero, NtdEcoFriendly, NtdOrganic, NtdBiodegradable, NtdPlantTree, NtdWildlife, sustainabilityIcons, } from './sustainability';
 export { NtdAccessibility, NtdWheelchair, NtdBlind, NtdDeaf, NtdSignLanguage, NtdBraille, NtdAudioDescription, NtdClosedCaptions, NtdDyslexia, NtdEasyRead, NtdScreenReader, NtdHearingAid, NtdAssistiveTech, accessibilityIcons, } from './accessibility';
 export { NtdContract, NtdLegalDocument, NtdTermsOfService, NtdPrivacyPolicy, NtdGdpr, NtdCcpa, NtdCookieConsent, NtdCopyright, NtdTrademark, NtdPatent, NtdCompliance, NtdCertified, NtdAudit, legalIcons, } from './legal';

package/dist/types/icons/ui.d.ts

@@ -26,6 +26,7 @@ export declare const NtdShield: import("react").ForwardRefExoticComponent<import
 export declare const NtdGlobe: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdMap: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdPin: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdMapPin: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdSun: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdMoon: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdCursor: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/types/stacking.d.ts

@@ -9,6 +9,23 @@ import type { IconStackAlign, IconVariant, NtdIconProps } from './types';
 /** Set on every component createIcon makes, so a parent icon tells its icon children apart. */
 export declare const NTD_ICON_MARK = "ntdIcon";
 export declare function isNtdIconElement(node: ReactNode): node is ReactElement<NtdIconProps>;
+/**
+ * The spot an icon keeps for what is stacked in it (1.3.8) — where a child without a `stackAlign`
+ * goes, and its text: the centre `x`, `y` in the 24-unit box, the turn there (degrees, clockwise)
+ * and the share of the icon a child takes. `createIcon`'s `perfectStack*` options.
+ */
+export interface PerfectStack {
+    x: number;
+    y: number;
+    rotation: number;
+    size: number;
+}
+/** Set on every component createIcon makes, next to {@link NTD_ICON_MARK}: its {@link PerfectStack}. */
+export declare const PERFECT_STACK = "perfectStack";
+/** The spot icon component `icon` keeps for stacked icons; `undefined` when it is not an icon. */
+export declare function perfectStackOf(icon: unknown): PerfectStack | undefined;
+/** A child of the spot's default size and no turn, at the box centre — `'center'`. */
+export declare const BOX_PERFECT_STACK: PerfectStack;
 export declare function isFilledVariant(variant: IconVariant): boolean;
 /** Default share of the parent: centred children larger, edge and corner badges smaller. */
 export declare function defaultStackSize(align: IconStackAlign): number;
@@ -17,13 +34,19 @@ export declare function defaultStackSize(align: IconStackAlign): number;
  * halfway between the centre and the edge or corner it names (1.3.6).
  */
 export declare function stackPlacement(align: IconStackAlign, size: number): [number, number];
+/**
+ * `at` moved by `percent` of the parent (`stackOffsetX` / `stackOffsetY`, 1.3.7), in the parent's
+ * 24 units. Rounded to a thousandth, so the markup reads 7.2, not 7.199999999999999.
+ */
+export declare function stackOffset(at: number, percent: number | undefined): number;
 /** A corner badge — a full corner; `half-` corners sit inside the parent like its centre. */
 export declare function isCornerBadge(align: IconStackAlign): boolean;
 /**
  * Font size of text children by length: one character 9, two 7.5, three 6, more 5 (1.3.6 — three
  * quarters of the first sizes, so a number sits inside a star or a circle with room round it).
+ * In a spot smaller or larger than the default 0.6 (`perfectStackSize`, 1.3.8) it scales with it.
  */
-export declare function defaultTextSize(length: number): number;
+export declare function defaultTextSize(length: number, spot?: number): number;
 export interface StackContext {
     variant: IconVariant;
     /** The parent's primary as drawn (a gradient's `url(#…)` included). */
@@ -32,14 +55,16 @@ export interface StackContext {
     /** The cutout variant's tile colour — what fills the cut shape's surroundings. */
     tileColor: string;
     strokeWidth: number;
-    /** Where text is centred — the icon's visual centre. */
-    textCenter: readonly [number, number];
+    /** The spot the icon keeps for stacked icons and text (1.3.8). */
+    perfect: PerfectStack;
     textColor?: string;
     textSize?: number;
 }
 /**
- * The children of an icon, drawn into it. Colours given on a child win; otherwise:
- * - content inside — centred, at an edge or halfway out — is cut out of a filled parent: an icon child takes
+ * The children of an icon, drawn into it. A child without a `stackAlign` goes to the spot the icon
+ * keeps for it (`ctx.perfect`: its centre, size and turn), and so does text. Colours given on a
+ * child win; otherwise:
+ * - content inside — at that spot, centred, at an edge or halfway out — is cut out of a filled parent: an icon child takes
  *   the parent's accent as its primary (and the parent's primary as its accent, so its own text
  *   and details read), text the accent; on `outline` / `wireframe` it stays in the parent's
  *   colours; in a cutout it takes the tile's colour, drawn solid in the cut;

package/dist/types/types.d.ts

@@ -203,7 +203,7 @@ export interface NtdIconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
     secondaryOpacity?: number;
     /** Opacity for accent/detail elements (0-1) */
     accentOpacity?: number;
-    /** Base stroke width for outline / duotone icons (default 2) */
+    /** Base stroke width for outline / duotone icons (default 1) */
     strokeWidth?: number;
     /** Stroke line cap style (default 'round') */
     strokeLinecap?: 'round' | 'square' | 'butt';
@@ -271,14 +271,16 @@ export interface NtdIconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
     transformOrigin?: string;
     /**
      * Where this icon sits when it is a child of another icon (1.3.5):
-     * `<NtdSquare><NtdStar stackAlign="top-right" /></NtdSquare>`. Default `'center'`; `half-…`
-     * positions sit halfway from the centre to that edge or corner (1.3.6). Text children
-     * (`<NtdStar>1</NtdStar>`) are centred on the icon.
+     * `<NtdSquare><NtdStar stackAlign="top-right" /></NtdSquare>`. Default `'perfect'` — the spot
+     * the parent icon keeps for what is stacked in it (a pin's head, along a tag; 1.3.8), the
+     * centre when it keeps none; `'center'` is the middle of the box. `half-…` positions sit
+     * halfway from the centre to that edge or corner (1.3.6). Text children
+     * (`<NtdStar>1</NtdStar>`) go to the icon's own spot too.
      */
     stackAlign?: IconStackAlign;
     /**
      * This icon's size as a share of the icon it is stacked in (1.3.5). Default `0.6` centred, `0.5`
-     * at an edge or a corner.
+     * at an edge or a corner, and at the parent's own spot the size it keeps for it (1.3.8).
      */
     stackSize?: number;
     /**
@@ -293,17 +295,29 @@ export interface NtdIconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
     textSize?: number;
     /**
      * Turns this icon, when stacked in another, about its own centre — degrees, clockwise (1.3.6).
-     * Its own contents and text turn with it.
+     * Its own contents and text turn with it. At the parent's own spot it defaults to the turn the
+     * parent keeps there (along a tag, 1.3.8); a value given here replaces it.
      */
     stackRotation?: number;
+    /**
+     * Moves this icon, when stacked in another, from where `stackAlign` puts it — in percent of the
+     * parent icon's width, positive to the right (1.3.7). `10` = a tenth of the parent across.
+     */
+    stackOffsetX?: number;
+    /**
+     * Moves this icon, when stacked in another, from where `stackAlign` puts it — in percent of the
+     * parent icon's height, positive downwards (1.3.7).
+     */
+    stackOffsetY?: number;
     /** Accessible title for screen readers */
     title?: string;
 }
 /**
  * Where a stacked icon sits inside the icon it is a child of — the centre, an edge or a corner
- * (1.3.5), or halfway from the centre to one (`half-…`, 1.3.6).
+ * (1.3.5), halfway from the centre to one (`half-…`, 1.3.6), or the spot the parent keeps for
+ * stacked icons (`perfect`, the default, 1.3.8).
  */
-export type IconStackAlign = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'half-top' | 'half-bottom' | 'half-left' | 'half-right' | 'half-top-left' | 'half-top-right' | 'half-bottom-left' | 'half-bottom-right';
+export type IconStackAlign = 'perfect' | 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'half-top' | 'half-bottom' | 'half-left' | 'half-right' | 'half-top-left' | 'half-top-right' | 'half-bottom-left' | 'half-bottom-right';
 /**
  * Props received by icon path renderer functions inside {@link CreateIconOptions.paths}.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/icons",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "Beautiful, lightweight, multi-color SVG icon library for React with animations",
   "author": "NiceToDev <contact@nicetodev.com>",
   "license": "SEE LICENSE IN LICENSE",
@@ -109,7 +109,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.3.1",
-    "@nice2dev/ui-core": "^1.3.6",
+    "@nice2dev/ui-core": "^1.3.8",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",