npm - carbon-react - Versions diffs - 162.8.0 → 162.9.0 - Mend

carbon-react 162.8.0 → 162.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (427) hide show

package/esm/components/text-editor/text-editor.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as a}from"styled-components";import{margin as e}from"styled-system";const r={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},t=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"~~carbon_v162_7_0__sc~~-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:o})=>o&&a(["margin:-1px;"]))),i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"~~carbon_v162_7_0__sc~~-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],e),l=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"~~carbon_v162_7_0__sc~~-24366676-2"})(["",""],(({size:o})=>a(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],r[o].validationGap,r[o].contentMargin))),d=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"~~carbon_v162_7_0__sc~~-24366676-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:o})=>o&&a(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),n=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"~~carbon_v162_7_0__sc~~-24366676-4"})(["",";"],(({size:o})=>a(["padding:"," "," 0;"],r[o].headerPadding,r[o].headerPadding))),c=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"~~carbon_v162_7_0__sc~~-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:o})=>a(["padding:",";"],r[o].footerPadding)));export{d as StyledEditorToolbarWrapper,c as StyledFooterWrapper,n as StyledHeaderWrapper,t as StyledTextEditor,i as StyledTextEditorWrapper,l as StyledWrapper};
1	+ import o,{css as a}from"styled-components";import{margin as e}from"styled-system";const r={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},t=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v162_8_0__sc-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:o})=>o&&a(["margin:-1px;"]))),i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v162_8_0__sc-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],e),l=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v162_8_0__sc-24366676-2"})(["",""],(({size:o})=>a(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],r[o].validationGap,r[o].contentMargin))),d=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v162_8_0__sc-24366676-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:o})=>o&&a(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),n=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v162_8_0__sc-24366676-4"})(["",";"],(({size:o})=>a(["padding:"," "," 0;"],r[o].headerPadding,r[o].headerPadding))),c=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v162_8_0__sc-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:o})=>a(["padding:",";"],r[o].footerPadding)));export{d as StyledEditorToolbarWrapper,c as StyledFooterWrapper,n as StyledHeaderWrapper,t as StyledTextEditor,i as StyledTextEditorWrapper,l as StyledWrapper};

package/esm/components/textarea/textarea.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/hint-text/hint-text.style.js";import i from"../../__internal__/legacy-input/input-presentation.style.js";import t from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../../__internal__/validation-message/validation-message.style.js";import n from"../../style/themes/apply-base-theme.js";import{getDefaultMinHeightBySize as d}from"./textarea.component.js";import s from"../../style/utils/add-focus-styling.js";const c={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},b=(a,l)=>e(["font:",";"],{small:`var(--global-font-static-comp-${l}-s)`,medium:`var(--global-font-static-comp-${l}-m)`,large:`var(--global-font-static-comp-${l}-l)`}[a]),p=(a,l)=>a?e(["margin-bottom:0px;"]):e(["",";"],l&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[l]};`),g=a.div.attrs(n).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"~~carbon_v162_7_0__sc~~-884bfc4e-0"})(["margin-bottom:var(--fieldSpacing);",';textarea[data-element="input"]{background:transparent;border:none;'," box-sizing:border-box;color:var(--input-typical-txt-default);display:block;flex-grow:1;margin:0;min-width:0;outline:none;border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}[data-role=\"textarea-label-container\"]{","}",' [data-component="label"]{color:',";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],l,(({$size:a})=>b(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:d(e)),(({$size:a})=>`${c[a].verticalPadding} ${c[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>{if(a&&"none"!==a)return e?`${r\|\|100-l}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})\|\|"100%"),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--global-size-m);"),(({$align:a})=>a&&`text-align: ${a};`),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(a=>"none"!==a.$resize&&e(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),(({$hasHint:a,$size:e})=>p(!!a,e)),(({labelInline:a,$labelSpacing:l,$size:r})=>a&&e(['[data-role="textarea-label-container"]{padding-top:',";margin-bottom:0px;","}"],"small"===r?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!l&&`padding-right: ${"large"===r?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>b(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:a,$size:l,$disabled:r})=>a&&e(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],b(l,"medium"),r?"disabled":"required")),t,i,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:a})=>a&&e(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:a})=>a&&e(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),i,s(),r,(({$size:a})=>p(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:a})=>e(["","{justify-content:",";}"],r,"right"!==a?"flex-start":"flex-end")),o,(({$hasWarning:a,$size:l})=>a&&e(["color:var(--input-validation-label-warn);",""],b(l,"regular"))),(({$hasError:a,$size:l})=>a&&e(["color:var(--input-validation-label-error);",""],b(l,"medium")))),m=a.div.withConfig({displayName:"textarea.style__StyledTextareaFieldLine",componentId:"~~carbon_v162_7_0__sc~~-884bfc4e-1"})(["display:",";"],(({$labelInline:a})=>a?"flex":"block")),u=a.div.withConfig({displayName:"textarea.style__StyledTextareaLabelContainer",componentId:"~~carbon_v162_7_0__sc~~-884bfc4e-2"})(["display:flex;flex-direction:column;margin-bottom:var(--global-space-comp-s);",""],(({$labelInline:a,$labelAlign:l,$labelSpacing:r,$size:i})=>{const t=a?null!=l?l:"right":null!=l?l:"left";return e(["align-items:",';[data-component="label"]{width:100%;text-align:',";}",""],"right"!==t?"flex-start":"flex-end","right"!==t?"left":"right",a&&e(["box-sizing:border-box;margin-bottom:0;width:","%;padding-right:",";"],30,a?r?`var(${1===r?"--global-space-comp-s":"--global-space-comp-l"})`:"large"===i?"var(--global-space-comp-xl)":"var(--global-space-comp-l)":void 0))})),v=a.textarea.withConfig({displayName:"textarea.style__StyledTextareaInput",componentId:"~~carbon_v162_7_0__sc~~-884bfc4e-3"})([""]),h=a.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"~~carbon_v162_7_0__sc~~-884bfc4e-4"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:l})=>a?`${e\|\|100-l}%`:"100%"));export{m as StyledTextareaFieldLine,v as StyledTextareaInput,u as StyledTextareaLabelContainer,h as StyledTextareaValidationContainer,g as default,b as getFont};
1	+ import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/hint-text/hint-text.style.js";import i from"../../__internal__/legacy-input/input-presentation.style.js";import t from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../../__internal__/validation-message/validation-message.style.js";import n from"../../style/themes/apply-base-theme.js";import{getDefaultMinHeightBySize as d}from"./textarea.component.js";import s from"../../style/utils/add-focus-styling.js";const c={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},b=(a,l)=>e(["font:",";"],{small:`var(--global-font-static-comp-${l}-s)`,medium:`var(--global-font-static-comp-${l}-m)`,large:`var(--global-font-static-comp-${l}-l)`}[a]),p=(a,l)=>a?e(["margin-bottom:0px;"]):e(["",";"],l&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[l]};`),g=a.div.attrs(n).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v162_8_0__sc-884bfc4e-0"})(["margin-bottom:var(--fieldSpacing);",';textarea[data-element="input"]{background:transparent;border:none;'," box-sizing:border-box;color:var(--input-typical-txt-default);display:block;flex-grow:1;margin:0;min-width:0;outline:none;border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}[data-role=\"textarea-label-container\"]{","}",' [data-component="label"]{color:',";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],l,(({$size:a})=>b(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:d(e)),(({$size:a})=>`${c[a].verticalPadding} ${c[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>{if(a&&"none"!==a)return e?`${r\|\|100-l}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})\|\|"100%"),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--global-size-m);"),(({$align:a})=>a&&`text-align: ${a};`),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(a=>"none"!==a.$resize&&e(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),(({$hasHint:a,$size:e})=>p(!!a,e)),(({labelInline:a,$labelSpacing:l,$size:r})=>a&&e(['[data-role="textarea-label-container"]{padding-top:',";margin-bottom:0px;","}"],"small"===r?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!l&&`padding-right: ${"large"===r?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>b(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:a,$size:l,$disabled:r})=>a&&e(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],b(l,"medium"),r?"disabled":"required")),t,i,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:a})=>a&&e(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:a})=>a&&e(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),i,s(),r,(({$size:a})=>p(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:a})=>e(["","{justify-content:",";}"],r,"right"!==a?"flex-start":"flex-end")),o,(({$hasWarning:a,$size:l})=>a&&e(["color:var(--input-validation-label-warn);",""],b(l,"regular"))),(({$hasError:a,$size:l})=>a&&e(["color:var(--input-validation-label-error);",""],b(l,"medium")))),m=a.div.withConfig({displayName:"textarea.style__StyledTextareaFieldLine",componentId:"carbon_v162_8_0__sc-884bfc4e-1"})(["display:",";"],(({$labelInline:a})=>a?"flex":"block")),u=a.div.withConfig({displayName:"textarea.style__StyledTextareaLabelContainer",componentId:"carbon_v162_8_0__sc-884bfc4e-2"})(["display:flex;flex-direction:column;margin-bottom:var(--global-space-comp-s);",""],(({$labelInline:a,$labelAlign:l,$labelSpacing:r,$size:i})=>{const t=a?null!=l?l:"right":null!=l?l:"left";return e(["align-items:",';[data-component="label"]{width:100%;text-align:',";}",""],"right"!==t?"flex-start":"flex-end","right"!==t?"left":"right",a&&e(["box-sizing:border-box;margin-bottom:0;width:","%;padding-right:",";"],30,a?r?`var(${1===r?"--global-space-comp-s":"--global-space-comp-l"})`:"large"===i?"var(--global-space-comp-xl)":"var(--global-space-comp-l)":void 0))})),v=a.textarea.withConfig({displayName:"textarea.style__StyledTextareaInput",componentId:"carbon_v162_8_0__sc-884bfc4e-3"})([""]),h=a.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v162_8_0__sc-884bfc4e-4"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:l})=>a?`${e\|\|100-l}%`:"100%"));export{m as StyledTextareaFieldLine,v as StyledTextareaInput,u as StyledTextareaLabelContainer,h as StyledTextareaValidationContainer,g as default,b as getFont};

package/esm/components/textbox/__internal__/__next__/text-input.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import t from"../../../../style/themes/apply-base-theme.js";const n=a.div.attrs(t).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"~~carbon_v162_7_0__sc~~-ba6b7895-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:var(--global-space-comp-xs);}.legacy-search &{flex:1 1 0%;}"],l,(({$labelInline:a})=>a?"row":"column"),(({$labelInline:a,$size:e,$hasValidationFailure:l})=>{if(!a)switch(e){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===e?l?"var(--global-space-comp-l)":"var(--global-space-comp-m)":l?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=a.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"~~carbon_v162_7_0__sc~~-ba6b7895-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:a})=>a&&`\n --label-spacing: ${a}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*a}%;\n }\n `),(({$labelInline:a,$size:l})=>e([""," ",""],a&&e(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],l.charAt(0)),!a&&e(["justify-content:flex-end;align-items:flex-start;"])))),p=a.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"~~carbon_v162_7_0__sc~~-ba6b7895-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:a})=>"small"===a?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:l})=>e([""," width:",";"],a&&`max-width: ${a};`,l?`${l}%`:"100%")));export{p as InputWrapper,i as LabelWrapper,n as StyledTextInput};
1	+ import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import t from"../../../../style/themes/apply-base-theme.js";const n=a.div.attrs(t).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v162_8_0__sc-ba6b7895-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:var(--global-space-comp-xs);}.legacy-search &{flex:1 1 0%;}"],l,(({$labelInline:a})=>a?"row":"column"),(({$labelInline:a,$size:e,$hasValidationFailure:l})=>{if(!a)switch(e){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===e?l?"var(--global-space-comp-l)":"var(--global-space-comp-m)":l?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=a.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v162_8_0__sc-ba6b7895-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:a})=>a&&`\n --label-spacing: ${a}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*a}%;\n }\n `),(({$labelInline:a,$size:l})=>e([""," ",""],a&&e(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],l.charAt(0)),!a&&e(["justify-content:flex-end;align-items:flex-start;"])))),p=a.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v162_8_0__sc-ba6b7895-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:a})=>"small"===a?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:l})=>e([""," width:",";"],a&&`max-width: ${a};`,l?`${l}%`:"100%")));export{p as InputWrapper,i as LabelWrapper,n as StyledTextInput};

package/esm/components/tile/tile-footer/tile-footer.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t,{css as e}from"styled-components";import{padding as a}from"styled-system";import r from"../../../style/themes/apply-base-theme.js";const o=t.div.attrs(r).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);"," ",""],a,(({variant:t})=>e(["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",(t=>{switch(t){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"})`)));export{o as default};
1	+ import t,{css as e}from"styled-components";import{padding as a}from"styled-system";import r from"../../../style/themes/apply-base-theme.js";const o=t.div.attrs(r).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v162_8_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);"," ",""],a,(({variant:t})=>e(["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",(t=>{switch(t){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"})`)));export{o as default};

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

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

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

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

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

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

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

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

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

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

package/esm/components/toast/toast.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import{Portal as e}from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"~~carbon_v162_7_0__sc~~-6f15a9b3-0"})(["",""],(({theme:t,isNotice:a,align:e,alignY:i})=>o(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],t.zIndex.notification,"left"===e&&o(["left:0;transform:translateX(50%);"]),"center"===e&&o(["margin-left:50%;transform:translateX(-50%);"]),"right"===e&&o(["right:0;transform:translateX(-50%);"]),a&&o(["bottom:0;top:auto;width:100%;"]),"top"===i&&o(["top:0;bottom:auto;"]),"center"===i&&o(["top:50%;transform:translate(",",-50%);"],"left"===e?"50%":"-50%"),"bottom"===i&&o(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),s=".toast",p=".toast-alternative",l={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},c=o(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=t.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:t,align:e,isNotification:i,alignY:r,isNotice:n,variant:s})=>o(["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:",";",""],l[s],a,c,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",n\|\|"center"===r\|\|"bottom"===r?"0":"30px","bottom"!==r\|\|n?"0":"30px",t\|\|"300px","center"===e\|\|"right"===e?"auto":"30px","center"===e\|\|"left"===e?"auto":"30px",i&&o(["border:1px solid var(--colorsSemanticInfo500);"]))),s,s,s,s,s,s,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),s,s,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),a,c,(({isNotice:t,alignY:e})=>t&&o(["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;}"],a,a,r,p,p,"top"===e?"top: -40px":"bottom: -40px",p,"top"===e?"top: 0":"bottom: 0",p,p,p,p,"top"===e?"top: 0":"bottom: 0",p,p,"top"===e?"top: -40px":"bottom: -40px"))),d=t.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:t})=>t&&o(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:t,isNotice:a})=>t&&o(["padding-right:",";"],a?"88px":"48px"))),x=t.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"~~carbon_v162_7_0__sc~~-6f15a9b3-3"})([""," ",""],(({align:t})=>t&&o(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],t)),(({isNotice:t})=>t&&o(["display:block;"])));export{n as StyledPortal,m as StyledToast,d as StyledToastContent,x as ToastWrapper};
1	+ import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import{Portal as e}from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v162_8_0__sc-6f15a9b3-0"})(["",""],(({theme:t,isNotice:a,align:e,alignY:i})=>o(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],t.zIndex.notification,"left"===e&&o(["left:0;transform:translateX(50%);"]),"center"===e&&o(["margin-left:50%;transform:translateX(-50%);"]),"right"===e&&o(["right:0;transform:translateX(-50%);"]),a&&o(["bottom:0;top:auto;width:100%;"]),"top"===i&&o(["top:0;bottom:auto;"]),"center"===i&&o(["top:50%;transform:translate(",",-50%);"],"left"===e?"50%":"-50%"),"bottom"===i&&o(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),s=".toast",p=".toast-alternative",l={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},c=o(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=t.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v162_8_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:t,align:e,isNotification:i,alignY:r,isNotice:n,variant:s})=>o(["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:",";",""],l[s],a,c,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",n\|\|"center"===r\|\|"bottom"===r?"0":"30px","bottom"!==r\|\|n?"0":"30px",t\|\|"300px","center"===e\|\|"right"===e?"auto":"30px","center"===e\|\|"left"===e?"auto":"30px",i&&o(["border:1px solid var(--colorsSemanticInfo500);"]))),s,s,s,s,s,s,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),s,s,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),a,c,(({isNotice:t,alignY:e})=>t&&o(["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;}"],a,a,r,p,p,"top"===e?"top: -40px":"bottom: -40px",p,"top"===e?"top: 0":"bottom: 0",p,p,p,p,"top"===e?"top: 0":"bottom: 0",p,p,"top"===e?"top: -40px":"bottom: -40px"))),d=t.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v162_8_0__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:t})=>t&&o(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:t,isNotice:a})=>t&&o(["padding-right:",";"],a?"88px":"48px"))),x=t.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v162_8_0__sc-6f15a9b3-3"})([""," ",""],(({align:t})=>t&&o(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],t)),(({isNotice:t})=>t&&o(["display:block;"])));export{n as StyledPortal,m as StyledToast,d as StyledToastContent,x as ToastWrapper};

package/esm/components/tokens-wrapper/tokens-wrapper.component.js CHANGED Viewed

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

package/esm/components/tooltip/tooltip-pointer.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import{toColor as r}from"../../style/utils/color.js";const i=o.div.attrs(e).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"~~carbon_v162_7_0__sc~~-55209bbd-0"})(["",""],(({theme:o,type:e,bgColor:i})=>t(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],o.zIndex.popover,((o,t,e)=>t?r(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(o,i,e))));export{i as default};
1	+ import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import{toColor as r}from"../../style/utils/color.js";const i=o.div.attrs(e).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v162_8_0__sc-55209bbd-0"})(["",""],(({theme:o,type:e,bgColor:i})=>t(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],o.zIndex.popover,((o,t,e)=>t?r(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(o,i,e))));export{i as default};

package/esm/components/tooltip/tooltip.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{keyframes as t,css as e}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import{toColor as a}from"../../style/utils/color.js";const i=t(["0%{opacity:0;}100%{opacity:1;}"]),l=o.div.attrs(r).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"~~carbon_v162_7_0__sc~~-386308ac-0"})(["",""],(({size:o,theme:t,type:r,bgColor:l,fontColor:n})=>e(["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,t.zIndex.popover,n?a(t,n):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((o,t,e)=>t?a(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,l,r))));export{l as default};
1	+ import o,{keyframes as t,css as e}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import{toColor as a}from"../../style/utils/color.js";const i=t(["0%{opacity:0;}100%{opacity:1;}"]),l=o.div.attrs(r).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"carbon_v162_8_0__sc-386308ac-0"})(["",""],(({size:o,theme:t,type:r,bgColor:l,fontColor:n})=>e(["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,t.zIndex.popover,n?a(t,n):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((o,t,e)=>t?a(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,l,r))));export{l as default};

package/esm/components/typography/__internal__/__next__/typography.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t,{css as e}from"styled-components";import{space as o}from"styled-system";import n from"../../../../style/themes/apply-base-theme.js";import a from"../../../../style/utils/visually-hidden.js";const i={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"},r=t.span.attrs(n).withConfig({displayName:"typography.style__StyledTypography",componentId:"~~carbon_v162_7_0__sc~~-fb92dc-0"})(["",""],(({$display:t,$variant:n,$fluid:r,$inverse:s,$size:l,$color:d,$weight:v,$whiteSpace:$,$wordBreak:c,$wordWrap:p,$textAlign:g,$textDecoration:f,$textOverflow:m,$textTransform:h,$overflow:u,$screenReaderOnly:y})=>{const b=r?"fluid":"static",x="M"===l?"m":"l",w={neutral:`var(--page-content${s?"-inverse":""}-txt-default)`,subtle:`var(--page-content${s?"-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 i,z="strong"===n\|\|"b"===n,j="sup"===n\|\|"sub"===n,k=`--global-font-${b}-body-medium-${x}`,O=`--global-font-${b}-body-${v}-${x}`;return e([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!y&&"margin: unset;",o,y&&a,void 0!==t&&`display: ${t};`,void 0!==$&&`white-space: ${$};`,void 0!==c&&`word-break: ${c};`,void 0!==p&&`word-wrap: ${p};`,void 0!==g&&`text-align: ${g};`,void 0!==f&&`text-decoration: ${f};`,void 0!==m&&`text-overflow: ${m};`,void 0!==h&&`text-transform: ${h};`,void 0!==u&&`overflow: ${u};`,_&&e(["font:var(",");color:",";"],`--global-font-${b}-${_?i[n]:""}`,w),z&&e(["font:var(",");color:",";"],k,w),"sup"===n&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,w),"sub"===n&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,w),!_&&!z&&!j&&e(["font:var(",");color:",";"],O,w))}));export{r as default};
1	+ import t,{css as e}from"styled-components";import{space as o}from"styled-system";import n from"../../../../style/themes/apply-base-theme.js";import a from"../../../../style/utils/visually-hidden.js";const i={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"},r=t.span.attrs(n).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_8_0__sc-fb92dc-0"})(["",""],(({$display:t,$variant:n,$fluid:r,$inverse:s,$size:l,$color:d,$weight:v,$whiteSpace:$,$wordBreak:c,$wordWrap:p,$textAlign:g,$textDecoration:f,$textOverflow:m,$textTransform:h,$overflow:u,$screenReaderOnly:y})=>{const b=r?"fluid":"static",x="M"===l?"m":"l",w={neutral:`var(--page-content${s?"-inverse":""}-txt-default)`,subtle:`var(--page-content${s?"-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 i,z="strong"===n\|\|"b"===n,j="sup"===n\|\|"sub"===n,k=`--global-font-${b}-body-medium-${x}`,O=`--global-font-${b}-body-${v}-${x}`;return e([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!y&&"margin: unset;",o,y&&a,void 0!==t&&`display: ${t};`,void 0!==$&&`white-space: ${$};`,void 0!==c&&`word-break: ${c};`,void 0!==p&&`word-wrap: ${p};`,void 0!==g&&`text-align: ${g};`,void 0!==f&&`text-decoration: ${f};`,void 0!==m&&`text-overflow: ${m};`,void 0!==h&&`text-transform: ${h};`,void 0!==u&&`overflow: ${u};`,_&&e(["font:var(",");color:",";"],`--global-font-${b}-${_?i[n]:""}`,w),z&&e(["font:var(",");color:",";"],k,w),"sup"===n&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,w),"sub"===n&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,w),!_&&!z&&!j&&e(["font:var(",");color:",";"],O,w))}));export{r as default};

package/esm/components/typography/typography.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e,{css as t}from"styled-components";import{space as o}from"styled-system";import p from"../../style/themes/apply-base-theme.js";import{Typography as s}from"./__internal__/__next__/typography.component.js";import a from"../../style/utils/visually-hidden.js";const i=e(s).attrs(p).withConfig({displayName:"typography.style__StyledTypography",componentId:"~~carbon_v162_7_0__sc~~-bec9c5e6-0"})([""," ",""],(({fontSize:e,fontWeight:o,lineHeight:p,variant:s,screenReaderOnly:i})=>t([""," "," "," margin:",";",""],e&&`font-size: ${e};`,o&&`font-weight: ${o};`,p&&`line-height: ${p};`,"p"===s?"0 0 var(--global-space-comp-l)":"0",i&&a)),o);i.displayName="Typography";export{i as default};
1	+ import e,{css as t}from"styled-components";import{space as o}from"styled-system";import p from"../../style/themes/apply-base-theme.js";import{Typography as s}from"./__internal__/__next__/typography.component.js";import a from"../../style/utils/visually-hidden.js";const i=e(s).attrs(p).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_8_0__sc-bec9c5e6-0"})([""," ",""],(({fontSize:e,fontWeight:o,lineHeight:p,variant:s,screenReaderOnly:i})=>t([""," "," "," margin:",";",""],e&&`font-size: ${e};`,o&&`font-weight: ${o};`,p&&`line-height: ${p};`,"p"===s?"0 0 var(--global-space-comp-l)":"0",i&&a)),o);i.displayName="Typography";export{i as default};

package/esm/components/vertical-divider/vertical-divider.style.js CHANGED Viewed

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

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"styled-components";import{margin as o}from"styled-system";const i=e.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"~~carbon_v162_7_0__sc~~-681f134d-0"})([""," ",";"],o,(({depth:e,responsive:o})=>e>0&&o&&"max-width: 88%")),r=e.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"~~carbon_v162_7_0__sc~~-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);export{r as StyledHr,i as StyledResponsiveVerticalMenuDivider};
1	+ import e from"styled-components";import{margin as o}from"styled-system";const i=e.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"carbon_v162_8_0__sc-681f134d-0"})([""," ",";"],o,(({depth:e,responsive:o})=>e>0&&o&&"max-width: 88%")),r=e.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"carbon_v162_8_0__sc-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);export{r as StyledHr,i as StyledResponsiveVerticalMenuDivider};

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e,{css as t}from"styled-components";import{padding as o,margin as n}from"styled-system";import i from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import a from"../../../../style/utils/add-focus-styling.js";const r=(e,t)=>e&&t?"180deg":"0deg",s=t(["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{',"}"],o,a(!0)),c=e(i).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})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:e,expanded:o,reduceMotion:n})=>o&&t(["rotate:",";transition:rotate "," ease-out;"],r(e,o),n?0:"0.2s"))),l=e.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=e.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:e,responsive:o})=>1===e&&o&&t(["padding:0 0 0 16px;"]))),p=e.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"~~carbon_v162_7_0__sc~~-ffae1a5b-3"})(["padding:0;",""],(({depth:e,hasIcon:o,responsive:n})=>t(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],e<2&&!o?"100%":"88%",n&&t(["margin-left:",";"],o\|\|1===e?"var(--spacing200)":"0"),1===e?"var(--fontWeights400)":"var(--fontWeights500)"))),v=e.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"~~carbon_v162_7_0__sc~~-ffae1a5b-4"})(["list-style:none;"," padding:0;"],n),g=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"~~carbon_v162_7_0__sc~~-ffae1a5b-5"})([""," "," "," ",""],s,(({active:e,responsive:o})=>e&&!o&&t(["background-color:var(--colorsGray850);"])),(({depth:e,responsive:o})=>0===e&&o&&t(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:e})=>e>=2&&t(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),m=e.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"~~carbon_v162_7_0__sc~~-ffae1a5b-6"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"])))),_=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"~~carbon_v162_7_0__sc~~-ffae1a5b-7"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"]))));export{c as StyledIcon,l as StyledMenuItemContent,p as StyledNestedMenu,d as StyledNestedMenuWrapper,_ as StyledResponsiveMenuActionButton,m as StyledResponsiveMenuActionLink,g as StyledResponsiveMenuItem,v as StyledResponsiveMenuListItem};
1	+ import e,{css as t}from"styled-components";import{padding as o,margin as n}from"styled-system";import i from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import a from"../../../../style/utils/add-focus-styling.js";const r=(e,t)=>e&&t?"180deg":"0deg",s=t(["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{',"}"],o,a(!0)),c=e(i).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"carbon_v162_8_0__sc-ffae1a5b-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:e,expanded:o,reduceMotion:n})=>o&&t(["rotate:",";transition:rotate "," ease-out;"],r(e,o),n?0:"0.2s"))),l=e.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"carbon_v162_8_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=e.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"carbon_v162_8_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:e,responsive:o})=>1===e&&o&&t(["padding:0 0 0 16px;"]))),p=e.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"carbon_v162_8_0__sc-ffae1a5b-3"})(["padding:0;",""],(({depth:e,hasIcon:o,responsive:n})=>t(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],e<2&&!o?"100%":"88%",n&&t(["margin-left:",";"],o\|\|1===e?"var(--spacing200)":"0"),1===e?"var(--fontWeights400)":"var(--fontWeights500)"))),v=e.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"carbon_v162_8_0__sc-ffae1a5b-4"})(["list-style:none;"," padding:0;"],n),g=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"carbon_v162_8_0__sc-ffae1a5b-5"})([""," "," "," ",""],s,(({active:e,responsive:o})=>e&&!o&&t(["background-color:var(--colorsGray850);"])),(({depth:e,responsive:o})=>0===e&&o&&t(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:e})=>e>=2&&t(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),m=e.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"carbon_v162_8_0__sc-ffae1a5b-6"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"])))),_=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"carbon_v162_8_0__sc-ffae1a5b-7"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"]))));export{c as StyledIcon,l as StyledMenuItemContent,p as StyledNestedMenu,d as StyledNestedMenuWrapper,_ as StyledResponsiveMenuActionButton,m as StyledResponsiveMenuActionLink,g as StyledResponsiveMenuItem,v as StyledResponsiveMenuListItem};

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as r}from"react/jsx-runtime";import n,{forwardRef as t,useState as o,useRef as i,useImperativeHandle as a,useCallback as l,useLayoutEffect as s,useEffect as c}from"react";import{DepthProvider as u}from"./__internal__/depth.context.js";import{ResponsiveVerticalMenuProvider as p,useResponsiveVerticalMenu as d}from"./responsive-vertical-menu.context.js";import{StyledBackdrop as v,StyledButton as m,ModalContainer as f,StyledCloseButton as h,StyledResponsiveMenu as b,StyledGlobalVerticalMenuWrapper as y}from"./responsive-vertical-menu.style.js";import~~{Box~~ as g~~}from"../../box/box.component.js";import~~ O from"../../../__internal__/modal/modal.component.js";import j from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import w from"../../../hooks/useMediaQuery/useMediaQuery.js";import _ from"../../../hooks/__internal__/useLocale/useLocale.js";import x from"../../../__internal__/focus-trap/focus-trap.component.js";import M from"../../../__internal__/utils/helpers/tags/tags.js";function k(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function L(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),t.forEach((function(r){k(e,r,n[r])}))}return e}function P(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}function E(e,r){if(null==e)return{};var n,t,o=function(e,r){if(null==e)return{};var n,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)n=i[t],r.indexOf(n)>=0\|\|(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)n=i[t],r.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}const B=t(((t,u)=>{var p,{children:k,height:B,responsiveBreakpoint:C=700,width:D,launcherButtonDataProps:R}=t,S=E(t,["children","height","responsiveBreakpoint","width","launcherButtonDataProps"]);const I=_(),{active:A,activeMenuItem:T,buttonRef:z,containerRef~~:$,menuRef~~:q,responsiveMode:Q,top:V,setActive:G,setActiveMenuItem:F,setReducedMotion:H,setResponsiveMode:J,setLeft:K,setTop:N}=d(),[U,W]=o(0),X=j(C),[Y,Z]=o("100%"),ee=!w("screen and (prefers-reduced-motion: no-preference)"),re=i(null),{current:ne}~~=q,~~{current:te}=z;a(u,(()=>({focusLaunchButton(){null==te\|\|te.focus({preventScroll:!0})}})),[te]);const oe=l((()=>{if(A&&Q){const e=ne\|\|document.querySelector("[id='responsive-vertical-menu-primary']");e&&Z(`${e.getBoundingClientRect().width}px`)}K(T&&ne?`${ne.getBoundingClientRect().right}px`:"auto"),N(T&&te?`${te.getBoundingClientRect().bottom}px`:"auto")}),[A,Q,T,ne,te,K,N]);s((()=>(oe(),window.addEventListener("resize",oe),()=>{var e;null===(e=window)\|\|void 0===e\|\|e.removeEventListener("resize",oe)})),[A,oe,ne,Q]),c((()=>{const e~~=$.~~current,r=r=>{A&&!Q&&X&&!(null==e?void 0:e.contains(r.relatedTarget))&&G(!1)},n=e=>{A&&!Q&&"Escape"===e.key&&(e.preventDefault(),G(!1))};return null==e\|\|e.addEventListener("focusout",r),document.addEventListener("keydown",n),()=>{null==e\|\|e.removeEventListener("focusout",r),document.removeEventListener("keydown",n)}}),[~~A,$,X~~,Q,G]),c((()=>{null==H\|\|H(ee),null==J\|\|J(!X)}),[X,ee,H,J]);const ie=l((e=>{if(!e)return 0;if(n.isValidElement(e))return 1+ie(e.props.children);const r=n.Children.toArray(e);return r.length?r.reduce(((e,r)=>n.isValidElement(r)?e+1+ie(r.props.children):e),0):0}),[]);return c((()=>{const e=U,r=ie(k);e!==r&&(W(r),F(null))}),[U,k,ie,F]),r("div",{ref~~:$,~~children:[A&&!Q&&e(v,{onMouseDown:e=>{e.preventDefault(),G(!1)}}),e(m,L({active:A,buttonType:"tertiary",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:()=>{G((e=>!e)),F(null)},ref:z},M("responsive-vertical-menu-launcher",L({"data-role":"responsive-vertical-menu-launcher"},R)),(()=>{var e,r;return Q?{"aria-label":null===(r=I.verticalMenu.ariaLabels)\|\|void 0===r?void 0:r.responsiveMenuLauncher()}:{"aria-expanded":A,"aria-controls":"responsive-vertical-menu-primary","aria-label":null===(e=I.verticalMenu.ariaLabels)\|\|void 0===e?void 0:e.responsiveMenuLauncher()}})())),Q&&e(O,{open:A,children:e(x,{wrapperRef:re,isOpen:A,children:r(f,P(L({ref:re,width:Y,tabIndex:-1,id:"responsive-vertical-menu-dialog"},(()=>{var e;return{role:"dialog","aria-modal":!0,"aria-label":null===(e=I.verticalMenu.ariaLabels)\|\|void 0===e?void 0:e.responsiveMenuAria()}})()),{children:[e(g,{boxSizing:"border-box",display:"flex",justifyContent:"flex-end",~~width~~:"~~100%",backgroundColor:"~~var(--~~colorsGray850~~)",p:1,children:e(h,{"aria-label":null===(p=I.verticalMenu.ariaLabels)\|\|void 0===p?void 0:p.responsiveMenuCloseButton(),"data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{G(!1),F(null)}})}),e(b,{height:B,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:ee,ref~~:q,~~responsive:!0,tabIndex:-1,top:"48px",width:D,children:k})]}))})}),A&&!Q&&e(y,P(L({},S,M("responsive-vertical-menu",S)),{children:e(b,{childOpen:!!T,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:B\|\|"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:ee,ref~~:q,~~responsive:!1,tabIndex:-1,top:V,width:D,children:k})}))]})})),C=t(((r,n)=>{var{children:t,width:o,height:i}=r,a=E(r,["children","width","height"]);return e(u,{children:e(p,{width:o,height:i,children:e(B,P(L({ref:n,width:o,height:i},a),{children:t}))})})}));export{C as ResponsiveVerticalMenu,C as default};
1	+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import n,{forwardRef as t,useState as i,useRef as o,useImperativeHandle as a,useCallback as l,useLayoutEffect as s,useEffect as c}from"react";import{DepthProvider as u}from"./__internal__/depth.context.js";import{ResponsiveVerticalMenuProvider as p,useResponsiveVerticalMenu as d}from"./responsive-vertical-menu.context.js";import{StyledBackdrop as v,StyledButton as m,ModalContainer as h,StyledCloseButton as f,StyledResponsiveMenu as b,StyledGlobalVerticalMenuWrapper as y}from"./responsive-vertical-menu.style.js";import g from"../../../__internal__/modal/modal.component.js";import O from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import w from"../../../hooks/useMediaQuery/useMediaQuery.js";import j from"../../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../../__internal__/focus-trap/focus-trap.component.js";import x from"../../../__internal__/utils/helpers/tags/tags.js";function M(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function k(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),t.forEach((function(r){M(e,r,n[r])}))}return e}function L(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}function P(e,r){if(null==e)return{};var n,t,i=function(e,r){if(null==e)return{};var n,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0\|\|(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}const E=t(((t,u)=>{var p,{children:M,height:E,responsiveBreakpoint:B=700,width:C,launcherButtonDataProps:D}=t,R=P(t,["children","height","responsiveBreakpoint","width","launcherButtonDataProps"]);const S=j(),{active:I,activeMenuItem:A,buttonRef:T,containerRef:z,menuRef:$,responsiveMode:q,top:Q,setActive:V,setActiveMenuItem:F,setReducedMotion:G,setResponsiveMode:H,setLeft:J,setTop:K}=d(),[N,U]=i(0),W=O(B),[X,Y]=i("100%"),Z=!w("screen and (prefers-reduced-motion: no-preference)"),ee=o(null),{current:re}=$,{current:ne}=T;a(u,(()=>({focusLaunchButton(){null==ne\|\|ne.focus({preventScroll:!0})}})),[ne]);const te=l((()=>{if(I&&q){const e=re\|\|document.querySelector("[id='responsive-vertical-menu-primary']");e&&Y(`${e.getBoundingClientRect().width}px`)}J(A&&re?`${re.getBoundingClientRect().right}px`:"auto"),K(A&&ne?`${ne.getBoundingClientRect().bottom}px`:"auto")}),[I,q,A,re,ne,J,K]);s((()=>(te(),window.addEventListener("resize",te),()=>{var e;null===(e=window)\|\|void 0===e\|\|e.removeEventListener("resize",te)})),[I,te,re,q]),c((()=>{const e=z.current,r=r=>{I&&!q&&W&&!(null==e?void 0:e.contains(r.relatedTarget))&&V(!1)},n=e=>{I&&!q&&"Escape"===e.key&&(e.preventDefault(),V(!1))};return null==e\|\|e.addEventListener("focusout",r),document.addEventListener("keydown",n),()=>{null==e\|\|e.removeEventListener("focusout",r),document.removeEventListener("keydown",n)}}),[I,z,W,q,V]),c((()=>{null==G\|\|G(Z),null==H\|\|H(!W)}),[W,Z,G,H]);const ie=l((e=>{if(!e)return 0;if(n.isValidElement(e))return 1+ie(e.props.children);const r=n.Children.toArray(e);return r.length?r.reduce(((e,r)=>n.isValidElement(r)?e+1+ie(r.props.children):e),0):0}),[]);return c((()=>{const e=N,r=ie(M);e!==r&&(U(r),F(null))}),[N,M,ie,F]),r("div",{ref:z,children:[I&&!q&&e(v,{onMouseDown:e=>{e.preventDefault(),V(!1)}}),e(m,k({active:I,buttonType:"tertiary",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:()=>{V((e=>!e)),F(null)},ref:T},x("responsive-vertical-menu-launcher",k({"data-role":"responsive-vertical-menu-launcher"},D)),(()=>{var e,r;return q?{"aria-label":null===(r=S.verticalMenu.ariaLabels)\|\|void 0===r?void 0:r.responsiveMenuLauncher()}:{"aria-expanded":I,"aria-controls":"responsive-vertical-menu-primary","aria-label":null===(e=S.verticalMenu.ariaLabels)\|\|void 0===e?void 0:e.responsiveMenuLauncher()}})())),q&&e(g,{open:I,children:e(_,{wrapperRef:ee,isOpen:I,children:r(h,L(k({ref:ee,width:X,tabIndex:-1,id:"responsive-vertical-menu-dialog"},(()=>{var e;return{role:"dialog","aria-modal":!0,"aria-label":null===(e=S.verticalMenu.ariaLabels)\|\|void 0===e?void 0:e.responsiveMenuAria()}})()),{children:[e("div",{style:{backgroundColor:"rgb(38, 38, 38)",boxSizing:"border-box",display:"flex",justifyContent:"flex-end",padding:"var(--global-space-layout-3-xs)",width:"100%"},children:e(f,{"aria-label":null===(p=S.verticalMenu.ariaLabels)\|\|void 0===p?void 0:p.responsiveMenuCloseButton(),"data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{V(!1),F(null)}})}),e(b,{height:E,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Z,ref:$,responsive:!0,tabIndex:-1,top:"48px",width:C,children:M})]}))})}),I&&!q&&e(y,L(k({},R,x("responsive-vertical-menu",R)),{children:e(b,{childOpen:!!A,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:E\|\|"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Z,ref:$,responsive:!1,tabIndex:-1,top:Q,width:C,children:M})}))]})})),B=t(((r,n)=>{var{children:t,width:i,height:o}=r,a=P(r,["children","width","height"]);return e(u,{children:e(p,{width:i,height:o,children:e(E,L(k({ref:n,width:i,height:o},a),{children:t}))})})}));export{B as ResponsiveVerticalMenu,B as default};

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as t}from"styled-components";import a from"../../button/button.component.js";import n from"../../../style/utils/add-focus-styling.js";const i=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"~~carbon_v162_7_0__sc~~-aefcc134-0"})(["position:fixed;inset:0;"]),e=o.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"~~carbon_v162_7_0__sc~~-aefcc134-1"})(["position:fixed;top:0;",""],(({width:o})=>t(["width:",";"],o))),r=o(a).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"),n(!0),n(!0)),c=o(a).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);}']),l=o.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=o.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:o})=>!o&&t(["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:o})=>t(["top:",";max-height:calc(100% - ",");"],o,"auto"===o?"40px":o)),(({childOpen:o})=>o&&t(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:o,left:a,menu:n})=>"secondary"===n&&t(["left:",";height:",";"],a,o)));export{e as ModalContainer,i as StyledBackdrop,r as StyledButton,c as StyledCloseButton,l as StyledGlobalVerticalMenuWrapper,d as StyledResponsiveMenu};
1	+ import o,{css as t}from"styled-components";import a from"../../button/button.component.js";import n from"../../../style/utils/add-focus-styling.js";const i=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"carbon_v162_8_0__sc-aefcc134-0"})(["position:fixed;inset:0;"]),e=o.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"carbon_v162_8_0__sc-aefcc134-1"})(["position:fixed;top:0;",""],(({width:o})=>t(["width:",";"],o))),r=o(a).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"carbon_v162_8_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"),n(!0),n(!0)),c=o(a).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"carbon_v162_8_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);}']),l=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"carbon_v162_8_0__sc-aefcc134-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),d=o.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"carbon_v162_8_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:o})=>!o&&t(["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:o})=>t(["top:",";max-height:calc(100% - ",");"],o,"auto"===o?"40px":o)),(({childOpen:o})=>o&&t(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:o,left:a,menu:n})=>"secondary"===n&&t(["left:",";height:",";"],a,o)));export{e as ModalContainer,i as StyledBackdrop,r as StyledButton,c as StyledCloseButton,l as StyledGlobalVerticalMenuWrapper,d as StyledResponsiveMenu};

package/esm/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useCallback as o}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import{Portal as i}from"../../portal/portal.js";import a from"../../../__internal__/focus-trap/focus-trap.component.js";import c from"../../icon-button/icon-button.component.js";import s from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Box as p}from"../../box/box.component.js";import{StyledVerticalMenuFullScreen as u,StyledList as f}from"../vertical-menu.style.js";import{VerticalMenuProvider as m}from"../__internal__/vertical-menu.context.js";import{getDocument as b}from"../../../__internal__/dom/globals.js";import d from"../../../__internal__/utils/helpers/events/events.js";import y from"../../../hooks/__internal__/useModalManager/useModalManager.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){j(e,r,t[r])}))}return e}const g=j=>{var{"aria-label":g,"aria-labelledby":h,children:v,isOpen:x,onClose:P}=j,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0\|\|(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const M=l(),S=t(null),k=!O("screen and (prefers-reduced-motion: no-preference)"),C=o((e=>{d.isEscKey(e)&&P(e)}),[P]),E=b();return y({open:x,closeModal:C,modalRef:S,topModalOverride:!0,focusCallToActionElement:null==E?void 0:E.activeElement}),e(i,{children:e(a,{isOpen:x,wrapperRef:S,children:r(u,(D=_({ref:S,isOpen:x,prefersReducedMotion:k,~~scrollVariant:~~"~~light",as:"nav","~~aria-label":g,"aria-labelledby":h},n("vertical-menu-full-screen",w)),L={children:[e(p,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e(c,{"aria-label":M.verticalMenuFullScreen.ariaLabels.close(),onClick:P,"data-element":"close",children:e(s,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e(m,{value:{isFullScreen:!0},children:e(f,{children:v})})]},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(L,e))})),D))})});var D,L};export{g as VerticalMenuFullScreen,g as default};
1	+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useCallback as o}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import{Portal as i}from"../../portal/portal.js";import a from"../../../__internal__/focus-trap/focus-trap.component.js";import c from"../../icon-button/icon-button.component.js";import s from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Box as p}from"../../box/box.component.js";import{StyledVerticalMenuFullScreen as u,StyledList as f}from"../vertical-menu.style.js";import{VerticalMenuProvider as m}from"../__internal__/vertical-menu.context.js";import{getDocument as b}from"../../../__internal__/dom/globals.js";import d from"../../../__internal__/utils/helpers/events/events.js";import y from"../../../hooks/__internal__/useModalManager/useModalManager.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){j(e,r,t[r])}))}return e}const g=j=>{var{"aria-label":g,"aria-labelledby":h,children:v,isOpen:x,onClose:P}=j,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0\|\|(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const M=l(),S=t(null),k=!O("screen and (prefers-reduced-motion: no-preference)"),C=o((e=>{d.isEscKey(e)&&P(e)}),[P]),E=b();return y({open:x,closeModal:C,modalRef:S,topModalOverride:!0,focusCallToActionElement:null==E?void 0:E.activeElement}),e(i,{children:e(a,{isOpen:x,wrapperRef:S,children:r(u,(D=_({ref:S,isOpen:x,prefersReducedMotion:k,"aria-label":g,"aria-labelledby":h},n("vertical-menu-full-screen",w)),L={children:[e(p,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e(c,{"aria-label":M.verticalMenuFullScreen.ariaLabels.close(),onClick:P,"data-element":"close",children:e(s,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e(m,{value:{isFullScreen:!0},children:e(f,{children:v})})]},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(L,e))})),D))})});var D,L};export{g as VerticalMenuFullScreen,g as default};

package/esm/components/vertical-menu/vertical-menu.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../__internal__/utils/helpers/tags/tags.js";import{StyledVerticalMenu as t,StyledList as n}from"./vertical-menu.style.js";import{VerticalMenuProvider as o}from"./__internal__/vertical-menu.context.js";function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const a=a=>{var i,c,{"aria-label":b,"aria-labelledby":u,width:p="322px",children:s,height:f="100%"}=a,y=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0\|\|(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(a,["aria-label","aria-labelledby","width","children","height"]);return e(t,(i=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){l(e,r,t[r])}))}return e}({~~boxSizing:"border-box",scrollVariant:"dark",backgroundColor:"var(--colorsComponentsLeftnavWinterStandardBackground)",~~width:p,height:f,~~py:1,as:~~"~~nav",overflow:"auto","~~aria-label":b,"aria-labelledby":u},r("vertical-menu",y)),c=null!=(c={children:e(n,{children:e(o,{value:{isFullScreen:!1},children:s})})})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,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(i,e,Object.getOwnPropertyDescriptor(c,e))})),i))};export{a as VerticalMenu,a as default};
1	+ import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../__internal__/utils/helpers/tags/tags.js";import{StyledVerticalMenu as t,StyledList as n}from"./vertical-menu.style.js";import{VerticalMenuProvider as l}from"./__internal__/vertical-menu.context.js";function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const o=o=>{var c,a,{"aria-label":b,"aria-labelledby":u,width:p="322px",children:f,height:s="100%"}=o,O=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0\|\|(l[t]=e[t]);return l}(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)&&(l[t]=e[t])}return l}(o,["aria-label","aria-labelledby","width","children","height"]);return e(t,(c=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){i(e,r,t[r])}))}return e}({$width:p,$height:s,"aria-label":b,"aria-labelledby":u},r("vertical-menu",O)),a=null!=(a={children:e(n,{children:e(l,{value:{isFullScreen:!1},children:f})})})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(a)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(a)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(a,e))})),c))};export{o as VerticalMenu,o as default};

package/esm/components/vertical-menu/vertical-menu.style.d.ts CHANGED Viewed

@@ -15,30 +15,17 @@ export declare const StyledAdornment: import("styled-components").StyledComponen
 export declare const StyledTitleIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const StyledCustomIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledChevronIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const StyledVerticalMenu: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledVerticalMenu: import("styled-components").StyledComponent<"nav", any, {
     theme: object;
-} & Omit<import("../box").BoxProps, "borderRadius"> & {
-    cssProps?: {
-        color?: string;
-        opacity?: string;
-        height?: string;
-        width?: string;
-    };
-    $borderRadius?: import("../box").BoxProps["borderRadius"];
+} & {
+    $height: string;
+    $width: string;
 }, "theme">;
 interface FullScreenProps {
     isOpen: boolean;
     prefersReducedMotion?: boolean;
 }
-export declare const StyledVerticalMenuFullScreen: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledVerticalMenuFullScreen: import("styled-components").StyledComponent<"nav", any, {
     theme: object;
-} & Omit<import("../box").BoxProps, "borderRadius"> & {
-    cssProps?: {
-        color?: string;
-        opacity?: string;
-        height?: string;
-        width?: string;
-    };
-    $borderRadius?: import("../box").BoxProps["borderRadius"];
 } & FullScreenProps, "theme">;
 export {};

package/esm/components/vertical-menu/vertical-menu.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e,{css as t}from"styled-components";import{margin as o,padding as n}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import l from"../icon/icon.component.js";~~import s from"../box/box.style.js";~~const d=e.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=e.li.attrs(r).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"~~carbon_v162_7_0__sc~~-~~44693e7f~~-1"})(["",""],o),p=e.div.attrs(r).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),n,i(!0),(({active:e})=>e&&t(['&: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);}}'])),a),m=e.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;"]),_=e.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;"]),f=e(l).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"~~carbon_v162_7_0__sc~~-~~44693e7f~~-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),v=e.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"~~carbon_v162_7_0__sc~~-~~44693e7f~~-6"})(["margin-right:12px;width:20px;"]),y=e(l).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);"]),h=e(s).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"~~carbon_v162_7_0__sc~~-~~44693e7f~~-8"})(["display:flex;&::-webkit-scrollbar{width:12px;}"]),x=e(s).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:e})=>!e&&t(["transition:all 0.3s ease;"])),(({isOpen:e})=>e&&t(["visibility:visible;transform:translateX(0);"])),(({isOpen:e})=>!e&&t(["transform:translateX(-100%);visibility:hidden;"])));export{_ as StyledAdornment,y as StyledChevronIcon,v as StyledCustomIconWrapper,d as StyledList,c as StyledListItem,m as StyledTitle,f as StyledTitleIcon,h as StyledVerticalMenu,x as StyledVerticalMenuFullScreen,p as StyledVerticalMenuItem};
1	+ import e,{css as t}from"styled-components";import{margin as o,padding as n}from"styled-system";import r from"../../style/utils/add-focus-styling.js";import i from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import l from"../icon/icon.component.js";const c=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"carbon_v162_8_0__sc-f6b4614a-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),s=e.li.attrs(i).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"carbon_v162_8_0__sc-f6b4614a-1"})(["",""],o),d=e.div.attrs(i).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"carbon_v162_8_0__sc-f6b4614a-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),n,r(!0),(({active:e})=>e&&t(['&: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);}}'])),a),b=e.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"carbon_v162_8_0__sc-f6b4614a-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),p=e.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"carbon_v162_8_0__sc-f6b4614a-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),m=e(l).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"carbon_v162_8_0__sc-f6b4614a-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),_=e.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"carbon_v162_8_0__sc-f6b4614a-6"})(["margin-right:12px;width:20px;"]),f=e(l).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"carbon_v162_8_0__sc-f6b4614a-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),g=e.nav.attrs(i).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"carbon_v162_8_0__sc-f6b4614a-8"})(["background-color:rgb(38,38,38);box-sizing:border-box;display:flex;height:",";overflow:auto;padding-block:var(--global-space-layout-3-xs);scrollbar-color:rgb(179,179,179) rgb(77,77,77);width:",";&::-webkit-scrollbar{width:12px;}&::-webkit-scrollbar-track{background-color:rgb(77,77,77);}&::-webkit-scrollbar-thumb{background-color:rgb(179,179,179);}"],(({$height:e})=>e),(({$width:e})=>e)),v=e.nav.attrs(i).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"carbon_v162_8_0__sc-f6b4614a-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:var(--global-space-layout-3-xs) 0;overflow:auto;background-color:rgb(38,38,38);box-sizing:border-box;scrollbar-color:rgb(102,132,148) rgb(242,245,246);z-index:",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:rgb(242,245,246);}&::-webkit-scrollbar-thumb{background-color:rgb(102,132,148);}"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:e})=>!e&&t(["transition:all 0.3s ease;"])),(({isOpen:e})=>e&&t(["visibility:visible;transform:translateX(0);"])),(({isOpen:e})=>!e&&t(["transform:translateX(-100%);visibility:hidden;"])));export{p as StyledAdornment,f as StyledChevronIcon,_ as StyledCustomIconWrapper,c as StyledList,s as StyledListItem,b as StyledTitle,m as StyledTitleIcon,g as StyledVerticalMenu,v as StyledVerticalMenuFullScreen,d as StyledVerticalMenuItem};

package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o from"styled-components";import e from"../../themes/apply-base-theme.js";import t from"../generate-css-variables.util.js";const i=o.div.attrs(e).withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"~~carbon_v162_7_0__sc~~-b2d26267-0"})(["margin:0;padding:0;width:auto;display:inline;",""],(({theme:o})=>t(o.compatibility)));export{i as default};
1	+ import o from"styled-components";import e from"../../themes/apply-base-theme.js";import t from"../generate-css-variables.util.js";const i=o.div.attrs(e).withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"carbon_v162_8_0__sc-b2d26267-0"})(["margin:0;padding:0;width:auto;display:inline;",""],(({theme:o})=>t(o.compatibility)));export{i as default};

package/lib/__internal__/character-count/character-count.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var t=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),a=require("../../style/utils/visually-hidden.js"),r=require("../../components/textarea/textarea.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var l=i(t);const c=l.default.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"~~carbon_v162_7_0__sc~~-458f2c5c-0"})([""]),n=l.default.div.attrs(e.default).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"~~carbon_v162_7_0__sc~~-458f2c5c-1"})(["text-align:left;",";margin:",";color:",";"," ",""],(({$size:t})=>r.getFont(t\|\|"medium","regular")),(({$size:t})=>("large"===t?"var(--global-space-comp-s)":"var(--global-space-comp-xs)")+" 0px"),(({isOverLimit:t,$disabled:e})=>e?"var(--input-typical-txt-disabled)":t?" var(--input-validation-label-error)":"var(--input-typical-txt-alt)"),(({isLarge:e})=>e&&t.css(["font:var(--global-font-static-comp-regular-l);"])),(({isOverLimit:e,$size:a})=>e&&t.css(["",";"],r.getFont(a\|\|"medium","medium")))),o=l.default.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"~~carbon_v162_7_0__sc~~-458f2c5c-2"})(['::after{content:" ";}',""],a.default),s=l.default.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"~~carbon_v162_7_0__sc~~-458f2c5c-3"})(['::before{content:" ";}::after{content:" ";}',""],a.default);exports.StyledCharacterCount=n,exports.StyledCharacterCountWrapper=c,exports.VisuallyHiddenCharacterCount=o,exports.VisuallyHiddenHint=s;
1	+ "use strict";var t=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),a=require("../../style/utils/visually-hidden.js"),r=require("../../components/textarea/textarea.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var l=i(t);const c=l.default.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"carbon_v162_8_0__sc-458f2c5c-0"})([""]),n=l.default.div.attrs(e.default).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"carbon_v162_8_0__sc-458f2c5c-1"})(["text-align:left;",";margin:",";color:",";"," ",""],(({$size:t})=>r.getFont(t\|\|"medium","regular")),(({$size:t})=>("large"===t?"var(--global-space-comp-s)":"var(--global-space-comp-xs)")+" 0px"),(({isOverLimit:t,$disabled:e})=>e?"var(--input-typical-txt-disabled)":t?" var(--input-validation-label-error)":"var(--input-typical-txt-alt)"),(({isLarge:e})=>e&&t.css(["font:var(--global-font-static-comp-regular-l);"])),(({isOverLimit:e,$size:a})=>e&&t.css(["",";"],r.getFont(a\|\|"medium","medium")))),o=l.default.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"carbon_v162_8_0__sc-458f2c5c-2"})(['::after{content:" ";}',""],a.default),s=l.default.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"carbon_v162_8_0__sc-458f2c5c-3"})(['::before{content:" ";}::after{content:" ";}',""],a.default);exports.StyledCharacterCount=n,exports.StyledCharacterCountWrapper=c,exports.VisuallyHiddenCharacterCount=o,exports.VisuallyHiddenHint=s;

package/lib/__internal__/checkable-input/checkable-input.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"~~carbon_v162_7_0__sc~~-e63a5a4f-0"})(["display:grid;align-items:center;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);.checkable-hint-text{grid-area:2 / 2;}"]),o=a.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"~~carbon_v162_7_0__sc~~-e63a5a4f-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),l=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"~~carbon_v162_7_0__sc~~-e63a5a4f-2"})(["position:relative;display:grid;grid-template-rows:0fr;visibility:hidden;"," ",""],(({$allowAnimation:t})=>t&&e.css(["transition:all 0.4s;"])),(({$expanded:t})=>t&&e.css(["visibility:visible;grid-template-rows:1fr;"]))),n={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},c="var(--global-space-comp-m)",d=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionWrapper",componentId:"~~carbon_v162_7_0__sc~~-e63a5a4f-3"})(["overflow:hidden;min-height:0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"]),s=a.default.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"~~carbon_v162_7_0__sc~~-e63a5a4f-4"})(["display:flex;justify-content:center;",""],(({$size:t})=>t&&e.css(["width:",";"],n[t].width))),r=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"~~carbon_v162_7_0__sc~~-e63a5a4f-5"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:t})=>t&&e.css(["top:",";height:calc( 100% - ("," + ",") );"],n[t].top,n[t].top,c))),p=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"~~carbon_v162_7_0__sc~~-e63a5a4f-6"})(["padding:"," 0;"],c);exports.StyledAccordion=l,exports.StyledAccordionContent=p,exports.StyledAccordionLine=r,exports.StyledAccordionWrapper=d,exports.StyledCheckableInput=i,exports.StyledCheckableInputWrapper=o,exports.StyledLineContainer=s;
1	+ "use strict";var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"carbon_v162_8_0__sc-e63a5a4f-0"})(["display:grid;align-items:center;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);.checkable-hint-text{grid-area:2 / 2;}"]),o=a.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"carbon_v162_8_0__sc-e63a5a4f-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),l=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"carbon_v162_8_0__sc-e63a5a4f-2"})(["position:relative;display:grid;grid-template-rows:0fr;visibility:hidden;"," ",""],(({$allowAnimation:t})=>t&&e.css(["transition:all 0.4s;"])),(({$expanded:t})=>t&&e.css(["visibility:visible;grid-template-rows:1fr;"]))),n={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},c="var(--global-space-comp-m)",d=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionWrapper",componentId:"carbon_v162_8_0__sc-e63a5a4f-3"})(["overflow:hidden;min-height:0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"]),s=a.default.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"carbon_v162_8_0__sc-e63a5a4f-4"})(["display:flex;justify-content:center;",""],(({$size:t})=>t&&e.css(["width:",";"],n[t].width))),r=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"carbon_v162_8_0__sc-e63a5a4f-5"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:t})=>t&&e.css(["top:",";height:calc( 100% - ("," + ",") );"],n[t].top,n[t].top,c))),p=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"carbon_v162_8_0__sc-e63a5a4f-6"})(["padding:"," 0;"],c);exports.StyledAccordion=l,exports.StyledAccordionContent=p,exports.StyledAccordionLine=r,exports.StyledAccordionWrapper=d,exports.StyledCheckableInput=i,exports.StyledCheckableInputWrapper=o,exports.StyledLineContainer=s;

package/lib/__internal__/checkable-input/hidden-checkable-input.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const n=t(e).default.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"~~carbon_v162_7_0__sc~~-490a5f06-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;",""],(({disabled:t})=>t&&e.css(["cursor:not-allowed;"])));exports.default=n;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const n=t(e).default.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"carbon_v162_8_0__sc-490a5f06-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;",""],(({disabled:t})=>t&&e.css(["cursor:not-allowed;"])));exports.default=n;

package/lib/__internal__/error-border/error-border.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components");function e(r){return r&&r.__esModule?r:{default:r}}const o=e(r).default.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"~~carbon_v162_7_0__sc~~-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:e})=>r.css(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],e?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));exports.default=o;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components");function e(r){return r&&r.__esModule?r:{default:r}}const o=e(r).default.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v162_8_0__sc-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:e})=>r.css(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],e?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));exports.default=o;

package/lib/__internal__/field-help/field-help.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}const t=l(e).default.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"~~carbon_v162_7_0__sc~~-314d056c-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:l,labelWidth:t})=>l&&e.css(["margin-left:","%;padding-left:0;"],t)));exports.default=t;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}const t=l(e).default.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"carbon_v162_8_0__sc-314d056c-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:l,labelWidth:t})=>l&&e.css(["margin-left:","%;padding-left:0;"],t)));exports.default=t;

package/lib/__internal__/fieldset/__next__/fieldset.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("styled-components"),a=require("styled-system"),l=require("../../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);const o={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",legendFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-l)"}},s=n.default.fieldset.attrs(l.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"~~carbon_v162_7_0__sc~~-b7d2bdec-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;"],a.margin),i=n.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"~~carbon_v162_7_0__sc~~-b7d2bdec-1"})(["",";"],(({$isRequired:a,$isDisabled:l,$isReadOnly:t,$size:n})=>e.css(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);"," "," ",""],o[n].legendFont,a&&e.css(['::after{content:"*";font:',";color:var(--input-labelset-label-required);margin-left:var(--global-space-comp-xs);}"],o[n].legendFont),t&&e.css(["color:var(--input-labelset-label-read-only);::after{color:var(--input-labelset-label-read-only);}"]),l&&e.css(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])))),d=n.default.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"~~carbon_v162_7_0__sc~~-b7d2bdec-2"})(["",";"],(({$size:a,$hasLegend:l})=>e.css(["display:flex;flex-direction:column;position:relative;gap:",";",""],o[a].validationGap,l&&e.css(["margin-top:",";"],o[a].contentMargin))));exports.StyledFieldset=s,exports.StyledFieldsetContentWrapper=d,exports.StyledLegend=i;
1	+ "use strict";var e=require("styled-components"),a=require("styled-system"),l=require("../../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);const o={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",legendFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-l)"}},s=n.default.fieldset.attrs(l.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v162_8_0__sc-b7d2bdec-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;"],a.margin),i=n.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v162_8_0__sc-b7d2bdec-1"})(["",";"],(({$isRequired:a,$isDisabled:l,$isReadOnly:t,$size:n})=>e.css(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);"," "," ",""],o[n].legendFont,a&&e.css(['::after{content:"*";font:',";color:var(--input-labelset-label-required);margin-left:var(--global-space-comp-xs);}"],o[n].legendFont),t&&e.css(["color:var(--input-labelset-label-read-only);::after{color:var(--input-labelset-label-read-only);}"]),l&&e.css(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])))),d=n.default.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v162_8_0__sc-b7d2bdec-2"})(["",";"],(({$size:a,$hasLegend:l})=>e.css(["display:flex;flex-direction:column;position:relative;gap:",";",""],o[a].validationGap,l&&e.css(["margin-top:",";"],o[a].contentMargin))));exports.StyledFieldset=s,exports.StyledFieldsetContentWrapper=d,exports.StyledLegend=i;