@nice2dev/icons 1.3.5 → 1.3.6

package/dist/types/stacking.d.ts

@@ -12,9 +12,17 @@ export declare function isNtdIconElement(node: ReactNode): node is ReactElement<
 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;
-/** Top-left corner of a stacked icon `size` units big inside the 24-unit box. */
+/**
+ * Top-left corner of a stacked icon `size` units big inside the 24-unit box. A `half-…` position is
+ * halfway between the centre and the edge or corner it names (1.3.6).
+ */
 export declare function stackPlacement(align: IconStackAlign, size: number): [number, number];
-/** Font size of text children by length: one character 12, two 10, three 8, more 6.5. */
+/** 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).
+ */
 export declare function defaultTextSize(length: number): number;
 export interface StackContext {
     variant: IconVariant;
@@ -31,7 +39,7 @@ export interface StackContext {
 }
 /**
  * The children of an icon, drawn into it. Colours given on a child win; otherwise:
- * - content inside — centred or at an edge — is cut out of a filled parent: an icon child takes
+ * - content inside — 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

@@ -271,7 +271,8 @@ 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'`. Text children
+     * `<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.
      */
     stackAlign?: IconStackAlign;
@@ -285,16 +286,24 @@ export interface NtdIconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
      * as a cut), primary on `outline` / `wireframe`.
      */
     textColor?: string;
-    /** Font size of text children in the 24-unit box (1.3.5). Default by length: 12, 10, 8, 6.5. */
+    /**
+     * Font size of text children in the 24-unit box (1.3.5). Default by length: 9, 7.5, 6, 5 (1.3.6;
+     * it was 12, 10, 8, 6.5).
+     */
     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.
+     */
+    stackRotation?: 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).
+ * (1.3.5), or halfway from the centre to one (`half-…`, 1.3.6).
  */
-export type IconStackAlign = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+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';
 /**
  * Props received by icon path renderer functions inside {@link CreateIconOptions.paths}.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/icons",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "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.5",
+    "@nice2dev/ui-core": "^1.3.6",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",