@cds/core 6.5.0 → 6.6.0

package/internal/decorators/animate.js

@@ -1,2 +1,2 @@
-import{PRIVATE_ANIMATION_STATUS_ATTR_NAME as t,AnimationStatus as i}from"../motion/interfaces.js";import{runPropertyAnimations as o}from"../motion/utils.js";import{isJestTest as n}from"../utils/environment.js";function e(e){return n()?function(){}:function(n){return class extends n{constructor(){super(...arguments);this._animationReady=!1,this._animationDemoMode=!1,this._animations=e}updated(n){if(super.updated(n),!this._animationReady&&!this.hasAttribute(t))return this.setAttribute(t,i.ready),void(this._animationReady=!0);!0===this._animationDemoMode||this.hasAttribute("_demo-mode")?this._animationDemoMode=!0:o(n,this)}}}}export{e as animate};
+import{PRIVATE_ANIMATION_STATUS_ATTR_NAME as t,AnimationStatus as i}from"../motion/interfaces.js";import{runPropertyAnimations as o}from"../motion/utils.js";import{isJsdomTest as n}from"../utils/environment.js";function e(e){return n()?function(){}:function(n){return class extends n{constructor(){super(...arguments);this._animationReady=!1,this._animationDemoMode=!1,this._animations=e}updated(n){if(super.updated(n),!this._animationReady&&!this.hasAttribute(t))return this.setAttribute(t,i.ready),void(this._animationReady=!0);!0===this._animationDemoMode||this.hasAttribute("_demo-mode")?this._animationDemoMode=!0:o(n,this)}}}}export{e as animate};
 //# sourceMappingURL=animate.js.map

package/internal/decorators/animate.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate.js","sources":["../../../../src/internal/decorators/animate.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { AnimationStatus, PRIVATE_ANIMATION_STATUS_ATTR_NAME, } from '../motion/interfaces.js';\nimport { runPropertyAnimations } from '../motion/utils.js';\nimport { isJestTest } from '../utils/environment.js';\n// decorator factory that extends the component constructor to inject animations code into it\nexport function animate(config) {\n    if (isJestTest()) {\n        return function () {\n            // jsdom doesn't like the class returned from the decorator below\n            // do nothing\n        };\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    return function _animationDecorator(constructor) {\n        return class extends constructor {\n            constructor() {\n                super(...arguments);\n                this._animationReady = false;\n                this._animationDemoMode = false;\n                this._animations = config;\n            }\n            updated(props) {\n                super.updated(props);\n                if (!this._animationReady && !this.hasAttribute(PRIVATE_ANIMATION_STATUS_ATTR_NAME)) {\n                    // this prevents animations from loading onpageload\n                    this.setAttribute(PRIVATE_ANIMATION_STATUS_ATTR_NAME, AnimationStatus.ready);\n                    this._animationReady = true;\n                    return;\n                }\n                if (this._animationDemoMode === true || this.hasAttribute('_demo-mode')) {\n                    // ignore if element has the _demo-mode attribute set;\n                    // _demo-mode is used for docs, static examples, and stories\n                    // _demo-mode is not intended for external use\n                    this._animationDemoMode = true;\n                    return;\n                }\n                runPropertyAnimations(props, this);\n            }\n        };\n    };\n}\n"],"names":["animate","config","isJestTest","constructor","super","this","_animationReady","_animationDemoMode","_animations","updated","props","hasAttribute","PRIVATE_ANIMATION_STATUS_ATTR_NAME","setAttribute","AnimationStatus","ready","runPropertyAnimations"],"mappings":"kNASO,SAASA,EAAQC,GACpB,OAAIC,IACO,aAMJ,SAA6BC,GAChC,OAAO,cAAcA,EACjBA,cACIC,oBACAC,KAAKC,iBAAkB,EACvBD,KAAKE,oBAAqB,EAC1BF,KAAKG,YAAcP,EAEvBQ,QAAQC,GAEJ,GADAN,MAAMK,QAAQC,IACTL,KAAKC,kBAAoBD,KAAKM,aAAaC,GAI5C,OAFAP,KAAKQ,aAAaD,EAAoCE,EAAgBC,YACtEV,KAAKC,iBAAkB,IAGK,IAA5BD,KAAKE,oBAA+BF,KAAKM,aAAa,cAItDN,KAAKE,oBAAqB,EAG9BS,EAAsBN,EAAOL"}
+{"version":3,"file":"animate.js","sources":["../../../../src/internal/decorators/animate.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { AnimationStatus, PRIVATE_ANIMATION_STATUS_ATTR_NAME, } from '../motion/interfaces.js';\nimport { runPropertyAnimations } from '../motion/utils.js';\nimport { isJsdomTest } from '../utils/environment.js';\n// decorator factory that extends the component constructor to inject animations code into it\nexport function animate(config) {\n    if (isJsdomTest()) {\n        return function () {\n            // jsdom doesn't like the class returned from the decorator below\n            // do nothing\n        };\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    return function _animationDecorator(constructor) {\n        return class extends constructor {\n            constructor() {\n                super(...arguments);\n                this._animationReady = false;\n                this._animationDemoMode = false;\n                this._animations = config;\n            }\n            updated(props) {\n                super.updated(props);\n                if (!this._animationReady && !this.hasAttribute(PRIVATE_ANIMATION_STATUS_ATTR_NAME)) {\n                    // this prevents animations from loading onpageload\n                    this.setAttribute(PRIVATE_ANIMATION_STATUS_ATTR_NAME, AnimationStatus.ready);\n                    this._animationReady = true;\n                    return;\n                }\n                if (this._animationDemoMode === true || this.hasAttribute('_demo-mode')) {\n                    // ignore if element has the _demo-mode attribute set;\n                    // _demo-mode is used for docs, static examples, and stories\n                    // _demo-mode is not intended for external use\n                    this._animationDemoMode = true;\n                    return;\n                }\n                runPropertyAnimations(props, this);\n            }\n        };\n    };\n}\n"],"names":["animate","config","isJsdomTest","constructor","super","this","_animationReady","_animationDemoMode","_animations","updated","props","hasAttribute","PRIVATE_ANIMATION_STATUS_ATTR_NAME","setAttribute","AnimationStatus","ready","runPropertyAnimations"],"mappings":"mNASO,SAASA,EAAQC,GACpB,OAAIC,IACO,aAMJ,SAA6BC,GAChC,OAAO,cAAcA,EACjBA,cACIC,oBACAC,KAAKC,iBAAkB,EACvBD,KAAKE,oBAAqB,EAC1BF,KAAKG,YAAcP,EAEvBQ,QAAQC,GAEJ,GADAN,MAAMK,QAAQC,IACTL,KAAKC,kBAAoBD,KAAKM,aAAaC,GAI5C,OAFAP,KAAKQ,aAAaD,EAAoCE,EAAgBC,YACtEV,KAAKC,iBAAkB,IAGK,IAA5BD,KAAKE,oBAA+BF,KAAKM,aAAa,cAItDN,KAAKE,oBAAqB,EAG9BS,EAAsBN,EAAOL"}

package/internal/utils/environment.d.ts

@@ -1,2 +1,3 @@
 export declare function isBrowser(win?: Window & typeof globalThis): boolean;
 export declare function isJestTest(): boolean;
+export declare function isJsdomTest(): boolean;

package/internal/utils/environment.js

@@ -1,2 +1,2 @@
-import{isNil as n}from"./identity.js";function o(o=window){return!n(o)}function i(){return void 0!==globalThis?.process?.env?.JEST_WORKER_ID}export{o as isBrowser,i as isJestTest};
+import{isNil as n}from"./identity.js";function o(o=window){return!n(o)}function t(){return void 0!==globalThis?.process?.env?.JEST_WORKER_ID}function e(){return!!t()||"test"===globalThis?.process?.env?.NODE_ENV&&navigator?.userAgent?.includes("jsdom")}export{o as isBrowser,t as isJestTest,e as isJsdomTest};
 //# sourceMappingURL=environment.js.map

package/internal/utils/environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"environment.js","sources":["../../../../src/internal/utils/environment.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { isNil } from '../utils/identity.js';\nexport function isBrowser(win = window) {\n    return !isNil(win);\n}\nexport function isJestTest() {\n    return globalThis?.process?.env?.JEST_WORKER_ID !== undefined;\n}\n"],"names":["isBrowser","win","window","isNil","isJestTest","undefined","globalThis","process","env","JEST_WORKER_ID"],"mappings":"sCAMO,SAASA,EAAUC,EAAMC,QAC5B,OAAQC,EAAMF,GAEX,SAASG,IACZ,YAAoDC,IAA7CC,YAAYC,SAASC,KAAKC"}
+{"version":3,"file":"environment.js","sources":["../../../../src/internal/utils/environment.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { isNil } from '../utils/identity.js';\nexport function isBrowser(win = window) {\n    return !isNil(win);\n}\nexport function isJestTest() {\n    return globalThis?.process?.env?.JEST_WORKER_ID !== undefined;\n}\nexport function isJsdomTest() {\n    // This is to avoid breaking existing usage: prior to the addition of this function, isJestTest()\n    // was used to determine whether the execution environment was a test using Jsdom.\n    if (isJestTest()) {\n        return true;\n    }\n    return globalThis?.process?.env?.NODE_ENV === 'test' && navigator?.userAgent?.includes('jsdom');\n}\n"],"names":["isBrowser","win","window","isNil","isJestTest","undefined","globalThis","process","env","JEST_WORKER_ID","isJsdomTest","NODE_ENV","navigator","userAgent","includes"],"mappings":"sCAMO,SAASA,EAAUC,EAAMC,QAC5B,OAAQC,EAAMF,GAEX,SAASG,IACZ,YAAoDC,IAA7CC,YAAYC,SAASC,KAAKC,eAE9B,SAASC,IAGZ,QAAIN,KAG0C,SAAvCE,YAAYC,SAASC,KAAKG,UAAuBC,WAAWC,WAAWC,SAAS"}

package/internal/utils/events.js

@@ -1,2 +1,2 @@
-import{isJestTest as e}from"./environment.js";function t(e){e.preventDefault(),e.stopPropagation()}const n=(t,n,r)=>{t.hasAttribute(n)?r(t.getAttribute(n)):void 0!==t[n]&&r(t[n]),!t._valueTracker||"checked"!==n&&"value"!==n||(t._valueTracker=null);const o=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);return o&&!e()&&Object.defineProperty(t,n,{get:o.get,set:e=>{r(e),o.set.call(t,e)}}),s(t,n,(e=>r(e)))};function r(e){return new Promise((t=>{const n=()=>{t(null),e.__cdsTouched=!0};e.__cdsTouched&&t(null),e.addEventListener("mouseover",n,{once:!0,passive:!0}),e.addEventListener("touchstart",n,{once:!0,passive:!0}),e.addEventListener("keydown",n,{once:!0,passive:!0}),e.addEventListener("focus",n,{once:!0,passive:!0})}))}function o(e,t){const n=new MutationObserver((e=>{for(const n of e)"childList"===n.type&&t(n)}));return n.observe(e,{childList:!0}),n}function s(e,t,n){const r=new MutationObserver((r=>{r.find((e=>e.attributeName===t))&&n(e.getAttribute(t))}));return r.observe(e,{attributes:!0}),r}function i(e,t,n){const r=new MutationObserver((r=>{const o=r.find((e=>t.find((t=>e.attributeName===t))));o&&n(e.getAttribute(o.attributeName))}));return r.observe(e,{attributes:!0,attributeFilter:t,subtree:!0}),r}export{n as getElementUpdates,s as listenForAttributeChange,i as listenForAttributeListChange,o as onChildListMutation,r as onFirstInteraction,t as stopEvent};
+import{isJsdomTest as e}from"./environment.js";function t(e){e.preventDefault(),e.stopPropagation()}const n=(t,n,r)=>{t.hasAttribute(n)?r(t.getAttribute(n)):void 0!==t[n]&&r(t[n]),!t._valueTracker||"checked"!==n&&"value"!==n||(t._valueTracker=null);const o=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);return o&&!e()&&Object.defineProperty(t,n,{get:o.get,set:e=>{r(e),o.set.call(t,e)}}),s(t,n,(e=>r(e)))};function r(e){return new Promise((t=>{const n=()=>{t(null),e.__cdsTouched=!0};e.__cdsTouched&&t(null),e.addEventListener("mouseover",n,{once:!0,passive:!0}),e.addEventListener("touchstart",n,{once:!0,passive:!0}),e.addEventListener("keydown",n,{once:!0,passive:!0}),e.addEventListener("focus",n,{once:!0,passive:!0})}))}function o(e,t){const n=new MutationObserver((e=>{for(const n of e)"childList"===n.type&&t(n)}));return n.observe(e,{childList:!0}),n}function s(e,t,n){const r=new MutationObserver((r=>{r.find((e=>e.attributeName===t))&&n(e.getAttribute(t))}));return r.observe(e,{attributes:!0}),r}function i(e,t,n){const r=new MutationObserver((r=>{const o=r.find((e=>t.find((t=>e.attributeName===t))));o&&n(e.getAttribute(o.attributeName))}));return r.observe(e,{attributes:!0,attributeFilter:t,subtree:!0}),r}export{n as getElementUpdates,s as listenForAttributeChange,i as listenForAttributeListChange,o as onChildListMutation,r as onFirstInteraction,t as stopEvent};
 //# sourceMappingURL=events.js.map

package/internal/utils/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sources":["../../../../src/internal/utils/events.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { isJestTest } from './environment.js';\nexport function stopEvent(event) {\n    event.preventDefault();\n    event.stopPropagation();\n}\nexport const getElementUpdates = (element, propertyKey, callback) => {\n    if (element.hasAttribute(propertyKey)) {\n        callback(element.getAttribute(propertyKey));\n    }\n    else if (element[propertyKey] !== undefined) {\n        callback(element[propertyKey]);\n    }\n    // React: disable input tracker to setup property observer. React re-creates tracker on input changes\n    // https://github.com/facebook/react/blob/9198a5cec0936a21a5ba194a22fcbac03eba5d1d/packages/react-dom/src/client/inputValueTracking.js#L51\n    // https://github.com/vmware/clarity/issues/5625\n    if (element._valueTracker && (propertyKey === 'checked' || propertyKey === 'value')) {\n        element._valueTracker = null;\n    }\n    const updatedProp = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), propertyKey);\n    //  Jest and JSDom breaks defining a new property, so skip\n    if (updatedProp && !isJestTest()) {\n        Object.defineProperty(element, propertyKey, {\n            get: updatedProp.get,\n            set: val => {\n                callback(val);\n                updatedProp.set.call(element, val);\n            },\n        });\n    }\n    return listenForAttributeChange(element, propertyKey, val => callback(val));\n};\nexport function onFirstInteraction(element) {\n    return new Promise(resolve => {\n        const update = () => {\n            resolve(null);\n            element.__cdsTouched = true;\n        };\n        if (element.__cdsTouched) {\n            resolve(null);\n        }\n        element.addEventListener('mouseover', update, { once: true, passive: true });\n        element.addEventListener('touchstart', update, { once: true, passive: true }); // avoid click related events to prevent SRs like NVDA from anouncing \"clickable\" https://github.com/nvaccess/nvda/issues/5830\n        element.addEventListener('keydown', update, { once: true, passive: true });\n        element.addEventListener('focus', update, { once: true, passive: true });\n    });\n}\nexport function onChildListMutation(element, fn) {\n    const observer = new MutationObserver(mutations => {\n        for (const mutation of mutations) {\n            if (mutation.type === 'childList') {\n                fn(mutation);\n            }\n        }\n    });\n    observer.observe(element, { childList: true });\n    return observer;\n}\nexport function listenForAttributeChange(element, attrName, fn) {\n    const observer = new MutationObserver(mutations => {\n        if (mutations.find(m => m.attributeName === attrName)) {\n            fn(element.getAttribute(attrName));\n        }\n    });\n    observer.observe(element, { attributes: true });\n    return observer;\n}\nexport function listenForAttributeListChange(element, attrNames, fn) {\n    const observer = new MutationObserver(mutations => {\n        const mutation = mutations.find(m => attrNames.find(i => m.attributeName === i));\n        if (mutation) {\n            fn(element.getAttribute(mutation.attributeName));\n        }\n    });\n    observer.observe(element, { attributes: true, attributeFilter: attrNames, subtree: true });\n    return observer;\n}\n"],"names":["stopEvent","event","preventDefault","stopPropagation","getElementUpdates","element","propertyKey","callback","hasAttribute","getAttribute","undefined","_valueTracker","updatedProp","Object","getOwnPropertyDescriptor","getPrototypeOf","isJestTest","defineProperty","get","set","val","call","listenForAttributeChange","onFirstInteraction","Promise","resolve","update","__cdsTouched","addEventListener","once","passive","onChildListMutation","fn","observer","MutationObserver","mutations","mutation","type","observe","childList","attrName","find","m","attributeName","attributes","listenForAttributeListChange","attrNames","i","attributeFilter","subtree"],"mappings":"8CAMO,SAASA,EAAUC,GACtBA,EAAMC,iBACND,EAAME,kBAEE,MAACC,EAAoB,CAACC,EAASC,EAAaC,KAChDF,EAAQG,aAAaF,GACrBC,EAASF,EAAQI,aAAaH,SAEAI,IAAzBL,EAAQC,IACbC,EAASF,EAAQC,KAKjBD,EAAQM,eAAkC,YAAhBL,GAA6C,UAAhBA,IACvDD,EAAQM,cAAgB,MAE5B,MAAMC,EAAcC,OAAOC,yBAAyBD,OAAOE,eAAeV,GAAUC,GAWpF,OATIM,IAAgBI,KAChBH,OAAOI,eAAeZ,EAASC,EAAa,CACxCY,IAAKN,EAAYM,IACjBC,IAAKC,IACDb,EAASa,GACTR,EAAYO,IAAIE,KAAKhB,EAASe,MAInCE,EAAyBjB,EAASC,GAAac,GAAOb,EAASa,MAEnE,SAASG,EAAmBlB,GAC/B,OAAO,IAAImB,SAAQC,IACf,MAAMC,EAAS,KACXD,EAAQ,MACRpB,EAAQsB,cAAe,GAEvBtB,EAAQsB,cACRF,EAAQ,MAEZpB,EAAQuB,iBAAiB,YAAaF,EAAQ,CAAEG,MAAM,EAAMC,SAAS,IACrEzB,EAAQuB,iBAAiB,aAAcF,EAAQ,CAAEG,MAAM,EAAMC,SAAS,IACtEzB,EAAQuB,iBAAiB,UAAWF,EAAQ,CAAEG,MAAM,EAAMC,SAAS,IACnEzB,EAAQuB,iBAAiB,QAASF,EAAQ,CAAEG,MAAM,EAAMC,SAAS,OAGlE,SAASC,EAAoB1B,EAAS2B,GACzC,MAAMC,EAAW,IAAIC,kBAAiBC,IAClC,IAAK,MAAMC,KAAYD,EACG,cAAlBC,EAASC,MACTL,EAAGI,MAKf,OADAH,EAASK,QAAQjC,EAAS,CAAEkC,WAAW,IAChCN,EAEJ,SAASX,EAAyBjB,EAASmC,EAAUR,GACxD,MAAMC,EAAW,IAAIC,kBAAiBC,IAC9BA,EAAUM,MAAKC,GAAKA,EAAEC,gBAAkBH,KACxCR,EAAG3B,EAAQI,aAAa+B,OAIhC,OADAP,EAASK,QAAQjC,EAAS,CAAEuC,YAAY,IACjCX,EAEJ,SAASY,EAA6BxC,EAASyC,EAAWd,GAC7D,MAAMC,EAAW,IAAIC,kBAAiBC,IAClC,MAAMC,EAAWD,EAAUM,MAAKC,GAAKI,EAAUL,MAAKM,GAAKL,EAAEC,gBAAkBI,MACzEX,GACAJ,EAAG3B,EAAQI,aAAa2B,EAASO,mBAIzC,OADAV,EAASK,QAAQjC,EAAS,CAAEuC,YAAY,EAAMI,gBAAiBF,EAAWG,SAAS,IAC5EhB"}
+{"version":3,"file":"events.js","sources":["../../../../src/internal/utils/events.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { isJsdomTest } from './environment.js';\nexport function stopEvent(event) {\n    event.preventDefault();\n    event.stopPropagation();\n}\nexport const getElementUpdates = (element, propertyKey, callback) => {\n    if (element.hasAttribute(propertyKey)) {\n        callback(element.getAttribute(propertyKey));\n    }\n    else if (element[propertyKey] !== undefined) {\n        callback(element[propertyKey]);\n    }\n    // React: disable input tracker to setup property observer. React re-creates tracker on input changes\n    // https://github.com/facebook/react/blob/9198a5cec0936a21a5ba194a22fcbac03eba5d1d/packages/react-dom/src/client/inputValueTracking.js#L51\n    // https://github.com/vmware/clarity/issues/5625\n    if (element._valueTracker && (propertyKey === 'checked' || propertyKey === 'value')) {\n        element._valueTracker = null;\n    }\n    const updatedProp = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), propertyKey);\n    //  Tests using JSDom break defining a new property, so skip\n    if (updatedProp && !isJsdomTest()) {\n        Object.defineProperty(element, propertyKey, {\n            get: updatedProp.get,\n            set: val => {\n                callback(val);\n                updatedProp.set.call(element, val);\n            },\n        });\n    }\n    return listenForAttributeChange(element, propertyKey, val => callback(val));\n};\nexport function onFirstInteraction(element) {\n    return new Promise(resolve => {\n        const update = () => {\n            resolve(null);\n            element.__cdsTouched = true;\n        };\n        if (element.__cdsTouched) {\n            resolve(null);\n        }\n        element.addEventListener('mouseover', update, { once: true, passive: true });\n        element.addEventListener('touchstart', update, { once: true, passive: true }); // avoid click related events to prevent SRs like NVDA from anouncing \"clickable\" https://github.com/nvaccess/nvda/issues/5830\n        element.addEventListener('keydown', update, { once: true, passive: true });\n        element.addEventListener('focus', update, { once: true, passive: true });\n    });\n}\nexport function onChildListMutation(element, fn) {\n    const observer = new MutationObserver(mutations => {\n        for (const mutation of mutations) {\n            if (mutation.type === 'childList') {\n                fn(mutation);\n            }\n        }\n    });\n    observer.observe(element, { childList: true });\n    return observer;\n}\nexport function listenForAttributeChange(element, attrName, fn) {\n    const observer = new MutationObserver(mutations => {\n        if (mutations.find(m => m.attributeName === attrName)) {\n            fn(element.getAttribute(attrName));\n        }\n    });\n    observer.observe(element, { attributes: true });\n    return observer;\n}\nexport function listenForAttributeListChange(element, attrNames, fn) {\n    const observer = new MutationObserver(mutations => {\n        const mutation = mutations.find(m => attrNames.find(i => m.attributeName === i));\n        if (mutation) {\n            fn(element.getAttribute(mutation.attributeName));\n        }\n    });\n    observer.observe(element, { attributes: true, attributeFilter: attrNames, subtree: true });\n    return observer;\n}\n"],"names":["stopEvent","event","preventDefault","stopPropagation","getElementUpdates","element","propertyKey","callback","hasAttribute","getAttribute","undefined","_valueTracker","updatedProp","Object","getOwnPropertyDescriptor","getPrototypeOf","isJsdomTest","defineProperty","get","set","val","call","listenForAttributeChange","onFirstInteraction","Promise","resolve","update","__cdsTouched","addEventListener","once","passive","onChildListMutation","fn","observer","MutationObserver","mutations","mutation","type","observe","childList","attrName","find","m","attributeName","attributes","listenForAttributeListChange","attrNames","i","attributeFilter","subtree"],"mappings":"+CAMO,SAASA,EAAUC,GACtBA,EAAMC,iBACND,EAAME,kBAEE,MAACC,EAAoB,CAACC,EAASC,EAAaC,KAChDF,EAAQG,aAAaF,GACrBC,EAASF,EAAQI,aAAaH,SAEAI,IAAzBL,EAAQC,IACbC,EAASF,EAAQC,KAKjBD,EAAQM,eAAkC,YAAhBL,GAA6C,UAAhBA,IACvDD,EAAQM,cAAgB,MAE5B,MAAMC,EAAcC,OAAOC,yBAAyBD,OAAOE,eAAeV,GAAUC,GAWpF,OATIM,IAAgBI,KAChBH,OAAOI,eAAeZ,EAASC,EAAa,CACxCY,IAAKN,EAAYM,IACjBC,IAAKC,IACDb,EAASa,GACTR,EAAYO,IAAIE,KAAKhB,EAASe,MAInCE,EAAyBjB,EAASC,GAAac,GAAOb,EAASa,MAEnE,SAASG,EAAmBlB,GAC/B,OAAO,IAAImB,SAAQC,IACf,MAAMC,EAAS,KACXD,EAAQ,MACRpB,EAAQsB,cAAe,GAEvBtB,EAAQsB,cACRF,EAAQ,MAEZpB,EAAQuB,iBAAiB,YAAaF,EAAQ,CAAEG,MAAM,EAAMC,SAAS,IACrEzB,EAAQuB,iBAAiB,aAAcF,EAAQ,CAAEG,MAAM,EAAMC,SAAS,IACtEzB,EAAQuB,iBAAiB,UAAWF,EAAQ,CAAEG,MAAM,EAAMC,SAAS,IACnEzB,EAAQuB,iBAAiB,QAASF,EAAQ,CAAEG,MAAM,EAAMC,SAAS,OAGlE,SAASC,EAAoB1B,EAAS2B,GACzC,MAAMC,EAAW,IAAIC,kBAAiBC,IAClC,IAAK,MAAMC,KAAYD,EACG,cAAlBC,EAASC,MACTL,EAAGI,MAKf,OADAH,EAASK,QAAQjC,EAAS,CAAEkC,WAAW,IAChCN,EAEJ,SAASX,EAAyBjB,EAASmC,EAAUR,GACxD,MAAMC,EAAW,IAAIC,kBAAiBC,IAC9BA,EAAUM,MAAKC,GAAKA,EAAEC,gBAAkBH,KACxCR,EAAG3B,EAAQI,aAAa+B,OAIhC,OADAP,EAASK,QAAQjC,EAAS,CAAEuC,YAAY,IACjCX,EAEJ,SAASY,EAA6BxC,EAASyC,EAAWd,GAC7D,MAAMC,EAAW,IAAIC,kBAAiBC,IAClC,MAAMC,EAAWD,EAAUM,MAAKC,GAAKI,EAAUL,MAAKM,GAAKL,EAAEC,gBAAkBI,MACzEX,GACAJ,EAAG3B,EAAQI,aAAa2B,EAASO,mBAIzC,OADAV,EAASK,QAAQjC,EAAS,CAAEuC,YAAY,EAAMI,gBAAiBF,EAAWG,SAAS,IAC5EhB"}

package/internal/utils/global.js

@@ -1,2 +1,2 @@
-import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.5.0";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
+import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.6.0";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
 //# sourceMappingURL=global.js.map

package/package.json

@@ -255,5 +255,5 @@
     "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
     "./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
   },
-  "version": "6.5.0"
+  "version": "6.6.0"
 }

package/styles/module.tokens.css

@@ -246,6 +246,7 @@
   --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-25: hsl(198, 33%, 99%);
   --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%);
@@ -273,6 +274,7 @@
   --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-450: var(--cds-global-color-construction-1000);
   --cds-global-typography-color-500: var(--cds-global-color-black);
   --cds-global-typography-font-weight-light: 300;
   --cds-global-typography-font-weight-regular: 400;
@@ -300,6 +302,7 @@
   --cds-global-typography-link-color-hover: var(--cds-global-color-blue-800);
   --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-link-on-colorbg: var(--cds-global-color-black);
   --cds-global-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
   --cds-global-typography-body-line-height: 1.42857em;
   --cds-global-typography-body-letter-spacing: -0.014286em;
@@ -344,6 +347,13 @@
   --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-typography-info-hover: var(--cds-global-color-blue-800);
+  --cds-global-typography-success-hover: var(--cds-global-color-green-800);
+  --cds-global-typography-warning-hover: var(--cds-global-color-ochre-900);
+  --cds-global-typography-danger-hover: var(--cds-global-color-red-800);
+  --cds-global-typography-neutral-hover: var(--cds-global-color-construction-700);
+  --cds-global-typography-disabled: var(--cds-global-color-construction-400);
+  --cds-global-typography-disabled-button: var(--cds-global-color-construction-500);
   --cds-global-animation-duration-instant: 0s;
   --cds-global-animation-duration-quickest: 0.1s;
   --cds-global-animation-duration-quicker: 0.15s;
@@ -389,13 +399,34 @@
   --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-app-background: var(--cds-global-color-construction-25);
   --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-background-dark: var(--cds-global-color-construction-200);
+  --cds-alias-object-container-background-inverse: var(--cds-global-color-construction-200);
+  --cds-alias-object-container-background-inverse-tint: var(--cds-global-color-construction-100);
+  --cds-alias-object-container-background-inverse-shade: var(--cds-global-color-construction-300);
   --cds-alias-object-container-border-color: var(--cds-global-color-construction-200);
+  --cds-alias-object-info-hover: var(--cds-global-color-blue-800);
+  --cds-alias-object-info-click: var(--cds-global-color-blue-900);
+  --cds-alias-object-info-secondary-hover: var(--cds-global-color-blue-50);
+  --cds-alias-object-success-hover: var(--cds-global-color-green-800);
+  --cds-alias-object-success-click: var(--cds-global-color-green-900);
+  --cds-alias-object-success-secondary-hover: var(--cds-global-color-green-50);
+  --cds-alias-object-warning-hover: var(--cds-global-color-ochre-600);
+  --cds-alias-object-warning-click: var(--cds-global-color-ochre-700);
+  --cds-alias-object-warning-secondary-hover: var(--cds-global-color-ochre-50);
+  --cds-alias-object-danger-hover: var(--cds-global-color-red-800);
+  --cds-alias-object-danger-click: var(--cds-global-color-red-900);
+  --cds-alias-object-danger-secondary-hover: var(--cds-global-color-red-50);
+  --cds-alias-object-neutral-hover: var(--cds-global-color-construction-700);
+  --cds-alias-object-neutral-click: var(--cds-global-color-construction-800);
+  --cds-alias-object-neutral-secondary-hover: var(--cds-global-color-construction-50);
+  --cds-alias-object-inverse-hover: var(--cds-global-color-construction-600);
+  --cds-alias-object-inverse-click: var(--cds-global-color-construction-800);
   --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);
@@ -419,6 +450,117 @@
   --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);
+  --cds-alias-utility-gray: var(--cds-global-color-construction-500);
+  --cds-alias-utility-gray-tint: var(--cds-global-color-construction-50);
+  --cds-alias-utility-gray-shade: var(--cds-global-color-construction-700);
+  --cds-alias-utility-blue: var(--cds-global-color-blue-700);
+  --cds-alias-utility-blue-tint: var(--cds-global-color-blue-50);
+  --cds-alias-utility-blue-shade: var(--cds-global-color-blue-800);
+  --cds-alias-utility-light-blue: var(--cds-global-color-blue-300);
+  --cds-alias-utility-light-blue-tint: var(--cds-global-color-blue-50);
+  --cds-alias-utility-light-blue-shade: var(--cds-global-color-blue-600);
+  --cds-alias-utility-dark-blue: var(--cds-global-color-azure-800);
+  --cds-alias-utility-dark-blue-tint: var(--cds-global-color-azure-50);
+  --cds-alias-utility-dark-blue-shade: var(--cds-global-color-azure-1000);
+  --cds-alias-utility-green: var(--cds-global-color-green-700);
+  --cds-alias-utility-green-tint: var(--cds-global-color-green-50);
+  --cds-alias-utility-green-shade: var(--cds-global-color-green-800);
+  --cds-alias-utility-yellow: var(--cds-global-color-ochre-500);
+  --cds-alias-utility-yellow-tint: var(--cds-global-color-ochre-100);
+  --cds-alias-utility-yellow-shade: var(--cds-global-color-ochre-700);
+  --cds-alias-utility-red: var(--cds-global-color-red-700);
+  --cds-alias-utility-red-tint: var(--cds-global-color-red-50);
+  --cds-alias-utility-red-shade: var(--cds-global-color-red-800);
+  --cds-alias-utility-tangerine: var(--cds-global-color-tangerine-400);
+  --cds-alias-utility-tangerine-tint: var(--cds-global-color-tangerine-50);
+  --cds-alias-utility-tangerine-shade: var(--cds-global-color-tangerine-600);
+  --cds-alias-utility-violet: var(--cds-global-color-violet-600);
+  --cds-alias-utility-violet-tint: var(--cds-global-color-violet-50);
+  --cds-alias-utility-violet-shade: var(--cds-global-color-violet-800);
+  --cds-alias-typography-color-100: var(--cds-);
+  --cds-alias-typography-color-200: var(--cds-);
+  --cds-alias-typography-color-300: var(--cds-);
+  --cds-alias-typography-color-400: var(--cds-);
+  --cds-alias-typography-color-450: var(--cds-);
+  --cds-alias-typography-color-500: var(--cds-);
+  --cds-alias-typography-font-weight-light: 300;
+  --cds-alias-typography-font-weight-regular: 400;
+  --cds-alias-typography-font-weight-medium: 500;
+  --cds-alias-typography-font-weight-semibold: 600;
+  --cds-alias-typography-font-weight-bold: 600;
+  --cds-alias-typography-font-weight-extrabold: 600;
+  --cds-alias-typography-font-size-0: calc(10 * var(--cds-));
+  --cds-alias-typography-font-size-1: calc(11 * var(--cds-));
+  --cds-alias-typography-font-size-2: calc(12 * var(--cds-));
+  --cds-alias-typography-font-size-3: calc(13 * var(--cds-));
+  --cds-alias-typography-font-size-4: calc(14 * var(--cds-));
+  --cds-alias-typography-font-size-5: calc(16 * var(--cds-));
+  --cds-alias-typography-font-size-6: calc(20 * var(--cds-));
+  --cds-alias-typography-font-size-7: calc(24 * var(--cds-));
+  --cds-alias-typography-font-size-8: calc(32 * var(--cds-));
+  --cds-alias-typography-font-size-9: calc(40 * var(--cds-));
+  --cds-alias-typography-font-family: 'Clarity City', 'Avenir Next', sans-serif;
+  --cds-alias-typography-header-font-family: 'Clarity City', 'Avenir Next', sans-serif;
+  --cds-alias-typography-monospace-font-family: ui-monospace, Consolas, Menlo, Monaco, monospace;
+  --cds-alias-typography-top-gap-height: 0.1475em;
+  --cds-alias-typography-ascender-height: 0.1703em;
+  --cds-alias-typography-x-height: 0.517em;
+  --cds-alias-typography-link-color: var(--cds-);
+  --cds-alias-typography-link-color-hover: var(--cds-);
+  --cds-alias-typography-link-color-visited: var(--cds-);
+  --cds-alias-typography-link-color-visited-hover: var(--cds-);
+  --cds-alias-typography-link-on-colorbg: var(--cds-);
+  --cds-alias-typography-body-font-size: calc(14 * var(--cds-));
+  --cds-alias-typography-body-line-height: 1.42857em;
+  --cds-alias-typography-body-letter-spacing: -0.014286em;
+  --cds-alias-typography-body-font-weight: 400;
+  --cds-alias-typography-display-font-size: calc(40 * var(--cds-));
+  --cds-alias-typography-display-line-height: 1.1em;
+  --cds-alias-typography-display-letter-spacing: -0.0125em;
+  --cds-alias-typography-display-font-weight: 400;
+  --cds-alias-typography-heading-font-size: calc(32 * var(--cds-));
+  --cds-alias-typography-heading-line-height: 1.125em;
+  --cds-alias-typography-heading-letter-spacing: -0.0125em;
+  --cds-alias-typography-heading-font-weight: 400;
+  --cds-alias-typography-headline-font-size: calc(32 * var(--cds-));
+  --cds-alias-typography-headline-line-height: 1.125em;
+  --cds-alias-typography-headline-letter-spacing: -0.0125em;
+  --cds-alias-typography-headline-font-weight: 400;
+  --cds-alias-typography-title-font-size: calc(24 * var(--cds-));
+  --cds-alias-typography-title-line-height: 1.16667em;
+  --cds-alias-typography-title-letter-spacing: -0.008333em;
+  --cds-alias-typography-title-font-weight: 400;
+  --cds-alias-typography-section-font-size: calc(20 * var(--cds-));
+  --cds-alias-typography-section-line-height: 1.2em;
+  --cds-alias-typography-section-letter-spacing: -0.01em;
+  --cds-alias-typography-section-font-weight: 400;
+  --cds-alias-typography-subsection-font-size: calc(16 * var(--cds-));
+  --cds-alias-typography-subsection-line-height: 1.25em;
+  --cds-alias-typography-subsection-letter-spacing: -0.0125em;
+  --cds-alias-typography-subsection-font-weight: 400;
+  --cds-alias-typography-message-font-size: calc(16 * var(--cds-));
+  --cds-alias-typography-message-line-height: 1.25em;
+  --cds-alias-typography-message-letter-spacing: -0.0125em;
+  --cds-alias-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
+  --cds-alias-typography-secondary-font-size: calc(13 * var(--cds-));
+  --cds-alias-typography-secondary-line-height: 1.23077em;
+  --cds-alias-typography-secondary-letter-spacing: -0.007692em;
+  --cds-alias-typography-secondary-font-weight: 400;
+  --cds-alias-typography-caption-font-size: calc(11 * var(--cds-));
+  --cds-alias-typography-caption-line-height: 1.454545em;
+  --cds-alias-typography-caption-letter-spacing: 0.018182em;
+  --cds-alias-typography-caption-font-weight: 400;
+  --cds-alias-typography-smallcaption-font-size: calc(10 * var(--cds-));
+  --cds-alias-typography-smallcaption-line-height: 1.2em;
+  --cds-alias-typography-smallcaption-letter-spacing: 0.05em;
+  --cds-alias-typography-smallcaption-font-weight: 500;
+  --cds-alias-typography-info-hover: var(--cds-);
+  --cds-alias-typography-success-hover: var(--cds-);
+  --cds-alias-typography-warning-hover: var(--cds-);
+  --cds-alias-typography-danger-hover: var(--cds-);
+  --cds-alias-typography-neutral-hover: var(--cds-);
+  --cds-alias-typography-disabled: var(--cds-);
+  --cds-alias-typography-disabled-button: var(--cds-);
   --cds-internal-scale-1: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));
   --cds-internal-scale-2: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));
   --cds-internal-scale-3: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography));

package/styles/module.tokens.min.css

@@ -1 +1 @@
-:root{--cds-global-base:20;--cds-global-scale-space:1;--cds-global-scale-layout-space:1;--cds-global-scale-typography:1;--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-layout-space-xxxs:calc(2 * var(--cds-internal-scale-1));--cds-global-layout-space-xxs:calc(4 * var(--cds-internal-scale-1));--cds-global-layout-space-xs:calc(8 * var(--cds-internal-scale-1));--cds-global-layout-space-sm:calc(12 * var(--cds-internal-scale-1));--cds-global-layout-space-md:calc(16 * var(--cds-internal-scale-1));--cds-global-layout-space-lg:calc(24 * var(--cds-internal-scale-1));--cds-global-layout-space-xl:calc(32 * var(--cds-internal-scale-1));--cds-global-layout-space-xxl:calc(48 * var(--cds-internal-scale-1));--cds-global-layout-space-xxxl:calc(64 * var(--cds-internal-scale-1));--cds-global-space-0:calc(0 * var(--cds-internal-scale-2));--cds-global-space-1:calc(1 * var(--cds-internal-scale-2));--cds-global-space-2:calc(2 * var(--cds-internal-scale-2));--cds-global-space-3:calc(4 * var(--cds-internal-scale-2));--cds-global-space-4:calc(6 * var(--cds-internal-scale-2));--cds-global-space-5:calc(8 * var(--cds-internal-scale-2));--cds-global-space-6:calc(12 * var(--cds-internal-scale-2));--cds-global-space-7:calc(16 * var(--cds-internal-scale-2));--cds-global-space-8:calc(18 * var(--cds-internal-scale-2));--cds-global-space-9:calc(24 * var(--cds-internal-scale-2));--cds-global-space-10:calc(32 * var(--cds-internal-scale-2));--cds-global-space-11:calc(36 * var(--cds-internal-scale-2));--cds-global-space-12:calc(48 * var(--cds-internal-scale-2));--cds-global-space-13:calc(64 * var(--cds-internal-scale-2));--cds-global-space-14:calc(72 * var(--cds-internal-scale-2));--cds-global-space-15:calc(96 * var(--cds-internal-scale-2));--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%, 59%);--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%, 22%);--cds-global-color-red-1000:hsl(7, 10%, 17%);--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%, 37%);--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, 32%, 14%);--cds-global-color-lime-50:hsl(66, 100%, 94%);--cds-global-color-lime-100:hsl(66, 95%, 83%);--cds-global-color-lime-200:hsl(66, 85%, 70%);--cds-global-color-lime-300:hsl(66, 80%, 58%);--cds-global-color-lime-400:hsl(66, 80%, 48%);--cds-global-color-lime-500:hsl(66, 90%, 41%);--cds-global-color-lime-600:hsl(66, 90%, 36%);--cds-global-color-lime-700:hsl(66, 100%, 28%);--cds-global-color-lime-800:hsl(66, 100%, 22%);--cds-global-color-lime-900:hsl(66, 100%, 12%);--cds-global-color-lime-1000:hsl(66, 100%, 7%);--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%, 56%);--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:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc(10 * var(--cds-internal-scale-3));--cds-global-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-global-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-global-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-global-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--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-700);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-800);--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-headline-line-height:1.125em;--cds-global-typography-headline-letter-spacing:-0.0125em;--cds-global-typography-headline-font-weight:400;--cds-global-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-global-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-alias-object-border-radius-100:calc(4 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-200:calc(12 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc(1 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-200:calc(2 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-300:calc(3 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-400:calc(4 * (1rem / var(--cds-global-base)));--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 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 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-outline:Highlight solid 2px;--cds-alias-object-interaction-outline-webkit:5px auto -webkit-focus-ring-color;--cds-alias-object-interaction-outline-offset:1px;--cds-alias-object-interaction-touch-target:calc(36 * (1rem / var(--cds-global-base)));--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-danger-dark:var(--cds-global-color-red-900);--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);--cds-internal-scale-1:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));--cds-internal-scale-2:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));--cds-internal-scale-3:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))}
+:root{--cds-global-base:20;--cds-global-scale-space:1;--cds-global-scale-layout-space:1;--cds-global-scale-typography:1;--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-layout-space-xxxs:calc(2 * var(--cds-internal-scale-1));--cds-global-layout-space-xxs:calc(4 * var(--cds-internal-scale-1));--cds-global-layout-space-xs:calc(8 * var(--cds-internal-scale-1));--cds-global-layout-space-sm:calc(12 * var(--cds-internal-scale-1));--cds-global-layout-space-md:calc(16 * var(--cds-internal-scale-1));--cds-global-layout-space-lg:calc(24 * var(--cds-internal-scale-1));--cds-global-layout-space-xl:calc(32 * var(--cds-internal-scale-1));--cds-global-layout-space-xxl:calc(48 * var(--cds-internal-scale-1));--cds-global-layout-space-xxxl:calc(64 * var(--cds-internal-scale-1));--cds-global-space-0:calc(0 * var(--cds-internal-scale-2));--cds-global-space-1:calc(1 * var(--cds-internal-scale-2));--cds-global-space-2:calc(2 * var(--cds-internal-scale-2));--cds-global-space-3:calc(4 * var(--cds-internal-scale-2));--cds-global-space-4:calc(6 * var(--cds-internal-scale-2));--cds-global-space-5:calc(8 * var(--cds-internal-scale-2));--cds-global-space-6:calc(12 * var(--cds-internal-scale-2));--cds-global-space-7:calc(16 * var(--cds-internal-scale-2));--cds-global-space-8:calc(18 * var(--cds-internal-scale-2));--cds-global-space-9:calc(24 * var(--cds-internal-scale-2));--cds-global-space-10:calc(32 * var(--cds-internal-scale-2));--cds-global-space-11:calc(36 * var(--cds-internal-scale-2));--cds-global-space-12:calc(48 * var(--cds-internal-scale-2));--cds-global-space-13:calc(64 * var(--cds-internal-scale-2));--cds-global-space-14:calc(72 * var(--cds-internal-scale-2));--cds-global-space-15:calc(96 * var(--cds-internal-scale-2));--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%, 59%);--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%, 22%);--cds-global-color-red-1000:hsl(7, 10%, 17%);--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%, 37%);--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, 32%, 14%);--cds-global-color-lime-50:hsl(66, 100%, 94%);--cds-global-color-lime-100:hsl(66, 95%, 83%);--cds-global-color-lime-200:hsl(66, 85%, 70%);--cds-global-color-lime-300:hsl(66, 80%, 58%);--cds-global-color-lime-400:hsl(66, 80%, 48%);--cds-global-color-lime-500:hsl(66, 90%, 41%);--cds-global-color-lime-600:hsl(66, 90%, 36%);--cds-global-color-lime-700:hsl(66, 100%, 28%);--cds-global-color-lime-800:hsl(66, 100%, 22%);--cds-global-color-lime-900:hsl(66, 100%, 12%);--cds-global-color-lime-1000:hsl(66, 100%, 7%);--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-25:hsl(198, 33%, 99%);--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%, 56%);--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-450:var(--cds-global-color-construction-1000);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc(10 * var(--cds-internal-scale-3));--cds-global-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-global-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-global-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-global-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-global-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-global-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-global-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-global-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--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-700);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-800);--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-link-on-colorbg:var(--cds-global-color-black);--cds-global-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-headline-font-size:calc(32 * var(--cds-internal-scale-3));--cds-global-typography-headline-line-height:1.125em;--cds-global-typography-headline-letter-spacing:-0.0125em;--cds-global-typography-headline-font-weight:400;--cds-global-typography-title-font-size:calc(24 * var(--cds-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-global-typography-secondary-font-size:calc(13 * var(--cds-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-typography-info-hover:var(--cds-global-color-blue-800);--cds-global-typography-success-hover:var(--cds-global-color-green-800);--cds-global-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-global-typography-danger-hover:var(--cds-global-color-red-800);--cds-global-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-global-typography-disabled:var(--cds-global-color-construction-400);--cds-global-typography-disabled-button:var(--cds-global-color-construction-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-alias-object-border-radius-100:calc(4 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-200:calc(12 * (1rem / var(--cds-global-base)));--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc(1 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-200:calc(2 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-300:calc(3 * (1rem / var(--cds-global-base)));--cds-alias-object-border-width-400:calc(4 * (1rem / var(--cds-global-base)));--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 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 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-outline:Highlight solid 2px;--cds-alias-object-interaction-outline-webkit:5px auto -webkit-focus-ring-color;--cds-alias-object-interaction-outline-offset:1px;--cds-alias-object-interaction-touch-target:calc(36 * (1rem / var(--cds-global-base)));--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-construction-25);--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-background-dark:var(--cds-global-color-construction-200);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-200);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-100);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-300);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-object-info-hover:var(--cds-global-color-blue-800);--cds-alias-object-info-click:var(--cds-global-color-blue-900);--cds-alias-object-info-secondary-hover:var(--cds-global-color-blue-50);--cds-alias-object-success-hover:var(--cds-global-color-green-800);--cds-alias-object-success-click:var(--cds-global-color-green-900);--cds-alias-object-success-secondary-hover:var(--cds-global-color-green-50);--cds-alias-object-warning-hover:var(--cds-global-color-ochre-600);--cds-alias-object-warning-click:var(--cds-global-color-ochre-700);--cds-alias-object-warning-secondary-hover:var(--cds-global-color-ochre-50);--cds-alias-object-danger-hover:var(--cds-global-color-red-800);--cds-alias-object-danger-click:var(--cds-global-color-red-900);--cds-alias-object-danger-secondary-hover:var(--cds-global-color-red-50);--cds-alias-object-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-object-neutral-click:var(--cds-global-color-construction-800);--cds-alias-object-neutral-secondary-hover:var(--cds-global-color-construction-50);--cds-alias-object-inverse-hover:var(--cds-global-color-construction-600);--cds-alias-object-inverse-click:var(--cds-global-color-construction-800);--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-danger-dark:var(--cds-global-color-red-900);--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);--cds-alias-utility-gray:var(--cds-global-color-construction-500);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-50);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-700);--cds-alias-utility-blue:var(--cds-global-color-blue-700);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-800);--cds-alias-utility-light-blue:var(--cds-global-color-blue-300);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-50);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-600);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-800);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-50);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-1000);--cds-alias-utility-green:var(--cds-global-color-green-700);--cds-alias-utility-green-tint:var(--cds-global-color-green-50);--cds-alias-utility-green-shade:var(--cds-global-color-green-800);--cds-alias-utility-yellow:var(--cds-global-color-ochre-500);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-100);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-700);--cds-alias-utility-red:var(--cds-global-color-red-700);--cds-alias-utility-red-tint:var(--cds-global-color-red-50);--cds-alias-utility-red-shade:var(--cds-global-color-red-800);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-400);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-50);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-600);--cds-alias-utility-violet:var(--cds-global-color-violet-600);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-50);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-800);--cds-alias-typography-color-100:var(--cds-);--cds-alias-typography-color-200:var(--cds-);--cds-alias-typography-color-300:var(--cds-);--cds-alias-typography-color-400:var(--cds-);--cds-alias-typography-color-450:var(--cds-);--cds-alias-typography-color-500:var(--cds-);--cds-alias-typography-font-weight-light:300;--cds-alias-typography-font-weight-regular:400;--cds-alias-typography-font-weight-medium:500;--cds-alias-typography-font-weight-semibold:600;--cds-alias-typography-font-weight-bold:600;--cds-alias-typography-font-weight-extrabold:600;--cds-alias-typography-font-size-0:calc(10 * var(--cds-));--cds-alias-typography-font-size-1:calc(11 * var(--cds-));--cds-alias-typography-font-size-2:calc(12 * var(--cds-));--cds-alias-typography-font-size-3:calc(13 * var(--cds-));--cds-alias-typography-font-size-4:calc(14 * var(--cds-));--cds-alias-typography-font-size-5:calc(16 * var(--cds-));--cds-alias-typography-font-size-6:calc(20 * var(--cds-));--cds-alias-typography-font-size-7:calc(24 * var(--cds-));--cds-alias-typography-font-size-8:calc(32 * var(--cds-));--cds-alias-typography-font-size-9:calc(40 * var(--cds-));--cds-alias-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-alias-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-alias-typography-top-gap-height:0.1475em;--cds-alias-typography-ascender-height:0.1703em;--cds-alias-typography-x-height:0.517em;--cds-alias-typography-link-color:var(--cds-);--cds-alias-typography-link-color-hover:var(--cds-);--cds-alias-typography-link-color-visited:var(--cds-);--cds-alias-typography-link-color-visited-hover:var(--cds-);--cds-alias-typography-link-on-colorbg:var(--cds-);--cds-alias-typography-body-font-size:calc(14 * var(--cds-));--cds-alias-typography-body-line-height:1.42857em;--cds-alias-typography-body-letter-spacing:-0.014286em;--cds-alias-typography-body-font-weight:400;--cds-alias-typography-display-font-size:calc(40 * var(--cds-));--cds-alias-typography-display-line-height:1.1em;--cds-alias-typography-display-letter-spacing:-0.0125em;--cds-alias-typography-display-font-weight:400;--cds-alias-typography-heading-font-size:calc(32 * var(--cds-));--cds-alias-typography-heading-line-height:1.125em;--cds-alias-typography-heading-letter-spacing:-0.0125em;--cds-alias-typography-heading-font-weight:400;--cds-alias-typography-headline-font-size:calc(32 * var(--cds-));--cds-alias-typography-headline-line-height:1.125em;--cds-alias-typography-headline-letter-spacing:-0.0125em;--cds-alias-typography-headline-font-weight:400;--cds-alias-typography-title-font-size:calc(24 * var(--cds-));--cds-alias-typography-title-line-height:1.16667em;--cds-alias-typography-title-letter-spacing:-0.008333em;--cds-alias-typography-title-font-weight:400;--cds-alias-typography-section-font-size:calc(20 * var(--cds-));--cds-alias-typography-section-line-height:1.2em;--cds-alias-typography-section-letter-spacing:-0.01em;--cds-alias-typography-section-font-weight:400;--cds-alias-typography-subsection-font-size:calc(16 * var(--cds-));--cds-alias-typography-subsection-line-height:1.25em;--cds-alias-typography-subsection-letter-spacing:-0.0125em;--cds-alias-typography-subsection-font-weight:400;--cds-alias-typography-message-font-size:calc(16 * var(--cds-));--cds-alias-typography-message-line-height:1.25em;--cds-alias-typography-message-letter-spacing:-0.0125em;--cds-alias-typography-message-font-weight:calc(400 * (1rem / var(--cds-global-base)));--cds-alias-typography-secondary-font-size:calc(13 * var(--cds-));--cds-alias-typography-secondary-line-height:1.23077em;--cds-alias-typography-secondary-letter-spacing:-0.007692em;--cds-alias-typography-secondary-font-weight:400;--cds-alias-typography-caption-font-size:calc(11 * var(--cds-));--cds-alias-typography-caption-line-height:1.454545em;--cds-alias-typography-caption-letter-spacing:0.018182em;--cds-alias-typography-caption-font-weight:400;--cds-alias-typography-smallcaption-font-size:calc(10 * var(--cds-));--cds-alias-typography-smallcaption-line-height:1.2em;--cds-alias-typography-smallcaption-letter-spacing:0.05em;--cds-alias-typography-smallcaption-font-weight:500;--cds-alias-typography-info-hover:var(--cds-);--cds-alias-typography-success-hover:var(--cds-);--cds-alias-typography-warning-hover:var(--cds-);--cds-alias-typography-danger-hover:var(--cds-);--cds-alias-typography-neutral-hover:var(--cds-);--cds-alias-typography-disabled:var(--cds-);--cds-alias-typography-disabled-button:var(--cds-);--cds-internal-scale-1:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));--cds-internal-scale-2:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));--cds-internal-scale-3:calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))}

package/styles/theme.dark.css

@@ -17,6 +17,9 @@
   --cds-alias-object-container-background: var(--cds-global-color-construction-900);
   --cds-alias-object-container-background-tint: var(--cds-global-color-construction-1000);
   --cds-alias-object-container-background-shade: var(--cds-global-color-construction-800);
+  --cds-alias-object-container-background-inverse: var(--cds-global-color-construction-600);
+  --cds-alias-object-container-background-inverse-tint: var(--cds-global-color-construction-500);
+  --cds-alias-object-container-background-inverse-shade: var(--cds-global-color-construction-800);
   --cds-alias-object-container-border-color: var(--cds-global-color-black);
   --cds-alias-object-overlay-background: var(--cds-global-color-construction-900);
   --cds-alias-object-border-color: var(--cds-global-color-construction-500);
@@ -37,6 +40,24 @@
   --cds-alias-object-interaction-background-disabled: var(--cds-global-color-construction-700);
   --cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-400);
   --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-300);
+  --cds-alias-object-interaction-info-hover: var(--cds-global-color-blue-300);
+  --cds-alias-object-interaction-info-click: var(--cds-global-color-blue-500);
+  --cds-alias-object-interaction-info-secondary-hover: var(--cds-global-color-blue-1000);
+  --cds-alias-object-interaction-success-hover: var(--cds-global-color-green-400);
+  --cds-alias-object-interaction-success-click: var(--cds-global-color-green-600);
+  --cds-alias-object-interaction-success-secondary-hover: var(--cds-global-color-green-1000);
+  --cds-alias-object-interaction-warning-hover: var(--cds-global-color-yellow-300);
+  --cds-alias-object-interaction-warning-click: var(--cds-global-color-yellow-500);
+  --cds-alias-object-interaction-warning-secondary-hover: var(--cds-global-color-yellow-1000);
+  --cds-alias-object-interaction-danger-hover: var(--cds-global-color-red-400);
+  --cds-alias-object-interaction-danger-click: var(--cds-global-color-red-600);
+  --cds-alias-object-interaction-danger-secondary-hover: var(--cds-global-color-red-1000);
+  --cds-alias-object-interaction-neutral-hover: var(--cds-global-color-construction-200);
+  --cds-alias-object-interaction-neutral-click: var(--cds-global-color-construction-400);
+  --cds-alias-object-interaction-neutral-secondary-hover: var(--cds-global-color-construction-800);
+  --cds-alias-object-interaction-inverse-hover: var(--cds-global-color-construction-700);
+  --cds-alias-object-interaction-inverse-click: var(--cds-global-color-construction-800);
+  --cds-alias-object-container-background-dark: var(--cds-global-color-construction-800);
   --cds-alias-status-tint: transparent;
   --cds-alias-status-info: var(--cds-global-color-blue-400);
   --cds-alias-status-info-tint: var(--cds-global-color-blue-800);
@@ -58,4 +79,40 @@
   --cds-alias-status-disabled: var(--cds-global-color-construction-600);
   --cds-alias-status-disabled-tint: var(--cds-global-color-construction-700);
   --cds-alias-status-disabled-shade: var(--cds-global-color-construction-500);
+  --cds-alias-typography-color-450: var(--cds-global-color-construction-50);
+  --cds-alias-typography-disabled-button: var(--cds-global-color-construction-900);
+  --cds-alias-typography-disabled: var(--cds-global-color-construction-500);
+  --cds-alias-typography-info-hover: var(--cds-global-color-blue-200);
+  --cds-alias-typography-success-hover: var(--cds-global-color-green-400);
+  --cds-alias-typography-warning-hover: var(--cds-global-color-yellow-600);
+  --cds-alias-typography-danger-hover: var(--cds-global-color-red-400);
+  --cds-alias-typography-neutral-hover: var(--cds-global-color-construction-200);
+  --cds-alias-typography-link-on-colorbg: var(--cds-global-color-construction-1000);
+  --cds-alias-utility-gray: var(--cds-global-color-construction-300);
+  --cds-alias-utility-gray-tint: var(--cds-global-color-construction-1000);
+  --cds-alias-utility-gray-shade: var(--cds-global-color-construction-200);
+  --cds-alias-utility-blue: var(--cds-global-color-blue-300);
+  --cds-alias-utility-blue-tint: var(--cds-global-color-blue-1000);
+  --cds-alias-utility-blue-shade: var(--cds-global-color-blue-200);
+  --cds-alias-utility-light-blue: var(--cds-global-color-blue-700);
+  --cds-alias-utility-light-blue-tint: var(--cds-global-color-blue-1000);
+  --cds-alias-utility-light-blue-shade: var(--cds-global-color-blue-500);
+  --cds-alias-utility-dark-blue: var(--cds-global-color-azure-200);
+  --cds-alias-utility-dark-blue-tint: var(--cds-global-color-azure-1000);
+  --cds-alias-utility-dark-blue-shade: var(--cds-global-color-azure-50);
+  --cds-alias-utility-green: var(--cds-global-color-green-400);
+  --cds-alias-utility-green-tint: var(--cds-global-color-green-1000);
+  --cds-alias-utility-green-shade: var(--cds-global-color-green-200);
+  --cds-alias-utility-yellow: var(--cds-global-color-ochre-400);
+  --cds-alias-utility-yellow-tint: var(--cds-global-color-ochre-900);
+  --cds-alias-utility-yellow-shade: var(--cds-global-color-ochre-300);
+  --cds-alias-utility-red: var(--cds-global-color-red-300);
+  --cds-alias-utility-red-tint: var(--cds-global-color-red-1000);
+  --cds-alias-utility-red-shade: var(--cds-global-color-red-200);
+  --cds-alias-utility-tangerine: var(--cds-global-color-tangerine-600);
+  --cds-alias-utility-tangerine-tint: var(--cds-global-color-tangerine-1000);
+  --cds-alias-utility-tangerine-shade: var(--cds-global-color-tangerine-400);
+  --cds-alias-utility-violet: var(--cds-global-color-violet-400);
+  --cds-alias-utility-violet-tint: var(--cds-global-color-violet-1000);
+  --cds-alias-utility-violet-shade: var(--cds-global-color-violet-200);
 }

package/styles/theme.dark.min.css

@@ -1 +1 @@
-[cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-300);--cds-global-typography-color-100:var(--cds-global-color-black);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-200);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-300);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-800);--cds-alias-status-info-shade:var(--cds-global-color-blue-500);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-800);--cds-alias-status-success-shade:var(--cds-global-color-green-600);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-600);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-700);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-tint:var(--cds-global-color-red-800);--cds-alias-status-danger-shade:var(--cds-global-color-red-600);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-700);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-400);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-500)}
+[cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-300);--cds-global-typography-color-100:var(--cds-global-color-black);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-200);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-background-inverse:var(--cds-global-color-construction-600);--cds-alias-object-container-background-inverse-tint:var(--cds-global-color-construction-500);--cds-alias-object-container-background-inverse-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-300);--cds-alias-object-interaction-info-hover:var(--cds-global-color-blue-300);--cds-alias-object-interaction-info-click:var(--cds-global-color-blue-500);--cds-alias-object-interaction-info-secondary-hover:var(--cds-global-color-blue-1000);--cds-alias-object-interaction-success-hover:var(--cds-global-color-green-400);--cds-alias-object-interaction-success-click:var(--cds-global-color-green-600);--cds-alias-object-interaction-success-secondary-hover:var(--cds-global-color-green-1000);--cds-alias-object-interaction-warning-hover:var(--cds-global-color-yellow-300);--cds-alias-object-interaction-warning-click:var(--cds-global-color-yellow-500);--cds-alias-object-interaction-warning-secondary-hover:var(--cds-global-color-yellow-1000);--cds-alias-object-interaction-danger-hover:var(--cds-global-color-red-400);--cds-alias-object-interaction-danger-click:var(--cds-global-color-red-600);--cds-alias-object-interaction-danger-secondary-hover:var(--cds-global-color-red-1000);--cds-alias-object-interaction-neutral-hover:var(--cds-global-color-construction-200);--cds-alias-object-interaction-neutral-click:var(--cds-global-color-construction-400);--cds-alias-object-interaction-neutral-secondary-hover:var(--cds-global-color-construction-800);--cds-alias-object-interaction-inverse-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-inverse-click:var(--cds-global-color-construction-800);--cds-alias-object-container-background-dark:var(--cds-global-color-construction-800);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-800);--cds-alias-status-info-shade:var(--cds-global-color-blue-500);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-800);--cds-alias-status-success-shade:var(--cds-global-color-green-600);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-600);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-700);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-tint:var(--cds-global-color-red-800);--cds-alias-status-danger-shade:var(--cds-global-color-red-600);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-700);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-400);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-500);--cds-alias-typography-color-450:var(--cds-global-color-construction-50);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-900);--cds-alias-typography-disabled:var(--cds-global-color-construction-500);--cds-alias-typography-info-hover:var(--cds-global-color-blue-200);--cds-alias-typography-success-hover:var(--cds-global-color-green-400);--cds-alias-typography-warning-hover:var(--cds-global-color-yellow-600);--cds-alias-typography-danger-hover:var(--cds-global-color-red-400);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-200);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-construction-1000);--cds-alias-utility-gray:var(--cds-global-color-construction-300);--cds-alias-utility-gray-tint:var(--cds-global-color-construction-1000);--cds-alias-utility-gray-shade:var(--cds-global-color-construction-200);--cds-alias-utility-blue:var(--cds-global-color-blue-300);--cds-alias-utility-blue-tint:var(--cds-global-color-blue-1000);--cds-alias-utility-blue-shade:var(--cds-global-color-blue-200);--cds-alias-utility-light-blue:var(--cds-global-color-blue-700);--cds-alias-utility-light-blue-tint:var(--cds-global-color-blue-1000);--cds-alias-utility-light-blue-shade:var(--cds-global-color-blue-500);--cds-alias-utility-dark-blue:var(--cds-global-color-azure-200);--cds-alias-utility-dark-blue-tint:var(--cds-global-color-azure-1000);--cds-alias-utility-dark-blue-shade:var(--cds-global-color-azure-50);--cds-alias-utility-green:var(--cds-global-color-green-400);--cds-alias-utility-green-tint:var(--cds-global-color-green-1000);--cds-alias-utility-green-shade:var(--cds-global-color-green-200);--cds-alias-utility-yellow:var(--cds-global-color-ochre-400);--cds-alias-utility-yellow-tint:var(--cds-global-color-ochre-900);--cds-alias-utility-yellow-shade:var(--cds-global-color-ochre-300);--cds-alias-utility-red:var(--cds-global-color-red-300);--cds-alias-utility-red-tint:var(--cds-global-color-red-1000);--cds-alias-utility-red-shade:var(--cds-global-color-red-200);--cds-alias-utility-tangerine:var(--cds-global-color-tangerine-600);--cds-alias-utility-tangerine-tint:var(--cds-global-color-tangerine-1000);--cds-alias-utility-tangerine-shade:var(--cds-global-color-tangerine-400);--cds-alias-utility-violet:var(--cds-global-color-violet-400);--cds-alias-utility-violet-tint:var(--cds-global-color-violet-1000);--cds-alias-utility-violet-shade:var(--cds-global-color-violet-200)}