carbon-react 162.11.0 → 162.12.0-beta.1

package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.d.ts

@@ -1,16 +0,0 @@
-interface StyledButtonToggle {
-    $size: "small" | "medium" | "large";
-    $fullWidth?: boolean;
-    $width?: number | string;
-}
-export declare const StyledButtonToggleGroup: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledButtonToggle, "theme">;
-export declare const StyledLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface StyledButtonToggleWrapper {
-    $size: "small" | "medium" | "large";
-    $isDisabled?: boolean;
-    $fullWidth?: boolean;
-}
-export declare const StyledButtonToggleWrapper: import("styled-components").StyledComponent<"div", any, StyledButtonToggleWrapper, never>;
-export {};

package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js

@@ -1 +0,0 @@
-import o,{css as a}from"styled-components";import{margin as l}from"styled-system";import e from"../../../style/themes/apply-base-theme.js";const t={small:{gap:"var(--global-space-comp-xs)",borderRadius:"var(--global-radius-action-l)"},medium:{gap:"var(--global-space-comp-s)",borderRadius:"var(--global-radius-action-xl)"},large:{gap:"var(--global-space-comp-m)",borderRadius:"var(--global-radius-action-2-xl)"}},r=o.div.attrs(e).withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"carbon_v162_10_0__sc-9691d771-0"})([""," ",""],(({$size:o,$fullWidth:l,$width:e})=>a(["display:flex;flex-direction:column;gap:",";"," ",""],t[o].gap,l&&a(["width:100%;"]),e&&a(["width:","%;"],e))),l),d=o.div.withConfig({displayName:"button-toggle-group.style__StyledLabelWrapper",componentId:"carbon_v162_10_0__sc-9691d771-1"})(["display:flex;flex-direction:column;"]),i=o.div.withConfig({displayName:"button-toggle-group.style__StyledButtonToggleWrapper",componentId:"carbon_v162_10_0__sc-9691d771-2"})(["",""],(({$size:o,$isDisabled:l,$fullWidth:e})=>a(["display:flex;flex-wrap:wrap;padding:var(--global-space-comp-xs);align-items:center;gap:var(--global-space-comp-s);"," border-radius:",";border:var(--global-borderwidth-xs) solid var(--button-typical-toggle-border-default);",""],!e&&a(["width:fit-content;"]),t[o].borderRadius,l&&a(["border-color:var(--button-typical-toggle-border-disabled);"]))));export{r as StyledButtonToggleGroup,i as StyledButtonToggleWrapper,d as StyledLabelWrapper};

package/esm/components/button-toggle/button-toggle-group/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./button-toggle-group.component";
-export type { ButtonToggleGroupProps } from "./button-toggle-group.component";

package/esm/components/button-toggle/button-toggle-group/index.js

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

package/esm/components/button-toggle/button-toggle.component.d.ts

@@ -1,49 +0,0 @@
-import React from "react";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { IconType } from "../icon";
-export interface ButtonToggleProps extends TagProps {
-    /** Prop to specify the aria-label of the component */
-    "aria-label"?: string;
-    /** Prop to specify the aria-labelledby property of the component */
-    "aria-labelledby"?: string;
-    /** Content to display within the button. */
-    children?: React.ReactNode;
-    /**
-     * @private
-     * @internal
-     * @ignore
-     * Additional class name to merge with the component's own class. */
-    className?: string;
-    /** Override the auto-generated id on the button element. */
-    id?: string;
-    /** Callback triggered by blur event on the button. */
-    onBlur?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
-    /** Callback triggered by focus event on the button. */
-    onFocus?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
-    /** Callback triggered by click event on the button. */
-    onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
-    /** Set the pressed state of the toggle button when used outside of a group. */
-    pressed?: boolean;
-    /** An optional string by which to identify the button in an onChange handler on the parent ButtonToggleGroup. */
-    value?: string;
-    /** Icon rendered within the button. Will not be rendered if size is small. */
-    buttonIcon?: IconType;
-    /**
-     * Sets the size of the buttonIcon
-     * @deprecated `buttonIconSize` is no longer supported.
-     */
-    buttonIconSize?: "small" | "large";
-    /** Disable the ButtonToggle. */
-    disabled?: boolean;
-    /** ButtonToggle size */
-    size?: "small" | "medium" | "large";
-    /** Allow a selected button to be deselected. */
-    allowDeselect?: boolean;
-    /** @private @internal @ignore */
-    "data-component"?: string;
-}
-export declare const ButtonToggle: {
-    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, buttonIcon, buttonIconSize, children, className, disabled, id, onBlur, onFocus, onClick, pressed, size, value, "data-component": dataComponent, ...rest }: ButtonToggleProps): React.JSX.Element;
-    displayName: string;
-};
-export default ButtonToggle;

package/esm/components/button-toggle/button-toggle.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as n,useContext as r}from"react";import o from"invariant";import l from"./button-toggle.style.js";import i from"../../__internal__/utils/helpers/guid/index.js";import a from"./button-toggle-group/__internal__/button-toggle-group.context.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import c from"../icon/icon.component.js";import"../icon/icon.style.js";import s from"../button/__next__/__internal__/utils/is-icon-only.js";function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){b(e,t,n[t])}))}return e}function d(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 m=b=>{var{"aria-label":m,"aria-labelledby":f,buttonIcon:y,buttonIconSize:g,children:O,className:j,disabled:h,id:_,onBlur:v,onFocus:w,onClick:P,pressed:x,size:S="medium",value:B,"data-component":D}=b,I=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(b,["aria-label","aria-labelledby","buttonIcon","buttonIconSize","children","className","disabled","id","onBlur","onFocus","onClick","pressed","size","value","data-component"]);const k=n(null),z=n(i()),{handleKeyDown:C,pressedButtonValue:E,onChange:N,allowDeselect:$,isDisabled:F,firstButton:K,childButtonCallbackRef:T,hintTextId:W,size:R,fullWidth:V}=r(a),q=Boolean(N),A=q?E===B:x,G=k.current===K,H=A||!E&&G,J=R?{small:"extraSmall",medium:"small",large:"medium"}[R]:S,L=y&&!O||s(O);return o(!(!O&&!y),"Either prop `buttonIcon` must be defined, or this node must have children"),o(!(L&&"extraSmall"===J),"Cannot render an icon-only button in small size group."),e(l,d(p(d(p({"data-button-toggle-internal":!0,"aria-label":m,"aria-labelledby":f,"aria-describedby":W,"aria-pressed":!!A,disabled:h||F,$size:J,$active:!!A,$iconOnly:L,$fullWidth:V,value:B,onFocus:w,onBlur:v,onClick:function(e){null==P||P(e),null==N||N(e,$&&E===B?void 0:B)},onKeyDown:C},q&&{tabIndex:H?0:-1}),{ref:e=>{k.current=e,null==T||T(e)}}),I,u(D||"button-toggle",I)),{className:["button-toggle",j].filter(Boolean).join(" "),id:null!=_?_:z.current,children:[y&&"extraSmall"!==J&&t(c,{"aria-hidden":!0,type:y}),O]}))};m.displayName="ButtonToggle";export{m as ButtonToggle,m as default};

package/esm/components/button-toggle/button-toggle.style.d.ts

@@ -1,11 +0,0 @@
-interface StyledButtonToggleProps {
-    disabled?: boolean;
-    $size: "extraSmall" | "small" | "medium" | "large";
-    $active?: boolean;
-    $iconOnly?: boolean;
-    $fullWidth?: boolean;
-}
-declare const StyledButtonToggle: import("styled-components").StyledComponent<"button", any, {
-    theme: object;
-} & StyledButtonToggleProps, "theme">;
-export default StyledButtonToggle;

package/esm/components/button-toggle/button-toggle.style.js

@@ -1 +0,0 @@
-import a,{css as o}from"styled-components";import l from"../../style/themes/apply-base-theme.js";import t from"../../style/utils/add-focus-styling.js";const e={extraSmall:{font:"var(--global-font-static-comp-medium-s)",size:"var(--global-size-xs)",padding:"var(--global-space-comp-2-xs) var(--global-space-comp-s)",borderRadius:"12px"},small:{font:"var(--global-font-static-comp-medium-s)",size:"var(--global-size-s)",padding:"var(--global-space-comp-xs) var(--global-space-comp-m)",borderRadius:"var(--global-radius-action-l)"},medium:{font:"var(--global-font-static-comp-medium-m)",size:"var(--global-size-m)",padding:"var(--global-space-comp-s) var(--global-space-comp-l)",borderRadius:"var(--global-radius-action-xl)"},large:{font:"var(--global-font-static-comp-medium-l)",size:"var(--global-size-l)",padding:"var(--global-space-comp-s) var(--global-space-comp-l)",borderRadius:"var(--global-radius-action-2-xl)"}},r=a.button.attrs(l).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"carbon_v162_10_0__sc-3f79f28e-0"})(["",""],(({$active:a,$size:l,disabled:r,$iconOnly:i,$fullWidth:s})=>o(["display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;cursor:pointer;gap:var(--global-space-comp-s);height:",";"," "," "," border-radius:",";border:none;background-color:transparent;color:var(--button-typical-toggle-label-default);font:",";text-align:center;"," "," ",""],e[l].size,!i&&o(["padding:",";"],e[l].padding),i&&o(["width:",";"],e[l].size),s&&o(["flex:1 1 auto;"]),e[l].borderRadius,e[l].font,a&&o(["background:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"]),r&&o(["cursor:not-allowed;color:var(--button-typical-toggle-label-disabled);",""],a&&o(["background:var(--button-typical-toggle-bg-active-disabled);color:var(--button-typical-toggle-label-active-disabled);"])),!r&&o(["&:focus{","}&:hover{background:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"],t()))));export{r as default};

package/esm/components/button-toggle/index.d.ts

@@ -1,4 +0,0 @@
-export { default as ButtonToggle } from "./button-toggle.component";
-export type { ButtonToggleProps } from "./button-toggle.component";
-export { default as ButtonToggleGroup } from "./button-toggle-group";
-export type { ButtonToggleGroupProps } from "./button-toggle-group";

package/esm/components/button-toggle/index.js

@@ -1 +0,0 @@
-export{ButtonToggle}from"./button-toggle.component.js";export{default as ButtonToggleGroup}from"./button-toggle-group/button-toggle-group.component.js";

package/esm/components/carbon-provider/__internal__/new-validation.context.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface NewValidationContextProps {
-    /** Feature flag for opting in to the latest validation designs for components that support it.
-     *
-     * NOTE - Will eventually be set to `true` by default in the future. */
-    validationRedesignOptIn?: boolean;
-}
-declare const _default: React.Context<NewValidationContextProps>;
-export default _default;

package/esm/components/carbon-provider/__internal__/new-validation.context.js

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/carbon-provider/__internal__/top-modal-provider.component.d.ts

@@ -1,5 +0,0 @@
-import React, { ReactNode } from "react";
-export declare const TopModalProvider: ({ children }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export default TopModalProvider;

package/esm/components/carbon-provider/__internal__/top-modal-provider.component.js

@@ -1 +0,0 @@
-import{jsx as _}from"react/jsx-runtime";import{useState as o,useEffect as T}from"react";import r from"./top-modal.context.js";const t=({children:t})=>{const[i,A]=o(null);return T((()=>(window.__CARBON_INTERNALS_MODAL_SETTER_LIST||(window.__CARBON_INTERNALS_MODAL_SETTER_LIST=[]),window.__CARBON_INTERNALS_MODAL_SETTER_LIST.push(A),()=>{var _;window.__CARBON_INTERNALS_MODAL_SETTER_LIST=null===(_=window.__CARBON_INTERNALS_MODAL_SETTER_LIST)||void 0===_?void 0:_.filter((_=>_!==A))})),[]),_(r.Provider,{value:{topModal:i},children:t})};export{t as TopModalProvider,t as default};

package/esm/components/carbon-provider/__internal__/top-modal.context.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-type TopModalContextProps = {
-    topModal: HTMLElement | null;
-};
-declare const _default: React.Context<TopModalContextProps>;
-export default _default;

package/esm/components/carbon-provider/__internal__/top-modal.context.js

@@ -1 +0,0 @@
-import t from"react";var a=t.createContext({topModal:null});export{a as default};

package/esm/components/carbon-provider/carbon-provider.component.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type { ThemeObject } from "../../style/themes";
-import { NewValidationContextProps } from "./__internal__/new-validation.context";
-export interface CarbonProviderProps extends NewValidationContextProps {
-    children: React.ReactNode;
-    /** Theme which specifies styles to apply to all child components. Set to `sageTheme` by default. */
-    theme?: Partial<ThemeObject>;
-}
-export declare const CarbonProvider: ({ children, theme, validationRedesignOptIn, }: CarbonProviderProps) => React.JSX.Element;
-export default CarbonProvider;

package/esm/components/carbon-provider/carbon-provider.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{ThemeProvider as o}from"styled-components";import t from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import n from"../../style/themes/sage/index.js";import"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import r from"./__internal__/new-validation.context.js";import{TopModalProvider as i}from"./__internal__/top-modal-provider.component.js";const s=({children:s,theme:m=n,validationRedesignOptIn:d=!1})=>e(o,{theme:m,children:e(t,{children:e(r.Provider,{value:{validationRedesignOptIn:d},children:e(i,{children:s})})})});export{s as CarbonProvider,s as default};

package/esm/components/carbon-provider/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./carbon-provider.component";
-export type { CarbonProviderProps } from "./carbon-provider.component";

package/esm/components/carbon-provider/index.js

@@ -1 +0,0 @@
-export{CarbonProvider as default}from"./carbon-provider.component.js";

package/esm/components/card/__internal__/card.context.d.ts

@@ -1,11 +0,0 @@
-import { CardSpacing } from "../card.config";
-export interface CardContextProps {
-    /** Sets the level of roundness of the corners. "moderate" is 16px and "curved" is 20px.
-     * "default" (alias for "moderate") and "large" (alias for "curved") are deprecated. Use "moderate" or "curved" instead.
-     */
-    roundness: "moderate" | "curved" | "default" | "large";
-    /** Size of card for applying padding */
-    spacing: CardSpacing;
-}
-declare const CardProvider: import("react").Provider<CardContextProps | null>, useCardContext: () => CardContextProps;
-export { CardProvider, useCardContext };

package/esm/components/card/__internal__/card.context.js

@@ -1 +0,0 @@
-import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,r]=e({name:"CardContext",errorMessage:"Carbon Card: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{spacing:"medium",roundness:"moderate"}});export{t as CardProvider,r as useCardContext};

package/esm/components/card/card-column/card-column.component.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { StyledCardColumnProps } from "./card-column.style";
-import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-export interface CardColumnProps extends Partial<StyledCardColumnProps>, TagProps {
-    /** Child elements */
-    children: React.ReactNode;
-}
-/**
- * @deprecated `CardColumn` has been deprecated.
- */
-declare const CardColumn: {
-    ({ align, children, ...rest }: CardColumnProps): React.JSX.Element;
-    displayName: string;
-};
-export default CardColumn;

package/esm/components/card/card-column/card-column.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import r from"./card-column.style.js";import t from"../../../__internal__/utils/helpers/tags/tags.js";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(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){n(e,r,t[r])}))}return e}const c=n=>{var c,l,{align:i="center",children:a}=n,u=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["align","children"]);return e(r,(c=o({align:i},t("card-column",o({"data-element":"card-column"},u))),l=null!=(l={children:a})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(l)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(l)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(l,e))})),c))};c.displayName="CardColumn";export{c as default};

package/esm/components/card/card-column/card-column.style.d.ts

@@ -1,7 +0,0 @@
-import { CardAlign } from "../card.config";
-export interface StyledCardColumnProps {
-    /** Text alignment of the card section text */
-    align: CardAlign;
-}
-declare const StyledCardColumn: import("styled-components").StyledComponent<"div", any, StyledCardColumnProps, never>;
-export default StyledCardColumn;

package/esm/components/card/card-column/card-column.style.js

@@ -1 +0,0 @@
-import o from"styled-components";const t=o.div.withConfig({displayName:"card-column.style__StyledCardColumn",componentId:"carbon_v162_10_0__sc-95a32290-0"})(["flex-grow:1;text-align:",";"],(({align:o})=>o));export{t as default};

package/esm/components/card/card-column/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./card-column.component";
-export type { CardColumnProps } from "./card-column.component";

package/esm/components/card/card-column/index.js

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

package/esm/components/card/card-footer/card-footer.component.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { SpaceProps } from "styled-system";
-import { CardContextProps } from "../__internal__/card.context";
-import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-export interface CardFooterProps extends SpaceProps, Partial<Pick<CardContextProps, "roundness">>, TagProps {
-    /** Child nodes */
-    children: React.ReactNode;
-    /** @deprecated Specify styling variant to render */
-    variant?: "default" | "transparent";
-}
-declare const CardFooter: {
-    ({ children, variant, ...rest }: CardFooterProps): React.JSX.Element;
-    displayName: string;
-};
-export default CardFooter;

package/esm/components/card/card-footer/card-footer.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../../style/utils/filter-styled-system-padding-props.js";import t from"../../../style/utils/filter-styled-system-margin-props.js";import n from"./card-footer.style.js";import{useCardContext as o}from"../__internal__/card.context.js";import i from"../../../__internal__/utils/helpers/tags/tags.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(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){c(e,r,t[r])}))}return e}const a=c=>{var{children:a,variant:l="default"}=c,p=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}(c,["children","variant"]);const{roundness:f,spacing:u}=o();return e(n,(y=s({spacing:u,variant:l},t(p),r(p),i("card-footer",s({"data-element":"card-footer"},p))),O=null!=(O={roundness:f,children:a})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(O)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(O)).forEach((function(e){Object.defineProperty(y,e,Object.getOwnPropertyDescriptor(O,e))})),y));var y,O};a.displayName="CardFooter";export{a as default};

package/esm/components/card/card-footer/card-footer.style.d.ts

@@ -1,6 +0,0 @@
-import { SpaceProps } from "styled-system";
-import { CardContextProps } from "../__internal__/card.context";
-import { CardFooterProps } from "./card-footer.component";
-export type StyledCardFooterProps = SpaceProps & Required<Pick<CardFooterProps, "variant">> & Pick<CardContextProps, "roundness" | "spacing">;
-declare const StyledCardFooter: import("styled-components").StyledComponent<"div", any, StyledCardFooterProps, never>;
-export default StyledCardFooter;

package/esm/components/card/card-footer/card-footer.style.js

@@ -1 +0,0 @@
-import a,{css as l}from"styled-components";import{space as o}from"styled-system";import r from"../card-column/card-column.style.js";const e={none:"var(--global-size-none)","extra-small":"var(--global-size-none) calc(-1 * var(--global-space-comp-s))",small:"var(--global-size-none) calc(-1 * var(--global-space-comp-l))",medium:"var(--global-size-none) calc(-1 * var(--global-space-comp-xl))",large:"var(--global-size-none) calc(-1 * var(--global-space-comp-2-xl))"},n={none:"var(--global-size-none)","extra-small":"var(--global-size-none)",small:"var(--global-space-comp-l) var(--global-space-comp-xl)",medium:"18px var(--global-space-comp-2-xl)",large:"var(--global-size-2-xs) var(--global-size-l)"},s=a.div.withConfig({displayName:"card-footer.style__StyledCardFooter",componentId:"carbon_v162_10_0__sc-651a9dd9-0"})([""," ",""],o,(({spacing:a,variant:o,roundness:s})=>l(["background-color:",";border-top:1px solid var(--container-action-border-default);margin:",";display:flex;"," "," ","{margin:var(--global-size-none);padding:",";}"],"transparent"===o?"transparent":"var(--container-standard-bg-default)",e[a],("moderate"===s||"default"===s)&&l(["border-bottom-left-radius:var(--global-radius-container-l);border-bottom-right-radius:var(--global-radius-container-l);"]),("curved"===s||"large"===s)&&l(["border-bottom-left-radius:var(--global-radius-container-xl);border-bottom-right-radius:var(--global-radius-container-xl);"]),r,n[a])));export{s as default};

package/esm/components/card/card-footer/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./card-footer.component";
-export type { CardFooterProps } from "./card-footer.component";

package/esm/components/card/card-footer/index.js

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

package/esm/components/card/card-row/card-row.component.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { PaddingProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-export interface CardRowProps extends PaddingProps, TagProps {
-    /** Child nodes */
-    children: React.ReactNode;
-}
-/** @deprecated `CardRow` has been deprecated. */
-declare const CardRow: {
-    ({ children, ...rest }: CardRowProps): React.JSX.Element;
-    displayName: string;
-};
-export default CardRow;

package/esm/components/card/card-row/card-row.component.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{useRef as e}from"react";import t from"../../../style/utils/filter-styled-system-padding-props.js";import n from"./card-row.style.js";import o from"../../../__internal__/utils/helpers/tags/tags.js";import{useCardContext as c}from"../__internal__/card.context.js";import i from"../../../__internal__/utils/helpers/guid/index.js";function l(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function s(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){l(r,e,t[e])}))}return r}const a=l=>{var{children:a}=l,p=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},c=Object.keys(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(l,["children"]);const{spacing:f}=c(),u=e(i());return r(n,(y=s({id:u.current,spacing:f},t(p),o("card-row",s({"data-element":"card-row"},p))),O=null!=(O={children:a})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(O)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(O)).forEach((function(r){Object.defineProperty(y,r,Object.getOwnPropertyDescriptor(O,r))})),y));var y,O};a.displayName="CardRow";export{a as default};

package/esm/components/card/card-row/card-row.style.d.ts

@@ -1,9 +0,0 @@
-import { CardSpacing } from "../card.config";
-import { CardRowProps } from "./card-row.component";
-export interface StyledCardRowProps extends CardRowProps {
-    spacing: CardSpacing;
-}
-declare const StyledCardRow: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledCardRowProps, "theme">;
-export default StyledCardRow;

package/esm/components/card/card-row/card-row.style.js

@@ -1 +0,0 @@
-import a,{css as t}from"styled-components";import{padding as o}from"styled-system";import p from"../../../style/themes/apply-base-theme.js";const s={none:"var(--spacing000)","extra-small":"var(--spacing100)",small:"var(--spacing200)",medium:"var(--spacing300)",large:"var(--spacing400)"},n=a.div.attrs(p).withConfig({displayName:"card-row.style__StyledCardRow",componentId:"carbon_v162_10_0__sc-f3aa8c07-0"})(["display:flex;"," &:first-of-type:not(:only-of-type){padding-top:var(--spacing000);padding-bottom:var(--spacing000);}&:only-of-type{padding-top:var(--spacing000);}&&{","}"],(({spacing:a})=>t(["padding-top:",";padding-bottom:",";"],s[a],s[a])),o);export{n as default};

package/esm/components/card/card-row/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./card-row.component";
-export type { CardRowProps } from "./card-row.component";

package/esm/components/card/card-row/index.js

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

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

@@ -1,55 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import * as DesignTokens from "@sage/design-tokens/js/base/common";
-import { CardContextProps } from "./__internal__/card.context";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-type DesignTokensType = keyof typeof DesignTokens;
-type BoxShadowsType = Extract<DesignTokensType, `boxShadow${string}`>;
-export interface CardProps extends MarginProps, TagProps {
-    /** Action to be executed when card is clicked or enter pressed.
-     * Renders a button when passed and no draggable or href props set
-     * */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-    /** Style value for width of card */
-    width?: string;
-    /** Child nodes */
-    children: React.ReactNode;
-    /** Flag to indicate if card is draggable */
-    draggable?: boolean;
-    /** Height of the component (any valid CSS value) */
-    height?: string;
-    /** @deprecated Design token for custom Box Shadow. Note: please check that the box shadow design token you are using is compatible with the Card component. */
-    boxShadow?: BoxShadowsType;
-    /** @deprecated Design token for custom Box Shadow on hover. One of `onClick` or `href` props must be true. Note: please check that the box shadow design token you are using is compatible with the Card component. */
-    hoverBoxShadow?: BoxShadowsType;
-    /** Size padding applied to the card. */
-    spacing?: CardContextProps["spacing"];
-    /** Sets the level of roundness of the corners. "moderate" is 16px and "curved" is 20px.
-     *
-     * **Note:** The values "default" and "large" are deprecated. Use "moderate" or "curved" instead.
-     */
-    roundness?: CardContextProps["roundness"];
-    /** The path to navigate to. Renders an anchor element when passed and no draggable prop set */
-    href?: string;
-    /** Visual style variant of the card */
-    variant?: "standard" | "outlined";
-    /** The header to render above the Card content */
-    header?: React.ReactNode;
-    /** The footer to render underneath the Card content */
-    footer?: React.ReactNode;
-    /** Target property in which link should open ie: _blank, _self, _parent, _top */
-    target?: string;
-    /** String for rel property when card has an href prop set */
-    rel?: string;
-    /** Prop to specify an aria-label for the component */
-    "aria-label"?: string;
-    /** Slot rendered on the opposite side of the drag handle, only visible when `draggable` is true.
-     * Intended for accessibility controls (e.g. move-up / move-down buttons) for keyboard users.
-     */
-    rightChildren?: React.ReactNode;
-}
-declare const Card: {
-    ({ "data-element": dataElement, "data-role": dataRole, children, width, draggable, height, onClick, href, spacing, boxShadow, hoverBoxShadow, roundness, header, footer, rel, target, "aria-label": ariaLabel, variant, rightChildren, ...rest }: CardProps): React.JSX.Element;
-    displayName: string;
-};
-export default Card;

package/esm/components/card/card.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as t}from"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import{CardProvider as n}from"./__internal__/card.context.js";import{StyledCard as a,StyledDragRow as i,StyledDragHandle as l,StyledCardContent as c}from"./card.style.js";import s from"../icon/icon.component.js";import"../icon/icon.style.js";import d from"../../__internal__/utils/helpers/tags/tags.js";import p from"../../__internal__/utils/logger/index.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}const h=h=>{var{"data-element":f,"data-role":m,children:g,width:b="500px",draggable:y,height:O,onClick:j,href:v,spacing:w="medium",boxShadow:$,hoverBoxShadow:x,roundness:P="moderate",header:S,footer:_,rel:C,target:k,"aria-label":D,variant:B="standard",rightChildren:E}=h,F=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(h,["data-element","data-role","children","width","draggable","height","onClick","href","spacing","boxShadow","hoverBoxShadow","roundness","header","footer","rel","target","aria-label","variant","rightChildren"]);const[q,H]=t(null),I=!(!j&&!v);let N=!1;return!N&&I&&(null==q?void 0:q.querySelector("[data-component='card-footer']"))&&(N=!0,p.warn("This `Card` is interactive you should use the `footer` prop to render a `CardFooter` to avoid potential accessibility issues")),e(a,function(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}(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){u(e,r,t[r])}))}return e}({$cardWidth:b,$interactive:I,$spacing:w,$boxShadow:$,$hoverBoxShadow:x,$height:O,$roundness:P,$variant:B},o(F),d("card",{"data-element":f,"data-role":m})),{children:r(n,{value:{roundness:P,spacing:w},children:[S,y&&r(i,{$spacing:w,children:[e(l,{"data-role":"drag-handle",children:e(s,{type:"drag"})}),E]}),e(c,{"data-element":"card-content-container",onClick:y?void 0:j,href:y?void 0:v,rel:!y&&v?C:void 0,target:!y&&v?k:void 0,$interactive:I,$spacing:w,$roundness:P,$hasHeader:!!S,$hasFooter:!!_,ref:H,"aria-label":D,children:g}),_]})}))};h.displayName="Card";export{h as default};

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

@@ -1,4 +0,0 @@
-export declare const CARD_SPACING: readonly ["none", "extra-small", "small", "medium", "large"];
-export declare const CARD_ALIGNS: readonly ["left", "center", "right"];
-export type CardAlign = (typeof CARD_ALIGNS)[number];
-export type CardSpacing = (typeof CARD_SPACING)[number];

package/esm/components/card/card.config.js

@@ -1 +0,0 @@
-const e=["none","extra-small","small","medium","large"],l=["left","center","right"];export{l as CARD_ALIGNS,e as CARD_SPACING};

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

@@ -1,63 +0,0 @@
-import { MarginProps } from "styled-system";
-import * as DesignTokens from "@sage/design-tokens/js/base/common";
-import { CardContextProps } from "./__internal__/card.context";
-import { CardProps } from "./card.component";
-export declare const paddingSizes: {
-    none: string;
-    "extra-small": string;
-    small: string;
-    medium: string;
-    large: string;
-};
-export declare const marginSizes: {
-    none: string;
-    "extra-small": string;
-    small: string;
-    medium: string;
-    large: string;
-};
-type DesignTokensType = keyof typeof DesignTokens;
-export type BoxShadowsType = Extract<DesignTokensType, `boxShadow${string}`>;
-export interface StyledCardProps extends MarginProps, Pick<CardProps, "href" | "onClick"> {
-    $cardWidth: string;
-    $interactive: boolean;
-    $height?: string;
-    $boxShadow?: BoxShadowsType;
-    $hoverBoxShadow?: BoxShadowsType;
-    $variant?: "standard" | "outlined";
-    $roundness: CardContextProps["roundness"];
-    $spacing: CardContextProps["spacing"];
-}
-declare const StyledCard: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledCardProps, "theme">;
-interface StyledCardContentProps {
-    $interactive?: boolean;
-    href?: string;
-    $spacing: CardContextProps["spacing"];
-    $roundness: CardContextProps["roundness"];
-    $hasHeader: boolean;
-    $hasFooter: boolean;
-    target?: string;
-    rel?: string;
-}
-declare const StyledCardContent: import("styled-components").StyledComponent<"div", any, ({
-    theme: object;
-} & ({
-    as: string;
-    role?: undefined;
-    type?: undefined;
-} | {
-    as: string;
-    role: "button";
-    type: string;
-} | {
-    as?: undefined;
-    role?: undefined;
-    type?: undefined;
-})) & StyledCardContentProps, "theme" | "type" | "role" | "as">;
-export declare const StyledDragRow: import("styled-components").StyledComponent<"div", any, {
-    $spacing: CardContextProps["spacing"];
-}, never>;
-export declare const StyledDragHandle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { StyledCard, StyledCardContent };

package/esm/components/card/card.style.js

@@ -1 +0,0 @@
-import a,{css as o}from"styled-components";import{margin as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import l from"../../style/utils/add-focus-styling.js";const t={none:"var(--global-space-comp-none)","extra-small":"var(--global-space-comp-s)",small:"var(--global-space-comp-l)",medium:"var(--global-space-comp-xl)",large:"var(--global-space-comp-2-xl)"},n={none:"var(--global-space-comp-none)","extra-small":"var(--global-size-none) calc(-1 * var(--global-space-comp-s))",small:"var(--global-size-none) calc(-1 * var(--global-space-comp-l))",medium:"var(--global-size-none) calc(-1 * var(--global-space-comp-xl))",large:"var(--global-size-none) calc(-1 * var(--global-space-comp-2-xl))"},i=a.div.attrs(r).withConfig({displayName:"card.style__StyledCard",componentId:"carbon_v162_10_0__sc-f131a6b5-0"})(["",""],(({$cardWidth:a,$interactive:r,$height:l,$roundness:n,$spacing:i,$variant:s="standard"})=>o(["background-color:var(--container-action-bg-default);border-radius:",";box-shadow:",";color:var(--container-standard-txt-default);display:flex;flex-direction:column;height:",";justify-content:space-between;align-items:normal;margin:var(--global-space-comp-xl);outline:none;transition:all 0.3s ease-in-out;vertical-align:top;width:",";padding:var(--global-size-none) ",";"," "," ::-moz-focus-inner{border:var(--global-size-none);}"],"moderate"===n||"default"===n?"var(--global-radius-container-l)":"var(--global-radius-container-xl)","outlined"===s?"var(--global-depth-none)":"var(--global-depth-lvl1)",l,a,t[i],e,r&&o([":hover,:focus-within{box-shadow:",";}"],"outlined"===s?"none":"var(--global-depth-lvl2)")))),s=a.div.attrs(r).attrs((({href:a,onClick:o})=>a?{as:"a"}:o?{as:"button",role:"button",type:"button"}:{})).withConfig({displayName:"card.style__StyledCardContent",componentId:"carbon_v162_10_0__sc-f131a6b5-1"})([""," align-items:stretch;outline:none;text-decoration:none;background-color:inherit;border:none;padding:0;"," ",""],(({$interactive:a})=>a&&o(["cursor:pointer;display:inline-flex;flex-direction:column;height:100%;:focus{",";position:relative;}"],l())),(({$spacing:a})=>`\n    padding: ${t[a]};\n    margin: ${n[a]};\n    ${"extra-small"===a?"display: flex; flex-direction: column; align-items: stretch; align-self: stretch;":""}\n  `),(({$roundness:a,$hasHeader:e,$hasFooter:r})=>o([""," ",""],("moderate"===a||"default"===a)&&o([""," ",""],!e&&o(["border-top-left-radius:var(--global-radius-container-l);border-top-right-radius:var(--global-radius-container-l);"]),!r&&o(["border-bottom-left-radius:var(--global-radius-container-l);border-bottom-right-radius:var(--global-radius-container-l);"])),("curved"===a||"large"===a)&&o([""," ",""],!e&&o(["border-top-left-radius:var(--global-radius-container-xl);border-top-right-radius:var(--global-radius-container-xl);"]),!r&&o(["border-bottom-left-radius:var(--global-radius-container-xl);border-bottom-right-radius:var(--global-radius-container-xl);"]))))),d=a.div.withConfig({displayName:"card.style__StyledDragRow",componentId:"carbon_v162_10_0__sc-f131a6b5-2"})(["display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-top:",";"],(({$spacing:a})=>t[a])),c=a.div.withConfig({displayName:"card.style__StyledDragHandle",componentId:"carbon_v162_10_0__sc-f131a6b5-3"})(["cursor:grab;&:active{cursor:grabbing;}"]);export{i as StyledCard,s as StyledCardContent,c as StyledDragHandle,d as StyledDragRow,n as marginSizes,t as paddingSizes};

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

@@ -1,8 +0,0 @@
-export { default, default as Card } from "./card.component";
-export type { CardProps } from "./card.component";
-export { default as CardColumn } from "./card-column";
-export type { CardColumnProps } from "./card-column";
-export { default as CardFooter } from "./card-footer";
-export type { CardFooterProps } from "./card-footer";
-export { default as CardRow } from "./card-row";
-export type { CardRowProps } from "./card-row";

package/esm/components/card/index.js

@@ -1 +0,0 @@
-export{default as Card,default}from"./card.component.js";export{default as CardColumn}from"./card-column/card-column.component.js";export{default as CardFooter}from"./card-footer/card-footer.component.js";export{default as CardRow}from"./card-row/card-row.component.js";

package/esm/components/checkbox/__internal__/checkbox-group.context.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import type { CheckboxSizes } from "../checkbox-group/checkbox-group.component";
-type CheckboxGroupContext = {
-    inline?: boolean;
-    error?: boolean;
-    warning?: boolean;
-    size?: CheckboxSizes;
-    disabled?: boolean;
-    required?: boolean;
-};
-declare const _default: React.Context<CheckboxGroupContext>;
-export default _default;

package/esm/components/checkbox/__internal__/checkbox-group.context.js

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/checkbox/__internal__/checkbox-svg.component.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-type CheckboxSvgProps = {
-    indeterminate?: boolean;
-};
-declare const CheckboxSvg: ({ indeterminate }: CheckboxSvgProps) => React.JSX.Element;
-export default CheckboxSvg;

package/esm/components/checkbox/__internal__/checkbox-svg.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";const t=({indeterminate:t})=>e("div",{"data-role":"checkable-input-svg-wrapper",children:e("svg",t?{"data-role":"indeterminate-svg",focusable:"false",viewBox:"0 0 20 20",fill:"none",children:e("rect",{y:"8",width:"20",height:"4",rx:"2",fill:"transparent"})}:{focusable:"false",viewBox:"0 0 16 12",fill:"none",children:e("path",{d:"M15.3254 0.231177C15.0768 0.0725131 14.7858 -0.0078498 14.4904 0.000604729C14.1106 0.0116071 13.7498 0.168628 13.4841 0.43853L5.39406 8.47955L2.522 5.62489C2.38757 5.48677 2.22699 5.37639 2.04948 5.30014C1.87029 5.22317 1.67746 5.1825 1.48226 5.18053C1.28706 5.17856 1.09344 5.21532 0.912713 5.28865C0.731991 5.36199 0.567806 5.47043 0.429775 5.60762C0.291743 5.74482 0.182642 5.90801 0.108858 6.08764C0.035074 6.26727 -0.00190855 6.45972 7.58261e-05 6.65373C0.0020602 6.84775 0.0429724 7.03941 0.120415 7.21751C0.197135 7.39395 0.308179 7.55356 0.447147 7.68717L4.35671 11.573C4.63187 11.8464 5.005 12 5.39406 12C5.78312 12 6.15633 11.8464 6.43149 11.573L15.559 2.50077C15.7693 2.29623 15.9128 2.03357 15.971 1.74686C16.0294 1.45899 15.9991 1.16029 15.8839 0.889848C15.7687 0.619408 15.574 0.389838 15.3254 0.231177Z",fill:"transparent"})})});export{t as default};