@commercelayer/app-elements 1.24.0 → 1.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { aD as s, bg as t, aE as o, aF as r, aG as n, aH as u, aI as c, aJ as i, aK as l, aL as p, bh as d, aM as b, aN as g, at as m, bi as S, bj as I, bk as k, bl as T, aO as D, ax as R, ay as y, aP as h, aQ as A, bm as C, bz as F, bA as H, bC as P, bE as f, bG as v, bK as B, bM as L, bR as O, bU as N, bW as w, c1 as G, c3 as E, c5 as V, c7 as x, c9 as M, cd as W, ce as U, aR as J, aS as Y, bB as j, bD as q, bF as z, bH as Z, bJ as _, bL as $, bN as K, bO as Q, bP as X, bQ as aa, bS as ea, bT as sa, bV as ta, bX as oa, c2 as ra, c4 as na, c6 as ua, c8 as ca, ca as ia, cb as la, cc as pa, bn as da, bo as ba, bp as ga, bq as ma, aA as Sa, br as Ia, aT as ka, bs as Ta, bt as Da, aU as Ra, aV as ya, aW as ha, aX as Aa, bu as Ca, ch as Fa, ci as Ha, cl as Pa, cm as fa, cn as va, co as Ba, cp as La, cq as Oa, cr as Na, aY as wa, bv as Ga, aZ as Ea, a_ as Va, a$ as xa, b0 as Ma, b2 as Wa, b3 as Ua, b4 as Ja, b5 as Ya, b6 as ja, bb as qa, b7 as za, bw as Za, bc as _a, bd as $a, b8 as Ka, be as Qa, b9 as Xa, bx as ae, aB as ee, by as se, bf as te, ba as oe, a9 as re, aw as ne, ac as ue, ad as ce, Z as ie, a8 as le, bY as pe, bI as de, _ as be, $ as ge, a0 as me, aa as Se, ab as Ie, ae as ke, ct as Te, cu as De, bZ as Re, a1 as ye, a2 as he, a3 as Ae, a4 as Ce, cv as Fe, cw as He, cx as Pe, cy as fe, cz as ve, af as Be, ag as Le, cA as Oe, cB as Ne, cC as we, cD as Ge, ah as Ee, ai as Ve, cE as xe, cF as Me, cG as We, al as Ue, am as Je, U as Ye, aj as je, ak as qe, W as ze, b_ as Ze, b$ as _e, c0 as $e, V as Ke, Y as Qe, a5 as Xe, cj as as, cf as es, a6 as ss, a7 as ts, an as os, au as rs, av as ns, ao as us, ap as cs, aq as is, ar as ls, as as ps, ck as ds, cs as bs, az as gs, aC as ms, cg as Ss, b1 as Is } from "./main-DX8JF0Cz.js";
2
+ import { aD as s, bg as t, aE as o, aF as r, aG as n, aH as u, aI as c, aJ as i, aK as l, aL as p, bh as d, aM as b, aN as g, at as m, bi as S, bj as I, bk as k, bl as T, aO as D, ax as R, ay as y, aP as h, aQ as A, bm as C, bz as F, bA as H, bC as P, bE as f, bG as v, bK as B, bM as L, bR as O, bU as N, bW as w, c1 as G, c3 as E, c5 as V, c7 as x, c9 as M, cd as W, ce as U, aR as J, aS as Y, bB as j, bD as q, bF as z, bH as Z, bJ as _, bL as $, bN as K, bO as Q, bP as X, bQ as aa, bS as ea, bT as sa, bV as ta, bX as oa, c2 as ra, c4 as na, c6 as ua, c8 as ca, ca as ia, cb as la, cc as pa, bn as da, bo as ba, bp as ga, bq as ma, aA as Sa, br as Ia, aT as ka, bs as Ta, bt as Da, aU as Ra, aV as ya, aW as ha, aX as Aa, bu as Ca, ch as Fa, ci as Ha, cl as Pa, cm as fa, cn as va, co as Ba, cp as La, cq as Oa, cr as Na, aY as wa, bv as Ga, aZ as Ea, a_ as Va, a$ as xa, b0 as Ma, b2 as Wa, b3 as Ua, b4 as Ja, b5 as Ya, b6 as ja, bb as qa, b7 as za, bw as Za, bc as _a, bd as $a, b8 as Ka, be as Qa, b9 as Xa, bx as ae, aB as ee, by as se, bf as te, ba as oe, a9 as re, aw as ne, ac as ue, ad as ce, Z as ie, a8 as le, bY as pe, bI as de, _ as be, $ as ge, a0 as me, aa as Se, ab as Ie, ae as ke, ct as Te, cu as De, bZ as Re, a1 as ye, a2 as he, a3 as Ae, a4 as Ce, cv as Fe, cw as He, cx as Pe, cy as fe, cz as ve, af as Be, ag as Le, cA as Oe, cB as Ne, cC as we, cD as Ge, ah as Ee, ai as Ve, cE as xe, cF as Me, cG as We, al as Ue, am as Je, U as Ye, aj as je, ak as qe, W as ze, b_ as Ze, b$ as _e, c0 as $e, V as Ke, Y as Qe, a5 as Xe, cj as as, cf as es, a6 as ss, a7 as ts, an as os, au as rs, av as ns, ao as us, ap as cs, aq as is, ar as ls, as as ps, ck as ds, cs as bs, az as gs, aC as ms, cg as Ss, b1 as Is } from "./main-BPlS7o1x.js";
3
3
  export {
4
4
  s as A,
5
5
  t as ActionButtons,
@@ -34,6 +34,7 @@ export declare const iconMapping: {
34
34
  readonly currencyEur: phosphor.Icon;
35
35
  readonly dotsThree: phosphor.Icon;
36
36
  readonly download: phosphor.Icon;
37
+ readonly envelopeSimple: phosphor.Icon;
37
38
  readonly eye: phosphor.Icon;
38
39
  readonly eyeSlash: phosphor.Icon;
39
40
  readonly flag: phosphor.Icon;
@@ -298,7 +298,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
298
298
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
299
299
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
300
300
  label: string;
301
- icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
301
+ icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
302
302
  href: string;
303
303
  target?: string | undefined;
304
304
  delayMs?: number | undefined;
@@ -584,7 +584,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
584
584
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
585
585
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
586
586
  label: string;
587
- icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
587
+ icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
588
588
  href?: undefined;
589
589
  delayMs?: number | undefined;
590
590
  isLoading?: boolean | undefined;
@@ -27,7 +27,7 @@ export declare const InputRadioGroup: import('../../atoms/SkeletonTemplate').Ske
27
27
  showInput?: boolean | undefined;
28
28
  viewMode?: "grid" | "list" | "inline" | "simple" | undefined;
29
29
  hint?: {
30
- icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
30
+ icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
31
31
  text: ReactNode;
32
32
  } | undefined;
33
33
  feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className"> | undefined;
@@ -30,7 +30,7 @@ export type InputReadonlyProps = InputWrapperBaseProps & {
30
30
  export declare const InputReadonly: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
31
31
  label?: string | undefined;
32
32
  hint?: {
33
- icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
33
+ icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
34
34
  text: import('react').ReactNode;
35
35
  } | undefined;
36
36
  feedback?: Omit<import('./InputFeedback').InputFeedbackProps, "className"> | undefined;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- type Variant = 'primary' | 'secondary' | 'danger' | 'link' | 'circle';
2
+ type Variant = 'primary' | 'secondary' | 'danger' | 'link' | 'circle' | 'relationship';
3
3
  type Size = 'mini' | 'small' | 'regular' | 'large';
4
4
  export interface InteractiveElementProps {
5
5
  children: React.ReactNode;
@@ -9,7 +9,7 @@ export declare const ListItemDescription: import('../../atoms/SkeletonTemplate')
9
9
  }>;
10
10
  export declare const ListItemIcon: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
11
11
  color: "none" | "green" | "orange" | "red" | "gray" | "lightGray" | "teal" | "white" | "black" | undefined;
12
- icon: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle";
12
+ icon: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle";
13
13
  delayMs?: number | undefined;
14
14
  isLoading?: boolean | undefined;
15
15
  }>;
@@ -16,6 +16,21 @@ export declare function isFunctionComponent(reactNode: ReactNode): reactNode is
16
16
  * ```
17
17
  */
18
18
  export declare function isSpecificReactComponent(reactNode: ReactNode, displayNames: RegExp[]): reactNode is JSX.Element;
19
+ /**
20
+ * Checks if a ReactNode matches a specific JSX tag.
21
+ * @param reactNode - a ReactNode single child
22
+ * @param tagNames - a list of names of the jsx tags we would like to match
23
+ * @returns a boolean value indicating argument match the passed displayNames
24
+ *
25
+ * @example
26
+ * ```jsx
27
+ * React.Children.map(children, (child) =>
28
+ * isSpecificJsxTag(child, ['button', 'input'])
29
+ * )
30
+ * // will return an array of true/false values depending if some child is a button
31
+ * ```
32
+ */
33
+ export declare function isSpecificJsxTag(reactNode: ReactNode, tagNames: string[]): reactNode is JSX.Element;
19
34
  export declare function getInnerText(reactNode: ReactNode): string;
20
35
  /**
21
36
  * Filter an `Element` looking for all children with the given `displayName`.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercelayer/app-elements",
3
- "version": "1.24.0",
3
+ "version": "1.24.1",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "files": [