newskit 3.13.0 → 4.2.0

package/esm/form/utils.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormProps } from './types';
 import { FormInputState } from '../text-field/types';
 export declare const composeEventHandlers: (listeners?: any[]) => (event: any) => void;
 export declare const getStatusIcon: ({ state, validIcon, invalidIcon, iconSize, }: {
@@ -7,4 +8,264 @@ export declare const getStatusIcon: ({ state, validIcon, invalidIcon, iconSize,
     invalidIcon?: React.ReactNode;
     iconSize: string;
 }) => React.ReactNode;
+export declare const excludeReactHookFormProps: (props: FormProps) => {
+    children: React.ReactNode;
+    onSubmit: import("react-hook-form").SubmitHandler<Record<string, any>>;
+    onSubmitInvalid?: import("react-hook-form").SubmitErrorHandler<Record<string, any>> | undefined;
+    manifest?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "numeric" | "none" | "text" | "decimal" | "tel" | "url" | "email" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
+    'aria-busy'?: (boolean | "false" | "true") | undefined;
+    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "false" | "true") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "false" | "true") | undefined;
+    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "false" | "true") | undefined;
+    'aria-multiline'?: (boolean | "false" | "true") | undefined;
+    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-readonly'?: (boolean | "false" | "true") | undefined;
+    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "false" | "true") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "false" | "true") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLFormElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLFormElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLFormElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLFormElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLFormElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLFormElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLFormElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLFormElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLFormElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLFormElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLFormElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLFormElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLFormElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLFormElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLFormElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLFormElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLFormElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+};
 //# sourceMappingURL=utils.d.ts.map

package/esm/form/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/form/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAGnD,eAAO,MAAM,oBAAoB,eAAe,GAAG,EAAE,aAAkB,GAAG,SAMzE,CAAC;AAEF,eAAO,MAAM,aAAa;YAMhB,cAAc;gBACV,MAAM,SAAS;kBACb,MAAM,SAAS;cACnB,MAAM;MACd,MAAM,SA6BT,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/form/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,OAAO,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAGnD,eAAO,MAAM,oBAAoB,eAAe,GAAG,EAAE,aAAkB,GAAG,SAMzE,CAAC;AAEF,eAAO,MAAM,aAAa;YAMhB,cAAc;gBACV,MAAM,SAAS;kBACb,MAAM,SAAS;cACnB,MAAM;MACd,MAAM,SA6BT,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAAW,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUzD,CAAC"}

package/esm/form/utils.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import { IconFilledCheckCircle, IconFilledError } from '../icons';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -27,4 +38,8 @@ export var getStatusIcon = function (_a) {
     }
     return null;
 };
+export var excludeReactHookFormProps = function (props) {
+    var resolver = props.resolver, defaultValues = props.defaultValues, reValidationMode = props.reValidationMode, validationMode = props.validationMode, rest = __rest(props, ["resolver", "defaultValues", "reValidationMode", "validationMode"]);
+    return rest;
+};
 //# sourceMappingURL=utils.js.map

package/esm/form/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/form/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,qBAAqB,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC;AAGhE,8DAA8D;AAC9D,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,SAAqB;IAArB,0BAAA,EAAA,cAAqB;IAAK,OAAA,UAAC,KAAU;QACxE,SAAS,CAAC,OAAO,CAAC,UAAA,QAAQ;YACxB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;AAN8D,CAM9D,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAU7B;QATC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,QAAQ,cAAA;IAOR,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,CACL,WAAW,IAAI,CACb,oBAAC,eAAe,mBACF,YAAY,EACxB,SAAS,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,cAAc;aAC5B,GACD,CACH,CACF,CAAC;KACH;IACD,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,OAAO,CACL,SAAS,IAAI,CACX,oBAAC,qBAAqB,mBACR,WAAW,EACvB,SAAS,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,cAAc;aAC5B,GACD,CACH,CACF,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/form/utils.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,qBAAqB,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC;AAGhE,8DAA8D;AAC9D,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,SAAqB;IAArB,0BAAA,EAAA,cAAqB;IAAK,OAAA,UAAC,KAAU;QACxE,SAAS,CAAC,OAAO,CAAC,UAAA,QAAQ;YACxB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;AAN8D,CAM9D,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAU7B;QATC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,QAAQ,cAAA;IAOR,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,CACL,WAAW,IAAI,CACb,oBAAC,eAAe,mBACF,YAAY,EACxB,SAAS,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,cAAc;aAC5B,GACD,CACH,CACF,CAAC;KACH;IACD,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,OAAO,CACL,SAAS,IAAI,CACX,oBAAC,qBAAqB,mBACR,WAAW,EACvB,SAAS,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,cAAc;aAC5B,GACD,CACH,CACF,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,KAAgB;IAEtD,IAAA,QAAQ,GAKN,KAAK,SALC,EACR,aAAa,GAIX,KAAK,cAJM,EACb,gBAAgB,GAGd,KAAK,iBAHS,EAChB,cAAc,GAEZ,KAAK,eAFO,EACX,IAAI,UACL,KAAK,EANH,mEAML,CADQ,CACC;IAEV,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/esm/icons/filled/custom/index.d.ts

@@ -6,7 +6,5 @@ export * from './icon-filled-reddit';
 export * from './icon-filled-twitter';
 export * from './icon-filled-whatsapp';
 export * from './icon-filled-youtube';
-export * from './icon-filled-circle';
-export * from './icon-filled-placeholder';
 export * from './indeterminate-progress-indicator';
 //# sourceMappingURL=index.d.ts.map

package/esm/icons/filled/custom/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,oCAAoC,CAAC"}

package/esm/icons/filled/custom/index.js

@@ -8,7 +8,5 @@ export * from './icon-filled-twitter';
 export * from './icon-filled-whatsapp';
 export * from './icon-filled-youtube';
 // Other custom icons
-export * from './icon-filled-circle';
-export * from './icon-filled-placeholder';
 export * from './indeterminate-progress-indicator';
 //# sourceMappingURL=index.js.map

package/esm/icons/filled/custom/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AAEtC,qBAAqB;AACrB,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AAEtC,qBAAqB;AACrB,cAAc,oCAAoC,CAAC"}

package/esm/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAwJnC,eAAO,MAAM,KAAK,wCAAqC,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAkHnC,eAAO,MAAM,KAAK,wCAAqC,CAAC"}

package/esm/image/image.js

@@ -23,17 +23,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useState, useRef, useCallback } from 'react';
 import dequal from 'dequal';
 import { IconOutlinedImage } from '../icons';
-import { StyledImageContainer, StyledLoadingContainer, StyledIconContainer, StyledImage, StyledImageAndCaptionContainer, } from './styled';
-import { useTheme } from '../theme';
-import { getToken } from '../utils/get-token';
+import { StyledLoadingContainer, StyledIconContainer, StyledImage, StyledPicture, } from './styled';
 import { useIntersection } from '../utils/hooks/use-intersection';
-import { ImageCaption } from './caption';
 import { Sources } from './sources';
-import { getSpaceStackValue, useClientSide } from './utils';
+import { useClientSide } from './utils';
 import { getComponentOverrides } from '../utils/overrides';
 var ImageComponent = function (_a) {
-    var captionText = _a.captionText, creditText = _a.creditText, loadingAspectRatio = _a.loadingAspectRatio, _b = _a.placeholderIcon, placeholderIcon = _b === void 0 ? false : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, _d = _a.renderOnServer, renderOnServer = _d === void 0 ? false : _d, loading = _a.loading, src = _a.src, _e = _a.sources, sources = _e === void 0 ? [] : _e, props = __rest(_a, ["captionText", "creditText", "loadingAspectRatio", "placeholderIcon", "overrides", "renderOnServer", "loading", "src", "sources"]);
-    var theme = useTheme();
+    var loadingAspectRatio = _a.loadingAspectRatio, _b = _a.placeholderIcon, placeholderIcon = _b === void 0 ? false : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, _d = _a.renderOnServer, renderOnServer = _d === void 0 ? false : _d, loading = _a.loading, src = _a.src, _e = _a.sources, sources = _e === void 0 ? [] : _e, props = __rest(_a, ["loadingAspectRatio", "placeholderIcon", "overrides", "renderOnServer", "loading", "src", "sources"]);
     var imageRef = useRef(null);
     var _f = useState(!renderOnServer), isLoading = _f[0], setIsLoading = _f[1];
     var _g = useState(false), hasError = _g[0], setError = _g[1];
@@ -43,8 +39,6 @@ var ImageComponent = function (_a) {
     ]);
     var onError = useCallback(function () { return setError(true); }, [setError]);
     useClientSide(onLoad, imageRef);
-    // TODO: remove when captions is removed from Image
-    var captionSpaceInset = getToken({ theme: theme, overrides: overrides }, 'image', 'caption', 'spaceInset');
     var lazyBoundary = '256px'; // its arbitrary
     var isLazy = loading === 'lazy' && typeof window !== 'undefined';
     var hasNativeLazyLoadSupport = typeof window !== 'undefined' && 'loading' in HTMLImageElement.prototype;
@@ -60,20 +54,11 @@ var ImageComponent = function (_a) {
     }), setRef = _h[0], isIntersected = _h[1];
     var isVisible = !isLazy || isIntersected;
     // This code can be removed once Safari start supporting loading=lazy
+    // This code can be removed once Safari start supporting loading=lazy
     var getSource = useCallback(function () {
-        if ((isLazy && hasNativeLazyLoadSupport) || renderOnServer) {
-            return src;
-        }
-        // This if statements is returning  the same as above,
-        // however I give native lazy loading priority when to load the image
-        /* istanbul ignore next */
-        if (!hasNativeLazyLoadSupport && isLazy && isVisible) {
-            return src;
-        }
-        if (!hasNativeLazyLoadSupport && isLazy && !isVisible) {
-            return '';
-        }
-        return src;
+        return isLazy && !renderOnServer && !hasNativeLazyLoadSupport && !isVisible
+            ? undefined
+            : src;
     }, [isVisible, isLazy, src, hasNativeLazyLoadSupport, renderOnServer]);
     var currentSrc = getSource();
     var showLoading = useCallback(function () {
@@ -90,17 +75,11 @@ var ImageComponent = function (_a) {
             size: 'iconSize040',
         },
     }), PlaceholderComponent = _j[0], placeholderProps = _j[1];
-    return (React.createElement(StyledImageAndCaptionContainer, { overrides: overrides, loadingAspectRatio: loadingAspectRatio, ref: setRef },
-        React.createElement(StyledImageContainer, { isLoading: showLoading(), 
-            // TODO: remove when Caption is form Image component
-            spaceStack: getSpaceStackValue(captionText, captionSpaceInset), loadingAspectRatio: loadingAspectRatio, overrides: overrides, 
-            // TODO: change to styled.picture after Caption is removed
-            as: "picture" },
-            showLoading() && (React.createElement(StyledLoadingContainer, null, placeholderIcon && (React.createElement(StyledIconContainer, null,
-                React.createElement(PlaceholderComponent, __assign({}, placeholderProps)))))),
-            React.createElement(Sources, { sources: sources }),
-            React.createElement(StyledImage, __assign({}, props, { onLoad: onLoad, onError: onError, isLoading: showLoading(), loading: loading, overrides: overrides, loadingAspectRatio: loadingAspectRatio, ref: imageRef, src: currentSrc }))),
-        captionText && (React.createElement(ImageCaption, { captionText: captionText, creditText: creditText, overrides: overrides }))));
+    return (React.createElement(StyledPicture, { isLoading: showLoading(), loadingAspectRatio: loadingAspectRatio, overrides: overrides, ref: setRef },
+        showLoading() && (React.createElement(StyledLoadingContainer, null, placeholderIcon && (React.createElement(StyledIconContainer, null,
+            React.createElement(PlaceholderComponent, __assign({}, placeholderProps)))))),
+        React.createElement(Sources, { sources: sources }),
+        React.createElement(StyledImage, __assign({}, props, { onLoad: onLoad, onError: onError, isLoading: showLoading(), loading: loading, overrides: overrides, loadingAspectRatio: loadingAspectRatio, ref: imageRef, src: currentSrc }))));
 };
 export var Image = React.memo(ImageComponent, dequal);
 //# sourceMappingURL=image.js.map

package/esm/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"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"}

package/esm/image/styled.d.ts

@@ -1,14 +1,9 @@
 /// <reference types="react" />
-import { StyledImageContainerProps, StyledImageProps } from './types';
-export declare const StyledImageAndCaptionContainer: import("@emotion/styled").StyledComponent<{
+import { StyledPictureProps, StyledImageProps } from './types';
+export declare const StyledPicture: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<StyledImageProps, "overrides" | "loadingAspectRatio">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledImageContainer: import("@emotion/styled").StyledComponent<import("../block").BlockProps & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & StyledImageContainerProps, {}, {}>;
+} & StyledPictureProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const StyledImage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/esm/image/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/image/styled.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,yBAAyB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAGpE,eAAO,MAAM,8BAA8B;;;sKAO1C,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;sCAUhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;mIA6BvB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGAUlC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/image/styled.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,kBAAkB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAG7D,eAAO,MAAM,aAAa;;;wHAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;mIA6BvB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGAUlC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC"}

package/esm/image/styled.js

@@ -13,28 +13,24 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Block } from '../block';
 import { getResponsiveSize, getStylePreset, styled } from '../utils/style';
 import { getResponsiveAspectRatioFromProps } from './utils';
-export var StyledImageAndCaptionContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    return getResponsiveAspectRatioFromProps(props, function (_a) {
-        var width = _a.width;
-        return ({
-            width: width,
-        });
-    });
-});
-export var StyledImageContainer = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  display: block;\n\n  ", "\n  ", "\n"], ["\n  position: relative;\n  width: 100%;\n  display: block;\n\n  ", "\n  ", "\n"])), function (_a) {
+export var StyledPicture = styled.picture(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  display: block;\n\n  ", "\n  ", "\n"], ["\n  position: relative;\n  width: 100%;\n  display: block;\n\n  ", "\n  ", "\n"])), function (_a) {
     var isLoading = _a.isLoading, props = __rest(_a, ["isLoading"]);
     return getResponsiveAspectRatioFromProps(props, function (_a) {
-        var paddingTop = _a.paddingTop;
-        return isLoading ? { paddingTop: paddingTop, height: 0 } : { height: 'auto', paddingTop: 0 };
+        var paddingTop = _a.paddingTop, width = _a.width, height = _a.height;
+        if (!isLoading) {
+            return { paddingTop: 0, height: 'auto', width: width };
+        }
+        return parseInt(height, 10)
+            ? { width: width, height: height }
+            : { paddingTop: paddingTop, height: 0, width: width };
     });
 }, function (_a) {
     var isLoading = _a.isLoading, props = __rest(_a, ["isLoading"]);
     return getStylePreset('image', '', { isLoading: isLoading })(props);
 });
-export var StyledImage = styled.img(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  opacity: ", ";\n  display: block;\n  border-radius: inherit;\n\n  ", "\n  ", "  \n  ", "\n  \n  ", "\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n"], ["\n  opacity: ", ";\n  display: block;\n  border-radius: inherit;\n\n  ", "\n  ", "  \n  ", "\n  \n  ", "\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n"])), function (_a) {
+export var StyledImage = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: ", ";\n  display: block;\n  border-radius: inherit;\n\n  ", "\n  ", "  \n  ", "\n  \n  ", "\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n"], ["\n  opacity: ", ";\n  display: block;\n  border-radius: inherit;\n\n  ", "\n  ", "  \n  ", "\n  \n  ", "\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n"])), function (_a) {
     var isLoading = _a.isLoading;
     return (isLoading ? '0' : '1');
 }, getResponsiveSize('maxWidth', 'image', 'maxWidth', ''), getResponsiveSize('maxHeight', 'image', 'maxHeight', ''), function (props) {
@@ -56,7 +52,7 @@ export var StyledImage = styled.img(templateObject_3 || (templateObject_3 = __ma
         animation: !isLoading ? 'fadeIn 300ms' : undefined,
     });
 });
-export var StyledLoadingContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  top: 0;\n  left: 0;\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n"], ["\n  top: 0;\n  left: 0;\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n"])));
-export var StyledIconContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n"], ["\n  display: flex;\n  justify-content: center;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+export var StyledLoadingContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  top: 0;\n  left: 0;\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n"], ["\n  top: 0;\n  left: 0;\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n"])));
+export var StyledIconContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n"], ["\n  display: flex;\n  justify-content: center;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=styled.js.map

package/esm/image/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/image/styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAC,iCAAiC,EAAC,MAAM,SAAS,CAAC;AAE1D,MAAM,CAAC,IAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,+EAEvD,MACG,EAGG,IACN,KAJG,UAAA,KAAK;IACL,OAAA,iCAAiC,CAAC,KAAK,EAAE,UAAC,EAAO;YAAN,KAAK,WAAA;QAAM,OAAA,CAAC;YACrD,KAAK,OAAA;SACN,CAAC;IAFoD,CAEpD,CAAC;AAFH,CAEG,CACN,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,mJAA2B,kEAKxE,EAGC,MACD,EAA0E,IAC7E,KALG,UAAC,EAAqB;IAApB,IAAA,SAAS,eAAA,EAAK,KAAK,cAApB,aAAqB,CAAD;IACrB,OAAA,iCAAiC,CAAC,KAAK,EAAE,UAAC,EAAY;YAAX,UAAU,gBAAA;QACnD,OAAA,SAAS,CAAC,CAAC,CAAC,EAAC,UAAU,YAAA,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAC;IAArE,CAAqE,CACtE,CAAA;CAAA,EACD,UAAC,EAAqB;IAApB,IAAA,SAAS,eAAA,EAAK,KAAK,cAApB,aAAqB,CAAD;IAAM,OAAA,cAAc,CAAC,OAAO,EAAE,EAAE,EAAE,EAAC,SAAS,WAAA,EAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CAAA,CAC7E,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qRAAkB,eAC1C,EAAwC,uDAIjD,EAAsD,MACtD,EAAwD,QACxD,EAIG,UAEH,EAOA,0GASH,KA5BY,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAIjD,iBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,EACtD,iBAAiB,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,EACxD,UAAA,KAAK;IACL,OAAA,iCAAiC,CAAC,KAAK,EAAE,UAAC,EAAe;YAAd,MAAM,YAAA,EAAE,KAAK,WAAA;QAAM,OAAA,CAAC;YAC7D,MAAM,QAAA;YACN,KAAK,OAAA;SACN,CAAC;IAH4D,CAG5D,CAAC;AAHH,CAGG,EAEH,UAAC,EAAqD;QAA/C,SAAS,SAAA,EAAY,cAAc,cAAA,EAAE,SAAS,eAAA;IAAM,OAAA,CAAC;QAC5D,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC9B,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC/B,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC5C,SAAS,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;KACnD,CAAC;AAP2D,CAO3D,CASH,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,6OAAA,0KAU/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,qHAAA,kDAG5C,IAAA,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/image/styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAC,iCAAiC,EAAC,MAAM,SAAS,CAAC;AAE1D,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,mJAAoB,kEAK3D,EASE,MACF,EAA0E,IAC7E,KAXG,UAAC,EAAqB;IAApB,IAAA,SAAS,eAAA,EAAK,KAAK,cAApB,aAAqB,CAAD;IACrB,OAAA,iCAAiC,CAAC,KAAK,EAAE,UAAC,EAA2B;YAA1B,UAAU,gBAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;QAClE,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,EAAC,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,OAAA,EAAC,CAAC;SAC/C;QAED,OAAO,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC;YACzB,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,MAAM,QAAA,EAAC;YACjB,CAAC,CAAC,EAAC,UAAU,YAAA,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,OAAA,EAAC,CAAC;IACrC,CAAC,CAAC,CAAA;CAAA,EACF,UAAC,EAAqB;IAApB,IAAA,SAAS,eAAA,EAAK,KAAK,cAApB,aAAqB,CAAD;IAAM,OAAA,cAAc,CAAC,OAAO,EAAE,EAAE,EAAE,EAAC,SAAS,WAAA,EAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CAAA,CAC7E,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qRAAkB,eAC1C,EAAwC,uDAIjD,EAAsD,MACtD,EAAwD,QACxD,EAIG,UAEH,EAOA,0GASH,KA5BY,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAIjD,iBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,EACtD,iBAAiB,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,EACxD,UAAA,KAAK;IACL,OAAA,iCAAiC,CAAC,KAAK,EAAE,UAAC,EAAe;YAAd,MAAM,YAAA,EAAE,KAAK,WAAA;QAAM,OAAA,CAAC;YAC7D,MAAM,QAAA;YACN,KAAK,OAAA;SACN,CAAC;IAH4D,CAG5D,CAAC;AAHH,CAGG,EAEH,UAAC,EAAqD;QAA/C,SAAS,SAAA,EAAY,cAAc,cAAA,EAAE,SAAS,eAAA;IAAM,OAAA,CAAC;QAC5D,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC9B,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC/B,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC5C,SAAS,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;KACnD,CAAC;AAP2D,CAO3D,CASH,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,6OAAA,0KAU/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,qHAAA,kDAG5C,IAAA,CAAC"}

package/esm/image/types.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ObjectFitProperty, HeightProperty, WidthProperty, MaxHeightProperty, MaxWidthProperty, ObjectPositionProperty } from 'csstype';
 import { MQ } from '../utils/style';
-import { CaptionOverrides } from '../caption';
 import { NewsKitIconProps } from '../icons';
 import { BreakpointKeys } from '../theme/types';
 import { Override } from '../utils/overrides';
@@ -27,7 +26,7 @@ export interface StyledImageProps extends HTMLImageElementWithNoSizes, ImageAlig
         maxWidth?: MQ<MaxWidthProperty<string>>;
     } & ImageCommonProps['overrides'];
 }
-export interface StyledImageContainerProps extends ImageCommonProps {
+export interface StyledPictureProps extends ImageCommonProps {
     overrides?: {
         stylePreset?: MQ<string>;
     } & ImageCommonProps['overrides'];
@@ -35,8 +34,6 @@ export interface StyledImageContainerProps extends ImageCommonProps {
 export interface ImageProps extends HTMLImageElementWithNoSizes, ImageAlignmentProps {
     placeholderIcon?: boolean;
     loadingAspectRatio?: MQ<string>;
-    captionText?: string;
-    creditText?: string;
     renderOnServer?: boolean;
     loading?: LoadingType;
     sources?: ImageSource[];
@@ -44,7 +41,6 @@ export interface ImageProps extends HTMLImageElementWithNoSizes, ImageAlignmentP
         maxHeight?: MQ<MaxHeightProperty<string>>;
         maxWidth?: MQ<MaxWidthProperty<string>>;
         stylePreset?: MQ<string>;
-        caption?: CaptionOverrides;
         placeholderIcon?: Override<NewsKitIconProps>;
     } & ImageCommonProps['overrides'];
 }

package/esm/image/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/image/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAE5C,aAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpC,UAAU,2BACR,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAAG;AAEhF,oBAAY,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;QACpC,KAAK,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;KACnC,CAAC;CACH,CAAC;AAEF,UAAU,mBAAmB;IAC3B,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;CAC3C;AACD,MAAM,WAAW,gBACf,SAAQ,2BAA2B,EACjC,mBAAmB,EACnB,gBAAgB;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;KACzC,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AACD,MAAM,WAAW,UACf,SAAQ,2BAA2B,EACjC,mBAAmB;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;QACxC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,eAAe,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;KAC9C,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CACjC"}

package/esm/image/utils.d.ts

@@ -8,6 +8,5 @@ export declare const getResponsiveAspectRatioFromProps: ({ overrides, ...props }
     paddingTop: string;
 }) => string | CSSObject) => string | CSSObject;
 export declare const useClientSide: (callback: () => boolean | void, imgRef: React.RefObject<HTMLImageElement>) => void;
-export declare const getSpaceStackValue: (captionText?: string | undefined, captionSpaceInset?: object | undefined) => "" | "space020";
 export declare const getNextBreakpoint: (current: BreakpointKeys, all: BreakpointKeys[]) => BreakpointKeys | undefined;
 //# sourceMappingURL=utils.d.ts.map

package/esm/image/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iCAAiC,4BACrB,gBAAgB,GAAG,SAAS,oBACjC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,GAAG,SAAS,KACvB,MAAM,GAAG,SAkCX,CAAC;AAEF,eAAO,MAAM,aAAa,aACd,MAAM,OAAO,GAAG,IAAI,UACtB,MAAM,SAAS,CAAC,gBAAgB,CAAC,SAQ1C,CAAC;AAGF,eAAO,MAAM,kBAAkB,+FAQ9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,cAAc,OAClB,cAAc,EAAE,KACpB,cAAc,GAAG,SAGnB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,iCAAiC,4BACrB,gBAAgB,GAAG,SAAS,oBACjC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,GAAG,SAAS,KACvB,MAAM,GAAG,SAkCX,CAAC;AAEF,eAAO,MAAM,aAAa,aACd,MAAM,OAAO,GAAG,IAAI,UACtB,MAAM,SAAS,CAAC,gBAAgB,CAAC,SAQ1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,cAAc,OAClB,cAAc,EAAE,KACpB,cAAc,GAAG,SAGnB,CAAC"}

package/esm/image/utils.js

@@ -56,13 +56,6 @@ export var useClientSide = function (callback, imgRef) {
         }
     });
 };
-// TODO: remove when captions is removed from Image
-export var getSpaceStackValue = function (captionText, captionSpaceInset) {
-    if (captionText && !captionSpaceInset) {
-        return 'space020';
-    }
-    return '';
-};
 export var getNextBreakpoint = function (current, all) {
     var currentIndex = all.indexOf(current);
     return all[currentIndex + 1];