carbon-react 162.11.0 → 162.12.0-beta.1

package/esm/components/tile/tile-header/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./tile-header.component";
-export type { TileHeaderProps } from "./tile-header.component";

package/esm/components/tile/tile-header/index.js

@@ -1 +0,0 @@
-export{TileHeader as default}from"./tile-header.component.js";

package/esm/components/tile/tile-header/tile-header.component.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { PaddingProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface TileHeaderProps extends PaddingProps, TagProps {
-    children?: React.ReactNode;
-    /** set which background color variant should be used */
-    variant?: "default" | "black" | "transparent" | "grey";
-}
-/** @deprecated The `TileHeader` component is deprecated and will be removed in a future version. Please use the `Box` component instead. */
-export declare const TileHeader: ({ variant, children, ...rest }: TileHeaderProps) => React.JSX.Element;
-export default TileHeader;

package/esm/components/tile/tile-header/tile-header.component.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import"react";import{Box as e}from"../../box/box.component.js";import t from"../../../__internal__/utils/helpers/tags/tags.js";import n from"../../../style/utils/filter-styled-system-padding-props.js";function o(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}const i={transparent:"transparent",black:"var(--colorsUtilityYin100)",grey:"var(--colorsUtilityMajor025)",default:"var(--colorsUtilityMajor100)"},c=c=>{var l,a,{variant:p,children:s}=c,u=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},i=Object.keys(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(c,["variant","children"]);return r(e,(l=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){o(r,e,t[e])}))}return r}({"data-component":"tile-header",backgroundColor:i[p||"default"]},n(u),t("tile-header",u)),a=null!=(a={children:s})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(a)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(a)).forEach((function(r){Object.defineProperty(l,r,Object.getOwnPropertyDescriptor(a,r))})),l))};export{c as TileHeader,c as default};

package/esm/components/tile/tile.component.d.ts

@@ -1,61 +0,0 @@
-import React from "react";
-import * as DesignTokens from "@sage/design-tokens/js/base/common";
-import { SpaceProps, WidthProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { TILE_HIGHLIGHT_VARIANTS, STATUS_KEYLINE_VARIANTS } from "./tile.config";
-export type Roundness = "curved" | "moderate";
-export type LegacyRoundness = "default" | "large" | "small";
-type DesignTokensType = keyof typeof DesignTokens;
-type HighlightVariantType = (typeof TILE_HIGHLIGHT_VARIANTS)[number];
-export type DeprecatedTileVariants = "tile" | "transparent" | "active" | "grey";
-export type TileVariants = "standard" | "alt" | "positive" | "negative" | "unavailable";
-export interface TileProps extends SpaceProps, WidthProps, TagProps {
-    /** Sets the theme of the tile */
-    variant?: TileVariants | DeprecatedTileVariants;
-    /**
-     * The content to render within the tile. Each child will be wrapped with
-     * a TileContent wrapper, which allows any individual child component to take a
-     * percentage-based width prop, dictating the percentage of the tile width it will take up.
-     *
-     * Width will have no effect on a child component if the tile orientation is set to 'vertical'.
-     */
-    children?: React.ReactNode;
-    /** The orientation of the tile - set to either horizontal or vertical
-     * @deprecated The `orientation` prop has been deprecated and will be removed in a future version.
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * Set a percentage-based width for the whole Tile component, relative to its parent.
-     * If unset or zero, this will default to 100%.
-     */
-    width?: string | number;
-    /** Sets the border width by using these design tokens
-     * @deprecated The `borderWidth` prop is depreacted and will be removed in a future version.
-     */
-    borderWidth?: Extract<DesignTokensType, `borderWidth${string}`>;
-    /** Sets the border variant that should be used
-     * @deprecated The `borderVariant` prop has been deprecated and will be removed in a future version. Use the `outline` prop instead.
-     */
-    borderVariant?: "default" | "selected" | "positive" | "negative" | "caution" | "info";
-    /**
-     * Sets the level of roundness of the corners. Values can be `"curved"` or `"moderate"`.
-     *
-     * **Deprecated**: legacy values `"default"`, `"large"`, and `"small"` are deprecated and should not be used. */
-    roundness?: Roundness | LegacyRoundness;
-    /**
-     * Set a percentage-based height for the whole Tile component, relative to its parent.
-     */
-    height?: string | number;
-    /** Sets the highlight variant
-     * @deprecated The `highlightVariant` prop has been deprecated and will be removed in a future version. Use the `statusKeyline` prop instead.
-     */
-    highlightVariant?: HighlightVariantType;
-    /** Adds an outline to the tile to increase its visual prominence */
-    hasOutline?: boolean;
-    /** Inverts the tile colors for use on dark backgrounds for the 'standard' and 'alt' variants */
-    inverse?: boolean;
-    /** Sets the status keyline to indicate the status of the content within the tile */
-    statusKeyline?: (typeof STATUS_KEYLINE_VARIANTS)[number];
-}
-declare const Tile: ({ variant, p, children, width, roundness, height, highlightVariant, hasOutline, inverse, statusKeyline, ...rest }: TileProps) => React.JSX.Element;
-export default Tile;

package/esm/components/tile/tile.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"react";import{StyledTileWrapper as n,StyledTileKeyline as i,StyledTile as o}from"./tile.style.js";import{TileProvider as s}from"./__internal__/tile.context.js";import l from"../../style/utils/filter-styled-system-padding-props.js";import a from"../../style/utils/filter-styled-system-margin-props.js";import c from"../../__internal__/utils/helpers/tags/tags.js";import{TILE_ROUNDNESS_VALUE_MAP as u,HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP as p,TILE_VARIANT_DEPRECATION_MAP as f}from"./tile.config.js";import d from"../../__internal__/utils/logger/index.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}let m=!1;const O=y=>{var{variant:O="standard",p:g,children:b,width:j="100%",roundness:v="curved",height:w,highlightVariant:P,hasOutline:_=!0,inverse:S,statusKeyline:x}=y,V=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(y,["variant","p","children","width","roundness","height","highlightVariant","hasOutline","inverse","statusKeyline"]);!m&&["default","large","small"].includes(v)&&(m=!0,d.deprecate(`The legacy roundness value: '${v}' in Tile is deprecated. Please use 'curved' or 'moderate' instead.`));const k=u[v],D=l(h({p:g},V)),F=a(V),K=x||(P?p[P]:void 0);let E;E=O in f?f[O]:O;const[$,T]=r.useState(!1),[H,I]=r.useState(void 0);return e(n,{"data-role":"tile-wrapper",roundness:k,width:j,height:w,children:t(s,{value:{hasFooter:$,setHasFooter:T,footerVariant:H,setFooterVariant:I},children:[e(i,{"data-role":"tile-keyline",statusKeyline:K,inverse:S}),e(o,(q=h({variant:E,p:g,roundness:k},D,F,c("tile",V)),z={hasOutline:_,inverse:S,statusKeyline:K,$hasFooter:$,$footerVariant:H,children:b},z=null!=z?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(q,Object.getOwnPropertyDescriptors(z)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(z)).forEach((function(e){Object.defineProperty(q,e,Object.getOwnPropertyDescriptor(z,e))})),q))]})});var q,z};export{O as default};

package/esm/components/tile/tile.config.d.ts

@@ -1,9 +0,0 @@
-import type { Roundness, LegacyRoundness, DeprecatedTileVariants, TileVariants } from "./tile.component";
-export declare const TILE_ORIENTATIONS: string[];
-export declare const TILE_THEMES: string[];
-export declare const TILE_BORDER_VARIANTS: string[];
-export declare const TILE_HIGHLIGHT_VARIANTS: string[];
-export declare const STATUS_KEYLINE_VARIANTS: string[];
-export declare const HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP: Record<(typeof TILE_HIGHLIGHT_VARIANTS)[number], (typeof STATUS_KEYLINE_VARIANTS)[number]>;
-export declare const TILE_ROUNDNESS_VALUE_MAP: Record<LegacyRoundness | Roundness, Roundness>;
-export declare const TILE_VARIANT_DEPRECATION_MAP: Record<DeprecatedTileVariants, TileVariants>;

package/esm/components/tile/tile.config.js

@@ -1 +0,0 @@
-const e=["horizontal","vertical"],t=["tile","transparent","active","grey"],a=["default","info","selected","negative","positive","caution"],r=["gradient","success","neutral","error","warning","info","important"],i=["ai","informational","positive","warning","negative","neutral","important"],n={success:"positive",neutral:"neutral",error:"negative",warning:"warning",info:"informational",important:"important",gradient:"ai"},o={default:"curved",curved:"curved",moderate:"moderate",small:"moderate",large:"moderate"},l={tile:"standard",transparent:"standard",active:"positive",grey:"alt"};export{n as HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP,i as STATUS_KEYLINE_VARIANTS,a as TILE_BORDER_VARIANTS,r as TILE_HIGHLIGHT_VARIANTS,e as TILE_ORIENTATIONS,o as TILE_ROUNDNESS_VALUE_MAP,t as TILE_THEMES,l as TILE_VARIANT_DEPRECATION_MAP};

package/esm/components/tile/tile.style.d.ts

@@ -1,19 +0,0 @@
-import { SpaceProps } from "styled-system";
-import { TileProps } from "./tile.component";
-import { STATUS_KEYLINE_VARIANTS } from "./tile.config";
-declare const StyledTile: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & Pick<TileProps, "width" | "height" | "variant" | "inverse" | "borderVariant" | "roundness" | "hasOutline" | "statusKeyline"> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    $hasFooter?: boolean;
-    $footerVariant?: "selected" | "active";
-}, "theme">;
-declare const StyledTileWrapper: import("styled-components").StyledComponent<"div", any, {
-    roundness?: TileProps["roundness"];
-    width?: TileProps["width"];
-    height?: TileProps["height"];
-}, never>;
-declare const StyledTileKeyline: import("styled-components").StyledComponent<"div", any, {
-    statusKeyline?: (typeof STATUS_KEYLINE_VARIANTS)[number];
-    inverse?: boolean;
-}, never>;
-export { StyledTile, StyledTileWrapper, StyledTileKeyline };

package/esm/components/tile/tile.style.js

@@ -1 +0,0 @@
-import r,{css as a}from"styled-components";import{space as e}from"styled-system";import t from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/element-sizing.js";const o=({variant:r,inverse:a})=>{switch(r){case"alt":return{color:`var(--container-standard-${a?"inverse-":""}txt-default)`,border:`var(--container-standard-${a?"inverse-":""}border-default)`,bg:`var(--container-standard-${a?"inverse-":""}bg-alt)`};case"positive":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-success-border-default)",bg:"var(--message-contextual-success-bg-alt)"};case"negative":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-error-border-default)",bg:"var(--message-contextual-error-bg-alt)"};case"unavailable":return{color:"var(--container-standard-txt-default)",border:"var(--container-action-border-inactive)",bg:"var(--container-action-bg-disabled)"};default:return{color:`var(--container-standard-${a?"inverse-":""}txt-default)`,border:`var(--container-standard-${a?"inverse-":""}border-default)`,bg:`var(--container-standard-${a?"inverse-":""}bg-default)`}}},n=r=>"moderate"===r?"var(--global-radius-container-l)":"var(--global-radius-container-xl)",s=r.div.attrs(t).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v162_10_0__sc-86252930-0"})(["",""],(({hasOutline:r,variant:t,inverse:i,roundness:s,$hasFooter:d,$footerVariant:l})=>a(["padding:var(--global-space-comp-xl);"," box-sizing:border-box;border:",";border-radius:",";--tileBorderRadius:",";background-color:",";color:",';> *:first-child:not([data-role="tile-content"]){border-top-left-radius:calc('," - 1px);border-bottom-left-radius:calc(",' - 1px);}> *:last-child:not([data-role="tile-content"]){border-top-right-radius:calc('," - 1px);border-bottom-right-radius:calc(",' - 1px);}display:flex;flex-direction:row;position:relative;height:100%;> [data-role="tile-content"]:not(:last-of-type){margin-right:var(--global-space-comp-s);border-right:solid 1px var(--container-standard-border-default);}[data-component="tile-header"]{border-radius:'," "," 0 0;}"],e,(({$hasFooter:r,$footerVariant:a,hasOutline:e,variant:t,inverse:i})=>!r||"selected"!==a&&"active"!==a?`var(--global-borderwidth-xs) solid ${e?o({variant:t,inverse:i}).border:"transparent"}`:"var(--global-borderwidth-s) solid "+("selected"===a?"var(--container-action-border-active)":"var(--container-action-bg-footer-activated)"))({$hasFooter:d,$footerVariant:l,hasOutline:r,variant:t,inverse:i}),n(s),n(s),o({variant:t,inverse:i}).bg,o({variant:t,inverse:i}).color,n(s),n(s),n(s),n(s),n(s),n(s)))),d=r.div.withConfig({displayName:"tile.style__StyledTileWrapper",componentId:"carbon_v162_10_0__sc-86252930-1"})(["position:relative;overflow:hidden;border-radius:",";",""],(({roundness:r})=>n(r)),(({width:r,height:e})=>a(["",""],i({width:r||void 0,height:e||void 0})))),l=r.div.withConfig({displayName:"tile.style__StyledTileKeyline",componentId:"carbon_v162_10_0__sc-86252930-2"})(["",""],(({statusKeyline:r,inverse:e})=>r&&a(["position:absolute;top:0;left:0;height:100%;width:var(--global-size-4-xs);background:",";z-index:1;"],(({variant:r,inverse:a})=>{switch(r){case"informational":return a?"var(--container-standard-priority-inverse-bg-info)":"var(--container-standard-priority-bg-info)";case"positive":return a?"var(--container-standard-priority-inverse-bg-positive)":"var(--container-standard-priority-bg-positive)";case"warning":return a?"var(--container-standard-priority-inverse-bg-caution)":"var(--container-standard-priority-bg-caution)";case"negative":return a?"var(--container-standard-priority-inverse-bg-negative)":"var(--container-standard-priority-bg-negative)";case"neutral":return a?"var(--container-standard-priority-inverse-bg-neutral)":"var(--container-standard-priority-bg-neutral)";case"important":return a?"var(--container-standard-priority-inverse-bg-prio)":"var(--container-standard-priority-bg-prio)";default:return"linear-gradient(to bottom, var(--mode-color-ai-alt-stop-1) 0%, var(--mode-color-ai-alt-stop-2) 40%, var(--mode-color-ai-alt-stop-3) 90%)"}})({variant:r,inverse:e}))));export{s as StyledTile,l as StyledTileKeyline,d as StyledTileWrapper};

package/esm/components/tile-select/__internal__/accordion/accordion.component.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { SpaceProps } from "styled-system";
-export interface AccordionProps extends SpaceProps {
-    children: React.ReactNode;
-    expanded?: boolean;
-    contentId?: string;
-    controlId?: string;
-}
-declare const Accordion: ({ children, expanded, contentId, controlId, }: AccordionProps) => React.JSX.Element;
-export default Accordion;

package/esm/components/tile-select/__internal__/accordion/accordion.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as r,useRef as o}from"react";import{StyledContentContainer as t,StyledContent as n}from"./accordion.style.js";import c from"../../../../hooks/__internal__/useResizeObserver/useResizeObserver.js";import i from"../../../../hooks/useMediaQuery/useMediaQuery.js";const l=({children:l,expanded:a,contentId:s,controlId:d})=>{const[m,u]=r(0),p=o(null),f=i("screen and (prefers-reduced-motion: no-preference)");return c(p,(()=>{p.current&&u(p.current.scrollHeight)})),e(t,{$isExpanded:a,$height:m,$allowMotion:f,"data-role":"tile-select-accordion-content-container",children:e(n,{role:"region","data-element":"tile-select-accordion-content","data-role":"tile-select-accordion-content",ref:p,id:s,"aria-labelledby":d,children:l})})};export{l as default};

package/esm/components/tile-select/__internal__/accordion/accordion.style.d.ts

@@ -1,3 +0,0 @@
-declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, import("../../../accordion/accordion.style").StyledAccordionProps, never>;
-declare const StyledContent: import("styled-components").StyledComponent<"div", any, import("../../../accordion/accordion.style").StyledAccordionProps, never>;
-export { StyledContentContainer, StyledContent };

package/esm/components/tile-select/__internal__/accordion/accordion.style.js

@@ -1 +0,0 @@
-import o from"styled-components";import{StyledAccordionContentContainer as n,StyledAccordionContent as t}from"../../../accordion/accordion.style.js";const c=o(n).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v162_10_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),i=o(t).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v162_10_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);export{i as StyledContent,c as StyledContentContainer};

package/esm/components/tile-select/__internal__/accordion/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./accordion.component";

package/esm/components/tile-select/__internal__/accordion/index.js

@@ -1 +0,0 @@
-export{default}from"./accordion.component.js";

package/esm/components/tile-select/index.d.ts

@@ -1,4 +0,0 @@
-export { default as TileSelect } from "./tile-select.component";
-export type { TileSelectProps, TileSelectDeselectEvent, } from "./tile-select.component";
-export { default as TileSelectGroup } from "./tile-select-group/tile-select-group.component";
-export type { TileSelectGroupProps } from "./tile-select-group/tile-select-group.component";

package/esm/components/tile-select/index.js

@@ -1 +0,0 @@
-export{default as TileSelect}from"./tile-select.component.js";export{TileSelectGroup}from"./tile-select-group/tile-select-group.component.js";

package/esm/components/tile-select/tile-select-group/tile-select-group.component.d.ts

@@ -1,36 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-import { TileSelectDeselectEvent } from "../tile-select.component";
-/**
- * @deprecated `TileSelectGroup` is deprecated with `TileSelect`. No
- * like-for-like replacement has been validated; use a product-specific Fusion
- * pattern. See the Carbon deprecation migration documentation for consumer-specific guidance.
- */
-export interface TileSelectGroupProps extends MarginProps, TagProps {
-    /** The TileSelect components to be rendered in the group */
-    children: React.ReactNode;
-    /** The content for the TileSelectGroup Legend */
-    legend?: string;
-    /** Description to be rendered below the legend */
-    description?: string;
-    /** The currently selected value - only for single select mode. */
-    value?: string | null;
-    /** The name to apply to the input - only for single select mode. */
-    name: string;
-    /** A callback triggered when one of tiles is selected - only for single select mode. */
-    onChange?: (ev: React.ChangeEvent<HTMLInputElement> | TileSelectDeselectEvent) => void;
-    /** A callback triggered when one of tiles is blurred - only for single select mode. */
-    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** When passed as true TileSelectGroup serves only visual purpose */
-    /** It wraps TileSelects in fieldset element and renders the legend and description props content */
-    /** onChange, onBlur, value, checked and name props are meant to be passed individually on each of the TileSelects */
-    multiSelect?: boolean;
-}
-/**
- * @deprecated `TileSelectGroup` is deprecated with `TileSelect`. No
- * like-for-like replacement has been validated; use a product-specific Fusion
- * pattern. See the Carbon deprecation migration documentation for consumer-specific guidance.
- */
-export declare const TileSelectGroup: ({ children, name, legend, description, onChange, onBlur, value, multiSelect, ...rest }: TileSelectGroupProps) => React.JSX.Element;
-export default TileSelectGroup;

package/esm/components/tile-select/tile-select-group/tile-select-group.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import o from"../../../__internal__/radio-button-mapper/radio-button-mapper.component.js";import{StyledTileSelectFieldset as l,StyledGroupDescription as i}from"../tile-select.style.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){p(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u=p=>{var{children:u,name:m,legend:f,description:y,onChange:b,onBlur:O,value:d,multiSelect:g=!1}=p,j=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(p,["children","name","legend","description","onChange","onBlur","value","multiSelect"]);let h;return h=g?u:e(o,{name:m,onBlur:O,onChange:b,value:d,"data-role":"tile-select-group-radio-button-mapper",children:r.Children.map(u,(e=>r.isValidElement(e)?r.cloneElement(e,{type:"radio"}):e))}),t(l,s(a(s(a({legend:f},n("tile-select-group",j)),{multiSelect:g}),c(j)),{children:[y&&e(i,{"data-element":"tile-select-group-description",children:y}),h]}))};export{u as TileSelectGroup,u as default};

package/esm/components/tile-select/tile-select.component.d.ts

@@ -1,69 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export interface TileSelectDeselectEvent {
-    target: {
-        name?: string;
-        id?: string;
-        value: null;
-        checked: false;
-    };
-}
-/**
- * @deprecated `TileSelect` has low adoption and is a poor fit for its intended
- * selection UX. No like-for-like replacement has been validated; use a
- * product-specific Fusion pattern. See the Carbon deprecation migration
- * documentation for consumer-specific guidance.
- */
-export interface TileSelectProps extends MarginProps, TagProps {
-    /** title of the TileSelect */
-    title?: React.ReactNode;
-    /** adornment to be rendered next to the title */
-    titleAdornment?: React.ReactNode;
-    /** subtitle of the TileSelect */
-    subtitle?: React.ReactNode;
-    /** description of the TileSelect */
-    description?: React.ReactNode;
-    /** disables the TileSelect input */
-    disabled?: boolean;
-    /** the value that is represented by this TileSelect */
-    value?: string;
-    /** input id */
-    id?: string;
-    /** input name */
-    name?: string;
-    /** Callback triggered when user selects or deselects this tile */
-    onChange?: (ev: React.ChangeEvent<HTMLInputElement> | TileSelectDeselectEvent) => void;
-    /** Callback triggered when the user blurs this tile */
-    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Callback triggered when the user focus this tile */
-    onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** determines if this tile is selected or unselected */
-    checked?: boolean;
-    /** Type of the TileSelect input */
-    type?: "radio" | "checkbox";
-    /** Render prop that allows overriding the default action button. */
-    customActionButton?: (onClick: () => void) => JSX.Element;
-    /** An additional help info icon rendered next to the action button */
-    actionButtonAdornment?: React.ReactNode;
-    /** footer of the TileSelect */
-    footer?: React.ReactNode;
-    /** Component to render in the top left corner of TileSelect */
-    prefixAdornment?: React.ReactNode;
-    /** Component to render additional information row between title and description */
-    additionalInformation?: React.ReactNode;
-    /** Components to render in the TileSelect Accordion */
-    accordionContent?: React.ReactNode;
-    /** Callback to toggle expanded state of TileSelect Accordion */
-    accordionControl?: (controlId: string, contentId: string) => JSX.Element;
-    /** Flag to control the open state of TileSelect Accordion */
-    accordionExpanded?: boolean;
-}
-/**
- * @deprecated `TileSelect` has low adoption and is a poor fit for its intended
- * selection UX. No like-for-like replacement has been validated; use a
- * product-specific Fusion pattern. See the Carbon deprecation migration
- * documentation for consumer-specific guidance.
- */
-declare const TileSelect: React.ForwardRefExoticComponent<TileSelectProps & React.RefAttributes<HTMLInputElement>>;
-export default TileSelect;

package/esm/components/tile-select/tile-select.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useState as n,useEffect as o,useRef as i}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import a from"../../__internal__/utils/helpers/guid/index.js";import d from"../button/button.component.js";import{Box as s}from"../box/box.component.js";import p from"./__internal__/accordion/accordion.component.js";import{StyledTileSelectContainer as u,StyledFocusWrapper as m,StyledTileSelectInput as f,StyledTileSelect as b,StyledTitleContainer as y,StyledTitle as h,StyledSubtitle as O,StyledAdornment as j,StyledDescription as g,StyledFooterWrapper as v,StyledAccordionFooterWrapper as x,StyledDeselectWrapper as _}from"./tile-select.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import w from"../../style/utils/filter-styled-system-margin-props.js";function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){k(e,t,r[t])}))}return e}function P(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const C=e=>"string"!=typeof e,S=r.forwardRef(((r,k)=>{var{onChange:S,onBlur:B,onFocus:E,value:I,name:D,checked:F=!1,disabled:L,title:R,subtitle:T,description:$,titleAdornment:z,type:G="checkbox",id:N,customActionButton:q,actionButtonAdornment:H,footer:J,prefixAdornment:K,additionalInformation:M,accordionContent:Q,accordionControl:U,accordionExpanded:V,"data-element":W,"data-role":X}=r,Y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["onChange","onBlur","onFocus","value","name","checked","disabled","title","subtitle","description","titleAdornment","type","id","customActionButton","actionButtonAdornment","footer","prefixAdornment","additionalInformation","accordionContent","accordionControl","accordionExpanded","data-element","data-role"]);const Z=c(),[ee,te]=n(!1),re=()=>null==S?void 0:S({target:P(A({},D&&{name:D},N&&{id:N}),{value:null,checked:!1})});o((()=>{L&&ee&&te(!1)}),[L,ee]);const ne=i(a()),oe=`AccordionContent_${ne.current}`,ie=`AccordionControl_${ne.current}`;return e(u,P(A({checked:F,disabled:L},l("tile-select",{"data-element":W,"data-role":X}),w(Y)),{children:t(m,{"data-role":"focus-wrapper",hasFocus:ee,checked:F,children:[e(f,A({onChange:S,onBlur:e=>{te(!1),null==B||B(e)},onFocus:e=>{te(!0),null==E||E(e)},checked:F,name:D,type:G,value:I,disabled:L,id:N,ref:k},Y)),e(b,{disabled:L,checked:F,children:t(s,{display:"flex",justifyContent:"space-between",flexDirection:"row-reverse",children:[(q||F)&&t(_,{"data-role":"deselect-wrapper",hasActionAdornment:!!H,children:[q&&q(re),!q&&F&&e(d,{buttonType:"tertiary",size:"small",disabled:L,onClick:re,children:Z.tileSelect.deselect()}),H]}),t(s,{flexGrow:1,children:[t(y,{children:[R&&e(h,{as:C(R)?"div":void 0,children:R}),T&&e(O,{as:C(T)?"div":void 0,children:T}),z&&e(j,{hasAdditionalInformation:!!M,"data-role":"title-adornment",children:z&&e("div",{children:z})})]}),M&&e("div",{children:M}),e(g,{as:C($)?"div":void 0,children:$}),J&&e(v,{"data-role":"tile-select-footer",children:J}),Q&&U&&e(x,{accordionExpanded:V,"data-role":"accordion-footer",children:U(ie,oe)})]}),K&&e("div",{"data-element":"prefix-adornment","data-role":"prefix-adornment",style:{marginRight:"var(--global-space-layout-xs)",opacity:L?.3:void 0},children:K})]})}),Q&&e(p,{contentId:oe,controlId:ie,expanded:V,children:Q})]})}))}));S.displayName="TileSelect";export{S as default};

package/esm/components/tile-select/tile-select.style.d.ts

@@ -1,37 +0,0 @@
-declare const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
-declare const StyledSubtitle: import("styled-components").StyledComponent<"h4", any, {}, never>;
-declare const StyledAdornment: import("styled-components").StyledComponent<"div", any, {
-    hasAdditionalInformation: boolean;
-}, never>;
-declare const StyledDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
-declare const StyledTileSelect: import("styled-components").StyledComponent<"div", any, {
-    checked?: boolean;
-    disabled?: boolean;
-    hasAccordion?: boolean;
-}, never>;
-declare const StyledFocusWrapper: import("styled-components").StyledComponent<"div", any, {
-    checked?: boolean;
-    hasFocus: boolean;
-}, never>;
-declare const StyledTileSelectContainer: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & {
-    checked?: boolean;
-    disabled?: boolean;
-}, "theme">;
-declare const StyledFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledAccordionFooterWrapper: import("styled-components").StyledComponent<"div", any, {
-    accordionExpanded?: boolean;
-}, never>;
-declare const StyledTileSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../__internal__/legacy-input").InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>, any, {}, never>;
-declare const StyledTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledDeselectWrapper: import("styled-components").StyledComponent<"div", any, {
-    hasActionAdornment: boolean;
-}, never>;
-declare const StyledTileSelectFieldset: import("styled-components").StyledComponent<({ children, id, legend, legendHint, labelWeight, error, warning, required, validationMessagePositionTop, size, orientation, ...rest }: import("../fieldset").FieldsetProps) => import("react").JSX.Element, any, {
-    theme: object;
-} & {
-    multiSelect: boolean;
-}, "theme">;
-declare const StyledGroupDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
-export { StyledTileSelectFieldset, StyledGroupDescription, StyledTileSelectContainer, StyledTileSelect, StyledTileSelectInput, StyledTitleContainer, StyledTitle, StyledSubtitle, StyledAdornment, StyledDescription, StyledDeselectWrapper, StyledFooterWrapper, StyledFocusWrapper, StyledAccordionFooterWrapper, };

package/esm/components/tile-select/tile-select.style.js

@@ -1 +0,0 @@
-import e,{css as t}from"styled-components";import{margin as o}from"styled-system";import{Fieldset as i}from"../fieldset/fieldset.component.js";import n from"../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../__internal__/legacy-input/input-presentation.style.js";import"../carbon-provider/__internal__/new-validation.context.js";import{StyledLegend as r,StyledFieldsetContent as l}from"../fieldset/fieldset.style.js";import a from"../icon/icon.style.js";import s from"../../style/themes/apply-base-theme.js";import c from"../../style/utils/add-focus-styling.js";const d=e.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"carbon_v162_10_0__sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),_=e.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"carbon_v162_10_0__sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=e.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"carbon_v162_10_0__sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),m=e.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"carbon_v162_10_0__sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=e.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"carbon_v162_10_0__sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:e})=>e&&t(["background:var(--colorsActionMajor025);"])),(({disabled:e})=>e&&t(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],d,_,m,p))),y=e.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"carbon_v162_10_0__sc-88022e8f-5"})(["",""],(({checked:e,hasFocus:o})=>t(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],e&&t(["border-color:var(--colorsActionMajor500);z-index:10;"]),o&&t([""," z-index:15;"],c())))),g=e.div.attrs(s).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"carbon_v162_10_0__sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],o,y,(({checked:e,disabled:o})=>!e&&!o&&t(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),v=e.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"carbon_v162_10_0__sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),h=e.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"carbon_v162_10_0__sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n      span[data-element="chevron_down"] {\n        transition: transform 0.3s;\n        ${!e&&"transform: rotate(-90deg)"};\n      }\n  `)),b=e(n).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"carbon_v162_10_0__sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),x=e.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"carbon_v162_10_0__sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),w=e.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"carbon_v162_10_0__sc-88022e8f-11"})(["",""],(({hasActionAdornment:e})=>t(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],e&&`\n      margin-right: var(--sizing200);\n      display: flex;\n      align-items: baseline;\n      min-height: var(--sizing400);\n\n      ${a} {\n        top: 2px;\n      }\n    `))),u=e(i).attrs(s).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"carbon_v162_10_0__sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],o,r,l,(({multiSelect:e})=>e&&t(["","{margin-bottom:8px;}"],g))),S=e.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"carbon_v162_10_0__sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);export{h as StyledAccordionFooterWrapper,p as StyledAdornment,m as StyledDescription,w as StyledDeselectWrapper,y as StyledFocusWrapper,v as StyledFooterWrapper,S as StyledGroupDescription,_ as StyledSubtitle,f as StyledTileSelect,g as StyledTileSelectContainer,u as StyledTileSelectFieldset,b as StyledTileSelectInput,d as StyledTitle,x as StyledTitleContainer};

package/esm/components/time/__internal__/time-toggle/index.d.ts

@@ -1,2 +0,0 @@
-export { default as TimeToggle } from "./time-toggle.component";
-export type { ToggleProps, ToggleDataProps } from "./time-toggle.component";

package/esm/components/time/__internal__/time-toggle/index.js

@@ -1 +0,0 @@
-export{default as TimeToggle}from"./time-toggle.component.js";

package/esm/components/time/__internal__/time-toggle/time-toggle.component.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { TagProps } from "../../../../__internal__/utils/helpers/tags";
-import { ToggleValue } from "../../time.component";
-export interface ToggleDataProps {
-    wrapperProps?: TagProps;
-    amToggleProps?: TagProps;
-    pmToggleProps?: TagProps;
-}
-export interface ToggleProps extends TagProps {
-    size?: "small" | "medium" | "large";
-    onChange: (pressedValue: ToggleValue) => void;
-    toggleValue: ToggleValue;
-    disabled?: boolean;
-    toggleProps?: ToggleDataProps;
-}
-declare const Toggle: {
-    ({ size, onChange, toggleValue, disabled, toggleProps, }: ToggleProps): React.JSX.Element;
-    displayName: string;
-};
-export default Toggle;

package/esm/components/time/__internal__/time-toggle/time-toggle.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o,useCallback as r}from"react";import n from"../../../../__internal__/utils/helpers/guid/index.js";import c from"../../../../hooks/__internal__/useLocale/useLocale.js";import{ButtonToggle as l}from"../../../button-toggle/button-toggle.component.js";import p from"../../../button-toggle/button-toggle-group/button-toggle-group.component.js";function i(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function u(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){i(e,t,o[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const g=({size:i,onChange:g,toggleValue:s,disabled:m,toggleProps:b})=>{const f=c(),O=f.time.amText(),j=f.time.pmText(),y=o(n()),{wrapperProps:d,amToggleProps:P,pmToggleProps:h}=b||{},w=r((e=>{const t=e.target.value;t!==s&&g(t)}),[s,g]);return e(p,a(u({},d),{"data-component":"time-button-toggle-group",m:"0px",id:y.current,onChange:w,value:s,disabled:m,size:i,children:[t(l,a(u({},P),{"data-component":"am-button-toggle",value:"AM",children:O})),t(l,a(u({},h),{"data-component":"pm-button-toggle",value:"PM",children:j}))]}))};g.displayName="Toggle";export{g as default};

package/esm/components/time/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Time } from "./time.component";
-export type { TimeValue, TimeProps, TimeHandle, ToggleValue, TimeInputEvent, } from "./time.component";

package/esm/components/time/index.js

@@ -1 +0,0 @@
-export{default as Time}from"./time.component.js";

package/esm/components/time/time.component.d.ts

@@ -1,83 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { ValidationProps } from "../../__internal__/validations";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { Sizes } from "../../__internal__/legacy-input/input-presentation.component";
-import { ToggleDataProps } from "./__internal__/time-toggle";
-export type ToggleValue = "AM" | "PM";
-export type TimeValue = {
-    hours: string;
-    minutes: string;
-    period?: ToggleValue;
-    formattedHours?: string;
-    formattedMinutes?: string;
-};
-export interface TimeInputEvent {
-    target: {
-        name?: string;
-        id: string;
-        value: TimeValue;
-    };
-}
-interface TimeInputProps extends TagProps, Omit<ValidationProps, "info"> {
-    /** Set an id value on the input element */
-    id?: string;
-    /** Override the default label text on the input */
-    label?: string;
-    /** Override the default aria-label text on the input */
-    "aria-label"?: string;
-}
-export interface TimeProps extends TagProps, MarginProps {
-    /** Legend text for the component */
-    legend?: string;
-    /** Additional hint text rendered below the legend */
-    legendHint?: string;
-    /** @deprecated Use `legend` instead. Label text for the component */
-    label?: string;
-    /** @deprecated Alignment is no longer supported and this prop will be removed */
-    labelAlign?: "left" | "right";
-    /** @deprecated Alignment is no longer supported and this prop will be removed */
-    fieldLabelsAlign?: "left" | "right";
-    /** Sets the size of the inputs */
-    size?: Sizes;
-    /** @deprecated Use `legendHint` instead. Additional hint text rendered below the legend */
-    inputHint?: string;
-    /**
-     * Set custom `data-` and `id` attributes on the input element.
-     * Set the `label` and `aria-label` values for the associated Label element.
-     * Set the `error` and `warning` states for the input
-     *  */
-    hoursInputProps?: TimeInputProps;
-    /**
-     * Set custom `data-` and `id` attributes on the input element.
-     * Set the `label` and `aria-label` values for the associated Label element.
-     * Set the `error` and `warning` states for the input
-     *  */
-    minutesInputProps?: TimeInputProps;
-    /** The value of the input elements */
-    value: TimeValue;
-    /** Callback to handle change events in input elements */
-    onChange: (ev: TimeInputEvent) => void;
-    /** Set a name value on the component */
-    name?: string;
-    /** Callback called when focus is lost on input elements */
-    onBlur?: (ev?: React.FocusEvent<HTMLInputElement>, value?: TimeValue) => void;
-    /** Flag to configure component as mandatory */
-    required?: boolean;
-    /** If true, the component will be disabled */
-    disabled?: boolean;
-    /** If true, the component will be read-only */
-    readOnly?: boolean;
-    /** Set custom data- attributes on the toggle elements */
-    toggleProps?: ToggleDataProps;
-    /** Render the ValidationMessage above the Time inputs */
-    validationMessagePositionTop?: boolean;
-}
-export type TimeHandle = {
-    /** Programmatically focus the hours input. */
-    focusHoursInput: () => void;
-    /** Programmatically focus the minutes input. */
-    focusMinutesInput: () => void;
-} | null;
-declare const Time: React.ForwardRefExoticComponent<TimeProps & React.RefAttributes<TimeHandle>>;
-export default Time;

package/esm/components/time/time.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as n,useState as i,useEffect as o,useImperativeHandle as l,useCallback as a}from"react";import s from"../../__internal__/utils/helpers/guid/index.js";import d from"../../hooks/__internal__/useLocale/useLocale.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import c from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/fieldset/__next__/fieldset.component.js";import{Box as p}from"../box/box.component.js";import{Textbox as g}from"../textbox/textbox.component.js";import f from"../../__internal__/label/label.component.js";import b,{StyledTimeLayout as h,StyledTimeInputs as y,StyledTimeInputField as O,StyledColonWrapper as v}from"./time.style.js";import j from"./__internal__/time-toggle/time-toggle.component.js";import _ from"../../__internal__/fieldset-validation-context/fieldset-validation-context.js";function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){x(e,t,r[t])}))}return e}function w(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const z={small:"var(--global-size-l)",medium:"var(--global-size-xl)",large:"var(--global-size-2-xl)"},$=r.forwardRef(((r,x)=>{var{legend:$,legendHint:S,label:T,size:D="medium",inputHint:H,hoursInputProps:M={},minutesInputProps:I={},value:C,name:E,onChange:L,onBlur:R,required:q,disabled:B,readOnly:k,toggleProps:A={},validationMessagePositionTop:F=!0}=r,N=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(r,["legend","legendHint","label","size","inputHint","hoursInputProps","minutesInputProps","value","name","onChange","onBlur","required","disabled","readOnly","toggleProps","validationMessagePositionTop"]);const{id:W,label:V,"aria-label":G,error:J,warning:K}=M,{id:Q,label:U,"aria-label":X,error:Y,warning:Z}=I,ee=n(W||s()),te=n(Q||s()),re=n(`${ee.current}-${te.current}`),{hours:ne,minutes:ie,period:oe}=C,le=ne.length?ne.padStart(2,"0"):ne,ae=ie.length?ie.padStart(2,"0"):ie,[se,de]=i([ne,ie]),[ue,ce]=i([le,ae]),me=d(),pe=void 0!==oe,[ge,fe]=i(oe),be=V||me.time.hoursLabelText(),he=U||me.time.minutesLabelText(),ye=G||me.time.hoursAriaLabelText(),Oe=X||me.time.minutesAriaLabelText(),ve=n(null),je=n(null);o((()=>{const e=[...se];if(se[0]!==ne&&(e[0]=ne),se[1]!==ie&&(e[1]=ie),se[0]!==ne||se[1]!==ie){de(e);const t=ne.length?ne.padStart(2,"0"):ne,r=ie.length?ie.padStart(2,"0"):ie;ce([t,r])}}),[ne,ie,se]);const _e=(e,t)=>{const r="string"==typeof e,n="string"==typeof t;if(r||n)return r&&!n?e:n&&!r?t:`${e} ${t}`},xe=_e(J,Y),Pe=_e(K,Z);l(x,(()=>({focusHoursInput(){var e;null===(e=ve.current)||void 0===e||e.focus()},focusMinutesInput(){var e;null===(e=je.current)||void 0===e||e.focus()}})),[]);const we=(e,t)=>{const r=e.target.value.replace(/[^0-9]/g,""),n="hrs"===t?r:se[0],i="mins"===t?r:se[1];de([n,i]);const o=n.length?n.padStart(2,"0"):n,l=i.length?i.padStart(2,"0"):i;ce([o,l]),L({target:{name:E,id:re.current,value:{hours:n,minutes:i,period:ge,formattedHours:o,formattedMinutes:l}}})},ze=a((e=>{setTimeout((()=>{const[t,r]=se,[n,i]=ue,o={hours:t,minutes:r,period:ge,formattedHours:n,formattedMinutes:i};ve.current!==document.activeElement&&je.current!==document.activeElement&&(null==R||R(e,o))}))}),[ue,se,R,ge]);return e(m,w(P({id:re.current,legend:$||T,legendHint:S||H,size:D,isRequired:q,isDisabled:B,isReadOnly:k,name:E,error:xe,warning:Pe,validationMessagePositionTop:F},N,c(N),u("time",N)),{children:e(_.Provider,{value:{disableErrorBorder:!0},children:t(h,{className:"time",$hasToggle:pe,children:[t(y,{children:[t(O,{$size:D,$isDisabled:B,$isReadOnly:k,children:[e(f,{htmlFor:ee.current,size:D,disabled:B,readOnly:k,children:be}),e(g,w(P({},M),{label:void 0,"data-component":"hours",ref:ve,value:ne,onChange:e=>we(e,"hrs"),onBlur:ze,id:ee.current,size:D,error:!!J,warning:!!K,disabled:B,readOnly:k,required:q,maxWidth:z[D],my:0,inputMode:"numeric","aria-label":ye}))]}),t(v,{$size:D,"aria-hidden":"true",children:[e(f,{size:D,disabled:B,readOnly:k,"data-role":"time-colon-spacer",children:" "}),e("div",{"data-role":"time-colon-input-row",children:e(b,{"data-role":"time-colon",$size:D,$isDisabled:B,$isReadOnly:k,children:":"})})]}),t(O,{$size:D,$isDisabled:B,$isReadOnly:k,children:[e(f,{htmlFor:te.current,size:D,disabled:B,readOnly:k,children:he}),e(g,w(P({},I),{label:void 0,"data-component":"minutes",ref:je,value:ie,onChange:e=>we(e,"mins"),onBlur:ze,id:te.current,size:D,error:!!Y,warning:!!Z,disabled:B,readOnly:k,required:q,maxWidth:z[D],my:0,inputMode:"numeric","aria-label":Oe}))]})]}),pe&&e(p,{"data-role":"time-toggle-wrapper",display:"flex",flexDirection:"column",justifyContent:"flex-end",width:"max-content",children:e(j,{toggleProps:A,size:D,onChange:e=>{const[t,r]=se,[n,i]=ue;fe(e),L({target:{name:E,id:re.current,value:{hours:t,minutes:r,period:e,formattedHours:n,formattedMinutes:i}}})},toggleValue:oe,disabled:B||k})})]})})}))}));$.displayName="Time";export{$ as default};

package/esm/components/time/time.style.d.ts

@@ -1,20 +0,0 @@
-type StyledColonProps = {
-    $size: "small" | "medium" | "large";
-    $isDisabled?: boolean;
-    $isReadOnly?: boolean;
-};
-declare const StyledColon: import("styled-components").StyledComponent<"span", any, StyledColonProps, never>;
-type StyledTimeLayoutProps = {
-    $hasToggle: boolean;
-};
-type StyledTimeSizeProps = {
-    $size: "small" | "medium" | "large";
-    $isDisabled?: boolean;
-    $isReadOnly?: boolean;
-};
-declare const StyledTimeLayout: import("styled-components").StyledComponent<"div", any, StyledTimeLayoutProps, never>;
-declare const StyledTimeInputs: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledTimeInputField: import("styled-components").StyledComponent<"div", any, StyledTimeSizeProps, never>;
-declare const StyledColonWrapper: import("styled-components").StyledComponent<"div", any, StyledTimeSizeProps, never>;
-export { StyledTimeLayout, StyledTimeInputs, StyledTimeInputField, StyledColonWrapper, };
-export default StyledColon;

package/esm/components/time/time.style.js

@@ -1 +0,0 @@
-import a,{css as l}from"styled-components";const e={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},t={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},i=a.span.withConfig({displayName:"time.style__StyledColon",componentId:"carbon_v162_10_0__sc-ae51ab09-0"})(["",""],(({$size:a,$isDisabled:e,$isReadOnly:i})=>l(["font:",";color:var(--input-typical-txt-default);text-align:center;"," ",""],t[a],i&&l(["color:var(--input-typical-txt-read-only);"]),e&&l(["color:var(--input-typical-txt-disabled);"])))),o={small:"var(--global-size-l)",medium:"var(--global-size-xl)",large:"var(--global-size-2-xl)"},n={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},s=a.div.withConfig({displayName:"time.style__StyledTimeLayout",componentId:"carbon_v162_10_0__sc-ae51ab09-1"})(["",""],(({$hasToggle:a})=>l(["display:flex;align-items:flex-end;flex-wrap:wrap;row-gap:var(--global-space-layout-2-xs);column-gap:",';@media screen and (max-width:480px){[data-role="time-toggle-wrapper"]{flex:0 0 100%;margin-top:var(--global-space-none);}}'],a?"var(--global-space-layout-2-xs)":"0px"))),r=a.div.withConfig({displayName:"time.style__StyledTimeInputs",componentId:"carbon_v162_10_0__sc-ae51ab09-2"})(["display:flex;align-items:flex-start;"]),d=a.div.withConfig({displayName:"time.style__StyledTimeInputField",componentId:"carbon_v162_10_0__sc-ae51ab09-3"})(["",""],(({$size:a,$isDisabled:t,$isReadOnly:i})=>l(["width:",";min-width:",";max-width:",';[data-component="label"]{font:',";color:",';}[data-role="input-container"]{min-height:',";height:",";}"],o[a],o[a],o[a],e[a],((a,l)=>a?"var(--input-typical-txt-disabled)":l?"var(--input-typical-txt-read-only)":"var(--input-typical-txt-default)")(t,i),n[a],n[a]))),m=a.div.withConfig({displayName:"time.style__StyledColonWrapper",componentId:"carbon_v162_10_0__sc-ae51ab09-4"})(["",""],(({$size:a})=>l(['display:flex;flex-direction:column;align-items:center;flex:0 0 var(--global-size-3-xs);width:var(--global-size-3-xs);min-width:var(--global-size-3-xs);max-width:var(--global-size-3-xs);[data-role="time-colon-input-row"]{display:flex;align-items:center;justify-content:center;width:100%;min-height:',";height:",';}[data-role="time-colon-spacer"]{font:',";visibility:hidden;}"],n[a],n[a],e[a])));export{m as StyledColonWrapper,d as StyledTimeInputField,r as StyledTimeInputs,s as StyledTimeLayout,i as default};

package/esm/components/toast/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./toast.component";
-export type { ToastProps } from "./toast.component";

package/esm/components/toast/index.js

@@ -1 +0,0 @@
-export{Toast as default}from"./toast.component.js";

package/esm/components/toast/toast.component.d.ts

@@ -1,48 +0,0 @@
-import React from "react";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-/**
- * @deprecated `Toast` has been deprecated. See the Carbon documentation for migration details.
- */
-type ToastVariants = "error" | "info" | "success" | "warning" | "notice" | "neutral" | "notification";
-/**
- * @deprecated `Toast` has been deprecated. See the Carbon documentation for migration details.
- */
-type AlignOptions = "left" | "center" | "right";
-/**
- * @deprecated `Toast` has been deprecated. See the Carbon documentation for migration details.
- */
-type AlignYOptions = "top" | "center" | "bottom";
-/**
- * @deprecated `Toast` has been deprecated. See the Carbon documentation for migration details.
- */
-export interface ToastProps extends TagProps {
-    /** Sets the horizontal alignment of the component. */
-    align?: AlignOptions;
-    /** Sets the vertical alignment of the component */
-    alignY?: AlignYOptions;
-    /** The rendered children of the component. */
-    children: React.ReactNode;
-    /** Sets Toast variant */
-    variant?: ToastVariants;
-    /** Custom id  */
-    id?: string;
-    /** Determines if the Toast is open. */
-    open?: boolean;
-    /** Callback for when dismissed. */
-    onDismiss?: (ev?: KeyboardEvent | React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Data tag prop bag for close Button */
-    closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
-    /** Time for Toast to remain on screen */
-    timeout?: string | number;
-    /** Target Portal ID where the Toast will render */
-    targetPortalId?: string;
-    /** Maximum toast width */
-    maxWidth?: string;
-    /** Disables auto focus functionality when the Toast has a close icon */
-    disableAutoFocus?: boolean;
-}
-/**
- * @deprecated `Toast` has been deprecated. See the Carbon documentation for migration details.
- */
-export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
-export default Toast;