@nice2dev/icons 1.3.9 → 1.3.10

package/dist/types/iconHtml.d.ts

@@ -1,6 +1,4 @@
-import React from 'react';
-import { type NiceIconResolver, type NiceIconStackLayer } from './iconStack';
-import type { NtdIconProps } from './types';
+import type { NiceIconStackLayer } from './iconStack';
 /** What an icon's HTML was drawn from. */
 export interface NiceIconHtmlSource {
     /** The base icon's export name, e.g. `'NtdStar'`. */
@@ -22,23 +20,3 @@ export declare function iconHtmlAttributes(layers: readonly NiceIconStackLayer[]
  * one icon share ids that point at identical definitions.
  */
 export declare function scopeIconHtmlIds(markup: string): string;
-/** `values` is the bound text here, not the SVG animation attribute of the same name. */
-export interface NiceIconHtmlProps extends Partial<Omit<NtdIconProps, 'children' | 'values'>> {
-    /** The icon's HTML as NiceIconPicker wrote it (or an icon's export name). */
-    html: string | null | undefined;
-    /** Resolves the icon names — a map of exports or a function. */
-    icons: NiceIconResolver;
-    /** Values for bound text of a stack. */
-    values?: Record<string, React.ReactNode>;
-    /** Drawn when the HTML holds no icon (default: nothing). */
-    fallback?: React.ReactNode;
-}
-/**
- * NiceIconHtml (1.3.9) — shows an icon kept as HTML in a React page by drawing it again from its
- * data attributes; the markup itself is never injected, so HTML from a database cannot run anything.
- * A plain export name (`'NtdStar'`) works too. The rest of the props go to the base icon.
- */
-export declare function NiceIconHtml({ html, icons, values, fallback, ...baseProps }: NiceIconHtmlProps): React.ReactElement | null;
-export declare namespace NiceIconHtml {
-    var displayName: string;
-}

package/dist/types/iconValue.d.ts

@@ -0,0 +1,22 @@
+import { type NiceIconStackLayer } from './iconStack';
+type Shorten = (name: string) => string;
+export interface FormatIconValueOptions {
+    /**
+     * The name written for an icon in a stack. Default: without `Ntd` (`NtdStar` → `Star`). Pass your
+     * own when your icons hold names that differ only by `Ntd`; NiceIconPicker does.
+     */
+    shortName?: Shorten;
+}
+/**
+ * Writes an icon or a stack as short text (1.3.10): `'name'` — a plain icon's name, a stack's code
+ * (`Folder(Star@tr)`) — or `'json'` (`["Folder",["Star",{"a":"tr"}]]`). Empty for no layers.
+ * `parseIconValue` reads it back; the ids of the layers are not kept.
+ */
+export declare function formatIconValue(layers: readonly NiceIconStackLayer[], format?: 'name' | 'json', { shortName }?: FormatIconValueOptions): string;
+/**
+ * Reads an icon kept as text (1.3.10) — a name, the code (`Folder(Star@tr)`), JSON or the HTML of
+ * NiceIconPicker 1.3.9 — into stack layers (ids `'1'`, `'2'`… in document order). `null` for empty
+ * or unreadable text. Names stay as written: `renderIconStack` resolves `Star` to `NtdStar`.
+ */
+export declare function parseIconValue(value: string | null | undefined): NiceIconStackLayer[] | null;
+export {};

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

@@ -25,5 +25,6 @@ export declare const NtdLogIn: import("react").ForwardRefExoticComponent<import(
 export declare const NtdLogOut: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdLock: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdUnlock: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const NtdFrameCorners: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdGroup: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const NtdUngroup: import("react").ForwardRefExoticComponent<import("..").NtdIconProps & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -1,5 +1,5 @@
 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 { 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, NtdFrameCorners, 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, 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';

package/dist/types/index.d.ts

@@ -54,8 +54,12 @@ export { generateSmilAnimation, SmilAnimationWrapper as NiceSmilAnimationWrapper
 export type { SmilAnimationType, SmilAnimationConfig, SmilAnimationWrapperProps, } from './smilAnimations';
 export { NiceIconPicker } from './NiceIconPicker';
 export type { NiceIconPickerProps, NiceIconPickerHandle, IconPickerEntry, NiceIconPickerValueFormat, NiceIconPickerDisplayMode, } from './NiceIconPicker';
-export { NiceIconHtml, parseIconHtml } from './iconHtml';
-export type { NiceIconHtmlProps, NiceIconHtmlSource } from './iconHtml';
+export { NiceIconValue, NiceIconHtml } from './NiceIconValue';
+export type { NiceIconValueProps, NiceIconHtmlProps } from './NiceIconValue';
+export { formatIconValue, parseIconValue } from './iconValue';
+export type { FormatIconValueOptions } from './iconValue';
+export { parseIconHtml } from './iconHtml';
+export type { NiceIconHtmlSource } from './iconHtml';
 export { NiceIconStacker } from './NiceIconStacker';
 export { NiceIconStack, niceIconStackCode, renderIconStack, isValidTextBinding, addStackLayer, removeStackLayer, iconDisplayName, } from './iconStack';
 export type { NiceIconStackProps, NiceIconResolver, RenderIconStackOptions } from './iconStack';

package/package.json

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