@cds/core 5.4.0 → 5.4.1

package/input/input.element.scss.js

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var o=r`:host{--background-size:0% 100%;--background-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--background:linear-gradient(180deg, var(--background-color) 95%, var(--border-color) 0) no-repeat;--border-color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border:0;--border-bottom:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--border-color);--border-radius:0;--outline:none;--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--line-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--transition:background-size var(--cds-global-animation-duration-quick, 0.2s) ease;--text-align:inherit;display:block;width:100%}::slotted([slot=input]:not([multiple])){text-transform:var(--text-transform)!important;border:var(--border)!important;outline:var(--outline)!important;padding:var(--padding);font-size:var(--font-size)!important;color:var(--color)!important;line-height:var(--line-height)!important;height:var(--line-height)!important;border-radius:var(--border-radius)!important;width:100%!important;-webkit-appearance:none!important;background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0))!important;box-shadow:none!important;text-align:var(--text-align)!important}::slotted([slot=input]:not([multiple]))::placeholder{--color:$cds-global-typography-color-200!important}::slotted([slot=input]){margin:0!important}.input-container{transition:var(--transition);background:var(--background);background-size:var(--background-size);border-bottom:var(--border-bottom);border-radius:var(--border-radius)!important;position:relative}.prefix,.suffix{line-height:0;position:absolute;pointer-events:none}.prefix{left:0}.suffix{right:0}.rtl .prefix{left:initial;right:0}.rtl .suffix{right:initial;left:0}.rtl ::slotted([slot=input]){text-align:right}:host([_focused]){--background-size:100% 100%;--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_readonly]){--border-bottom:0;--background-size:0% 100%;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([status=error]),:host([status=error][_focused]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border-color:var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default o;
+import{css as r}from"lit";var a=r`:host{--background-size:0% 100%;--background-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--background:linear-gradient(180deg, var(--background-color) 95%, var(--border-color) 0) no-repeat;--border-color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--border:0;--border-bottom:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--border-color);--border-radius:0;--outline:none;--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--line-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--transition:background-size var(--cds-global-animation-duration-quick, 0.2s) ease;--text-align:inherit;display:block;width:100%}::slotted([slot=input]:not([multiple])){text-transform:var(--text-transform)!important;border:var(--border)!important;outline:var(--outline)!important;padding:var(--padding);font-size:var(--font-size)!important;color:var(--color)!important;line-height:var(--line-height)!important;height:var(--line-height)!important;border-radius:var(--border-radius)!important;width:100%!important;-webkit-appearance:none!important;background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0))!important;box-shadow:none!important;text-align:var(--text-align)!important}::slotted([slot=input]:not([multiple]))::placeholder{--color:$cds-global-typography-color-200!important}::slotted([slot=input]){margin:0!important}.input-container{transition:var(--transition);background:var(--background);background-size:var(--background-size);border-bottom:var(--border-bottom);border-radius:var(--border-radius)!important;position:relative}.prefix,.suffix{line-height:0;position:absolute;pointer-events:none}.prefix{left:0}.suffix{right:0}.rtl .prefix{left:initial;right:0}.rtl .suffix{right:initial;left:0}.rtl ::slotted([slot=input]){text-align:right}:host([_focused]){--background-size:100% 100%;--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_readonly]){--border-bottom:0;--background-size:0% 100%;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([status=error]),:host([status=error][_focused]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border-color:var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default a;
 //# sourceMappingURL=input.element.scss.js.map

package/internal/index.d.ts

@@ -13,6 +13,7 @@ export * from './decorators/id.js';
 export * from './decorators/i18n.js';
 export * from './decorators/global-style.js';
 export * from './services/focus-trap-tracker.service.js';
+export * from './services/global.service.js';
 export * from './services/i18n.service.js';
 export * from './services/log.service.js';
 export * from './utils/async.js';

package/internal/index.js

@@ -1,2 +1,2 @@
-import e from"./base/base.element.scss.js";export{CdsBaseButton}from"./base/button.base.js";export{CdsBaseFocusTrap}from"./base/focus-trap.base.js";export{addClassnames,getCssPropertyValue,hasClassnames,isCssPropertyName,pxToRem,removeClassnames,removeClassnamesUnless,updateElementStyles}from"./utils/css.js";export{addAttributeValue,assignSlotNames,getElementWidth,getElementWidthUnless,hasAttributeAndIsNotEmpty,isFocusable,isHTMLElement,isVisible,listenForAttributeChange,queryChildFromLightOrShadowDom,removeAttributeValue,removeAttributes,setAttributes,setOrRemoveAttribute,spanWrapper}from"./utils/dom.js";export{registerElementSafely}from"./utils/register.js";export{animate}from"./decorators/animate.js";export{querySlot,querySlotAll}from"./decorators/query-slot.js";export{getDefaultOptions,property,requirePropertyCheck,state}from"./decorators/property.js";export{EventEmitter,event}from"./decorators/event.js";export{SpreadProps,spreadProps}from"./directives/spread-props.js";export{id}from"./decorators/id.js";export{i18n}from"./decorators/i18n.js";export{globalStyle}from"./decorators/global-style.js";export{CDS_FOCUS_TRAP_DOCUMENT_ATTR,CDS_FOCUS_TRAP_ID_ATTR,FocusTrapTracker}from"./services/focus-trap-tracker.service.js";export{I18nService,componentStringsDefault}from"./services/i18n.service.js";export{LogService,notProductionEnvironment}from"./services/log.service.js";export{sleep}from"./utils/async.js";export{describeElementByElements}from"./utils/a11y.js";export{arrayTail,arrayToObject}from"./utils/array.js";export{KeyCodeService,getKeycodeFromRegistry}from"./services/keycodes.service.js";export{returnOrFallthrough}from"./utils/conditional.js";export{elementExists,existsIn,existsInWindow,isBrowser}from"./utils/exists.js";export{FocusTrap,addReboundElementsToFocusTrapElement,castHtmlElementToFocusTrapElement,createFocusTrapReboundElement,elementIsOutsideFocusTrapElement,refocusIfOutsideFocusTrapElement,removeReboundElementsFromFocusTrapElement}from"./utils/focus-trap.js";export{getAngularJSVersion,getAngularVersion,getReactVersion,getVueVersion,isStorybook}from"./utils/framework.js";export{getElementLanguageDirection}from"./i18n/utils.js";export{allPropertiesPass,anyOrAllPropertiesPass,anyPropertiesPass,convertStringPropValuePairsToTuple,createId,deepClone,getEnumValues,getMillisecondsFromSeconds,hasPropertyChanged,hasStringPropertyChanged,hasStringPropertyChangedAndNotNil,isMap,isNilOrEmpty,isNumericString,isObject,isObjectAndNotNilOrEmpty,isString,isStringAndNotNilOrEmpty,isStringOrNil}from"./utils/identity.js";export{getModifierKeysFromKeyCombo,keyWasEvented,onAnyKey,onKey,onKeyCombo,removeModifierKeysFromKeyCombo}from"./utils/keycodes.js";export{childrenUpdateComplete,syncDefinedProps,syncProps}from"./utils/lit.js";export{getElementStorybookArgTypes,getElementStorybookArgs}from"./utils/metadata.js";export{elementResize,elementVisible,updateComponentLayout}from"./utils/responsive.js";export{isTshirtSize,updateEquilateralSizeStyles}from"./utils/size.js";export{camelCaseToKebabCase,capitalizeFirstLetter,cssGroup,getNumericValueFromCssSecondsStyleValue,isPrefixedBy,isPrefixedOrSuffixedBy,isSuffixedBy,kebabCaseToCamelCase,kebabCaseToPascalCase,propertiesGroup,removePrefix,removePrefixOrSuffix,removeSuffix,setPropStyles,setStyles,transformToSpacedString,transformToString,transformToUnspacedString}from"./utils/string.js";export{browserFeatures}from"./utils/supports.js";export{getElementUpdates,stopEvent}from"./utils/events.js";export{EventSubject}from"./utils/event-subject.js";import"./interfaces/index.js";export{AnimationStatus,CLARITY_MOTION_ENTER_LEAVE_PROPERTY,CLARITY_MOTION_FALLBACK_DURATION_IN_MS,CLARITY_MOTION_FALLBACK_EASING,CLARITY_MOTION_REVERSE_ANIMATION_LABEL,CLARITY_MOTION_REVERSE_ANIMATION_SUFFIX,PRIVATE_ANIMATION_STATUS_ATTR_NAME}from"./motion/interfaces.js";export{ClarityMotion}from"./motion/motion.service.js";export{animationIsReversed,extractAnimationNameIfReversed,filterAnimationsByUpdatedProperties,flattenAndSortAnimations,getAnimationConfigForPropertyValue,getAnimationFromOverrideOrDecorator,getAnimationKeyframesOrPropertyIndexedFrames,getAnimationPromiseInstructions,getAnimationTarget,getHidingAndNonHidingPropertyAnimations,getInlineOverride,getPropertyAnimations,resolveAnimationEndStatus,reverseAnimation,reverseAnimationConfig,runPropertyAnimations,setAnimationConfigOptions,setAnimationDuration,setAnimationEasing,setAnimationProperty,setAnimationStartStatus,sizeDimensionKeyframes,zeroOutAnimationConfig}from"./motion/utils.js";export{AnimationModalEnterConfig,AnimationModalEnterName}from"./motion/animations/cds-modal-enter.js";export{AnimationAccordionPanelOpenConfig,AnimationAccordionPanelOpenName}from"./motion/animations/cds-accordion-panel-open.js";export{AnimationHingeConfig,AnimationHingeName}from"./motion/animations/cds-overlay-hinge-example.js";export{AnimationShakeConfig,AnimationShakeName}from"./motion/animations/cds-component-shake.js";import"ramda/es/is.js";import"ramda/es/isEmpty.js";import"ramda/es/isNil.js";import"ramda/es/includes.js";import"ramda/es/without.js";import"ramda/es/clone.js";import"lit/decorators/property.js";import"lit";const t=e;export{t as baseStyles};
+import e from"./base/base.element.scss.js";export{CdsBaseButton}from"./base/button.base.js";export{CdsBaseFocusTrap}from"./base/focus-trap.base.js";export{addClassnames,getCssPropertyValue,hasClassnames,isCssPropertyName,pxToRem,removeClassnames,removeClassnamesUnless,updateElementStyles}from"./utils/css.js";export{addAttributeValue,assignSlotNames,getElementWidth,getElementWidthUnless,hasAttributeAndIsNotEmpty,isFocusable,isHTMLElement,isVisible,listenForAttributeChange,queryChildFromLightOrShadowDom,removeAttributeValue,removeAttributes,setAttributes,setOrRemoveAttribute,spanWrapper}from"./utils/dom.js";export{registerElementSafely}from"./utils/register.js";export{animate}from"./decorators/animate.js";export{querySlot,querySlotAll}from"./decorators/query-slot.js";export{getDefaultOptions,property,requirePropertyCheck,state}from"./decorators/property.js";export{EventEmitter,event}from"./decorators/event.js";export{SpreadProps,spreadProps}from"./directives/spread-props.js";export{id}from"./decorators/id.js";export{i18n}from"./decorators/i18n.js";export{globalStyle}from"./decorators/global-style.js";export{CDS_FOCUS_TRAP_DOCUMENT_ATTR,CDS_FOCUS_TRAP_ID_ATTR,FocusTrapTracker}from"./services/focus-trap-tracker.service.js";export{GlobalState}from"./services/global.service.js";export{I18nService,componentStringsDefault}from"./services/i18n.service.js";export{LogService,notProductionEnvironment}from"./services/log.service.js";export{sleep}from"./utils/async.js";export{describeElementByElements}from"./utils/a11y.js";export{arrayTail,arrayToObject}from"./utils/array.js";export{KeyCodeService,getKeycodeFromRegistry}from"./services/keycodes.service.js";export{returnOrFallthrough}from"./utils/conditional.js";export{elementExists,existsIn,existsInWindow,isBrowser}from"./utils/exists.js";export{FocusTrap,addReboundElementsToFocusTrapElement,castHtmlElementToFocusTrapElement,createFocusTrapReboundElement,elementIsOutsideFocusTrapElement,refocusIfOutsideFocusTrapElement,removeReboundElementsFromFocusTrapElement}from"./utils/focus-trap.js";export{getAngularJSVersion,getAngularVersion,getReactVersion,getVueVersion,isStorybook}from"./utils/framework.js";export{getElementLanguageDirection}from"./i18n/utils.js";export{allPropertiesPass,anyOrAllPropertiesPass,anyPropertiesPass,convertStringPropValuePairsToTuple,createId,deepClone,getEnumValues,getMillisecondsFromSeconds,hasPropertyChanged,hasStringPropertyChanged,hasStringPropertyChangedAndNotNil,isMap,isNilOrEmpty,isNumericString,isObject,isObjectAndNotNilOrEmpty,isString,isStringAndNotNilOrEmpty,isStringOrNil}from"./utils/identity.js";export{getModifierKeysFromKeyCombo,keyWasEvented,onAnyKey,onKey,onKeyCombo,removeModifierKeysFromKeyCombo}from"./utils/keycodes.js";export{childrenUpdateComplete,syncDefinedProps,syncProps}from"./utils/lit.js";export{getElementStorybookArgTypes,getElementStorybookArgs}from"./utils/metadata.js";export{elementResize,elementVisible,updateComponentLayout}from"./utils/responsive.js";export{isTshirtSize,updateEquilateralSizeStyles}from"./utils/size.js";export{camelCaseToKebabCase,capitalizeFirstLetter,cssGroup,getNumericValueFromCssSecondsStyleValue,isPrefixedBy,isPrefixedOrSuffixedBy,isSuffixedBy,kebabCaseToCamelCase,kebabCaseToPascalCase,propertiesGroup,removePrefix,removePrefixOrSuffix,removeSuffix,setPropStyles,setStyles,transformToSpacedString,transformToString,transformToUnspacedString}from"./utils/string.js";export{browserFeatures}from"./utils/supports.js";export{getElementUpdates,stopEvent}from"./utils/events.js";export{EventSubject}from"./utils/event-subject.js";import"./interfaces/index.js";export{AnimationStatus,CLARITY_MOTION_ENTER_LEAVE_PROPERTY,CLARITY_MOTION_FALLBACK_DURATION_IN_MS,CLARITY_MOTION_FALLBACK_EASING,CLARITY_MOTION_REVERSE_ANIMATION_LABEL,CLARITY_MOTION_REVERSE_ANIMATION_SUFFIX,PRIVATE_ANIMATION_STATUS_ATTR_NAME}from"./motion/interfaces.js";export{ClarityMotion}from"./motion/motion.service.js";export{animationIsReversed,extractAnimationNameIfReversed,filterAnimationsByUpdatedProperties,flattenAndSortAnimations,getAnimationConfigForPropertyValue,getAnimationFromOverrideOrDecorator,getAnimationKeyframesOrPropertyIndexedFrames,getAnimationPromiseInstructions,getAnimationTarget,getHidingAndNonHidingPropertyAnimations,getInlineOverride,getPropertyAnimations,resolveAnimationEndStatus,reverseAnimation,reverseAnimationConfig,runPropertyAnimations,setAnimationConfigOptions,setAnimationDuration,setAnimationEasing,setAnimationProperty,setAnimationStartStatus,sizeDimensionKeyframes,zeroOutAnimationConfig}from"./motion/utils.js";export{AnimationModalEnterConfig,AnimationModalEnterName}from"./motion/animations/cds-modal-enter.js";export{AnimationAccordionPanelOpenConfig,AnimationAccordionPanelOpenName}from"./motion/animations/cds-accordion-panel-open.js";export{AnimationHingeConfig,AnimationHingeName}from"./motion/animations/cds-overlay-hinge-example.js";export{AnimationShakeConfig,AnimationShakeName}from"./motion/animations/cds-component-shake.js";import"ramda/es/is.js";import"ramda/es/isEmpty.js";import"ramda/es/isNil.js";import"ramda/es/includes.js";import"ramda/es/without.js";import"ramda/es/clone.js";import"lit/decorators/property.js";import"lit";const t=e;export{t as baseStyles};
 //# sourceMappingURL=index.js.map

package/internal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/internal/index.ts"],"sourcesContent":null,"names":["baseStyles","styles"],"mappings":"4iKAOY,MAACA,EAAaC"}
+{"version":3,"file":"index.js","sources":["../../../src/internal/index.ts"],"sourcesContent":null,"names":["baseStyles","styles"],"mappings":"kmKAOY,MAACA,EAAaC"}

package/internal/services/global.service.d.ts

@@ -0,0 +1,7 @@
+import { CDSState } from '../utils/global.js';
+export declare class GlobalState {
+    static get state(): Readonly<CDSState>;
+    static getValue(key: string): any;
+    static setValue(key: string, val: any): void;
+    static log(): void;
+}

package/internal/services/global.service.js

@@ -0,0 +1,2 @@
+import{setupCDSGlobal as t}from"../utils/global.js";import{LogService as i}from"./log.service.js";class o{static get state(){var i;return t(),null===(i=null===window||void 0===window?void 0:window.CDS)||void 0===i?void 0:i.state}static getValue(i){return t(),window.CDS.state[i]}static setValue(i,o){t(),window.CDS.state[i]=o}static log(){var o;t(),i.log(JSON.stringify(null===(o=null===window||void 0===window?void 0:window.CDS)||void 0===o?void 0:o.state,null,2))}}export{o as GlobalState};
+//# sourceMappingURL=global.service.js.map

package/internal/services/global.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.service.js","sources":["../../../../src/internal/services/global.service.ts"],"sourcesContent":null,"names":["GlobalState","state","_a","setupCDSGlobal","window","CDS","[object Object]","key","val","LogService","log","JSON","stringify"],"mappings":"kGAOO,MAAMA,EACTC,mBACI,IAAIC,EAEJ,OADAC,IAC6E,QAArED,EAAgB,OAAXE,aAA8B,IAAXA,YAAoB,EAASA,OAAOC,WAAwB,IAAPH,OAAgB,EAASA,EAAGD,MAErHK,gBAAgBC,GAEZ,OADAJ,IACOC,OAAOC,IAAIJ,MAAMM,GAE5BD,gBAAgBC,EAAKC,GACjBL,IACAC,OAAOC,IAAIJ,MAAMM,GAAOC,EAE5BF,aACI,IAAIJ,EACJC,IACAM,EAAWC,IAAIC,KAAKC,UAAgF,QAArEV,EAAgB,OAAXE,aAA8B,IAAXA,YAAoB,EAASA,OAAOC,WAAwB,IAAPH,OAAgB,EAASA,EAAGD,MAAO,KAAM"}

package/internal/utils/framework.js

@@ -1,2 +1,2 @@
-let n,o,e,i;function t(o=!0){if(!o||!n){const o=document&&document.querySelector("[ng-version]");n=o?""+o.getAttribute("ng-version"):void 0}return n}function r(e=!0){var i,t,r;return e&&n||(o=null===(r=null===(t=null===(i=window)||void 0===i?void 0:i.angular)||void 0===t?void 0:t.version)||void 0===r?void 0:r.full),o}function u(n=!0){var o,i,t;return n&&e||(e=(null===(t=null===(i=null===(o=window)||void 0===o?void 0:o.CDS)||void 0===i?void 0:i._react)||void 0===t?void 0:t.version)?window.CDS._react.version:document.querySelector("[data-reactroot], [data-reactid]")?"unknown version":void 0),e}function l(n=!0){if(!n||!i){const n=document.querySelectorAll("*");let o;for(let e=0;e<n.length;e++)if(n[e].__vue__){o=n[e];break}i=o?"unknown version":void 0}return i}function d(){return window.location.href.includes("localhost:6006")}export{r as getAngularJSVersion,t as getAngularVersion,u as getReactVersion,l as getVueVersion,d as isStorybook};
+let o,n,i,e;function r(n=!0){if(!n||!o){const n=document&&document.querySelector("[ng-version]");o=n?""+n.getAttribute("ng-version"):void 0}return o}function t(i=!0){var e,r,t;return i&&o||(n=null===(t=null===(r=null===(e=window)||void 0===e?void 0:e.angular)||void 0===r?void 0:r.version)||void 0===t?void 0:t.full),n}function d(o=!0){var n,e,r;return o&&i||(i=(null===(r=null===(e=null===(n=window)||void 0===n?void 0:n.CDS)||void 0===e?void 0:e._react)||void 0===r?void 0:r.version)?window.CDS._react.version:document.querySelector("[data-reactroot], [data-reactid]")?"unknown version":void 0),i}function l(o=!0){if(!o||!e){const o=document.querySelectorAll("*");let n;for(let i=0;i<o.length;i++)if(o[i].__vue__){n=o[i];break}e=n?"unknown version":void 0}return e}function u(){var o,n;return null===(n=null===(o=null===window||void 0===window?void 0:window.location)||void 0===o?void 0:o.href)||void 0===n?void 0:n.includes("localhost:6006")}export{t as getAngularJSVersion,r as getAngularVersion,d as getReactVersion,l as getVueVersion,u as isStorybook};
 //# sourceMappingURL=framework.js.map

package/internal/utils/framework.js.map

@@ -1 +1 @@
-{"version":3,"file":"framework.js","sources":["../../../../src/internal/utils/framework.ts"],"sourcesContent":null,"names":["angularVersion","angularJSVersion","reactVersion","vueVersion","getAngularVersion","useCache","appRoot","document","querySelector","getAttribute","undefined","getAngularJSVersion","_a","_b","_c","window","angular","version","full","getReactVersion","CDS","_react","getVueVersion","all","querySelectorAll","el","i","length","__vue__","isStorybook","location","href","includes"],"mappings":"AASA,IAAIA,EACAC,EACAC,EACAC,EACG,SAASC,EAAkBC,GAAW,GACzC,IAAKA,IAAaL,EAAgB,CAC9B,MAAMM,EAAUC,UAAYA,SAASC,cAAc,gBACnDR,EAAiBM,EAAU,GAAGA,EAAQG,aAAa,mBAAkBC,EAEzE,OAAOV,EAEJ,SAASW,EAAoBN,GAAW,GAC3C,IAAIO,EAAIC,EAAIC,EAIZ,OAHKT,GAAaL,IACdC,EAAmJ,QAA/Ha,EAA8E,QAAxED,EAAuB,QAAjBD,EAAKG,cAA2B,IAAPH,OAAgB,EAASA,EAAGI,eAA4B,IAAPH,OAAgB,EAASA,EAAGI,eAA4B,IAAPH,OAAgB,EAASA,EAAGI,MAEpLjB,EAEJ,SAASkB,EAAgBd,GAAW,GACvC,IAAIO,EAAIC,EAAIC,EAYZ,OAXKT,GAAaH,IAEVA,GAD2H,QAA1HY,EAA0E,QAApED,EAAuB,QAAjBD,EAAKG,cAA2B,IAAPH,OAAgB,EAASA,EAAGQ,WAAwB,IAAPP,OAAgB,EAASA,EAAGQ,cAA2B,IAAPP,OAAgB,EAASA,EAAGG,SAChJF,OAAOK,IAAIC,OAAOJ,QAE5BV,SAASC,cAAc,oCACb,uBAGAE,GAGhBR,EAEJ,SAASoB,EAAcjB,GAAW,GACrC,IAAKA,IAAaF,EAAY,CAC1B,MAAMoB,EAAMhB,SAASiB,iBAAiB,KACtC,IAAIC,EACJ,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAII,OAAQD,IAC5B,GAAIH,EAAIG,GAAGE,QAAS,CAChBH,EAAKF,EAAIG,GACT,MAGRvB,EAAasB,EAAK,uBAAoBf,EAE1C,OAAOP,EAEJ,SAAS0B,IACZ,OAAOd,OAAOe,SAASC,KAAKC,SAAS"}
+{"version":3,"file":"framework.js","sources":["../../../../src/internal/utils/framework.ts"],"sourcesContent":null,"names":["angularVersion","angularJSVersion","reactVersion","vueVersion","getAngularVersion","useCache","appRoot","document","querySelector","getAttribute","undefined","getAngularJSVersion","_a","_b","_c","window","angular","version","full","getReactVersion","CDS","_react","getVueVersion","all","querySelectorAll","el","i","length","__vue__","isStorybook","location","href","includes"],"mappings":"AASA,IAAIA,EACAC,EACAC,EACAC,EACG,SAASC,EAAkBC,GAAW,GACzC,IAAKA,IAAaL,EAAgB,CAC9B,MAAMM,EAAUC,UAAYA,SAASC,cAAc,gBACnDR,EAAiBM,EAAU,GAAGA,EAAQG,aAAa,mBAAkBC,EAEzE,OAAOV,EAEJ,SAASW,EAAoBN,GAAW,GAC3C,IAAIO,EAAIC,EAAIC,EAIZ,OAHKT,GAAaL,IACdC,EAAmJ,QAA/Ha,EAA8E,QAAxED,EAAuB,QAAjBD,EAAKG,cAA2B,IAAPH,OAAgB,EAASA,EAAGI,eAA4B,IAAPH,OAAgB,EAASA,EAAGI,eAA4B,IAAPH,OAAgB,EAASA,EAAGI,MAEpLjB,EAEJ,SAASkB,EAAgBd,GAAW,GACvC,IAAIO,EAAIC,EAAIC,EAYZ,OAXKT,GAAaH,IAEVA,GAD2H,QAA1HY,EAA0E,QAApED,EAAuB,QAAjBD,EAAKG,cAA2B,IAAPH,OAAgB,EAASA,EAAGQ,WAAwB,IAAPP,OAAgB,EAASA,EAAGQ,cAA2B,IAAPP,OAAgB,EAASA,EAAGG,SAChJF,OAAOK,IAAIC,OAAOJ,QAE5BV,SAASC,cAAc,oCACb,uBAGAE,GAGhBR,EAEJ,SAASoB,EAAcjB,GAAW,GACrC,IAAKA,IAAaF,EAAY,CAC1B,MAAMoB,EAAMhB,SAASiB,iBAAiB,KACtC,IAAIC,EACJ,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAII,OAAQD,IAC5B,GAAIH,EAAIG,GAAGE,QAAS,CAChBH,EAAKF,EAAIG,GACT,MAGRvB,EAAasB,EAAK,uBAAoBf,EAE1C,OAAOP,EAEJ,SAAS0B,IACZ,IAAIjB,EAAIC,EACR,OAAsI,QAA9HA,EAAgF,QAA1ED,EAAgB,OAAXG,aAA8B,IAAXA,YAAoB,EAASA,OAAOe,gBAA6B,IAAPlB,OAAgB,EAASA,EAAGmB,YAAyB,IAAPlB,OAAgB,EAASA,EAAGmB,SAAS"}

package/internal/utils/global.d.ts

@@ -12,6 +12,7 @@ export interface CDSGlobal {
         /** Set to true for production env to disable dev time logging and tooling */
         production: boolean;
     };
+    state?: CDSState;
 }
 export interface CDSLog {
     versions: string[];
@@ -26,6 +27,9 @@ export interface CDSLog {
         production: boolean;
     };
 }
+export interface CDSState {
+    focusTraps?: string[];
+}
 declare global {
     interface Window {
         CDS: CDSGlobal;

package/internal/utils/global.js

@@ -1,2 +1,2 @@
-import{isBrowser as n}from"./exists.js";import{getAngularVersion as o,getAngularJSVersion as e,getReactVersion as r,getVueVersion as s}from"./framework.js";import{browserFeatures as i}from"./supports.js";import{LogService as t}from"../services/log.service.js";function u(){n()&&(window.CDS=window.CDS||{_version:[],_loadedElements:[],_react:{version:void 0},_supports:i.supports,environment:{production:!1},getVersion:d,logVersion:w},function(){const n="0.0.0";window.CDS._version.indexOf(n)<0&&window.CDS._version.push(n),document.querySelector("body").setAttribute("cds-version",window.CDS._version[0]),window.CDS._version.length>1&&t.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}())}function d(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:o(!1),angularJSVersion:e(!1),reactVersion:r(!1),vueVersion:s(!1),loadedElements:window.CDS._loadedElements}}function w(){console.log(JSON.stringify(d(),null,2))}export{u as setupCDSGlobal};
+import{isBrowser as n}from"./exists.js";import{getAngularVersion as e,getAngularJSVersion as o,getReactVersion as r,getVueVersion as s}from"./framework.js";import{browserFeatures as i}from"./supports.js";import{LogService as t}from"../services/log.service.js";function u(){n()&&(window.CDS=window.CDS||{_version:[],_loadedElements:[],_react:{version:void 0},_supports:i.supports,environment:{production:!1},state:{},getVersion:d,logVersion:w},function(){const n="0.0.0";window.CDS._version.indexOf(n)<0&&window.CDS._version.push(n),document.querySelector("body").setAttribute("cds-version",window.CDS._version[0]),window.CDS._version.length>1&&t.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}())}function d(){if(n())return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:e(!1),angularJSVersion:o(!1),reactVersion:r(!1),vueVersion:s(!1),loadedElements:window.CDS._loadedElements}}function w(){t.log(JSON.stringify(d(),null,2))}export{u as setupCDSGlobal};
 //# sourceMappingURL=global.js.map

package/internal/utils/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","sources":["../../../../src/internal/utils/global.ts"],"sourcesContent":null,"names":["setupCDSGlobal","isBrowser","window","CDS","_version","_loadedElements","_react","version","undefined","_supports","browserFeatures","supports","environment","production","getVersion","logVersion","loadedVersion","indexOf","push","document","querySelector","setAttribute","length","LogService","warn","setRunningVersion","versions","userAgent","navigator","angularVersion","getAngularVersion","angularJSVersion","getAngularJSVersion","reactVersion","getReactVersion","vueVersion","getVueVersion","loadedElements","console","log","JSON","stringify"],"mappings":"oQASO,SAASA,IACRC,MAuBJC,OAAOC,IAAMD,OAAOC,KAAO,CACvBC,SAAU,GACVC,gBAAiB,GACjBC,OAAQ,CAAEC,aAASC,GACnBC,UAAWC,EAAgBC,SAC3BC,YAAa,CACTC,YAAY,GAEhBC,WAAAA,EACAC,WAAAA,GAGR,WACI,MAAMC,EAAgB,QAClBd,OAAOC,IAAIC,SAASa,QAAQD,GAAiB,GAC7Cd,OAAOC,IAAIC,SAASc,KAAKF,GAE7BG,SAASC,cAAc,QAAQC,aAAa,cAAenB,OAAOC,IAAIC,SAAS,IAC3EF,OAAOC,IAAIC,SAASkB,OAAS,GAC7BC,EAAWC,KAAK,mHAxChBC,IAGR,SAASX,IAYL,MAXY,CACRY,SAAUxB,OAAOC,IAAIC,SACrBQ,YAAaV,OAAOC,IAAIS,YACxBe,UAAWC,UAAUD,UACrBhB,SAAUT,OAAOC,IAAIM,UACrBoB,eAAgBC,GAAkB,GAClCC,iBAAkBC,GAAoB,GACtCC,aAAcC,GAAgB,GAC9BC,WAAYC,GAAc,GAC1BC,eAAgBnC,OAAOC,IAAIE,iBAInC,SAASU,IACLuB,QAAQC,IAAIC,KAAKC,UAAU3B,IAAc,KAAM"}
+{"version":3,"file":"global.js","sources":["../../../../src/internal/utils/global.ts"],"sourcesContent":null,"names":["setupCDSGlobal","isBrowser","window","CDS","_version","_loadedElements","_react","version","undefined","_supports","browserFeatures","supports","environment","production","state","getVersion","logVersion","loadedVersion","indexOf","push","document","querySelector","setAttribute","length","LogService","warn","setRunningVersion","versions","userAgent","navigator","angularVersion","getAngularVersion","angularJSVersion","getAngularJSVersion","reactVersion","getReactVersion","vueVersion","getVueVersion","loadedElements","log","JSON","stringify"],"mappings":"oQASO,SAASA,IACRC,MA0BJC,OAAOC,IAAMD,OAAOC,KAAO,CACvBC,SAAU,GACVC,gBAAiB,GACjBC,OAAQ,CAAEC,aAASC,GACnBC,UAAWC,EAAgBC,SAC3BC,YAAa,CACTC,YAAY,GAEhBC,MAAO,GACPC,WAAAA,EACAC,WAAAA,GAGR,WACI,MAAMC,EAAgB,QAClBf,OAAOC,IAAIC,SAASc,QAAQD,GAAiB,GAC7Cf,OAAOC,IAAIC,SAASe,KAAKF,GAE7BG,SAASC,cAAc,QAAQC,aAAa,cAAepB,OAAOC,IAAIC,SAAS,IAC3EF,OAAOC,IAAIC,SAASmB,OAAS,GAC7BC,EAAWC,KAAK,mHA5ChBC,IAGR,SAASX,IACL,GAAId,IAYA,MAXY,CACR0B,SAAUzB,OAAOC,IAAIC,SACrBQ,YAAaV,OAAOC,IAAIS,YACxBgB,UAAWC,UAAUD,UACrBjB,SAAUT,OAAOC,IAAIM,UACrBqB,eAAgBC,GAAkB,GAClCC,iBAAkBC,GAAoB,GACtCC,aAAcC,GAAgB,GAC9BC,WAAYC,GAAc,GAC1BC,eAAgBpC,OAAOC,IAAIE,iBAMvC,SAASW,IACLQ,EAAWe,IAAIC,KAAKC,UAAU1B,IAAc,KAAM"}

package/internal/utils/register.js

@@ -1,2 +1,2 @@
-import e from"ramda/es/curryN.js";import{elementExists as s,isBrowser as o,existsInWindow as r}from"./exists.js";import{setupCDSGlobal as m}from"./global.js";import{isStorybook as t}from"./framework.js";import{LogService as i}from"../services/log.service.js";import{applyCSSGapShim as a}from"../base/css-gap.base.js";const n=e(3,((e,o,r)=>{s(e)&&!t()?i.warn(e+" has already been registered"):(r.define(e,a(o)),m(),window.CDS._loadedElements.some((s=>s===e))||window.CDS._loadedElements.push(e))}));function d(e,s){o()&&r(["customElements"])&&n(e,s,window.customElements)}export{d as registerElementSafely};
+import e from"ramda/es/curryN.js";import{elementExists as o,isBrowser as s,existsInWindow as r}from"./exists.js";import{setupCDSGlobal as m}from"./global.js";import{isStorybook as t}from"./framework.js";import{LogService as i}from"../services/log.service.js";import{applyCSSGapShim as n}from"../base/css-gap.base.js";const a=e(3,((e,s,r)=>{o(e)&&!t()?i.warn(e+" has already been registered"):(r.define(e,n(s)),m(),window&&!window.CDS._loadedElements.some((o=>o===e))&&window.CDS._loadedElements.push(e))}));function d(e,o){s()&&r(["customElements"])&&a(e,o,window.customElements)}export{d as registerElementSafely};
 //# sourceMappingURL=register.js.map

package/internal/utils/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../../src/internal/utils/register.ts"],"sourcesContent":null,"names":["addElementToRegistry","curryN","tagName","elementClass","registry","elementExists","isStorybook","LogService","warn","define","applyCSSGapShim","setupCDSGlobal","window","CDS","_loadedElements","some","i","push","registerElementSafely","isBrowser","existsInWindow","customElements"],"mappings":"6TAWA,MAAMA,EAAuBC,EAAO,GAAG,CAACC,EAASC,EAAcC,KACvDC,EAAcH,KAAaI,IAC3BC,EAAWC,KAAQN,EAAH,iCAGhBE,EAASK,OAAOP,EAASQ,EAAgBP,IACzCQ,IACKC,OAAOC,IAAIC,gBAAgBC,MAAKC,GAAKA,IAAMd,KAC5CU,OAAOC,IAAIC,gBAAgBG,KAAKf,OAIrC,SAASgB,EAAsBhB,EAASC,GACvCgB,KAAeC,EAAe,CAAC,oBAC/BpB,EAAqBE,EAASC,EAAcS,OAAOS"}
+{"version":3,"file":"register.js","sources":["../../../../src/internal/utils/register.ts"],"sourcesContent":null,"names":["addElementToRegistry","curryN","tagName","elementClass","registry","elementExists","isStorybook","LogService","warn","define","applyCSSGapShim","setupCDSGlobal","window","CDS","_loadedElements","some","i","push","registerElementSafely","isBrowser","existsInWindow","customElements"],"mappings":"6TAWA,MAAMA,EAAuBC,EAAO,GAAG,CAACC,EAASC,EAAcC,KACvDC,EAAcH,KAAaI,IAC3BC,EAAWC,KAAQN,EAAH,iCAGhBE,EAASK,OAAOP,EAASQ,EAAgBP,IACzCQ,IACIC,SAAWA,OAAOC,IAAIC,gBAAgBC,MAAKC,GAAKA,IAAMd,KACtDU,OAAOC,IAAIC,gBAAgBG,KAAKf,OAIrC,SAASgB,EAAsBhB,EAASC,GACvCgB,KAAeC,EAAe,CAAC,oBAC/BpB,EAAqBE,EAASC,EAAcS,OAAOS"}

package/list/list.css

@@ -92,4 +92,14 @@ ol[cds-list] > li > ol[cds-list] {
 ul[cds-layout~=horizontal] li,
 ol[cds-layout~=horizontal] li {
   list-style-position: inside;
+}
+
+dl[cds-list] {
+  margin: 0;
+}
+dl[cds-list] dt {
+  font-weight: bold;
+}
+dl[cds-list] dd {
+  margin-left: 0;
 }

package/list/list.min.css

@@ -1 +1 @@
-@charset "UTF-8";ul[cds-list=unstyled]{padding-left:0!important;margin:0!important;list-style:"​"!important;list-style-position:inside!important}[cds-list]{color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048))}ol[cds-list]{list-style-type:decimal;list-style-position:outside;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));margin:0}ul[cds-list]:not([cds-list=unstyled]){list-style-type:disc;list-style-position:outside;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));margin:0}ul[cds-list=disc]{list-style-type:disc}ul[cds-list=circle]{list-style-type:circle}ul[cds-list=square]{list-style-type:square}ol[cds-list=decimal]{list-style-type:decimal}ol[cds-list=decimal-leading-zero]{list-style-type:decimal-leading-zero}ol[cds-list=lower-alpha]{list-style-type:lower-alpha}ol[cds-list=lower-latin]{list-style-type:lower-latin}ol[cds-list=lower-roman]{list-style-type:lower-roman}ol[cds-list=upper-alpha]{list-style-type:upper-alpha}ol[cds-list=upper-latin]{list-style-type:upper-latin}ol[cds-list=upper-roman]{list-style-type:upper-roman}ul[cds-list=unstyled]>li ol,ul[cds-list=unstyled]>li>ul:not([cds-list=unstyled]){margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}ul[cds-list=unstyled]>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))!important}ol[cds-list]>li>ul[cds-list=unstyled],ul:not([cds-list=unstyled])>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))!important}ol[cds-list]>li>ol[cds-list]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}ol[cds-layout~=horizontal] li,ul[cds-layout~=horizontal] li{list-style-position:inside}
+@charset "UTF-8";ul[cds-list=unstyled]{padding-left:0!important;margin:0!important;list-style:"​"!important;list-style-position:inside!important}[cds-list]{color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048))}ol[cds-list]{list-style-type:decimal;list-style-position:outside;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));margin:0}ul[cds-list]:not([cds-list=unstyled]){list-style-type:disc;list-style-position:outside;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));margin:0}ul[cds-list=disc]{list-style-type:disc}ul[cds-list=circle]{list-style-type:circle}ul[cds-list=square]{list-style-type:square}ol[cds-list=decimal]{list-style-type:decimal}ol[cds-list=decimal-leading-zero]{list-style-type:decimal-leading-zero}ol[cds-list=lower-alpha]{list-style-type:lower-alpha}ol[cds-list=lower-latin]{list-style-type:lower-latin}ol[cds-list=lower-roman]{list-style-type:lower-roman}ol[cds-list=upper-alpha]{list-style-type:upper-alpha}ol[cds-list=upper-latin]{list-style-type:upper-latin}ol[cds-list=upper-roman]{list-style-type:upper-roman}ul[cds-list=unstyled]>li ol,ul[cds-list=unstyled]>li>ul:not([cds-list=unstyled]){margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}ul[cds-list=unstyled]>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))!important}ol[cds-list]>li>ul[cds-list=unstyled],ul:not([cds-list=unstyled])>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))!important}ol[cds-list]>li>ol[cds-list]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}ol[cds-layout~=horizontal] li,ul[cds-layout~=horizontal] li{list-style-position:inside}dl[cds-list]{margin:0}dl[cds-list] dt{font-weight:700}dl[cds-list] dd{margin-left:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cds/core",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "license": "MIT",
   "author": "clarity",
   "description": "Clarity Design System Web Components",

package/pagination/index.js

@@ -1,2 +1,2 @@
-export{CdsPagination}from"./pagination.element.js";export{CdsPaginationButton,CdsPaginationButtonAction}from"./pagination-button.element.js";
+export{CdsPagination}from"./pagination.element.js";export{CdsPaginationButton}from"./pagination-button.element.js";
 //# sourceMappingURL=index.js.map

package/pagination/pagination-button.element.d.ts

@@ -1,10 +1,4 @@
 import { CdsBaseButton } from '@cds/core/internal';
-export declare enum CdsPaginationButtonAction {
-    First = "first",
-    Previous = "prev",
-    Next = "next",
-    Last = "last"
-}
 /**
  * Web component pagination button to be used inside pagination.
  *
@@ -37,10 +31,9 @@ export declare enum CdsPaginationButtonAction {
  */
 export declare class CdsPaginationButton extends CdsBaseButton {
     /**
-     * @type {first | prev | next | last}
      * Sets the action from a predefined list of actions
      */
-    action: CdsPaginationButtonAction;
+    action: 'first' | 'prev' | 'next' | 'last';
     connectedCallback(): void;
     cdsIcon: HTMLElement;
     private cdsIconDefault;

package/pagination/pagination-button.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{CdsBaseButton as i,baseStyles as s,notProductionEnvironment as o,LogService as e,property as n,querySlot as c}from"@cds/core/internal";import{html as r}from"lit";import{query as a}from"lit/decorators/query.js";import d from"./pagination-button.element.scss.js";var l;!function(t){t.First="first",t.Previous="prev",t.Next="next",t.Last="last"}(l||(l={}));class p extends i{connectedCallback(){super.connectedCallback(),this.type="button"}get customContent(){return!this.action&&!this.cdsIconDefault}render(){return r`<div class="private-host" cds-layout="horizontal align:center ${this.customContent?"p-x:sm":""}"><slot name="cds-icon-slot">${this.action===l.Next?r`<cds-icon shape="angle" direction="right"></cds-icon>`:""} ${this.action===l.Last?r`<cds-icon shape="step-forward-2" direction="up"></cds-icon>`:""} ${this.action===l.Previous?r`<cds-icon shape="angle" direction="left"></cds-icon>`:""} ${this.action===l.First?r`<cds-icon shape="step-forward-2" direction="down"></cds-icon>`:""}</slot><slot></slot></div>`}static get styles(){return[s,d]}firstUpdated(t){super.firstUpdated(t),this.validateAriaLabel()}validateAriaLabel(){var t;o()&&(this.cdsIcon||this.cdsIconDefault)&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([n({type:String,reflect:!0})],p.prototype,"action",void 0),t([c("cds-icon",{assign:"cds-icon-slot"})],p.prototype,"cdsIcon",void 0),t([a("cds-icon")],p.prototype,"cdsIconDefault",void 0);export{p as CdsPaginationButton,l as CdsPaginationButtonAction};
+import{__decorate as t}from"tslib";import{CdsBaseButton as i,baseStyles as o,notProductionEnvironment as s,LogService as e,property as n,querySlot as c}from"@cds/core/internal";import{html as a}from"lit";import{query as r}from"lit/decorators/query.js";import d from"./pagination-button.element.scss.js";class l extends i{connectedCallback(){super.connectedCallback(),this.type="button"}get customContent(){return!this.action&&!this.cdsIconDefault}render(){return a`<div class="private-host" cds-layout="horizontal align:center ${this.customContent?"p-x:sm":""}"><slot name="cds-icon-slot">${"next"===this.action?a`<cds-icon shape="angle" direction="right"></cds-icon>`:""} ${"last"===this.action?a`<cds-icon shape="step-forward-2" direction="up"></cds-icon>`:""} ${"prev"===this.action?a`<cds-icon shape="angle" direction="left"></cds-icon>`:""} ${"first"===this.action?a`<cds-icon shape="step-forward-2" direction="down"></cds-icon>`:""}</slot><slot></slot></div>`}static get styles(){return[o,d]}firstUpdated(t){super.firstUpdated(t),this.validateAriaLabel()}validateAriaLabel(){var t;s()&&(this.cdsIcon||this.cdsIconDefault)&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([n({type:String})],l.prototype,"action",void 0),t([c("cds-icon",{assign:"cds-icon-slot"})],l.prototype,"cdsIcon",void 0),t([r("cds-icon")],l.prototype,"cdsIconDefault",void 0);export{l as CdsPaginationButton};
 //# sourceMappingURL=pagination-button.element.js.map

package/pagination/pagination-button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":null,"names":["CdsPaginationButtonAction","CdsPaginationButton","CdsBaseButton","[object Object]","super","connectedCallback","this","type","customContent","action","cdsIconDefault","html","Next","Last","Previous","First","styles","baseStyles","props","firstUpdated","validateAriaLabel","_a","notProductionEnvironment","cdsIcon","getAttribute","length","LogService","warn","__decorate","property","String","reflect","prototype","querySlot","assign","query"],"mappings":"+SAUU,IAACA,GACX,SAAWA,GACPA,EAAiC,MAAI,QACrCA,EAAoC,SAAI,OACxCA,EAAgC,KAAI,OACpCA,EAAgC,KAAI,OAJxC,CAKGA,IAA8BA,EAA4B,KA+BtD,MAAMC,UAA4BC,EACrCC,oBACIC,MAAMC,oBACNC,KAAKC,KAAO,SAEhBC,oBACI,OAAQF,KAAKG,SAAWH,KAAKI,eAEjCP,SACI,OAAOQ,CAAK,iEACkDL,KAAKE,cAAgB,SAAW,kCAE1FF,KAAKG,SAAWT,EAA0BY,KACxCD,CAAK,wDACL,MACFL,KAAKG,SAAWT,EAA0Ba,KACxCF,CAAK,8DACL,MACFL,KAAKG,SAAWT,EAA0Bc,SACxCH,CAAK,uDACL,MACFL,KAAKG,SAAWT,EAA0Be,MACxCJ,CAAK,gEACL,+BAMVK,oBACI,MAAO,CAACC,EAAYD,GAExBb,aAAae,GACTd,MAAMe,aAAaD,GACnBZ,KAAKc,oBAETjB,oBACI,IAAIkB,EACAC,MACChB,KAAKiB,SAAWjB,KAAKI,mBACuB,QAA1CW,EAAKf,KAAKkB,aAAa,qBAAkC,IAAPH,OAAgB,EAASA,EAAGI,SACjFC,EAAWC,KAAK,2BAA4BrB,OAIxDsB,EAAW,CACPC,EAAS,CAAEtB,KAAMuB,OAAQC,SAAS,KACnC9B,EAAoB+B,UAAW,cAAU,GAC5CJ,EAAW,CACPK,EAAU,WAAY,CAAEC,OAAQ,mBACjCjC,EAAoB+B,UAAW,eAAW,GAC7CJ,EAAW,CACPO,EAAM,aACPlC,EAAoB+B,UAAW,sBAAkB"}
+{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":null,"names":["CdsPaginationButton","CdsBaseButton","[object Object]","super","connectedCallback","this","type","customContent","action","cdsIconDefault","html","styles","baseStyles","props","firstUpdated","validateAriaLabel","_a","notProductionEnvironment","cdsIcon","getAttribute","length","LogService","warn","__decorate","property","String","prototype","querySlot","assign","query"],"mappings":"+SAwCO,MAAMA,UAA4BC,EACrCC,oBACIC,MAAMC,oBACNC,KAAKC,KAAO,SAEhBC,oBACI,OAAQF,KAAKG,SAAWH,KAAKI,eAEjCP,SACI,OAAOQ,CAAK,iEACkDL,KAAKE,cAAgB,SAAW,kCAE1E,SAAhBF,KAAKG,OAAoBE,CAAK,wDAA0D,MACxE,SAAhBL,KAAKG,OAAoBE,CAAK,8DAAgE,MAC9E,SAAhBL,KAAKG,OAAoBE,CAAK,uDAAyD,MACvE,UAAhBL,KAAKG,OAAqBE,CAAK,gEAAkE,+BAMzGC,oBACI,MAAO,CAACC,EAAYD,GAExBT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKU,oBAETb,oBACI,IAAIc,EACAC,MACCZ,KAAKa,SAAWb,KAAKI,mBACuB,QAA1CO,EAAKX,KAAKc,aAAa,qBAAkC,IAAPH,OAAgB,EAASA,EAAGI,SACjFC,EAAWC,KAAK,2BAA4BjB,OAIxDkB,EAAW,CACPC,EAAS,CAAElB,KAAMmB,UAClBzB,EAAoB0B,UAAW,cAAU,GAC5CH,EAAW,CACPI,EAAU,WAAY,CAAEC,OAAQ,mBACjC5B,EAAoB0B,UAAW,eAAW,GAC7CH,EAAW,CACPM,EAAM,aACP7B,EAAoB0B,UAAW,sBAAkB"}

package/radio/radio.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--width:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export default r;
+import{css as a}from"lit";var r=a`:host{--width:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export default r;
 //# sourceMappingURL=radio.element.scss.js.map

package/styles/module.tokens.css

@@ -353,6 +353,7 @@
   --cds-alias-object-opacity-100: hsla(0, 0%, 0%, 0.2);
   --cds-alias-object-opacity-200: hsla(0, 0%, 0%, 0.4);
   --cds-alias-object-opacity-300: hsla(0, 0%, 0%, 0.6);
+  --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
   --cds-alias-object-interaction-background: var(--cds-global-color-white);
   --cds-alias-object-interaction-background-hover: var(--cds-global-color-blue-50);
   --cds-alias-object-interaction-background-active: var(--cds-global-color-blue-100);

package/styles/module.tokens.min.css

@@ -1 +1 @@
-:root{--cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 60%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 28%);--cds-global-color-red-1000:hsl(9, 100%, 22%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 35%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 100%, 13%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 58%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:200;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:500;--cds-global-typography-font-weight-bold:500;--cds-global-typography-font-weight-extrabold:500;--cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-base-font-size:125%;--cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-800);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-global-base:20;--cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 1px 3px 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 1px 3px 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 1px 3px 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-app-background:var(--cds-global-color-gray-50);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900)}
+:root{--cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 60%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 28%);--cds-global-color-red-1000:hsl(9, 100%, 22%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 35%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 100%, 13%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 58%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:200;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:500;--cds-global-typography-font-weight-bold:500;--cds-global-typography-font-weight-extrabold:500;--cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-base-font-size:125%;--cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-800);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-global-base:20;--cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 1px 3px 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 1px 3px 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 1px 3px 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-app-background:var(--cds-global-color-gray-50);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900)}

package/textarea/textarea.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
+import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
 //# sourceMappingURL=textarea.element.scss.js.map

package/tokens/tokens.android.xml

@@ -354,6 +354,7 @@
   <property name="aliasObjectOpacity100">hsla(0, 0%, 0%, 0.2)</property>
   <property name="aliasObjectOpacity200">hsla(0, 0%, 0%, 0.4)</property>
   <property name="aliasObjectOpacity300">hsla(0, 0%, 0%, 0.6)</property>
+  <color name="aliasObjectInteractionBorderColor" alias="globalColorConstruction500">#6a7a81</color>
   <color name="aliasObjectInteractionBackground" alias="globalColorWhite">#ffffff</color>
   <color name="aliasObjectInteractionBackgroundHover" alias="globalColorBlue50">#e5f7ff</color>
   <color name="aliasObjectInteractionBackgroundActive" alias="globalColorBlue100">#bdebff</color>

package/tokens/tokens.d.ts

@@ -351,6 +351,7 @@ export declare const aliasObjectOpacity0 = "var(--cds-alias-object-opacity-0)";
 export declare const aliasObjectOpacity100 = "var(--cds-alias-object-opacity-100)";
 export declare const aliasObjectOpacity200 = "var(--cds-alias-object-opacity-200)";
 export declare const aliasObjectOpacity300 = "var(--cds-alias-object-opacity-300)";
+export declare const aliasObjectInteractionBorderColor = "var(--cds-alias-object-interaction-border-color)";
 export declare const aliasObjectInteractionBackground = "var(--cds-alias-object-interaction-background)";
 export declare const aliasObjectInteractionBackgroundHover = "var(--cds-alias-object-interaction-background-hover)";
 export declare const aliasObjectInteractionBackgroundActive = "var(--cds-alias-object-interaction-background-active)";

package/tokens/tokens.ios.swift

@@ -352,6 +352,7 @@ let aliasObjectOpacity0 = "hsla(0, 0%, 0%, 0)";
 let aliasObjectOpacity100 = "hsla(0, 0%, 0%, 0.2)";
 let aliasObjectOpacity200 = "hsla(0, 0%, 0%, 0.4)";
 let aliasObjectOpacity300 = "hsla(0, 0%, 0%, 0.6)";
+let aliasObjectInteractionBorderColor = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
 let aliasObjectInteractionBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
 let aliasObjectInteractionBackgroundHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
 let aliasObjectInteractionBackgroundActive = UIColor(red: 189, green: 235, blue: 255, alpha: 1.0);

package/tokens/tokens.js

@@ -352,6 +352,7 @@ export const aliasObjectOpacity0 = 'var(--cds-alias-object-opacity-0)';
 export const aliasObjectOpacity100 = 'var(--cds-alias-object-opacity-100)';
 export const aliasObjectOpacity200 = 'var(--cds-alias-object-opacity-200)';
 export const aliasObjectOpacity300 = 'var(--cds-alias-object-opacity-300)';
+export const aliasObjectInteractionBorderColor = 'var(--cds-alias-object-interaction-border-color)';
 export const aliasObjectInteractionBackground = 'var(--cds-alias-object-interaction-background)';
 export const aliasObjectInteractionBackgroundHover = 'var(--cds-alias-object-interaction-background-hover)';
 export const aliasObjectInteractionBackgroundActive = 'var(--cds-alias-object-interaction-background-active)';

package/tokens/tokens.json

@@ -2010,6 +2010,14 @@
   "aliasObjectOpacity300": {
     "value": "hsla(0, 0%, 0%, 0.6)"
   },
+  "aliasObjectInteractionBorderColor": {
+    "value": [
+      198,
+      10,
+      46
+    ],
+    "alias": "globalColorConstruction500"
+  },
   "aliasObjectInteractionBackground": {
     "value": [
       0,

package/tokens/tokens.scss

@@ -369,6 +369,7 @@ $cds-alias-object-opacity-0: var(--cds-alias-object-opacity-0) !default;
 $cds-alias-object-opacity-100: var(--cds-alias-object-opacity-100) !default;
 $cds-alias-object-opacity-200: var(--cds-alias-object-opacity-200) !default;
 $cds-alias-object-opacity-300: var(--cds-alias-object-opacity-300) !default;
+$cds-alias-object-interaction-border-color: var(--cds-alias-object-interaction-border-color) !default;
 $cds-alias-object-interaction-background: var(--cds-alias-object-interaction-background) !default;
 $cds-alias-object-interaction-background-hover: var(--cds-alias-object-interaction-background-hover) !default;
 $cds-alias-object-interaction-background-active: var(--cds-alias-object-interaction-background-active) !default;