@commercelayer/app-elements 1.5.0 → 1.6.0

package/dist/main.js

@@ -1,4 +1,4 @@
-import { aq as i, a_ as b, ar as p, as as c, at as l, au as d, av as g, aw as m, ax as S, a$ as I, ay as k, az as T, ah as D, b0 as R, b1 as C, b2 as y, aA as A, ak as H, al as h, aB as P, aC as F, be as B, bf as f, bh as v, bj as L, bl as O, bp as G, br as N, bw as V, bz as w, bB as x, bI as E, bK as M, bM as J, bP as U, bT as W, bU as Y, aD as Z, aE as $, bg as j, bi as q, bk as z, bm as K, bo as Q, bq as X, bs as _, bt as aa, bu as ea, bv as sa, bx as ta, by as ra, bA as oa, bC as na, bJ as ua, bL as ia, bN as ba, bO as pa, bQ as ca, bR as la, bS as da, b3 as ga, b4 as ma, b5 as Sa, b6 as Ia, an as ka, b7 as Ta, aF as Da, b8 as Ra, b9 as Ca, aG as ya, aH as Aa, aI as Ha, ba as ha, bX as Pa, bY as Fa, bZ as Ba, b_ as fa, b$ as va, c0 as La, c1 as Oa, c2 as Ga, c3 as Na, bb as Va, aJ as wa, aK as xa, aL as Ea, aM as Ma, aO as Ja, aP as Ua, aQ as Wa, aR as Ya, aW as Za, aS as $a, bc as ja, aX as qa, aY as za, aT as Ka, aZ as Qa, aU as Xa, bd as _a, ao as ae, aV as ee, a2 as se, a1 as te, bD as re, bn as oe, W as ne, a3 as ue, a4 as ie, a5 as be, c5 as pe, c6 as ce, bE as le, Y as de, Z as ge, c7 as me, c8 as Se, c9 as Ie, ca as ke, cb as Te, cc as De, a6 as Re, a7 as Ce, cd as ye, ce as Ae, cf as He, a8 as he, a9 as Pe, S as Fe, aa as Be, ab as fe, U as ve, bF as Le, bG as Oe, bH as Ge, T as Ne, V as Ve, bV as we, $ as xe, a0 as Ee, ac as Me, ai as Je, aj as Ue, ad as We, ae as Ye, af as Ze, ag as $e, c4 as je, am as qe, ap as ze, bW as Ke, aN as Qe } from "./main-e00db212.js";
+import { aq as i, a_ as b, ar as p, as as c, at as l, au as d, av as g, aw as m, ax as S, a$ as I, ay as k, az as T, ah as D, b0 as R, b1 as C, b2 as y, aA as A, ak as H, al as h, aB as P, aC as F, be as B, bf as f, bh as v, bj as L, bl as O, bp as G, br as N, bw as V, bz as w, bB as x, bI as E, bK as M, bM as J, bP as U, bT as W, bU as Y, aD as Z, aE as $, bg as j, bi as q, bk as z, bm as K, bo as Q, bq as X, bs as _, bt as aa, bu as ea, bv as sa, bx as ta, by as ra, bA as oa, bC as na, bJ as ua, bL as ia, bN as ba, bO as pa, bQ as ca, bR as la, bS as da, b3 as ga, b4 as ma, b5 as Sa, b6 as Ia, an as ka, b7 as Ta, aF as Da, b8 as Ra, b9 as Ca, aG as ya, aH as Aa, aI as Ha, ba as ha, bX as Pa, bY as Fa, bZ as Ba, b_ as fa, b$ as va, c0 as La, c1 as Oa, c2 as Ga, c3 as Na, bb as Va, aJ as wa, aK as xa, aL as Ea, aM as Ma, aO as Ja, aP as Ua, aQ as Wa, aR as Ya, aW as Za, aS as $a, bc as ja, aX as qa, aY as za, aT as Ka, aZ as Qa, aU as Xa, bd as _a, ao as ae, aV as ee, a2 as se, a1 as te, bD as re, bn as oe, W as ne, a3 as ue, a4 as ie, a5 as be, c5 as pe, c6 as ce, bE as le, Y as de, Z as ge, c7 as me, c8 as Se, c9 as Ie, ca as ke, cb as Te, cc as De, a6 as Re, a7 as Ce, cd as ye, ce as Ae, cf as He, a8 as he, a9 as Pe, S as Fe, aa as Be, ab as fe, U as ve, bF as Le, bG as Oe, bH as Ge, T as Ne, V as Ve, bV as we, $ as xe, a0 as Ee, ac as Me, ai as Je, aj as Ue, ad as We, ae as Ye, af as Ze, ag as $e, c4 as je, am as qe, ap as ze, bW as Ke, aN as Qe } from "./main-6ef1aaed.js";
 import "react";
 import "react-dom";
 import "@commercelayer/sdk";

package/dist/ui/atoms/Card.d.ts

@@ -14,11 +14,22 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
      * Footer will render in a dedicated section below the main content.
      */
     footer?: React.ReactNode;
+    /**
+     * Set the overflow behavior. In most of the cases you might want to keep overflow visible,
+     * but when you have inner content with hover effects you might want to set overflow to hidden.
+     */
+    overflow: 'visible' | 'hidden';
+    /**
+     * Set a gray background color
+     */
+    backgroundColor?: 'light';
 }
 /** Card is a flexible component used to group and display content in a clear and concise format. */
 export declare const Card: import("./SkeletonTemplate").SkeletonTemplateComponent<{
     gap?: "1" | "4" | "6" | undefined;
     footer?: React.ReactNode;
+    overflow: 'visible' | 'hidden';
+    backgroundColor?: "light" | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;

package/dist/ui/atoms/Hr.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
-export type HrProps = Omit<React.HTMLProps<HTMLHRElement>, 'children'>;
+export type HrProps = Omit<React.HTMLProps<HTMLHRElement>, 'children'> & {
+    /**
+     * The variant of the horizontal rule.
+     * @default solid
+     */
+    variant?: 'solid' | 'dashed';
+};
 /**
  * This component wraps an [`<hr>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr) HTML element.
  * <span type='info'>All the props are directly sent to the horizontal rule element.</span>

package/dist/ui/forms/InputCheckbox/HookedInputCheckbox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputCheckboxProps } from './InputCheckbox';
-export interface HookedInputCheckboxProps extends InputCheckboxProps {
+export interface HookedInputCheckboxProps extends Omit<InputCheckboxProps, 'onChange' | 'checked' | 'feedback' | 'defaultValue' | 'defaultChecked'> {
     /**
      * field name to match hook-form state
      */

package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts

@@ -1,5 +1,4 @@
-import { type InputWrapperBaseProps } from '../../internals/InputWrapper';
-import { type ReactNode } from 'react';
+import { type ComponentProps, type ReactNode } from 'react';
 interface OptionItem {
     /**
      * Item identifier, must be unique and will be used for the onChange callback
@@ -10,37 +9,6 @@ interface OptionItem {
      */
     content: ReactNode;
 }
-export interface InputRadioGroupProps extends Pick<InputWrapperBaseProps, 'feedback' | 'hint'> {
-    /**
-     * Text to be displayed on top of the list
-     */
-    title?: string;
-    /**
-     * Input name, will be used to set the html name for all radios
-     */
-    name: string;
-    /**
-     * List of options to render as radio
-     */
-    options: OptionItem[];
-    /**
-     * Default value
-     */
-    defaultValue?: string;
-    /**
-     * Callback triggered when the user update the selection
-     */
-    onChange?: (selected: string | undefined) => void;
-    /**
-     * Show input element
-     */
-    showInput?: boolean;
-    /**
-     * Define how the item options are rendered
-     * @default list
-     */
-    viewMode?: 'list' | 'inline' | 'grid';
-}
 export declare const InputRadioGroup: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     title?: string | undefined;
     name: string;
@@ -57,4 +25,5 @@ export declare const InputRadioGroup: import('../../atoms/SkeletonTemplate').Ske
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;
+export type InputRadioGroupProps = ComponentProps<typeof InputRadioGroup>;
 export {};

package/dist/ui/resources/ResourceShipmentParcels.mocks.d.ts

@@ -1,9 +1,13 @@
+import { type ResourceShipmentParcels } from '../resources/ResourceShipmentParcels';
+type Shipment = Parameters<typeof ResourceShipmentParcels>[0]['shipment'];
+type Parcel = NonNullable<Shipment['parcels']>[number];
 export declare const parcelWithoutTracking1: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithoutTracking2: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithTracking1: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithTracking2: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithTracking3: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
 export declare const parcelWithoutTrackingDetails1: import("@commercelayer/sdk/lib/cjs/resources/parcels").Parcel;
+export declare const parcelWithCustomsInfo: Parcel;
 export declare const shipmentWithoutTracking: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithStatusDifferentFromPacking: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentHasBeenPurchased: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
@@ -13,3 +17,5 @@ export declare const shipmentWithMultipleParcelsSingleTracking: import("@commerc
 export declare const shipmentWithMultipleParcelsMultipleTrackings: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithoutTrackingDetails: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithoutParcels: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
+export declare const shipmentWithCustomsInfo: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "type": "module",
   "license": "MIT",
   "files": [