carbon-react 162.6.1 → 162.8.0

package/lib/components/tile/tile-content/tile-content.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./tile-content.style.js"),r=require("../__internal__/tile.context.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),i=require("../../../style/utils/filter-styled-system-padding-props.js"),o=require("../../../style/utils/filter-styled-system-margin-props.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(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){l(e,t,r[t])}))}return e}exports.default=l=>{var{children:u,width:c,height:a}=l,p=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(l,["children","width","height"]);const{isHorizontal:f,paddingPropsFromTile:y}=r.useTileContext();if(!u)return null;const O=s({},i.default(p),o.default(p));return e.jsx(t.default,(b=s({width:c,height:a,isHorizontal:f},y,O,n.default("tile-content",p)),j=null!=(j={children:u})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(j)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(j)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(j,e))})),b));var b,j};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../../../__internal__/utils/helpers/tags/tags.js"),r=require("../../../style/utils/filter-styled-system-padding-props.js"),n=require("../../../style/utils/filter-styled-system-margin-props.js"),i=require("../../box/box.component.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(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){o(e,t,r[t])}))}return e}exports.default=o=>{var{children:c,width:s,height:u}=o,a=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(o,["children","width","height"]);if(!c)return null;const p=l({},r.default(a),n.default(a));return e.jsx(i.Box,(b=l({"data-role":"tile-content",width:s,height:u,flexGrow:s||u?0:1,position:"relative",boxSizing:"border-box",display:"inline"},p,t.default("tile-content",a)),f=null!=(f={children:c})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(f,e))})),b));var b,f};

package/lib/components/tile/tile-footer/tile-footer.component.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
 import { PaddingProps } from "styled-system";
 import { TagProps } from "../../../__internal__/utils/helpers/tags";
+type DeprecatedFooterVariant = "default" | "black" | "transparent" | "grey";
+type FooterVariant = "selected" | "active";
 export interface TileFooterProps extends PaddingProps, TagProps {
     children?: React.ReactNode;
     /** set which background color variant should be used */
-    variant?: "default" | "black" | "transparent" | "grey";
+    variant?: DeprecatedFooterVariant | FooterVariant;
 }
 export declare const TileFooter: ({ variant, children, ...rest }: TileFooterProps) => React.JSX.Element;
 export default TileFooter;

package/lib/components/tile/tile-footer/tile-footer.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./tile-footer.style.js"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../style/utils/filter-styled-system-padding-props.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i=i=>{var l,c,{variant:u,children:s}=i,a=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}(i,["variant","children"]);return e.jsx(r.default,(l=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){o(e,r,t[r])}))}return e}({variant:u},n.default(a),t.default("tile-footer",a)),c=null!=(c={children:s})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(c,e))})),l))};exports.TileFooter=i,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tile-footer.style.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),o=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("../__internal__/tile.context.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=c=>{var{variant:s,children:u}=c,a=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}(c,["variant","children"]);const{setHasFooter:f,setFooterVariant:p}=i.useTileContext(),b="black"===s?"selected":"selected"===s||"active"===s?s:void 0;return t.useEffect((()=>(f(!0),p(b),()=>{f(!1),p(void 0)})),[b,p,f]),e.jsx(r.default,(O=function(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){l(e,t,r[t])}))}return e}({variant:b},o.default(a),n.default("tile-footer",a)),y=null!=(y={children:u})?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(y)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(y)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(y,e))})),O));var O,y};exports.TileFooter=c,exports.default=c;

package/lib/components/tile/tile-footer/tile-footer.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function o(r){return r&&r.__esModule?r:{default:r}}const a=o(r).default.div.attrs(t.default).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v162_6_0__sc-df8c927f-0"})([""," border-bottom-left-radius:calc(var(--tileBorderRadius) - 1px);border-bottom-right-radius:calc(var(--tileBorderRadius) - 1px);",""],e.padding,(({variant:e})=>r.css(["background:",";border-top:1px solid ",";"],(r=>{switch(r){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(e),"grey"===e?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(e).default.div.attrs(r.default).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v162_7_0__sc-9929f508-0"})(["display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 var(--global-space-comp-xl);height:var(--global-size-l);"," ",""],t.padding,(({variant:t})=>e.css(["border-bottom-left-radius:calc( var(--tileBorderRadius) - "," );border-bottom-right-radius:calc( var(--tileBorderRadius) - "," );background:",";border-top:1px solid ",";",";",";"],t?"3px":"0px",t?"3px":"0px",(e=>{switch(e){case"selected":return"var(--container-action-bg-footer-active)";case"active":return"var(--container-action-bg-footer-activated)";default:return"transparent"}})(t),"selected"===t||"active"===t?"transparent":"var(--container-standard-border-default)",t&&"font: var(--global-font-static-comp-medium-l)",t&&`color: var(--container-action-label-footer-${"selected"===t?"activated":"active"})`)));exports.default=o;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./tile-header.style.js"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../style/utils/filter-styled-system-padding-props.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i=i=>{var l,c,{variant:u,children:a}=i,s=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}(i,["variant","children"]);return e.jsx(r.default,(l=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){o(e,r,t[r])}))}return e}({variant:u},n.default(s),t.default("tile-header",s)),c=null!=(c={children:a})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(c,e))})),l))};exports.TileHeader=i,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../style/utils/filter-styled-system-padding-props.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i={transparent:"transparent",black:"var(--colorsUtilityYin100)",grey:"var(--colorsUtilityMajor025)",default:"var(--colorsUtilityMajor100)"},l=l=>{var a,c,{variant:s,children:u}=l,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}(l,["variant","children"]);return e.jsx(r.Box,(a=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){o(e,r,t[r])}))}return e}({"data-component":"tile-header",backgroundColor:i[s||"default"]},n.default(p),t.default("tile-header",p)),c=null!=(c={children:u})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(c,e))})),a))};exports.TileHeader=l,exports.default=l;

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

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

package/lib/components/tile/tile.component.js

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

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

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

package/lib/components/tile/tile.config.js

@@ -1 +1 @@
-"use strict";exports.TILE_BORDER_VARIANTS=["default","info","selected","negative","positive","caution"],exports.TILE_HIGHLIGHT_VARIANTS=["gradient","success","neutral","error","warning","info","important"],exports.TILE_ORIENTATIONS=["horizontal","vertical"],exports.TILE_THEMES=["tile","transparent","active","grey"];
+"use strict";exports.HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP={success:"positive",neutral:"neutral",error:"negative",warning:"warning",info:"informational",important:"important",gradient:"ai"},exports.STATUS_KEYLINE_VARIANTS=["ai","informational","positive","warning","negative","neutral","important"],exports.TILE_BORDER_VARIANTS=["default","info","selected","negative","positive","caution"],exports.TILE_HIGHLIGHT_VARIANTS=["gradient","success","neutral","error","warning","info","important"],exports.TILE_ORIENTATIONS=["horizontal","vertical"],exports.TILE_ROUNDNESS_VALUE_MAP={default:"curved",curved:"curved",moderate:"moderate",small:"moderate",large:"moderate"},exports.TILE_THEMES=["tile","transparent","active","grey"],exports.TILE_VARIANT_DEPRECATION_MAP={tile:"standard",transparent:"standard",active:"positive",grey:"alt"};

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

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

package/lib/components/tile/tile.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/element-sizing.js"),a=require("./tile-content/tile-content.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const s=r=>{switch(r){case"large":return"var(--borderRadius200)";case"small":return"var(--borderRadius050)";default:return"var(--borderRadius100)"}},c=i(r).default.div.attrs(t.default).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v162_6_0__sc-418bb97f-0"})(["",""],(({borderVariant:t,borderWidth:i="borderWidth100",isHorizontal:c,variant:n,width:l,roundness:d,highlightVariant:u,height:v})=>r.css([""," "," box-sizing:border-box;border:var(--",") solid ",";border-radius:",";--tileBorderRadius:",";> *:first-child:not(","){border-top-left-radius:calc("," - 1px);border-top-right-radius:calc("," - 1px);}> *:last-child:not(","){border-bottom-left-radius:calc("," - 1px);border-bottom-right-radius:calc("," - 1px);}"," "," "," "," display:flex;flex-direction:",";position:relative;",""],e.space,u&&r.css(['overflow:hidden;&::before{display:block;content:"";height:100%;width:8px;position:absolute;top:0;left:0;background:',";}"],(r=>{switch(r){case"success":return"var(--colorsSemanticPositive500)";case"neutral":return"var(--colorsSemanticNeutral500)";case"error":return"var(--colorsSemanticNegative500)";case"warning":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";case"important":return" #8F4CD7";default:return"linear-gradient(0deg, rgb(143, 73, 254) 5%, rgb(0, 146, 219) 50%, rgb(19, 160, 56) 95%)"}})(u)),i,((r,e)=>{switch(r){case"selected":return"var(--colorsUtilityYin100)";case"positive":return"var(--colorsSemanticPositive500)";case"negative":return"var(--colorsSemanticNegative500)";case"caution":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";default:switch(e){case"active":return"var(--colorsActionMajor500)";case"grey":return"var(--colorsUtilityMajor200)";default:return"var(--colorsUtilityMajor100)"}}})(t,n),s(d),s(d),a.default,s(d),s(d),a.default,s(d),s(d),"tile"===n&&r.css(["background-color:var(--colorsUtilityYang100);"]),"transparent"===n&&r.css(["background-color:transparent;"]),"active"===n&&r.css(["background-color:var(--colorsActionMajor025);"]),"grey"===n&&r.css(["background-color:var(--colorsUtilityMajor025);"]),c?"row":"column",o.default({width:l||void 0,height:v||void 0}))));exports.default=c;
+"use strict";var r=require("styled-components"),e=require("styled-system"),a=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/element-sizing.js");function i(r){return r&&r.__esModule?r:{default:r}}var n=i(r);const o=({variant:r,inverse:e})=>{switch(r){case"alt":return{color:`var(--container-standard-${e?"inverse-":""}txt-default)`,border:`var(--container-standard-${e?"inverse-":""}border-default)`,bg:`var(--container-standard-${e?"inverse-":""}bg-alt)`};case"positive":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-success-border-default)",bg:"var(--message-contextual-success-bg-alt)"};case"negative":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-error-border-default)",bg:"var(--message-contextual-error-bg-alt)"};case"unavailable":return{color:"var(--container-standard-txt-default)",border:"var(--container-action-border-inactive)",bg:"var(--container-action-bg-disabled)"};default:return{color:`var(--container-standard-${e?"inverse-":""}txt-default)`,border:`var(--container-standard-${e?"inverse-":""}border-default)`,bg:`var(--container-standard-${e?"inverse-":""}bg-default)`}}},s=r=>"moderate"===r?"var(--global-radius-container-l)":"var(--global-radius-container-xl)",d=n.default.div.attrs(a.default).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v162_7_0__sc-86252930-0"})(["",""],(({hasOutline:a,variant:t,inverse:i,roundness:n,$hasFooter:d,$footerVariant:l})=>r.css(["padding:var(--global-space-comp-xl);"," box-sizing:border-box;border:",";border-radius:",";--tileBorderRadius:",";background-color:",";color:",';> *:first-child:not([data-role="tile-content"]){border-top-left-radius:calc('," - 1px);border-bottom-left-radius:calc(",' - 1px);}> *:last-child:not([data-role="tile-content"]){border-top-right-radius:calc('," - 1px);border-bottom-right-radius:calc(",' - 1px);}display:flex;flex-direction:row;position:relative;height:100%;> [data-role="tile-content"]:not(:last-of-type){margin-right:var(--global-space-comp-s);border-right:solid 1px var(--container-standard-border-default);}[data-component="tile-header"]{border-radius:'," "," 0 0;}"],e.space,(({$hasFooter:r,$footerVariant:e,hasOutline:a,variant:t,inverse:i})=>!r||"selected"!==e&&"active"!==e?`var(--global-borderwidth-xs) solid ${a?o({variant:t,inverse:i}).border:"transparent"}`:"var(--global-borderwidth-s) solid "+("selected"===e?"var(--container-action-border-active)":"var(--container-action-bg-footer-activated)"))({$hasFooter:d,$footerVariant:l,hasOutline:a,variant:t,inverse:i}),s(n),s(n),o({variant:t,inverse:i}).bg,o({variant:t,inverse:i}).color,s(n),s(n),s(n),s(n),s(n),s(n)))),l=n.default.div.withConfig({displayName:"tile.style__StyledTileWrapper",componentId:"carbon_v162_7_0__sc-86252930-1"})(["position:relative;overflow:hidden;border-radius:",";",""],(({roundness:r})=>s(r)),(({width:e,height:a})=>r.css(["",""],t.default({width:e||void 0,height:a||void 0})))),c=n.default.div.withConfig({displayName:"tile.style__StyledTileKeyline",componentId:"carbon_v162_7_0__sc-86252930-2"})(["",""],(({statusKeyline:e,inverse:a})=>e&&r.css(["position:absolute;top:0;left:0;height:100%;width:var(--global-size-4-xs);background:",";z-index:1;"],(({variant:r,inverse:e})=>{switch(r){case"informational":return e?"var(--container-standard-priority-inverse-bg-info)":"var(--container-standard-priority-bg-info)";case"positive":return e?"var(--container-standard-priority-inverse-bg-positive)":"var(--container-standard-priority-bg-positive)";case"warning":return e?"var(--container-standard-priority-inverse-bg-caution)":"var(--container-standard-priority-bg-caution)";case"negative":return e?"var(--container-standard-priority-inverse-bg-negative)":"var(--container-standard-priority-bg-negative)";case"neutral":return e?"var(--container-standard-priority-inverse-bg-neutral)":"var(--container-standard-priority-bg-neutral)";case"important":return e?"var(--container-standard-priority-inverse-bg-prio)":"var(--container-standard-priority-bg-prio)";default:return"linear-gradient(to bottom, var(--mode-color-ai-alt-stop-1) 0%, var(--mode-color-ai-alt-stop-2) 40%, var(--mode-color-ai-alt-stop-3) 90%)"}})({variant:e,inverse:a}))));exports.StyledTile=d,exports.StyledTileKeyline=c,exports.StyledTileWrapper=l;

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

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),n=require("../../../accordion/accordion.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const r=e.default(n.StyledAccordionContentContainer).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v162_6_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),c=e.default(n.StyledAccordionContent).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v162_6_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);exports.StyledContent=c,exports.StyledContentContainer=r;
+"use strict";var o=require("styled-components"),n=require("../../../accordion/accordion.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const r=e.default(n.StyledAccordionContentContainer).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v162_7_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),c=e.default(n.StyledAccordionContent).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v162_7_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);exports.StyledContent=c,exports.StyledContentContainer=r;

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

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

package/lib/components/time/time.style.js

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

package/lib/components/toast/toast.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),o=require("../icon-button/icon-button.style.js"),e=require("../portal/portal.js"),a=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js");function r(t){return t&&t.__esModule?t:{default:t}}var s=r(t);const n=s.default(e.Portal).attrs(a.default).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v162_6_0__sc-6f15a9b3-0"})(["",""],(({theme:o,isNotice:e,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],o.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),e&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),l=".toast",c=".toast-alternative",p={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=s.default.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v162_6_0__sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:e,align:a,isNotification:i,alignY:r,isNotice:s,variant:n})=>t.css(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],p[n],o.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",s||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||s?"0":"30px",e||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),o.default,d,(({isNotice:e,alignY:a})=>e&&t.css(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],o.default,o.default,i.default,c,c,"top"===a?"top: -40px":"bottom: -40px",c,"top"===a?"top: 0":"bottom: 0",c,c,c,c,"top"===a?"top: 0":"bottom: 0",c,c,"top"===a?"top: -40px":"bottom: -40px"))),x=s.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v162_6_0__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:o})=>o&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:o,isNotice:e})=>o&&t.css(["padding-right:",";"],e?"88px":"48px"))),f=s.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v162_6_0__sc-6f15a9b3-3"})([""," ",""],(({align:o})=>o&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],o)),(({isNotice:o})=>o&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=f;
+"use strict";var t=require("styled-components"),o=require("../icon-button/icon-button.style.js"),e=require("../portal/portal.js"),a=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js");function r(t){return t&&t.__esModule?t:{default:t}}var s=r(t);const n=s.default(e.Portal).attrs(a.default).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v162_7_0__sc-6f15a9b3-0"})(["",""],(({theme:o,isNotice:e,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],o.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),e&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),l=".toast",c=".toast-alternative",p={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=s.default.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v162_7_0__sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:e,align:a,isNotification:i,alignY:r,isNotice:s,variant:n})=>t.css(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],p[n],o.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",s||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||s?"0":"30px",e||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),o.default,d,(({isNotice:e,alignY:a})=>e&&t.css(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],o.default,o.default,i.default,c,c,"top"===a?"top: -40px":"bottom: -40px",c,"top"===a?"top: 0":"bottom: 0",c,c,c,c,"top"===a?"top: 0":"bottom: 0",c,c,"top"===a?"top: -40px":"bottom: -40px"))),x=s.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v162_7_0__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:o})=>o&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:o,isNotice:e})=>o&&t.css(["padding-right:",";"],e?"88px":"48px"))),f=s.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v162_7_0__sc-6f15a9b3-3"})([""," ",""],(({align:o})=>o&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],o)),(({isNotice:o})=>o&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=f;

package/lib/components/tokens-wrapper/tokens-wrapper.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../../__internal__/utils/helpers/guid/index.js"),n=require("./__internal__/context/tokens-wrapper.context.js"),a=require("./__internal__/static-tokens/index.js"),s=require("./__internal__/hooks/useModeSwitcher.js"),i=require("./__internal__/utils/generate-tokens-from-overrides.js");function p(e){return e&&e.__esModule?e:{default:e}}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 d(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){c(e,r,t[r])}))}return e}const l=p(t).default.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"carbon_v162_6_0__sc-aaecd17e-0"})(["height:",";"],(({$height:e})=>e)),u=t.createGlobalStyle(['[data-component="tokens-wrapper"],[data-role="carbon-portal-scoped-tokens-provider"],.carbon-portal-scoped-tokens-provider{',"}"],a.default),b=t.createGlobalStyle(["",""],(({$wrapperId:e,$overrides:r})=>`\n    [data-component="tokens-wrapper"][data-tokens-wrapper-id="${e}"],\n    [data-role="carbon-portal-scoped-tokens-provider"][data-tokens-wrapper-id="${e}"] {\n      ${i.overrideTokens(r)}\n    }\n  `)),f=({children:t,height:a="auto",modeSupportOptIn:i=!1,modeOverride:p,overrides:c})=>{const f=r.useRef(o.default()),_=s.default(p),{current:j}=f,O=i?{className:`carbon-${_}-mode`,"data-carbon-theme":"dark"===_?"dark":"light"}:{};return e.jsx(n.default.Provider,{value:{wrapperId:c?j:void 0},children:e.jsxs(l,(v=d({"data-component":"tokens-wrapper","data-role":"tokens-wrapper","data-tokens-wrapper-id":c?j:void 0,$height:a},O),y={children:[e.jsx(u,{"data-role":"carbon-fusion-tokens"}),c&&e.jsx(b,{"data-role":"carbon-fusion-overrides",$wrapperId:j,$overrides:c}),t]},y=null!=y?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(v,Object.getOwnPropertyDescriptors(y)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(y)).forEach((function(e){Object.defineProperty(v,e,Object.getOwnPropertyDescriptor(y,e))})),v))});var v,y};exports.TokensWrapper=f,exports.default=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../../__internal__/utils/helpers/guid/index.js"),n=require("./__internal__/context/tokens-wrapper.context.js"),a=require("./__internal__/static-tokens/index.js"),s=require("./__internal__/hooks/useModeSwitcher.js"),i=require("./__internal__/utils/generate-tokens-from-overrides.js");function p(e){return e&&e.__esModule?e:{default:e}}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 d(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){c(e,r,t[r])}))}return e}const l=p(t).default.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"carbon_v162_7_0__sc-aaecd17e-0"})(["height:",";"],(({$height:e})=>e)),u=t.createGlobalStyle(['[data-component="tokens-wrapper"],[data-role="carbon-portal-scoped-tokens-provider"],.carbon-portal-scoped-tokens-provider{',"}"],a.default),b=t.createGlobalStyle(["",""],(({$wrapperId:e,$overrides:r})=>`\n    [data-component="tokens-wrapper"][data-tokens-wrapper-id="${e}"],\n    [data-role="carbon-portal-scoped-tokens-provider"][data-tokens-wrapper-id="${e}"] {\n      ${i.overrideTokens(r)}\n    }\n  `)),f=({children:t,height:a="auto",modeSupportOptIn:i=!1,modeOverride:p,overrides:c})=>{const f=r.useRef(o.default()),_=s.default(p),{current:j}=f,O=i?{className:`carbon-${_}-mode`,"data-carbon-theme":"dark"===_?"dark":"light"}:{};return e.jsx(n.default.Provider,{value:{wrapperId:c?j:void 0},children:e.jsxs(l,(v=d({"data-component":"tokens-wrapper","data-role":"tokens-wrapper","data-tokens-wrapper-id":c?j:void 0,$height:a},O),y={children:[e.jsx(u,{"data-role":"carbon-fusion-tokens"}),c&&e.jsx(b,{"data-role":"carbon-fusion-overrides",$wrapperId:j,$overrides:c}),t]},y=null!=y?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(v,Object.getOwnPropertyDescriptors(y)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(y)).forEach((function(e){Object.defineProperty(v,e,Object.getOwnPropertyDescriptor(y,e))})),v))});var v,y};exports.TokensWrapper=f,exports.default=f;

package/lib/components/tooltip/tooltip-pointer.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.attrs(t.default).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v162_6_0__sc-55209bbd-0"})(["",""],(({theme:t,type:r,bgColor:s})=>e.css(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],t.zIndex.popover,((e,t,r)=>t?o.toColor(e,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,s,r))));exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.attrs(t.default).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v162_7_0__sc-55209bbd-0"})(["",""],(({theme:t,type:r,bgColor:s})=>e.css(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],t.zIndex.popover,((e,t,r)=>t?o.toColor(e,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,s,r))));exports.default=s;

package/lib/components/tooltip/tooltip.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=e.keyframes(["0%{opacity:0;}100%{opacity:1;}"]),l=a.default.div.attrs(o.default).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"carbon_v162_6_0__sc-386308ac-0"})(["",""],(({size:o,theme:r,type:a,bgColor:l,fontColor:s})=>e.css(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,r.zIndex.popover,s?t.toColor(r,s):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((e,o,r)=>o?t.toColor(e,o):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(r,l,a))));exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=e.keyframes(["0%{opacity:0;}100%{opacity:1;}"]),l=a.default.div.attrs(o.default).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"carbon_v162_7_0__sc-386308ac-0"})(["",""],(({size:o,theme:r,type:a,bgColor:l,fontColor:s})=>e.css(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,r.zIndex.popover,s?t.toColor(r,s):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((e,o,r)=>o?t.toColor(e,o):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(r,l,a))));exports.default=l;

package/lib/components/typography/__internal__/__next__/typography.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../../../style/themes/apply-base-theme.js"),a=require("../../../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const s={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},i=n(e).default.span.attrs(o.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_6_0__sc-fb92dc-0"})(["",""],(({$display:o,$variant:n,$fluid:i,$inverse:r,$size:l,$color:d,$weight:c,$whiteSpace:v,$wordBreak:u,$wordWrap:$,$textAlign:p,$textDecoration:f,$textOverflow:g,$textTransform:h,$overflow:y,$screenReaderOnly:b})=>{const m=i?"fluid":"static",x="M"===l?"m":"l",w={neutral:`var(--page-content${r?"-inverse":""}-txt-default)`,subtle:`var(--page-content${r?"-inverse":""}-txt-alt)`,caution:"var(--page-content-caution-txt)",info:"var(--page-content-info-txt)",negative:"var(--page-content-negative-txt)",positive:"var(--page-content-positive-txt)"}[d],_=n&&n in s,q="strong"===n||"b"===n,j="sup"===n||"sub"===n,z=`--global-font-${m}-${_?s[n]:""}`,M=`--global-font-${m}-body-medium-${x}`,O=`--global-font-${m}-body-${c}-${x}`;return e.css([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!b&&"margin: unset;",t.space,b&&a.default,void 0!==o&&`display: ${o};`,void 0!==v&&`white-space: ${v};`,void 0!==u&&`word-break: ${u};`,void 0!==$&&`word-wrap: ${$};`,void 0!==p&&`text-align: ${p};`,void 0!==f&&`text-decoration: ${f};`,void 0!==g&&`text-overflow: ${g};`,void 0!==h&&`text-transform: ${h};`,void 0!==y&&`overflow: ${y};`,_&&e.css(["font:var(",");color:",";"],z,w),q&&e.css(["font:var(",");color:",";"],M,w),"sup"===n&&e.css(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,w),"sub"===n&&e.css(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,w),!_&&!q&&!j&&e.css(["font:var(",");color:",";"],O,w))}));exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../../../style/themes/apply-base-theme.js"),a=require("../../../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const s={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},i=n(e).default.span.attrs(o.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_7_0__sc-fb92dc-0"})(["",""],(({$display:o,$variant:n,$fluid:i,$inverse:r,$size:l,$color:d,$weight:c,$whiteSpace:v,$wordBreak:u,$wordWrap:$,$textAlign:p,$textDecoration:f,$textOverflow:g,$textTransform:h,$overflow:y,$screenReaderOnly:b})=>{const m=i?"fluid":"static",x="M"===l?"m":"l",w={neutral:`var(--page-content${r?"-inverse":""}-txt-default)`,subtle:`var(--page-content${r?"-inverse":""}-txt-alt)`,caution:"var(--page-content-caution-txt)",info:"var(--page-content-info-txt)",negative:"var(--page-content-negative-txt)",positive:"var(--page-content-positive-txt)"}[d],_=n&&n in s,q="strong"===n||"b"===n,j="sup"===n||"sub"===n,z=`--global-font-${m}-${_?s[n]:""}`,M=`--global-font-${m}-body-medium-${x}`,O=`--global-font-${m}-body-${c}-${x}`;return e.css([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!b&&"margin: unset;",t.space,b&&a.default,void 0!==o&&`display: ${o};`,void 0!==v&&`white-space: ${v};`,void 0!==u&&`word-break: ${u};`,void 0!==$&&`word-wrap: ${$};`,void 0!==p&&`text-align: ${p};`,void 0!==f&&`text-decoration: ${f};`,void 0!==g&&`text-overflow: ${g};`,void 0!==h&&`text-transform: ${h};`,void 0!==y&&`overflow: ${y};`,_&&e.css(["font:var(",");color:",";"],z,w),q&&e.css(["font:var(",");color:",";"],M,w),"sup"===n&&e.css(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,w),"sub"===n&&e.css(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,w),!_&&!q&&!j&&e.css(["font:var(",");color:",";"],O,w))}));exports.default=i;

package/lib/components/typography/typography.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../style/themes/apply-base-theme.js"),s=require("./__internal__/__next__/typography.component.js"),a=require("../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const l=n(e).default(s.Typography).attrs(r.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_6_0__sc-bec9c5e6-0"})([""," ",""],(({fontSize:t,fontWeight:r,lineHeight:s,variant:n,screenReaderOnly:l})=>{const o="p"===n?"0 0 var(--global-space-comp-l)":"0";return e.css([""," "," "," margin:",";",""],t&&`font-size: ${t};`,r&&`font-weight: ${r};`,s&&`line-height: ${s};`,o,l&&a.default)}),t.space);l.displayName="Typography",exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../style/themes/apply-base-theme.js"),s=require("./__internal__/__next__/typography.component.js"),a=require("../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const l=n(e).default(s.Typography).attrs(r.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_7_0__sc-bec9c5e6-0"})([""," ",""],(({fontSize:t,fontWeight:r,lineHeight:s,variant:n,screenReaderOnly:l})=>{const o="p"===n?"0 0 var(--global-space-comp-l)":"0";return e.css([""," "," "," margin:",";",""],t&&`font-size: ${t};`,r&&`font-weight: ${r};`,s&&`line-height: ${s};`,o,l&&a.default)}),t.space);l.displayName="Typography",exports.default=l;

package/lib/components/vertical-divider/vertical-divider.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const d=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"carbon_v162_6_0__sc-b3cc6d7-0"})([""," "," ",""],t.space,(({height:t})=>t&&e.css(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:e})=>e?"display: inline;":"")),l=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"carbon_v162_6_0__sc-b3cc6d7-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:e,tint:t})=>e.palette.slateTint(t)));exports.StyledDivider=l,exports.StyledVerticalWrapper=d;
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const d=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"carbon_v162_7_0__sc-b3cc6d7-0"})([""," "," ",""],t.space,(({height:t})=>t&&e.css(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:e})=>e?"display: inline;":"")),l=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"carbon_v162_7_0__sc-b3cc6d7-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:e,tint:t})=>e.palette.slateTint(t)));exports.StyledDivider=l,exports.StyledVerticalWrapper=d;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),r=require("styled-system");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const d=i.default.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"carbon_v162_6_0__sc-681f134d-0"})([""," ",";"],r.margin,(({depth:e,responsive:r})=>e>0&&r&&"max-width: 88%")),s=i.default.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"carbon_v162_6_0__sc-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);exports.StyledHr=s,exports.StyledResponsiveVerticalMenuDivider=d;
+"use strict";var e=require("styled-components"),r=require("styled-system");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const d=i.default.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"carbon_v162_7_0__sc-681f134d-0"})([""," ",";"],r.margin,(({depth:e,responsive:r})=>e>0&&r&&"max-width: 88%")),s=i.default.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"carbon_v162_7_0__sc-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);exports.StyledHr=s,exports.StyledResponsiveVerticalMenuDivider=d;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js");require("../../../icon/icon.style.js");var o=require("../../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(e);const a=(e,t)=>e&&t?"180deg":"0deg",r=e.css(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:var(--spacing100) var(--spacing200);width:100%;",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],t.padding,o.default(!0)),c=s.default(n.default).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"carbon_v162_6_0__sc-ffae1a5b-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>a(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:t,expanded:n,reduceMotion:o})=>n&&e.css(["rotate:",";transition:rotate "," ease-out;"],a(t,n),o?0:"0.2s"))),l=s.default.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"carbon_v162_6_0__sc-ffae1a5b-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),d=s.default.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"carbon_v162_6_0__sc-ffae1a5b-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:t,responsive:n})=>1===t&&n&&e.css(["padding:0 0 0 16px;"]))),p=s.default.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"carbon_v162_6_0__sc-ffae1a5b-3"})(["padding:0;",""],(({depth:t,hasIcon:n,responsive:o})=>e.css(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],t<2&&!n?"100%":"88%",o&&e.css(["margin-left:",";"],n||1===t?"var(--spacing200)":"0"),1===t?"var(--fontWeights400)":"var(--fontWeights500)"))),v=s.default.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"carbon_v162_6_0__sc-ffae1a5b-4"})(["list-style:none;"," padding:0;"],t.margin),g=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"carbon_v162_6_0__sc-ffae1a5b-5"})([""," "," "," ",""],r,(({active:t,responsive:n})=>t&&!n&&e.css(["background-color:var(--colorsGray850);"])),(({depth:t,responsive:n})=>0===t&&n&&e.css(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:t})=>t>=2&&e.css(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),f=s.default.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"carbon_v162_6_0__sc-ffae1a5b-6"})([""," min-height:40px;text-decoration:none;",""],r,(({depth:t,responsive:n})=>t>=2&&e.css(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],n&&t>=3&&e.css(["margin-left:var(--spacing300);"])))),u=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"carbon_v162_6_0__sc-ffae1a5b-7"})([""," min-height:40px;text-decoration:none;",""],r,(({depth:t,responsive:n})=>t>=2&&e.css(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],n&&t>=3&&e.css(["margin-left:var(--spacing300);"]))));exports.StyledIcon=c,exports.StyledMenuItemContent=l,exports.StyledNestedMenu=p,exports.StyledNestedMenuWrapper=d,exports.StyledResponsiveMenuActionButton=u,exports.StyledResponsiveMenuActionLink=f,exports.StyledResponsiveMenuItem=g,exports.StyledResponsiveMenuListItem=v;
+"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js");require("../../../icon/icon.style.js");var o=require("../../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(e);const a=(e,t)=>e&&t?"180deg":"0deg",r=e.css(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:var(--spacing100) var(--spacing200);width:100%;",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],t.padding,o.default(!0)),c=s.default(n.default).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"carbon_v162_7_0__sc-ffae1a5b-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>a(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:t,expanded:n,reduceMotion:o})=>n&&e.css(["rotate:",";transition:rotate "," ease-out;"],a(t,n),o?0:"0.2s"))),l=s.default.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"carbon_v162_7_0__sc-ffae1a5b-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),d=s.default.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"carbon_v162_7_0__sc-ffae1a5b-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:t,responsive:n})=>1===t&&n&&e.css(["padding:0 0 0 16px;"]))),p=s.default.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"carbon_v162_7_0__sc-ffae1a5b-3"})(["padding:0;",""],(({depth:t,hasIcon:n,responsive:o})=>e.css(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],t<2&&!n?"100%":"88%",o&&e.css(["margin-left:",";"],n||1===t?"var(--spacing200)":"0"),1===t?"var(--fontWeights400)":"var(--fontWeights500)"))),v=s.default.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"carbon_v162_7_0__sc-ffae1a5b-4"})(["list-style:none;"," padding:0;"],t.margin),g=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"carbon_v162_7_0__sc-ffae1a5b-5"})([""," "," "," ",""],r,(({active:t,responsive:n})=>t&&!n&&e.css(["background-color:var(--colorsGray850);"])),(({depth:t,responsive:n})=>0===t&&n&&e.css(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:t})=>t>=2&&e.css(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),f=s.default.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"carbon_v162_7_0__sc-ffae1a5b-6"})([""," min-height:40px;text-decoration:none;",""],r,(({depth:t,responsive:n})=>t>=2&&e.css(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],n&&t>=3&&e.css(["margin-left:var(--spacing300);"])))),u=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"carbon_v162_7_0__sc-ffae1a5b-7"})([""," min-height:40px;text-decoration:none;",""],r,(({depth:t,responsive:n})=>t>=2&&e.css(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],n&&t>=3&&e.css(["margin-left:var(--spacing300);"]))));exports.StyledIcon=c,exports.StyledMenuItemContent=l,exports.StyledNestedMenu=p,exports.StyledNestedMenuWrapper=d,exports.StyledResponsiveMenuActionButton=u,exports.StyledResponsiveMenuActionLink=f,exports.StyledResponsiveMenuItem=g,exports.StyledResponsiveMenuListItem=v;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),t=require("../../button/button.component.js"),e=require("../../../style/utils/add-focus-styling.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const r=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"carbon_v162_6_0__sc-aefcc134-0"})(["position:fixed;inset:0;"]),i=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"carbon_v162_6_0__sc-aefcc134-1"})(["position:fixed;top:0;",""],(({width:t})=>o.css(["width:",";"],t))),c=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"carbon_v162_6_0__sc-aefcc134-2"})(["border-radius:0;background-color:var( ",' );&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:o})=>o?"--colorsActionMinorGray700":"--colorsUtilityYin100"),e.default(!0),e.default(!0)),l=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"carbon_v162_6_0__sc-aefcc134-3"})(['border-radius:0;&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}']),s=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"carbon_v162_6_0__sc-aefcc134-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),d=n.default.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"carbon_v162_6_0__sc-aefcc134-5"})(["margin:0;padding:0;align-items:stretch;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," "," ",""],(({height:o})=>o||"100%"),(({responsive:t})=>!t&&o.css(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:o})=>o||"100%"),(({childOpen:o,menu:t})=>"secondary"===t||!o&&"primary"===t?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:t})=>o.css(["top:",";max-height:calc(100% - ",");"],t,"auto"===t?"40px":t)),(({childOpen:t})=>t&&o.css(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:t,left:e,menu:a})=>"secondary"===a&&o.css(["left:",";height:",";"],e,t)));exports.ModalContainer=i,exports.StyledBackdrop=r,exports.StyledButton=c,exports.StyledCloseButton=l,exports.StyledGlobalVerticalMenuWrapper=s,exports.StyledResponsiveMenu=d;
+"use strict";var o=require("styled-components"),t=require("../../button/button.component.js"),e=require("../../../style/utils/add-focus-styling.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const r=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"carbon_v162_7_0__sc-aefcc134-0"})(["position:fixed;inset:0;"]),i=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"carbon_v162_7_0__sc-aefcc134-1"})(["position:fixed;top:0;",""],(({width:t})=>o.css(["width:",";"],t))),c=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"carbon_v162_7_0__sc-aefcc134-2"})(["border-radius:0;background-color:var( ",' );&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:o})=>o?"--colorsActionMinorGray700":"--colorsUtilityYin100"),e.default(!0),e.default(!0)),l=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"carbon_v162_7_0__sc-aefcc134-3"})(['border-radius:0;&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}']),s=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"carbon_v162_7_0__sc-aefcc134-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),d=n.default.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"carbon_v162_7_0__sc-aefcc134-5"})(["margin:0;padding:0;align-items:stretch;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," "," ",""],(({height:o})=>o||"100%"),(({responsive:t})=>!t&&o.css(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:o})=>o||"100%"),(({childOpen:o,menu:t})=>"secondary"===t||!o&&"primary"===t?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:t})=>o.css(["top:",";max-height:calc(100% - ",");"],t,"auto"===t?"40px":t)),(({childOpen:t})=>t&&o.css(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:t,left:e,menu:a})=>"secondary"===a&&o.css(["left:",";height:",";"],e,t)));exports.ModalContainer=i,exports.StyledBackdrop=r,exports.StyledButton=c,exports.StyledCloseButton=l,exports.StyledGlobalVerticalMenuWrapper=s,exports.StyledResponsiveMenu=d;

package/lib/components/vertical-menu/vertical-menu.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),r=require("../icon/icon.component.js"),l=require("../box/box.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const s=d.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"carbon_v162_6_0__sc-44693e7f-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),c=d.default.li.attrs(o.default).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"carbon_v162_6_0__sc-44693e7f-1"})(["",""],t.margin),p=d.default.div.attrs(o.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"carbon_v162_6_0__sc-44693e7f-2"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),t.padding,n.default(!0),(({active:t})=>t&&e.css(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),i.default),f=d.default.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"carbon_v162_6_0__sc-44693e7f-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),u=d.default.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"carbon_v162_6_0__sc-44693e7f-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),_=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"carbon_v162_6_0__sc-44693e7f-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),m=d.default.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"carbon_v162_6_0__sc-44693e7f-6"})(["margin-right:12px;width:20px;"]),y=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"carbon_v162_6_0__sc-44693e7f-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),v=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"carbon_v162_6_0__sc-44693e7f-8"})(["display:flex;&::-webkit-scrollbar{width:12px;}"]),x=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"carbon_v162_6_0__sc-44693e7f-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:t})=>!t&&e.css(["transition:all 0.3s ease;"])),(({isOpen:t})=>t&&e.css(["visibility:visible;transform:translateX(0);"])),(({isOpen:t})=>!t&&e.css(["transform:translateX(-100%);visibility:hidden;"])));exports.StyledAdornment=u,exports.StyledChevronIcon=y,exports.StyledCustomIconWrapper=m,exports.StyledList=s,exports.StyledListItem=c,exports.StyledTitle=f,exports.StyledTitleIcon=_,exports.StyledVerticalMenu=v,exports.StyledVerticalMenuFullScreen=x,exports.StyledVerticalMenuItem=p;
+"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),r=require("../icon/icon.component.js"),l=require("../box/box.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const s=d.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"carbon_v162_7_0__sc-44693e7f-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),c=d.default.li.attrs(o.default).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"carbon_v162_7_0__sc-44693e7f-1"})(["",""],t.margin),p=d.default.div.attrs(o.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"carbon_v162_7_0__sc-44693e7f-2"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),t.padding,n.default(!0),(({active:t})=>t&&e.css(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),i.default),f=d.default.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"carbon_v162_7_0__sc-44693e7f-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),u=d.default.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"carbon_v162_7_0__sc-44693e7f-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),_=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"carbon_v162_7_0__sc-44693e7f-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),m=d.default.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"carbon_v162_7_0__sc-44693e7f-6"})(["margin-right:12px;width:20px;"]),y=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"carbon_v162_7_0__sc-44693e7f-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),v=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"carbon_v162_7_0__sc-44693e7f-8"})(["display:flex;&::-webkit-scrollbar{width:12px;}"]),x=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"carbon_v162_7_0__sc-44693e7f-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:t})=>!t&&e.css(["transition:all 0.3s ease;"])),(({isOpen:t})=>t&&e.css(["visibility:visible;transform:translateX(0);"])),(({isOpen:t})=>!t&&e.css(["transform:translateX(-100%);visibility:hidden;"])));exports.StyledAdornment=u,exports.StyledChevronIcon=y,exports.StyledCustomIconWrapper=m,exports.StyledList=s,exports.StyledListItem=c,exports.StyledTitle=f,exports.StyledTitleIcon=_,exports.StyledVerticalMenu=v,exports.StyledVerticalMenuFullScreen=x,exports.StyledVerticalMenuItem=p;