carbon-react 162.11.0 → 162.12.0-beta.1

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

@@ -1 +0,0 @@
-import o,{css as i}from"styled-components";import t from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.component.js";import"../icon/icon.style.js";const r=o.span.withConfig({displayName:"option-tile.style__StyledNumberBadge",componentId:"carbon_v162_10_0__sc-7fa99ef1-0"})(["box-sizing:border-box;flex-shrink:0;min-width:var(--global-size-xs);height:var(--global-size-xs);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--global-space-comp-xs);border:var(--global-borderwidth-xs) solid var(--input-quickpick-border-default);border-radius:var(--global-radius-action-circle);background-color:var(--input-quickpick-bg-default);color:var(--container-action-txt-default);font:var(--global-font-static-comp-medium-m);font-variant-numeric:tabular-nums;"]),e=o(a).withConfig({displayName:"option-tile.style__StyledCustomIcon",componentId:"carbon_v162_10_0__sc-7fa99ef1-1"})(["flex-shrink:0;width:var(--global-size-3-xs);height:var(--global-size-3-xs);margin-left:4px;font-size:var(--global-size-3-xs);line-height:var(--global-size-3-xs);color:var(--container-action-icon-default);&::before{font-size:var(--global-size-3-xs);line-height:var(--global-size-3-xs);}"]),n=o.span.withConfig({displayName:"option-tile.style__StyledTileText",componentId:"carbon_v162_10_0__sc-7fa99ef1-2"})(["font:var(--global-font-static-comp-regular-m);text-align:left;"]),l=o.span.withConfig({displayName:"option-tile.style__StyledCheckboxDecoration",componentId:"carbon_v162_10_0__sc-7fa99ef1-3"})(["box-sizing:border-box;flex-shrink:0;width:var(--global-size-2-xs);height:var(--global-size-2-xs);display:inline-flex;align-items:center;justify-content:center;border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);border-radius:var(--global-radius-action-s);background-color:var(--input-typical-bg-default);svg{width:14px;height:auto;}svg path{fill:transparent;}",""],(({$isSelected:o})=>o&&i(["svg path{fill:var(--input-typical-icon-active);}"]))),c=o.input.withConfig({displayName:"option-tile.style__StyledCustomInput",componentId:"carbon_v162_10_0__sc-7fa99ef1-4"})(["box-sizing:border-box;flex:1 1 auto;width:100%;height:var(--global-size-s);min-width:0;padding:0 var(--global-space-comp-s);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);border-radius:var(--global-radius-action-m);background-color:var(--input-typical-bg-default);color:var(--container-action-txt-default);font:var(--global-font-static-comp-regular-m);text-overflow:clip;white-space:nowrap;&:focus{","}"],t()),s=i(["box-sizing:border-box;width:424px;height:48px;display:flex;align-items:center;gap:var(--global-space-comp-m);padding:12px;border:var(--global-borderwidth-xs) solid transparent;border-radius:var(--global-radius-container-m);background-color:var(--container-action-bg-default);color:var(--container-action-txt-default);cursor:pointer;transition:border-color 0.15s ease,background-color 0.15s ease;&:hover{background-color:var(--input-quickpick-bg-hover);color:var(--container-action-txt-hover);}&:focus-visible{","}",""],t(),(({$isDisabled:o})=>o&&i(["cursor:not-allowed;background-color:var(--container-action-bg-disabled);border-color:transparent;color:var(--container-action-txt-disabled);&:hover{background-color:var(--container-action-bg-disabled);color:var(--container-action-txt-disabled);}","{border-color:var(--container-action-border-inactive);color:var(--container-action-txt-disabled);}","{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);svg path{fill:var(--input-typical-icon-disabled);}}","{color:var(--container-action-txt-disabled);}"],r,l,e))),d=o.button.withConfig({displayName:"option-tile.style__StyledOptionTileButton",componentId:"carbon_v162_10_0__sc-7fa99ef1-5"})([""," text-align:left;&:hover ","{background-color:var(--input-quickpick-bg-hover);border-color:var(--input-quickpick-border-hover);}"],s,r),p=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileMultiple",componentId:"carbon_v162_10_0__sc-7fa99ef1-6"})([""," ",""],s,(({$isSelected:o,$isDisabled:t})=>o&&!t&&i(["background-color:var(--input-quickpick-bg-active);border-color:transparent;color:var(--input-quickpick-txt-active);&:hover{background-color:var(--input-quickpick-bg-active);color:var(--input-quickpick-txt-active);}"]))),b=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileCustomActive",componentId:"carbon_v162_10_0__sc-7fa99ef1-7"})([""," background-color:var(--input-quickpick-bg-active);border-color:transparent;cursor:text;&:hover{background-color:var(--input-quickpick-bg-active);}"],s),v=o.div.withConfig({displayName:"option-tile.style__StyledOptionTileGroup",componentId:"carbon_v162_10_0__sc-7fa99ef1-8"})(["display:flex;flex-direction:column;align-items:flex-start;gap:4px;"]);export{l as StyledCheckboxDecoration,e as StyledCustomIcon,c as StyledCustomInput,r as StyledNumberBadge,d as StyledOptionTileButton,b as StyledOptionTileCustomActive,v as StyledOptionTileGroup,p as StyledOptionTileMultiple,n as StyledTileText};

package/esm/components/pager/__internal__/pagination-navigation.component.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-/**
- * Renders navigation Buttons and current page input
- */
-export interface PaginationNavigationProps {
-    /** Current visible page */
-    currentPage: number;
-    /** Page size, number of elements on the current page */
-    pageSize: number;
-    /** Total number of pages */
-    totalPages: number;
-    /** Sets the current page being shown */
-    setCurrentPage: (page: number) => void;
-    /** Callback function for next link */
-    onNext?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** Callback function for first link */
-    onFirst?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** Callback function for previous link */
-    onPrevious?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** Callback function for last link */
-    onLast?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** onPagination Callback triggered when a change is triggered */
-    onPagination: (currentPage: number, pageSize: number, origin: string) => void;
-    /** Should the `First` and `Last` navigation buttons be shown */
-    showFirstAndLastButtons?: boolean;
-    /** If true, page number navigation will be changed to a non-interactive label */
-    interactivePageNumber?: boolean;
-    /** Size of the button */
-    size?: "small" | "medium";
-    /** Alignment of the content. */
-    alignment?: "fill" | "centred";
-}
-declare const PaginationNavigation: ({ currentPage, pageSize, totalPages, setCurrentPage, onNext, onFirst, onPrevious, onLast, onPagination, showFirstAndLastButtons, interactivePageNumber, size, alignment, }: PaginationNavigationProps) => React.JSX.Element;
-export default PaginationNavigation;

package/esm/components/pager/__internal__/pagination-navigation.component.js

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as r,jsx as i}from"react/jsx-runtime";import{useState as n,useRef as t,useEffect as l}from"react";import a from"../../../hooks/__internal__/useLocale/useLocale.js";import{StyledPaginationNavigation as o,StyledButtonWrapper as c,StyledCurrentPageContainer as u,StyledInputWrapper as s,StyledCurrentPage as p}from"./pagination-navigation.style.js";import{Textbox as d}from"../../textbox/textbox.component.js";import{Button as v}from"../../button/__next__/button.component.js";import g from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Typography as h}from"../../typography/typography.component.js";import m from"../../../__internal__/utils/helpers/guid/index.js";const b=({currentPage:b,pageSize:f,totalPages:_,setCurrentPage:y,onNext:x,onFirst:j,onPrevious:k,onLast:z,onPagination:L,showFirstAndLastButtons:$,interactivePageNumber:C,size:P,alignment:A})=>{const N=a(),[T,X]=n(b),w=t(null),Y=t(null),{current:B}=t(m()),F=_>1,D=b>1&&$,E=b>1,I=b<_,K=b<_&&$;l((()=>{X(b)}),[b]);const M=t(null);l((()=>{if(M.current){switch(M.current){case"next":var e;null===(e=Y.current)||void 0===e||e.focus();break;case"previous":var r;null===(r=w.current)||void 0===r||r.focus()}M.current=null}}),[b]);const O=e=>{const r=b+1;r===_&&(M.current="previous"),y(r),null==x||x(e),L(r,f,"next")},R=e=>{M.current="previous",y(_),null==z||z(e),L(_,f,"last")},S=e=>{X(e.target.value)},q=()=>{const e=Number(T);if(Number.isInteger(e)){if(e<1)return X(1),y(1),void L(1,f,"input");if(e>_)return X(_),y(_),void L(_,f,"input");y(e),L(e,f,"input")}else X(b)},G=e=>{"Enter"===e.key&&q()};return e(o,{$alignment:A,children:[F&&e(r,{children:[$&&i(c,{$visible:D,children:i(v,{variantType:"subtle","aria-label":null===(H=(J=N.pager).firstAriaLabel)||void 0===H?void 0:H.call(J,_),size:P,onClick:e=>{M.current="next",y(1),null==j||j(e),L(1,f,"first")},children:i(g,{type:"chevron_first_pagination"})})}),i(c,{$visible:E,children:i(v,{variantType:"subtle","aria-label":null===(Q=(U=N.pager).previousAriaLabel)||void 0===Q?void 0:Q.call(U,b-1,_),size:P,onClick:e=>{const r=b-1;1===r&&(M.current="next"),y(r),null==k||k(e),L(r,f,"previous")},ref:w,children:i(g,{type:"chevron_left_thick"})})})]}),(()=>{var r,n,t,l,a,o;return C&&_>1?e(u,{children:[i(h,{id:B,screenReaderOnly:!0,children:`${N.pager.pageX(b)} ${null===(t=(l=N.pager).ofY)||void 0===t?void 0:t.call(l,_)}`}),i("div",{"aria-hidden":"true",children:N.pager.pageX()}),i(s,{$size:P||"medium",children:i(d,{"aria-label":N.pager.pageX(b),"aria-describedby":B,value:T,onChange:S,onBlur:q,onKeyDown:G,size:P,inputMode:"numeric"})}),i("div",{"aria-hidden":"true",children:null===(a=(o=N.pager).ofY)||void 0===a?void 0:a.call(o,_)})]}):e(p,{children:[N.pager.pageX(b)," ",null===(r=(n=N.pager).ofY)||void 0===r?void 0:r.call(n,_)]})})(),F&&(()=>{var n,t,l,a;return e(r,{children:[i(c,{$visible:I,children:i(v,{variantType:"subtle","aria-label":null===(n=(t=N.pager).nextAriaLabel)||void 0===n?void 0:n.call(t,b+1,_),size:P,onClick:O,ref:Y,children:i(g,{type:"chevron_right_thick"})})}),$&&i(c,{$visible:K,children:i(v,{variantType:"subtle","aria-label":null===(l=(a=N.pager).lastAriaLabel)||void 0===l?void 0:l.call(a,_),size:P,onClick:R,children:i(g,{type:"chevron_last_pagination"})})})]})})()]});var H,J,Q,U};export{b as default};

package/esm/components/pager/__internal__/pagination-navigation.style.d.ts

@@ -1,13 +0,0 @@
-interface StyledPaginationNavigationProps {
-    $alignment?: "fill" | "centred";
-}
-export declare const StyledPaginationNavigation: import("styled-components").StyledComponent<"div", any, StyledPaginationNavigationProps, never>;
-export declare const StyledButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    $visible?: boolean;
-}, never>;
-export declare const StyledCurrentPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCurrentPage: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, {
-    $size: "small" | "medium";
-}, never>;
-export {};

package/esm/components/pager/__internal__/pagination-navigation.style.js

@@ -1 +0,0 @@
-import i,{css as a}from"styled-components";const n={small:{width:"var(--global-size-s)"},medium:{width:"var(--global-size-m)"}},t=i.div.withConfig({displayName:"pagination-navigation.style__StyledPaginationNavigation",componentId:"carbon_v162_10_0__sc-17846a48-0"})(["",""],(({$alignment:i})=>a(["display:flex;align-items:center;gap:var(--global-space-comp-xs);flex:1 0 0;",""],"centred"===i&&a(["justify-content:center;"])))),e=i.div.withConfig({displayName:"pagination-navigation.style__StyledButtonWrapper",componentId:"carbon_v162_10_0__sc-17846a48-1"})(["",""],(({$visible:i})=>a(["visibility:",";"],i?"visible":"hidden"))),o=i.div.withConfig({displayName:"pagination-navigation.style__StyledCurrentPageContainer",componentId:"carbon_v162_10_0__sc-17846a48-2"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);white-space:nowrap;"]),l=i.span.withConfig({displayName:"pagination-navigation.style__StyledCurrentPage",componentId:"carbon_v162_10_0__sc-17846a48-3"})(["padding:0 var(--global-space-layout-3-xs);white-space:nowrap;"]),s=i.div.withConfig({displayName:"pagination-navigation.style__StyledInputWrapper",componentId:"carbon_v162_10_0__sc-17846a48-4"})(["",""],(({$size:i})=>a(["min-width:",";&& input{text-align:center;field-sizing:content;}"],n[i].width)));export{e as StyledButtonWrapper,l as StyledCurrentPage,o as StyledCurrentPageContainer,s as StyledInputWrapper,t as StyledPaginationNavigation};

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

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

package/esm/components/pager/index.js

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

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

@@ -1,83 +0,0 @@
-import React from "react";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-type PageSizeOption = {
-    id: string;
-    name: number;
-};
-type PagerLayout = "single" | "two-row" | "three-row";
-type PagerAlignment = "fill" | "centred";
-export interface PagerProps extends TagProps {
-    /** Function called when pager changes (Current page, Page size, Origin component). */
-    onPagination: (currentPage: number, pageSize: number, origin: string) => void;
-    /** Callback function for the Next button. */
-    onNext?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** Callback function for the First button. */
-    onFirst?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** Callback function for the Previous button. */
-    onPrevious?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** Callback function for the Last button. */
-    onLast?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** Current visible page. */
-    currentPage?: number | string;
-    /** Flag to set if the current page number renders as an input. */
-    interactivePageNumber?: boolean;
-    /** Total number of records, used to calculate the total number of pages. */
-    totalRecords?: number | string;
-    /** Number of records per page. */
-    pageSize?: number | string;
-    /** Flag to render the page size selection input. */
-    showPageSizeSelection?: boolean;
-    /** List of page size options. */
-    pageSizeSelectionOptions?: PageSizeOption[];
-    /** Flag to render "First" and "Last" navigation buttons. */
-    showFirstAndLastButtons?: boolean;
-    /** The component's variant. */
-    variant?: "default" | "alternate";
-    /**
-     * Size of the component.
-     * **Deprecation:** The "large" size is no longer supported.
-     */
-    size?: "small" | "medium" | "large";
-    /** Maximum number of lines used to render the component. */
-    layout?: PagerLayout;
-    /** Alignment of the content. */
-    alignment?: PagerAlignment;
-    /** Set an accessible label for the Pagination nav */
-    "aria-label"?: string;
-    /**
-     * If true, sets css property visibility: hidden on all disabled elements.
-     * @deprecated Support to disable elements has been removed.
-     */
-    hideDisabledElements?: boolean;
-    /**
-     * Should the label before the page size selection dropdown be shown.
-     * @deprecated Support for this prop has been removed. Labels for page size selection are always shown.
-     */
-    showPageSizeLabelBefore?: boolean;
-    /**
-     * Should the label after the page size selection dropdown be shown.
-     * @deprecated Support for this prop has been removed. Labels for page size selection are always shown.
-     */
-    showPageSizeLabelAfter?: boolean;
-    /**
-     * Should the total records label be shown.
-     */
-    showTotalRecords?: boolean;
-    /**
-     * Should the `Previous` and `Next` navigation buttons be shown.
-     * @deprecated Support to show or hide "Previous" and "Next" buttons has been removed. Their visibility is managed internally.
-     */
-    showPreviousAndNextButtons?: boolean;
-    /**
-     * Should the page count input be shown
-     * @deprecated Support to show or hide page count input has been removed. The page count is always shown.
-     */
-    showPageCount?: boolean;
-    /**
-     * Breakpoint for small screen styling to be applied.
-     * @deprecated This component is now responsive by default and support for this prop has been removed.
-     */
-    smallScreenBreakpoint?: string;
-}
-export declare const Pagination: ({ currentPage, interactivePageNumber, pageSizeSelectionOptions, pageSize, showPageSizeSelection, totalRecords, onPagination, onNext, onFirst, onPrevious, onLast, showFirstAndLastButtons, variant, size, layout, alignment, showTotalRecords, "aria-label": ariaLabel, ...rest }: PagerProps) => React.JSX.Element;
-export default Pagination;

package/esm/components/pager/pager.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as o,useCallback as n,useEffect as i}from"react";import a from"../select/option/option.component.js";import"../select/option-row/option-row.component.js";import"../select/option-group-header/option-group-header.component.js";import{SimpleSelect as l}from"../select/simple-select/simple-select.component.js";import"../select/filterable-select/filterable-select.component.js";import"../select/multi-select/multi-select.component.js";import s from"./__internal__/pagination-navigation.component.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import p from"../../__internal__/utils/helpers/guid/index.js";import{StyledPagination as u,StyledPageInfo as m,StyledPageSizeSelect as g,StyledTotalRecords as d}from"./pager.style.js";import{Divider as f}from"../divider/divider.component.js";import b from"../../__internal__/utils/helpers/events/events.js";import v from"../../__internal__/utils/helpers/tags/tags.js";function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const j=j=>{var y,O,{currentPage:P=1,interactivePageNumber:w=!0,pageSizeSelectionOptions:_=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:S=10,showPageSizeSelection:z=!1,totalRecords:N=0,onPagination:x,onNext:L,onFirst:F,onPrevious:$,onLast:k,showFirstAndLastButtons:D=!0,variant:B="default",size:E="medium",layout:R="single",alignment:A="fill",showTotalRecords:C=!1,"aria-label":I}=j,K=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(j,["currentPage","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showFirstAndLastButtons","variant","size","layout","alignment","showTotalRecords","aria-label"]);const T=c(),M=`Pager_size_selector_${r(p()).current}`,[q,G]=o(+P),[H,J]=o(+S),[Q,U]=o(+S),V=+N<0||Number.isNaN(+N)?0:+N,W=n((()=>+N<0||Number.isNaN(+N)?1:Math.ceil(+N/H)),[N,H]),[X,Y]=o(W()),Z=z||C;let ee,te;ee=z||C?z&&C||"three-row"!==R?R:"two-row":"single",te="fill"===A&&z&&C&&"single"===ee?"fill":"centred";const re=z&&C&&"three-row"!==ee,oe="three-row"!==ee&&w,ne="large"===E?"medium":E;i((()=>{J(+S),U(+S)}),[S]),i((()=>{const e=W();Y(e),G(+P>e?e:+P)}),[H,X,P,N,W]);const ie=n((e=>{U(+e),J(+e),G(1),x(1,+e,"page-select")}),[x]),ae=n((e=>b.isEnterKey(e)&&ie(e.target.value)),[ie]);return e(u,(le=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){h(e,t,r[t])}))}return e}({"aria-label":I||(null===(y=(O=T.pager).ariaLabel)||void 0===y?void 0:y.call(O)),$variant:B,$size:ne,$layout:ee},K,v("pager",K)),se={children:[t(s,{currentPage:q,pageSize:H,totalPages:X,interactivePageNumber:oe,setCurrentPage:G,onNext:L,onPrevious:$,onFirst:F,onLast:k,onPagination:x,showFirstAndLastButtons:D,size:ne,alignment:te}),Z&&e(m,{"data-role":"page-info",$layout:ee,$alignment:te,children:[z&&(()=>{var r,o;return e(g,{children:[t("label",{htmlFor:M,children:null===(r=(o=T.pager).itemsPerPage)||void 0===r?void 0:r.call(o)}),t(l,{value:String(Q),onChange:e=>U(+e.target.value),onBlur:()=>U(H),onKeyDown:ae,id:M,size:ne,children:_.map((e=>t(a,{text:e.id,value:String(e.name),onClick:ie},e.id)))})]})})(),re&&t(f,{p:0,"aria-hidden":!0,height:"32px"}),C&&(()=>{var r,o;return e("div",{"data-role":"total-records",children:[t(d,{children:V}),null===(r=(o=T.pager).totalItems)||void 0===r?void 0:r.call(o)]})})()]})]},se=null!=se?se:{},Object.getOwnPropertyDescriptors?Object.defineProperties(le,Object.getOwnPropertyDescriptors(se)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(se)).forEach((function(e){Object.defineProperty(le,e,Object.getOwnPropertyDescriptor(se,e))})),le));var le,se};export{j as Pagination,j as default};

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

@@ -1,14 +0,0 @@
-interface StyledPagerContainerProps {
-    $variant?: "alternate" | "default";
-    $size: "small" | "medium";
-    $layout?: "single" | "two-row" | "three-row";
-}
-export declare const StyledPagination: import("styled-components").StyledComponent<"nav", any, StyledPagerContainerProps, never>;
-interface StyledPageInfoProps {
-    $layout: "single" | "two-row" | "three-row";
-    $alignment?: "fill" | "centred";
-}
-export declare const StyledPageInfo: import("styled-components").StyledComponent<"div", any, StyledPageInfoProps, never>;
-export declare const StyledPageSizeSelect: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTotalRecords: import("styled-components").StyledComponent<"span", any, {}, never>;
-export {};

package/esm/components/pager/pager.style.js

@@ -1 +0,0 @@
-import a,{css as e}from"styled-components";const o={small:{padding:"var(--global-space-comp-m)",font:"var(--global-font-static-comp-regular-s)",rowGap:"var(--global-space-comp-m)"},medium:{padding:"var(--global-space-comp-l)",font:"var(--global-font-static-comp-regular-m)",rowGap:"var(--global-space-comp-l)"}},n=a.nav.withConfig({displayName:"pager.style__StyledPagination",componentId:"carbon_v162_10_0__sc-e6346955-0"})(["",""],(({$variant:a,$size:n,$layout:t})=>e(["--fieldSpacing:0;display:flex;align-items:center;flex-direction:",";box-sizing:border-box;flex-wrap:wrap;font:",";width:100%;min-width:288px;padding:",";row-gap:",";border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);background:var(--container-standard-bg-alt);",""],"single"===t?"row":"column",o[n].font,o[n].padding,o[n].rowGap,"alternate"===a&&e(["background:none;border:none;"])))),t=a.div.withConfig({displayName:"pager.style__StyledPageInfo",componentId:"carbon_v162_10_0__sc-e6346955-1"})(["",""],(({$layout:a,$alignment:o})=>e(["display:flex;align-items:center;flex-direction:",";justify-content:",";gap:var(--global-space-comp-l);flex:1 0 0;white-space:nowrap;color:var(--input-labelset-label-default);"],"three-row"===a?"column":"row","centred"===o?"center":"flex-end"))),l=a.div.withConfig({displayName:"pager.style__StyledPageSizeSelect",componentId:"carbon_v162_10_0__sc-e6346955-2"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);min-width:fit-content;&& input{field-sizing:content;}"]),r=a.span.withConfig({displayName:"pager.style__StyledTotalRecords",componentId:"carbon_v162_10_0__sc-e6346955-3"})(["font:var(--global-font-static-comp-medium-s);margin-right:var(--global-space-comp-xs);"]);export{t as StyledPageInfo,l as StyledPageSizeSelect,n as StyledPagination,r as StyledTotalRecords};

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

@@ -1,4 +0,0 @@
-export { default } from "./pages.component";
-export { default as Page } from "./page/page.component";
-export type { PagesProps } from "./pages.component";
-export type { PageProps } from "./page";

package/esm/components/pages/index.js

@@ -1 +0,0 @@
-export{default}from"./pages.component.js";export{default as Page}from"./page/page.component.js";

package/esm/components/pages/page/index.d.ts

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

package/esm/components/pages/page/index.js

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

package/esm/components/pages/page/page.component.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { PaddingProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-/**
- * @deprecated `Page` has been deprecated. See the Carbon documentation for migration details.
- */
-export interface PageProps extends PaddingProps, TagProps {
-    /** The title for the page, normally a Heading component. */
-    title?: React.ReactNode;
-    /** This component supports children. */
-    children: React.ReactNode;
-    /** The ARIA role to be applied to the component */
-    role?: string;
-    /** @ignore @private */
-    transitionName?: () => string;
-}
-/**
- * @deprecated `Page` has been deprecated. See the Carbon documentation for migration details.
- */
-declare const Page: {
-    ({ role, title, children, ...rest }: PageProps): React.JSX.Element;
-    displayName: string;
-};
-export default Page;

package/esm/components/pages/page/page.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r}from"react";import{CSSTransition as n}from"react-transition-group";import o from"../../../__internal__/utils/helpers/tags/tags.js";import i from"../../../__internal__/full-screen-heading/full-screen-heading.component.js";import{Box as l}from"../../box/box.component.js";import{StyledPage as c,StyledPageContent as a}from"./page.style.js";import p from"../../../style/utils/filter-styled-system-padding-props.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(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){s(e,t,r[t])}))}return e}function f(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 m=s=>{var{role:m,title:b,children:y}=s,O=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}(s,["role","title","children"]);const g=r(null),{transitionName:d}=O;return e(n,f(u(f(u({className:"carbon-carousel__transition",timeout:{appear:0,enter:0,exit:0}},d&&{classNames:d()}),{nodeRef:g}),O),{children:t(c,f(u({},o("page",O)),{ref:g,role:m,children:[b?e(i,{hasContent:!0,children:b}):null,e(a,f(u({"data-element":"carbon-page-content","data-role":"page-content",p:"34px 40px"},p(O)),{children:e(l,{boxSizing:"border-box",maxWidth:"100%",minWidth:"auto",margin:"0 auto",children:y})}))]}))}))};m.displayName="Page";export{m as default};

package/esm/components/pages/page/page.style.d.ts

@@ -1,7 +0,0 @@
-declare const StyledPage: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-}, "theme">;
-declare const StyledPageContent: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-}, "theme">;
-export { StyledPage, StyledPageContent };

package/esm/components/pages/page/page.style.js

@@ -1 +0,0 @@
-import t from"styled-components";import{padding as e}from"styled-system";import o from"../../../style/themes/apply-base-theme.js";const s=t.div.attrs(o).withConfig({displayName:"page.style__StyledPage",componentId:"carbon_v162_10_0__sc-535d517d-0"})(["width:100%;position:absolute;"]),i=t.div.attrs(o).withConfig({displayName:"page.style__StyledPageContent",componentId:"carbon_v162_10_0__sc-535d517d-1"})([""," box-sizing:border-box;width:100%;height:100%;"],e);export{s as StyledPage,i as StyledPageContent};

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

@@ -1,28 +0,0 @@
-import React from "react";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-import Page from "./page";
-import type { ThemeObject } from "../../style/themes/theme.types";
-/**
- * @deprecated `Pages` has been deprecated. See the Carbon documentation for migration details.
- */
-export interface PagesProps extends TagProps {
-    /** The selected tab on page load */
-    initialpageIndex?: number | string;
-    /** The current page's index */
-    pageIndex?: number | string;
-    /** Individual Page components */
-    children?: React.ReactNode;
-    /** Controls which transition to use (fade or slide). */
-    transition?: string;
-    /** @ignore @private */
-    theme?: Partial<ThemeObject>;
-}
-/**
- * @deprecated `Pages` has been deprecated. See the Carbon documentation for migration details.
- */
-declare const Pages: {
-    ({ pageIndex: incomingPageIndex, initialpageIndex, transition, children, ...props }: PagesProps): React.JSX.Element;
-    displayName: string;
-};
-export default Pages;
-export { Page };

package/esm/components/pages/pages.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import r,{useState as t,useRef as n,useCallback as o,useEffect as i}from"react";import{TransitionGroup as a}from"react-transition-group";import c from"../../__internal__/utils/helpers/tags/tags.js";export{default as Page}from"./page/page.component.js";import{PagesWrapperStyle as s,PagesContent as l}from"./pages.style.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u="next",f=f=>{var{pageIndex:b,initialpageIndex:m=0,transition:g="slide",children:y}=f,O=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(f,["pageIndex","initialpageIndex","transition","children"]);const[d,j]=t(Number(b)||Number(m)),P=n(u),h=()=>"slide"===g?`slide-${P.current}`:`carousel-transition-${g}`,v=o((()=>Array.isArray(y)?y.length:1),[y]),w=o((e=>e<0?v()-1:e>v()-1?0:e),[v]);return i((()=>{if(void 0===b)return;const e=w(+b),r=d;e!==r&&(P.current=e>r?u:"previous",j(e))}),[b,d,w]),e(s,(x=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}({},c("pages",O)),N=null!=(N={children:e(l,{className:"carbon-carousel__content",children:e(a,{children:(()=>{const e=r.Children.toArray(y)[d];if(!r.isValidElement(e))return e;const t={transitionName:h,timeout:500,"data-element":"visible-page","data-role":"visible-page",className:e.props.className};return r.cloneElement(e,t)})()})})})?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(N)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(N)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(N,e))})),x));var x,N};f.displayName="Pages";export{f as default};

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

@@ -1,3 +0,0 @@
-declare const slideAnimation: import("styled-components").FlattenSimpleInterpolation;
-declare const fadeAnimation: import("styled-components").FlattenSimpleInterpolation;
-export { slideAnimation, fadeAnimation };

package/esm/components/pages/pages.config.js

@@ -1 +0,0 @@
-import{css as e}from"styled-components";const t="all 500ms cubic-bezier(.23,1.10,.69,1.01)",i=e([".slide-next-enter{opacity:0;left:100%;}.slide-next-enter.slide-next-enter-active{opacity:1;left:0;transition:",";}.slide-next-exit{opacity:1;left:0;}.slide-next-exit.slide-next-exit-active{opacity:0;left:-100%;transition:",";}.slide-previous-enter{opacity:0;left:-100%;}.slide-previous-enter.slide-previous-enter-active{opacity:1;left:0;transition:",";}.slide-previous-exit{opacity:1;left:0;}.slide-previous-exit.slide-previous-exit-active{opacity:0;left:100%;transition:",";}"],t,t,t,t),o=e([".carousel-transition-fade-enter{opacity:0;position:absolute;}.carousel-transition-fade-enter.carousel-transition-fade-enter-active{opacity:1;transition:",";}.carousel-transition-fade-exit{opacity:1;position:relative;}.carousel-transition-fade-exit.carousel-transition-fade-exit-active{opacity:0;transition:",";}.carbon-carousel__transition{height:100%;}"],t,t);export{o as fadeAnimation,i as slideAnimation};

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

@@ -1,5 +0,0 @@
-declare const PagesContent: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-}, "theme">;
-declare const PagesWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { PagesWrapperStyle, PagesContent };

package/esm/components/pages/pages.style.js

@@ -1 +0,0 @@
-import e from"styled-components";import{slideAnimation as o,fadeAnimation as t}from"./pages.config.js";import n from"../../style/themes/apply-base-theme.js";import{StyledHeading as a,StyledDivider as s}from"../heading/heading.style.js";const p=e.div.attrs(n).withConfig({displayName:"pages.style__PagesContent",componentId:"carbon_v162_10_0__sc-3e7b0c1a-0"})(["border:none;","{padding-left:45px;margin-bottom:34px;}","{display:none;}"],a,s),i=e.div.withConfig({displayName:"pages.style__PagesWrapperStyle",componentId:"carbon_v162_10_0__sc-3e7b0c1a-1"})([".carbon-carousel__content{position:relative;}"," ",""],o,t);export{p as PagesContent,i as PagesWrapperStyle};

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

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

package/esm/components/password/index.js

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

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

@@ -1,12 +0,0 @@
-import React from "react";
-import { TextInputProps } from "../textbox/__internal__/__next__";
-export interface PasswordProps extends Omit<TextInputProps, "data-component"> {
-    /** When `true` input `type` is `password` and text is obscured. */
-    forceObscurity?: boolean;
-    /** @deprecated `characterLimit` has been deprecated and will be removed in a future release. */
-    characterLimit?: number;
-    /** @deprecated `prefix` has been deprecated and will be removed in a future release. */
-    prefix?: string;
-}
-export declare const Password: ({ id, disabled, forceObscurity, characterLimit, inputIcon, size, ...rest }: PasswordProps) => React.JSX.Element;
-export default Password;

package/esm/components/password/password.component.js

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useRef as o,useState as i}from"react";import n from"./password.style.js";import{Button as a}from"../button/__next__/button.component.js";import l from"../../__internal__/utils/helpers/guid/index.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import{Divider as p}from"../divider/divider.component.js";import{TextInput as d}from"../textbox/__internal__/__next__/text-input.component.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}const f=u=>{var f,m,v,y,O,j,w,_,{id:h,disabled:g,forceObscurity:P=!1,characterLimit:x,inputIcon:L,size:S}=u,k=function(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(u,["id","disabled","forceObscurity","characterLimit","inputIcon","size"]);const z=o(h||l()),D=c(),[I,E]=i(!1),H=!P&&I;return e(r,{children:[t(d,(C=b({"data-element":"styled-password-container",id:z.current,autoComplete:"off",type:H?"text":"password",disabled:g,size:S},k,s("password",k)),M={inputIcon:e(r,{children:[t(p,{"aria-hidden":!0,"data-role":"password-divider",height:`calc(100% - var(--global-space-comp-${(null==S?void 0:S.charAt(0))||"m"}))`,p:0,type:"vertical"}),t(a,{"aria-label":H?null===(m=D.password)||void 0===m||null===(f=m.ariaLabelHide)||void 0===f?void 0:f.call(m):null===(y=D.password)||void 0===y||null===(v=y.ariaLabelShow)||void 0===v?void 0:v.call(y),"aria-controls":z.current,onClick:()=>E(!I),variantType:"subtle",iconType:H?"hide":"view",iconPosition:"before",size:S,disabled:P||g,children:H?null===(j=D.password)||void 0===j||null===(O=j.buttonLabelHide)||void 0===O?void 0:O.call(j):null===(_=D.password)||void 0===_||null===(w=_.buttonLabelShow)||void 0===w?void 0:w.call(_)})]})},M=null!=M?M:{},Object.getOwnPropertyDescriptors?Object.defineProperties(C,Object.getOwnPropertyDescriptors(M)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(M)).forEach((function(e){Object.defineProperty(C,e,Object.getOwnPropertyDescriptor(M,e))})),C)),t(n,{role:"status","aria-live":"polite",children:H?D.password.ariaLiveShownMessage():D.password.ariaLiveHiddenMessage()})]});var C,M};export{f as Password,f as default};

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

@@ -1,2 +0,0 @@
-declare const HiddenAriaLive: import("styled-components").StyledComponent<"p", any, {}, never>;
-export default HiddenAriaLive;

package/esm/components/password/password.style.js

@@ -1 +0,0 @@
-import o from"styled-components";import s from"../../style/utils/visually-hidden.js";const t=o.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"carbon_v162_10_0__sc-213d9b67-0"})(["",""],s);export{t as default};

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

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

package/esm/components/pill/index.js

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

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

@@ -1,46 +0,0 @@
-import React from "react";
-import { StyledPillProps } from "./pill.style";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export interface PillProps extends StyledPillProps, TagProps {
-    /** The content to display inside of the pill.  */
-    children: string;
-    /**
-     * Determines the colour variant of the pill.
-     * @deprecated Use `variant` prop instead.
-     */
-    colorVariant?: "neutral" | "negative" | "positive" | "warning" | "information" | "neutralWhite";
-    /** Sets the colour variant of a status pill. */
-    variant?: "grey" | "green" | "red" | "orange" | "blue" | "purple" | "teal" | "lime" | "pink" | "slate";
-    /**
-     * Apply inverse styling for use on dark backgrounds.
-     * @deprecated Use `inverse` prop instead.
-     */
-    isDarkBackground?: boolean;
-    /** Whether to apply inverse styling to the pill. */
-    inverse?: boolean;
-    /**
-     * A React node displayed to the left of the pill content.
-     * Recommended for use with `size="L"` pills.
-     */
-    icon?: React.ReactNode;
-    /** Fills the pill background with colour. When fill is false only the border is coloured. */
-    fill?: boolean;
-    /** Callback function for when the pill is clicked. */
-    onClick?: (ev: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * Callback fired when the remove button is activated.
-     * Receives the click event.
-     */
-    onDelete?: (ev?: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Sets the type of pill in use.
-     * @deprecated The pillRole prop is no longer used. Pill styling is determined by the `variant`, `fill`, and `inverse` props.
-     */
-    pillRole?: "tag" | "status";
-    /** Sets custom aria-label attribute on the remove button */
-    ariaLabelOfRemoveButton?: string;
-    /** @private @ignore title attribute passed down to underlying element */
-    title?: string;
-}
-export declare const Pill: ({ wrapText, borderColor, colorVariant, variant, isDarkBackground, inverse, icon, children, fill, maxWidth, onClick, onDelete, pillRole, size, ariaLabelOfRemoveButton, ...rest }: PillProps) => React.JSX.Element;
-export default Pill;

package/esm/components/pill/pill.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t,{StyledDeleteButton as o}from"./pill.style.js";import n from"../icon/icon.component.js";import"../icon/icon.style.js";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c={neutral:"grey",positive:"green",negative:"red",warning:"orange",information:"blue",neutralWhite:"grey"},s=s=>{var{wrapText:p,borderColor:u,colorVariant:b,variant:f,isDarkBackground:y=!1,inverse:O=!1,icon:m,children:g,fill:j=!1,maxWidth:d,onClick:v,onDelete:h,pillRole:w,size:P="M",ariaLabelOfRemoveButton:k}=s,x=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(s,["wrapText","borderColor","colorVariant","variant","isDarkBackground","inverse","icon","children","fill","maxWidth","onClick","onDelete","pillRole","size","ariaLabelOfRemoveButton"]);const D=l(),$=null!=w?w:"tag",_=((e,r)=>void 0!==e?e:void 0!==r?c[r]:"grey")(f,b);return e(t,(C=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){a(e,r,t[r])}))}return e}({$inFill:j,$colorVariant:_,$inverse:O||y,$isDeletable:!!h,$pillRole:$,$size:P,$borderColor:u,onClick:v,$maxWidth:d,$wrapText:p},x,i("pill",x)),S=null!=(S={children:[m,g,h&&r(o,{type:"button",onClick:e=>h(e),"data-element":"close","aria-label":k||D.pill.remove(g),children:r(n,{type:"cross"})})]})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(C,Object.getOwnPropertyDescriptors(S)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(S)).forEach((function(e){Object.defineProperty(C,e,Object.getOwnPropertyDescriptor(S,e))})),C));var C,S};export{s as Pill,s as default};

package/esm/components/pill/pill.style.config.d.ts

@@ -1,25 +0,0 @@
-interface StyledPillInnerConfigProps {
-    varietyColor: string;
-    varietyColorAlt: string;
-    varietyBorderColor: string;
-    buttonFocus: string;
-    buttonFocusAlt: string;
-    content: string;
-    contentAlt: string;
-}
-interface StyledPillConfig {
-    status: {
-        grey: StyledPillInnerConfigProps;
-        green: StyledPillInnerConfigProps;
-        red: StyledPillInnerConfigProps;
-        orange: StyledPillInnerConfigProps;
-        blue: StyledPillInnerConfigProps;
-        purple: StyledPillInnerConfigProps;
-        teal: StyledPillInnerConfigProps;
-        lime: StyledPillInnerConfigProps;
-        pink: StyledPillInnerConfigProps;
-        slate: StyledPillInnerConfigProps;
-    };
-}
-declare const _default: (inverse: boolean) => StyledPillConfig;
-export default _default;

package/esm/components/pill/pill.style.config.js

@@ -1 +0,0 @@
-var l=l=>{const e=l?"var(--pill-generic-inverse-label-default)":"var(--pill-generic-label-default)",r=l?"var(--pill-generic-inverse-label-alt-default)":"var(--pill-generic-label-alt-default)";return{status:{grey:{varietyColor:l?"var(--pill-gray-inverse-bg-default)":"var(--pill-gray-bg-default)",varietyColorAlt:l?"var(--pill-gray-inverse-bg-alt-default)":"var(--pill-gray-bg-alt-default)",varietyBorderColor:l?"var(--pill-gray-inverse-border-default)":"var(--pill-gray-border-default)",buttonFocus:l?"var(--pill-gray-inverse-bg-hover)":"var(--pill-gray-bg-hover)",buttonFocusAlt:l?"var(--pill-gray-inverse-bg-alt-hover)":"var(--pill-gray-bg-alt-hover)",content:e,contentAlt:r},green:{varietyColor:l?"var(--pill-green-inverse-bg-default)":"var(--pill-green-bg-default)",varietyColorAlt:l?"var(--pill-green-inverse-bg-alt-default)":"var(--pill-green-bg-alt-default)",varietyBorderColor:l?"var(--pill-green-inverse-border-default)":"var(--pill-green-border-default)",buttonFocus:l?"var(--pill-green-inverse-bg-hover)":"var(--pill-green-bg-hover)",buttonFocusAlt:l?"var(--pill-green-inverse-bg-alt-hover)":"var(--pill-green-bg-alt-hover)",content:e,contentAlt:r},red:{varietyColor:l?"var(--pill-red-inverse-bg-default)":"var(--pill-red-bg-default)",varietyColorAlt:l?"var(--pill-red-inverse-bg-alt-default)":"var(--pill-red-bg-alt-default)",varietyBorderColor:l?"var(--pill-red-inverse-border-default)":"var(--pill-red-border-default)",buttonFocus:l?"var(--pill-red-inverse-bg-hover)":"var(--pill-red-bg-hover)",buttonFocusAlt:l?"var(--pill-red-inverse-bg-alt-hover)":"var(--pill-red-bg-alt-hover)",content:e,contentAlt:r},orange:{varietyColor:l?"var(--pill-orange-inverse-bg-default)":"var(--pill-orange-bg-default)",varietyColorAlt:l?"var(--pill-orange-inverse-bg-alt-default)":"var(--pill-orange-bg-alt-default)",varietyBorderColor:l?"var(--pill-orange-inverse-border-default)":"var(--pill-orange-border-default)",buttonFocus:l?"var(--pill-orange-inverse-bg-hover)":"var(--pill-orange-bg-hover)",buttonFocusAlt:l?"var(--pill-orange-inverse-bg-alt-hover)":"var(--pill-orange-bg-alt-hover)",content:e,contentAlt:r},blue:{varietyColor:l?"var(--pill-blue-inverse-bg-default)":"var(--pill-blue-bg-default)",varietyColorAlt:l?"var(--pill-blue-inverse-bg-alt-default)":"var(--pill-blue-bg-alt-default)",varietyBorderColor:l?"var(--pill-blue-inverse-border-default)":"var(--pill-blue-border-default)",buttonFocus:l?"var(--pill-blue-inverse-bg-hover)":"var(--pill-blue-bg-hover)",buttonFocusAlt:l?"var(--pill-blue-inverse-bg-alt-hover)":"var(--pill-blue-bg-alt-hover)",content:e,contentAlt:r},purple:{varietyColor:l?"var(--pill-purple-inverse-bg-default)":"var(--pill-purple-bg-default)",varietyColorAlt:l?"var(--pill-purple-inverse-bg-alt-default)":"var(--pill-purple-bg-alt-default)",varietyBorderColor:l?"var(--pill-purple-inverse-border-default)":"var(--pill-purple-border-default)",buttonFocus:l?"var(--pill-purple-inverse-bg-hover)":"var(--pill-purple-bg-hover)",buttonFocusAlt:l?"var(--pill-purple-inverse-bg-alt-hover)":"var(--pill-purple-bg-alt-hover)",content:e,contentAlt:r},teal:{varietyColor:"var(--pill-teal-bg-default)",varietyColorAlt:"var(--pill-teal-bg-alt-default)",varietyBorderColor:"var(--pill-teal-border-default)",buttonFocus:"var(--pill-teal-bg-hover)",buttonFocusAlt:"var(--pill-teal-bg-alt-hover)",content:e,contentAlt:r},lime:{varietyColor:"var(--pill-lime-bg-default)",varietyColorAlt:"var(--pill-lime-bg-alt-default)",varietyBorderColor:"var(--pill-lime-border-default)",buttonFocus:"var(--pill-lime-bg-hover)",buttonFocusAlt:"var(--pill-lime-bg-alt-hover)",content:e,contentAlt:r},pink:{varietyColor:"var(--pill-pink-bg-default)",varietyColorAlt:"var(--pill-pink-bg-alt-default)",varietyBorderColor:"var(--pill-pink-border-default)",buttonFocus:"var(--pill-pink-bg-hover)",buttonFocusAlt:"var(--pill-pink-bg-alt-hover)",content:e,contentAlt:r},slate:{varietyColor:"var(--pill-slate-bg-default)",varietyColorAlt:"var(--pill-slate-bg-alt-default)",varietyBorderColor:"var(--pill-slate-border-default)",buttonFocus:"var(--pill-slate-bg-hover)",buttonFocusAlt:"var(--pill-slate-bg-alt-hover)",content:e,contentAlt:r}}}};export{l as default};

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

@@ -1,33 +0,0 @@
-import { MarginProps } from "styled-system";
-import type { ThemeObject } from "../../style/themes/theme.types";
-export interface StyledPillProps extends MarginProps {
-    /** Override color variant, provide any color from palette or any valid css color value. */
-    borderColor?: string;
-    /** Sets the max-width of the pill. */
-    maxWidth?: string;
-    /**
-     * Sets the size of the pill.
-     * @deprecated The `XL` size is deprecated and will be removed in a future release. Use `L` instead.
-     */
-    size?: "S" | "M" | "L" | "XL";
-    /** @private @ignore */
-    theme?: Partial<ThemeObject>;
-    /** Allow the text within pill to wrap. */
-    wrapText?: boolean;
-}
-interface AllStyledPillProps extends MarginProps {
-    $borderColor?: StyledPillProps["borderColor"];
-    $maxWidth?: StyledPillProps["maxWidth"];
-    $size?: StyledPillProps["size"];
-    $wrapText?: StyledPillProps["wrapText"];
-    $inFill?: boolean;
-    $isDeletable: boolean;
-    $inverse: boolean;
-    $colorVariant: "grey" | "green" | "red" | "orange" | "blue" | "purple" | "teal" | "lime" | "pink" | "slate";
-    $pillRole: "tag" | "status";
-}
-export declare const StyledDeleteButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-declare const StyledPill: import("styled-components").StyledComponent<"span", any, {
-    theme: object;
-} & AllStyledPillProps, "theme">;
-export default StyledPill;

package/esm/components/pill/pill.style.js

@@ -1 +0,0 @@
-import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import r from"./pill.style.config.js";import a from"../../style/themes/apply-base-theme.js";import i from"../icon/icon.style.js";import l from"../../style/utils/add-focus-styling.js";import{toColor as s}from"../../style/utils/color.js";import n from"../../style/utils/get-color-value.js";import c from"../../style/utils/get-hex-value.js";import p from"../../style/utils/get-accessible-foreground-color.js";const d=o.button.withConfig({displayName:"pill.style__StyledDeleteButton",componentId:"carbon_v162_10_0__sc-e085f6af-0"})([""]),g=o.span.attrs(a).withConfig({displayName:"pill.style__StyledPill",componentId:"carbon_v162_10_0__sc-e085f6af-1"})([""," ",""],t,(({$wrapText:o,$borderColor:t,$colorVariant:a,$inverse:g,$isDeletable:b,$inFill:m,$maxWidth:h,$size:u,theme:f})=>{let v,x,y,w,_,z,j;if(t){v=s(f,t),x=v,y=v;const o=n(v);z=p(c(o),!1,!0),j=z}else{const{status:o}=r(g),{varietyColor:e,varietyColorAlt:t,varietyBorderColor:i,buttonFocus:l,buttonFocusAlt:s,content:n,contentAlt:c}=o[a];v=e,x=t,y=i,w=l,_=s,z=n,j=c}const $=m||t?z:j,k=m||t?w:_;return e(["position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;gap:var(--global-space-comp-xs);border:var(--global-borderwidth-s) solid ",";border-radius:var(--global-radius-container-s);height:auto;box-sizing:border-box;"," "," color:",";","{color:inherit;width:var(--global-size-2-xs);height:var(--global-size-2-xs);padding:var(--global-space-comp-xs);box-sizing:border-box;}"," "," font-family:var(--global-font-families-component);font-weight:500;line-height:1;"," "," "," "," "," ",""],y,!o&&e(["white-space:nowrap;"]),o&&e(["overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:manual;"]),z,i,m&&e(["background-color:",";"],v),!m&&e(["",""],t?e(["color:",";"],g?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"):e(["background-color:",";color:",";"],x,j)),"S"===u&&e(["min-height:var(--global-size-2-xs);font-size:14px;padding:0 var(--global-space-comp-s);"]),"M"===u&&e(["min-height:var(--global-size-xs);font-size:14px;padding:0 var(--global-space-comp-s);"]),"L"===u&&e(["min-height:28px;font-size:16px;padding:0 var(--global-space-comp-s);"]),"XL"===u&&e(["min-height:28px;font-size:16px;padding:0 12px;"]),b&&e(["","{-webkit-appearance:none;background:transparent;border-radius:0 var(--global-radius-container-s) var(--global-radius-container-s) 0;border:none;bottom:0;font-size:100%;position:absolute;right:0;top:0;width:20px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:",";"," ","{color:currentColor;height:unset;width:unset;}&:focus{"," color:",";::-moz-focus-inner{border:0;}","}&:hover{background-color:",";color:",";}","}"," "," "," ",""],d,$,!m&&t&&e(["color:",";"],g?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),i,l(),$,t?e(["&::before{border-radius:0 var(--global-radius-container-s) var(--global-radius-container-s) 0;}"]):e(["background-color:",";"],m?w:_),k,$,t&&e(['&:hover,&:focus{&::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:',";filter:brightness(0.9);}}"],v),"S"===u&&e(["padding:0 calc(20px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);"]),"M"===u&&e(["padding:0 calc(24px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);","{width:24px;padding:0;}"],d),"L"===u&&e(["padding:0 calc(28px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);","{width:28px;padding:0;}"],d),"XL"===u&&e(["padding:0 calc(32px + var(--global-space-comp-xs)) 0 12px;","{width:32px;padding:0;line-height:18px;}"],d)),h&&`max-width: ${h}`)}));export{d as StyledDeleteButton,g as default};

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

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

package/esm/components/pod/index.js

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

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

@@ -1,48 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { PodAlignment, PodSize, PodVariant } from "./pod.config";
-/**
- * @deprecated `Pod` has been deprecated. See the Carbon documentation for migration details.
- */
-export interface PodProps extends MarginProps, TagProps {
-    /** Aligns the title to left, right or center */
-    alignTitle?: PodAlignment;
-    /** Enables/disables the border around the pod. */
-    border?: boolean;
-    /** Children elements */
-    children?: React.ReactNode;
-    /** Determines the padding around the pod */
-    size?: PodSize;
-    /** Prop to apply a theme to the Pod */
-    variant?: PodVariant;
-    /** Title for the pod */
-    title?: React.ReactNode;
-    /** Optional subtitle for the pod */
-    subtitle?: React.ReactNode;
-    /** A component to render as a Pod footer */
-    footer?: string | React.ReactNode;
-    /** Supplies an edit action to the pod */
-    onEdit?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /** Supplies a delete action to the pod */
-    onDelete?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /** Supplies an undo action to the pod in soft delete state. */
-    onUndo?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /** Sets soft boolean delete state */
-    softDelete?: boolean;
-    /** Determines if the editable pod content should be full width */
-    editContentFullWidth?: boolean;
-    /** Determines if the edit button should be hidden until the user hovers over the content */
-    displayEditButtonOnHover?: boolean;
-    /** Determines if clicking the pod content calls the onEdit action */
-    triggerEditOnContent?: boolean;
-    /** Sets Pod height, number is changed to pixels and string is passed as raw css value */
-    height?: string | number;
-    /** Renders edit button inside the pod if it exists. */
-    internalEditButton?: boolean;
-}
-/**
- * @deprecated `Pod` has been deprecated. See the Carbon documentation for migration details.
- */
-declare const Pod: React.ForwardRefExoticComponent<PodProps & React.RefAttributes<HTMLDivElement>>;
-export default Pod;

package/esm/components/pod/pod.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as o,useMemo as r}from"react";import i from"../../hooks/__internal__/useLocale/useLocale.js";import l from"../../__internal__/utils/helpers/tags/tags.js";import{StyledPod as a,StyledBlock as d,StyledContent as s,StyledHeader as c,StyledTitle as u,StyledSubtitle as p,StyledFooter as f,StyledActionsContainer as b,StyledUndoButton as y,StyledEditAction as m,StyledDeleteButton as O}from"./pod.style.js";import h from"../icon/icon.component.js";import"../icon/icon.style.js";import g from"../../__internal__/utils/helpers/events/events.js";function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){v(e,t,n[t])}))}return e}function E(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const B=n.forwardRef(((n,v)=>{var{alignTitle:B="left",border:w=!0,children:P,displayEditButtonOnHover:D,editContentFullWidth:_,footer:k,height:F,internalEditButton:z,onDelete:C,onEdit:H,onUndo:x,size:M="medium",softDelete:S,subtitle:T,title:L,triggerEditOnContent:K,variant:W="primary"}=n,I=function(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(n,["alignTitle","border","children","displayEditButtonOnHover","editContentFullWidth","footer","height","internalEditButton","onDelete","onEdit","onUndo","size","softDelete","subtitle","title","triggerEditOnContent","variant"]);const[U,N]=o(!1),[R,$]=o(!1),[q,A]=o(!1),[G,J]=o(!1),[Q,V]=o(!1),[X,Y]=o(!1),Z=i(),ee=r((()=>!(!H||!K&&!D)),[D,H,K]),te=r((()=>!!(H||C||x)),[H,C,x]),ne=e=>t=>{g.isKeyboardEvent(t)&&g.isEventType(t,"keydown")&&!g.isEnterKey(t)||(t.preventDefault(),e(t))},oe={onMouseEnter:()=>$(!0),onMouseLeave:()=>$(!1),onFocus:()=>N(!0),onBlur:()=>N(!1),onClick:H&&ne(H),onKeyDown:H&&ne(H)};return e(a,E(j({alignTitle:B,internalEditButton:z,height:"number"==typeof F?`${F}px`:F,ref:v},I,l("pod",I)),{children:[e(d,E(j({"data-element":"block","data-role":"pod-block",contentTriggersEdit:ee,hasButtons:te,fullWidth:_,internalEditButton:z,isFocused:U||q,isHovered:R||G,noBorder:!w,variant:W,softDelete:S},ee&&E(j({},oe),{tabIndex:0})),{children:[e(s,{"data-element":"content",size:M,children:[L&&e(c,{"data-role":"pod-content-header",alignTitle:B,internalEditButton:z,size:M,children:["string"==typeof L?t(u,{"data-element":"title",children:L}):L,"string"==typeof T?t(p,{"data-element":"subtitle",children:T}):T]}),P]}),k&&t(f,{"data-element":"footer",size:M,variant:W,softDelete:S,children:k})]})),te&&e(b,{"data-element":"action-button-container","data-role":"action-button-container",internalEditButton:z,children:[S&&x&&t(y,{"aria-label":Z.pod.undo(),onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),onFocus:()=>V(!0),onBlur:()=>V(!1),"data-element":"undo",internalEditButton:z,isFocused:Q,isHovered:X,noBorder:!w,size:M,variant:W,onClick:ne(x),children:t(h,{type:"undo"})}),!S&&H&&t(m,E(j({},oe),{"aria-label":Z.actions.edit(),"data-element":"edit",displayOnlyOnHover:D,internalEditButton:z,isFocused:U,isHovered:R,noBorder:!w,size:M,variant:W,children:t(h,{type:"edit"})})),!S&&C&&t(O,{"aria-label":Z.actions.delete(),"data-element":"delete",onMouseEnter:()=>J(!0),onMouseLeave:()=>J(!1),onFocus:()=>A(!0),onBlur:()=>A(!1),internalEditButton:z,isFocused:q,isHovered:G,noBorder:!w,size:M,variant:W,onClick:ne(C),children:t(h,{type:"delete"})})]})]}))}));B.displayName="Pod";export{B as default};

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

@@ -1,6 +0,0 @@
-export declare const POD_SIZES: readonly ["extra-small", "small", "medium", "large", "extra-large"];
-export declare const POD_ALIGNMENTS: readonly ["left", "center", "right"];
-export declare const POD_VARIANTS: readonly ["primary", "secondary", "tertiary", "tile", "transparent"];
-export type PodSize = (typeof POD_SIZES)[number];
-export type PodAlignment = (typeof POD_ALIGNMENTS)[number];
-export type PodVariant = (typeof POD_VARIANTS)[number];

package/esm/components/pod/pod.config.js

@@ -1 +0,0 @@
-const r=["extra-small","small","medium","large","extra-large"],e=["left","center","right"],t=["primary","secondary","tertiary","tile","transparent"];export{e as POD_ALIGNMENTS,r as POD_SIZES,t as POD_VARIANTS};