@cds/core 6.6.0 → 6.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/global.css +39 -39
- package/global.min.css +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +39 -39
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +18 -0
- package/styles/theme.dark.min.css +1 -1
- package/styles/theme.high-contrast.css +7 -0
- package/styles/theme.high-contrast.min.css +1 -1
- package/tokens/tokens.android.xml +18 -18
- package/tokens/tokens.json +18 -18
package/internal/utils/global.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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.
|
|
1
|
+
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.1";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};
|
|
2
2
|
//# sourceMappingURL=global.js.map
|
package/package.json
CHANGED
package/styles/module.tokens.css
CHANGED
|
@@ -477,90 +477,90 @@
|
|
|
477
477
|
--cds-alias-utility-violet: var(--cds-global-color-violet-600);
|
|
478
478
|
--cds-alias-utility-violet-tint: var(--cds-global-color-violet-50);
|
|
479
479
|
--cds-alias-utility-violet-shade: var(--cds-global-color-violet-800);
|
|
480
|
-
--cds-alias-typography-color-100: var(--cds-);
|
|
481
|
-
--cds-alias-typography-color-200: var(--cds-);
|
|
482
|
-
--cds-alias-typography-color-300: var(--cds-);
|
|
483
|
-
--cds-alias-typography-color-400: var(--cds-);
|
|
484
|
-
--cds-alias-typography-color-450: var(--cds-);
|
|
485
|
-
--cds-alias-typography-color-500: var(--cds-);
|
|
480
|
+
--cds-alias-typography-color-100: var(--cds-global-color-white);
|
|
481
|
+
--cds-alias-typography-color-200: var(--cds-global-color-construction-600);
|
|
482
|
+
--cds-alias-typography-color-300: var(--cds-global-color-construction-800);
|
|
483
|
+
--cds-alias-typography-color-400: var(--cds-global-color-construction-900);
|
|
484
|
+
--cds-alias-typography-color-450: var(--cds-global-color-construction-1000);
|
|
485
|
+
--cds-alias-typography-color-500: var(--cds-global-color-black);
|
|
486
486
|
--cds-alias-typography-font-weight-light: 300;
|
|
487
487
|
--cds-alias-typography-font-weight-regular: 400;
|
|
488
488
|
--cds-alias-typography-font-weight-medium: 500;
|
|
489
489
|
--cds-alias-typography-font-weight-semibold: 600;
|
|
490
490
|
--cds-alias-typography-font-weight-bold: 600;
|
|
491
491
|
--cds-alias-typography-font-weight-extrabold: 600;
|
|
492
|
-
--cds-alias-typography-font-size-0: calc(10 * var(--cds-));
|
|
493
|
-
--cds-alias-typography-font-size-1: calc(11 * var(--cds-));
|
|
494
|
-
--cds-alias-typography-font-size-2: calc(12 * var(--cds-));
|
|
495
|
-
--cds-alias-typography-font-size-3: calc(13 * var(--cds-));
|
|
496
|
-
--cds-alias-typography-font-size-4: calc(14 * var(--cds-));
|
|
497
|
-
--cds-alias-typography-font-size-5: calc(16 * var(--cds-));
|
|
498
|
-
--cds-alias-typography-font-size-6: calc(20 * var(--cds-));
|
|
499
|
-
--cds-alias-typography-font-size-7: calc(24 * var(--cds-));
|
|
500
|
-
--cds-alias-typography-font-size-8: calc(32 * var(--cds-));
|
|
501
|
-
--cds-alias-typography-font-size-9: calc(40 * var(--cds-));
|
|
492
|
+
--cds-alias-typography-font-size-0: calc(10 * var(--cds-internal-scale-3));
|
|
493
|
+
--cds-alias-typography-font-size-1: calc(11 * var(--cds-internal-scale-3));
|
|
494
|
+
--cds-alias-typography-font-size-2: calc(12 * var(--cds-internal-scale-3));
|
|
495
|
+
--cds-alias-typography-font-size-3: calc(13 * var(--cds-internal-scale-3));
|
|
496
|
+
--cds-alias-typography-font-size-4: calc(14 * var(--cds-internal-scale-3));
|
|
497
|
+
--cds-alias-typography-font-size-5: calc(16 * var(--cds-internal-scale-3));
|
|
498
|
+
--cds-alias-typography-font-size-6: calc(20 * var(--cds-internal-scale-3));
|
|
499
|
+
--cds-alias-typography-font-size-7: calc(24 * var(--cds-internal-scale-3));
|
|
500
|
+
--cds-alias-typography-font-size-8: calc(32 * var(--cds-internal-scale-3));
|
|
501
|
+
--cds-alias-typography-font-size-9: calc(40 * var(--cds-internal-scale-3));
|
|
502
502
|
--cds-alias-typography-font-family: 'Clarity City', 'Avenir Next', sans-serif;
|
|
503
503
|
--cds-alias-typography-header-font-family: 'Clarity City', 'Avenir Next', sans-serif;
|
|
504
504
|
--cds-alias-typography-monospace-font-family: ui-monospace, Consolas, Menlo, Monaco, monospace;
|
|
505
505
|
--cds-alias-typography-top-gap-height: 0.1475em;
|
|
506
506
|
--cds-alias-typography-ascender-height: 0.1703em;
|
|
507
507
|
--cds-alias-typography-x-height: 0.517em;
|
|
508
|
-
--cds-alias-typography-link-color: var(--cds-);
|
|
509
|
-
--cds-alias-typography-link-color-hover: var(--cds-);
|
|
510
|
-
--cds-alias-typography-link-color-visited: var(--cds-);
|
|
511
|
-
--cds-alias-typography-link-color-visited-hover: var(--cds-);
|
|
512
|
-
--cds-alias-typography-link-on-colorbg: var(--cds-);
|
|
513
|
-
--cds-alias-typography-body-font-size: calc(14 * var(--cds-));
|
|
508
|
+
--cds-alias-typography-link-color: var(--cds-global-color-blue-700);
|
|
509
|
+
--cds-alias-typography-link-color-hover: var(--cds-global-color-blue-800);
|
|
510
|
+
--cds-alias-typography-link-color-visited: var(--cds-global-color-lavender-600);
|
|
511
|
+
--cds-alias-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
|
|
512
|
+
--cds-alias-typography-link-on-colorbg: var(--cds-global-color-black);
|
|
513
|
+
--cds-alias-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
|
|
514
514
|
--cds-alias-typography-body-line-height: 1.42857em;
|
|
515
515
|
--cds-alias-typography-body-letter-spacing: -0.014286em;
|
|
516
516
|
--cds-alias-typography-body-font-weight: 400;
|
|
517
|
-
--cds-alias-typography-display-font-size: calc(40 * var(--cds-));
|
|
517
|
+
--cds-alias-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
|
|
518
518
|
--cds-alias-typography-display-line-height: 1.1em;
|
|
519
519
|
--cds-alias-typography-display-letter-spacing: -0.0125em;
|
|
520
520
|
--cds-alias-typography-display-font-weight: 400;
|
|
521
|
-
--cds-alias-typography-heading-font-size: calc(32 * var(--cds-));
|
|
521
|
+
--cds-alias-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
522
522
|
--cds-alias-typography-heading-line-height: 1.125em;
|
|
523
523
|
--cds-alias-typography-heading-letter-spacing: -0.0125em;
|
|
524
524
|
--cds-alias-typography-heading-font-weight: 400;
|
|
525
|
-
--cds-alias-typography-headline-font-size: calc(32 * var(--cds-));
|
|
525
|
+
--cds-alias-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
|
|
526
526
|
--cds-alias-typography-headline-line-height: 1.125em;
|
|
527
527
|
--cds-alias-typography-headline-letter-spacing: -0.0125em;
|
|
528
528
|
--cds-alias-typography-headline-font-weight: 400;
|
|
529
|
-
--cds-alias-typography-title-font-size: calc(24 * var(--cds-));
|
|
529
|
+
--cds-alias-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
|
|
530
530
|
--cds-alias-typography-title-line-height: 1.16667em;
|
|
531
531
|
--cds-alias-typography-title-letter-spacing: -0.008333em;
|
|
532
532
|
--cds-alias-typography-title-font-weight: 400;
|
|
533
|
-
--cds-alias-typography-section-font-size: calc(20 * var(--cds-));
|
|
533
|
+
--cds-alias-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
|
|
534
534
|
--cds-alias-typography-section-line-height: 1.2em;
|
|
535
535
|
--cds-alias-typography-section-letter-spacing: -0.01em;
|
|
536
536
|
--cds-alias-typography-section-font-weight: 400;
|
|
537
|
-
--cds-alias-typography-subsection-font-size: calc(16 * var(--cds-));
|
|
537
|
+
--cds-alias-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
538
538
|
--cds-alias-typography-subsection-line-height: 1.25em;
|
|
539
539
|
--cds-alias-typography-subsection-letter-spacing: -0.0125em;
|
|
540
540
|
--cds-alias-typography-subsection-font-weight: 400;
|
|
541
|
-
--cds-alias-typography-message-font-size: calc(16 * var(--cds-));
|
|
541
|
+
--cds-alias-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
|
|
542
542
|
--cds-alias-typography-message-line-height: 1.25em;
|
|
543
543
|
--cds-alias-typography-message-letter-spacing: -0.0125em;
|
|
544
544
|
--cds-alias-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
|
|
545
|
-
--cds-alias-typography-secondary-font-size: calc(13 * var(--cds-));
|
|
545
|
+
--cds-alias-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
|
|
546
546
|
--cds-alias-typography-secondary-line-height: 1.23077em;
|
|
547
547
|
--cds-alias-typography-secondary-letter-spacing: -0.007692em;
|
|
548
548
|
--cds-alias-typography-secondary-font-weight: 400;
|
|
549
|
-
--cds-alias-typography-caption-font-size: calc(11 * var(--cds-));
|
|
549
|
+
--cds-alias-typography-caption-font-size: calc(11 * var(--cds-internal-scale-3));
|
|
550
550
|
--cds-alias-typography-caption-line-height: 1.454545em;
|
|
551
551
|
--cds-alias-typography-caption-letter-spacing: 0.018182em;
|
|
552
552
|
--cds-alias-typography-caption-font-weight: 400;
|
|
553
|
-
--cds-alias-typography-smallcaption-font-size: calc(10 * var(--cds-));
|
|
553
|
+
--cds-alias-typography-smallcaption-font-size: calc(10 * var(--cds-internal-scale-3));
|
|
554
554
|
--cds-alias-typography-smallcaption-line-height: 1.2em;
|
|
555
555
|
--cds-alias-typography-smallcaption-letter-spacing: 0.05em;
|
|
556
556
|
--cds-alias-typography-smallcaption-font-weight: 500;
|
|
557
|
-
--cds-alias-typography-info-hover: var(--cds-);
|
|
558
|
-
--cds-alias-typography-success-hover: var(--cds-);
|
|
559
|
-
--cds-alias-typography-warning-hover: var(--cds-);
|
|
560
|
-
--cds-alias-typography-danger-hover: var(--cds-);
|
|
561
|
-
--cds-alias-typography-neutral-hover: var(--cds-);
|
|
562
|
-
--cds-alias-typography-disabled: var(--cds-);
|
|
563
|
-
--cds-alias-typography-disabled-button: var(--cds-);
|
|
557
|
+
--cds-alias-typography-info-hover: var(--cds-global-color-blue-800);
|
|
558
|
+
--cds-alias-typography-success-hover: var(--cds-global-color-green-800);
|
|
559
|
+
--cds-alias-typography-warning-hover: var(--cds-global-color-ochre-900);
|
|
560
|
+
--cds-alias-typography-danger-hover: var(--cds-global-color-red-800);
|
|
561
|
+
--cds-alias-typography-neutral-hover: var(--cds-global-color-construction-700);
|
|
562
|
+
--cds-alias-typography-disabled: var(--cds-global-color-construction-400);
|
|
563
|
+
--cds-alias-typography-disabled-button: var(--cds-global-color-construction-500);
|
|
564
564
|
--cds-internal-scale-1: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));
|
|
565
565
|
--cds-internal-scale-2: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));
|
|
566
566
|
--cds-internal-scale-3: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography));
|
|
@@ -1 +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-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))}
|
|
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-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-global-color-white);--cds-alias-typography-color-200:var(--cds-global-color-construction-600);--cds-alias-typography-color-300:var(--cds-global-color-construction-800);--cds-alias-typography-color-400:var(--cds-global-color-construction-900);--cds-alias-typography-color-450:var(--cds-global-color-construction-1000);--cds-alias-typography-color-500:var(--cds-global-color-black);--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-internal-scale-3));--cds-alias-typography-font-size-1:calc(11 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-2:calc(12 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-3:calc(13 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-4:calc(14 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-5:calc(16 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-6:calc(20 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-7:calc(24 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-8:calc(32 * var(--cds-internal-scale-3));--cds-alias-typography-font-size-9:calc(40 * var(--cds-internal-scale-3));--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-global-color-blue-700);--cds-alias-typography-link-color-hover:var(--cds-global-color-blue-800);--cds-alias-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-alias-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-alias-typography-link-on-colorbg:var(--cds-global-color-black);--cds-alias-typography-body-font-size:calc(14 * var(--cds-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-internal-scale-3));--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-global-color-blue-800);--cds-alias-typography-success-hover:var(--cds-global-color-green-800);--cds-alias-typography-warning-hover:var(--cds-global-color-ochre-900);--cds-alias-typography-danger-hover:var(--cds-global-color-red-800);--cds-alias-typography-neutral-hover:var(--cds-global-color-construction-700);--cds-alias-typography-disabled:var(--cds-global-color-construction-400);--cds-alias-typography-disabled-button:var(--cds-global-color-construction-500);--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
CHANGED
|
@@ -13,6 +13,24 @@
|
|
|
13
13
|
--cds-global-typography-link-color-hover: var(--cds-global-color-blue-200);
|
|
14
14
|
--cds-global-typography-link-color-visited: var(--cds-global-color-lavender-300);
|
|
15
15
|
--cds-global-typography-link-color-visited-hover: var(--cds-global-color-lavender-200);
|
|
16
|
+
--cds-global-typography-color-450: var(--cds-global-color-construction-50);
|
|
17
|
+
--cds-global-typography-disabled-button: var(--cds-global-color-construction-900);
|
|
18
|
+
--cds-global-typography-disabled: var(--cds-global-color-construction-500);
|
|
19
|
+
--cds-global-typography-info-hover: var(--cds-global-color-blue-200);
|
|
20
|
+
--cds-global-typography-success-hover: var(--cds-global-color-green-400);
|
|
21
|
+
--cds-global-typography-warning-hover: var(--cds-global-color-yellow-600);
|
|
22
|
+
--cds-global-typography-danger-hover: var(--cds-global-color-red-400);
|
|
23
|
+
--cds-global-typography-neutral-hover: var(--cds-global-color-construction-200);
|
|
24
|
+
--cds-global-typography-link-on-colorbg: var(--cds-global-color-construction-1000);
|
|
25
|
+
--cds-alias-typography-color-500: var(--cds-global-color-white);
|
|
26
|
+
--cds-alias-typography-color-400: var(--cds-global-color-construction-100);
|
|
27
|
+
--cds-alias-typography-color-300: var(--cds-global-color-construction-200);
|
|
28
|
+
--cds-alias-typography-color-200: var(--cds-global-color-construction-300);
|
|
29
|
+
--cds-alias-typography-color-100: var(--cds-global-color-black);
|
|
30
|
+
--cds-alias-typography-link-color: var(--cds-global-color-blue-400);
|
|
31
|
+
--cds-alias-typography-link-color-hover: var(--cds-global-color-blue-200);
|
|
32
|
+
--cds-alias-typography-link-color-visited: var(--cds-global-color-lavender-300);
|
|
33
|
+
--cds-alias-typography-link-color-visited-hover: var(--cds-global-color-lavender-200);
|
|
16
34
|
--cds-alias-object-app-background: var(--cds-global-color-construction-1000);
|
|
17
35
|
--cds-alias-object-container-background: var(--cds-global-color-construction-900);
|
|
18
36
|
--cds-alias-object-container-background-tint: var(--cds-global-color-construction-1000);
|
|
@@ -1 +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-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)}
|
|
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-global-typography-color-450:var(--cds-global-color-construction-50);--cds-global-typography-disabled-button:var(--cds-global-color-construction-900);--cds-global-typography-disabled:var(--cds-global-color-construction-500);--cds-global-typography-info-hover:var(--cds-global-color-blue-200);--cds-global-typography-success-hover:var(--cds-global-color-green-400);--cds-global-typography-warning-hover:var(--cds-global-color-yellow-600);--cds-global-typography-danger-hover:var(--cds-global-color-red-400);--cds-global-typography-neutral-hover:var(--cds-global-color-construction-200);--cds-global-typography-link-on-colorbg:var(--cds-global-color-construction-1000);--cds-alias-typography-color-500:var(--cds-global-color-white);--cds-alias-typography-color-400:var(--cds-global-color-construction-100);--cds-alias-typography-color-300:var(--cds-global-color-construction-200);--cds-alias-typography-color-200:var(--cds-global-color-construction-300);--cds-alias-typography-color-100:var(--cds-global-color-black);--cds-alias-typography-link-color:var(--cds-global-color-blue-400);--cds-alias-typography-link-color-hover:var(--cds-global-color-blue-200);--cds-alias-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-alias-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)}
|
|
@@ -16,6 +16,13 @@
|
|
|
16
16
|
--cds-global-typography-link-color-hover: ActiveText;
|
|
17
17
|
--cds-global-typography-link-color-visited: VisitedText;
|
|
18
18
|
--cds-global-typography-link-color-visited-hover: VisitedText;
|
|
19
|
+
--cds-alias-typography-color-500: CanvasText;
|
|
20
|
+
--cds-alias-typography-color-400: CanvasText;
|
|
21
|
+
--cds-alias-typography-color-300: CanvasText;
|
|
22
|
+
--cds-alias-typography-link-color: LinkText;
|
|
23
|
+
--cds-alias-typography-link-color-hover: ActiveText;
|
|
24
|
+
--cds-alias-typography-link-color-visited: VisitedText;
|
|
25
|
+
--cds-alias-typography-link-color-visited-hover: VisitedText;
|
|
19
26
|
--cds-alias-status-info: CanvasText;
|
|
20
27
|
--cds-alias-status-success: CanvasText;
|
|
21
28
|
--cds-alias-status-warning: CanvasText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[cds-theme~=high-contrast]{--cds-global-typography-color-500:CanvasText;--cds-global-typography-color-400:CanvasText;--cds-global-typography-color-300:CanvasText;--cds-global-typography-link-color:LinkText;--cds-global-typography-link-color-hover:ActiveText;--cds-global-typography-link-color-visited:VisitedText;--cds-global-typography-link-color-visited-hover:VisitedText;--cds-alias-status-info:CanvasText;--cds-alias-status-success:CanvasText;--cds-alias-status-warning:CanvasText;--cds-alias-status-danger:CanvasText;--cds-alias-status-neutral:GrayText;--cds-alias-status-neutral-tint:GrayText;--cds-alias-status-neutral-shade:GrayText;--cds-alias-object-border-color:CanvasText;--cds-alias-object-border-color-tint:CanvasText;--cds-alias-object-border-color-shade:CanvasText;--cds-alias-object-container-border-color:CanvasText;--cds-alias-object-app-background:Canvas;--cds-alias-object-interaction-color:ButtonText;--cds-alias-object-interaction-color-hover:HighlightText;--cds-alias-object-interaction-color-active:ActiveText;--cds-alias-object-interaction-color-selected:SelectedItemText;--cds-alias-object-interaction-color-disabled:GrayText;--cds-alias-object-interaction-border-color:CanvasText;--cds-alias-object-interaction-background:ButtonFace;--cds-alias-object-interaction-background-hover:Highlight;--cds-alias-object-interaction-background-active:Highlight;--cds-alias-object-interaction-background-selected:SelectedItem;--cds-alias-object-interaction-background-disabled:Canvas;--cds-alias-object-interaction-background-highlight:Highlight}
|
|
1
|
+
[cds-theme~=high-contrast]{--cds-global-typography-color-500:CanvasText;--cds-global-typography-color-400:CanvasText;--cds-global-typography-color-300:CanvasText;--cds-global-typography-link-color:LinkText;--cds-global-typography-link-color-hover:ActiveText;--cds-global-typography-link-color-visited:VisitedText;--cds-global-typography-link-color-visited-hover:VisitedText;--cds-alias-typography-color-500:CanvasText;--cds-alias-typography-color-400:CanvasText;--cds-alias-typography-color-300:CanvasText;--cds-alias-typography-link-color:LinkText;--cds-alias-typography-link-color-hover:ActiveText;--cds-alias-typography-link-color-visited:VisitedText;--cds-alias-typography-link-color-visited-hover:VisitedText;--cds-alias-status-info:CanvasText;--cds-alias-status-success:CanvasText;--cds-alias-status-warning:CanvasText;--cds-alias-status-danger:CanvasText;--cds-alias-status-neutral:GrayText;--cds-alias-status-neutral-tint:GrayText;--cds-alias-status-neutral-shade:GrayText;--cds-alias-object-border-color:CanvasText;--cds-alias-object-border-color-tint:CanvasText;--cds-alias-object-border-color-shade:CanvasText;--cds-alias-object-container-border-color:CanvasText;--cds-alias-object-app-background:Canvas;--cds-alias-object-interaction-color:ButtonText;--cds-alias-object-interaction-color-hover:HighlightText;--cds-alias-object-interaction-color-active:ActiveText;--cds-alias-object-interaction-color-selected:SelectedItemText;--cds-alias-object-interaction-color-disabled:GrayText;--cds-alias-object-interaction-border-color:CanvasText;--cds-alias-object-interaction-background:ButtonFace;--cds-alias-object-interaction-background-hover:Highlight;--cds-alias-object-interaction-background-active:Highlight;--cds-alias-object-interaction-background-selected:SelectedItem;--cds-alias-object-interaction-background-disabled:Canvas;--cds-alias-object-interaction-background-highlight:Highlight}
|
|
@@ -478,12 +478,12 @@
|
|
|
478
478
|
<color name="aliasUtilityViolet" alias="globalColorViolet600">#9b32c8</color>
|
|
479
479
|
<color name="aliasUtilityVioletTint" alias="globalColorViolet50">#faf0ff</color>
|
|
480
480
|
<color name="aliasUtilityVioletShade" alias="globalColorViolet800">#5d0085</color>
|
|
481
|
-
<color name="aliasTypographyColor100" alias="">#ffffff</color>
|
|
482
|
-
<color name="aliasTypographyColor200" alias="">#4f6169</color>
|
|
483
|
-
<color name="aliasTypographyColor300" alias="">#2d4048</color>
|
|
484
|
-
<color name="aliasTypographyColor400" alias="">#21333b</color>
|
|
485
|
-
<color name="aliasTypographyColor450" alias="">#1b2b32</color>
|
|
486
|
-
<color name="aliasTypographyColor500" alias="">#000000</color>
|
|
481
|
+
<color name="aliasTypographyColor100" alias="globalColorWhite">#ffffff</color>
|
|
482
|
+
<color name="aliasTypographyColor200" alias="globalColorConstruction600">#4f6169</color>
|
|
483
|
+
<color name="aliasTypographyColor300" alias="globalColorConstruction800">#2d4048</color>
|
|
484
|
+
<color name="aliasTypographyColor400" alias="globalColorConstruction900">#21333b</color>
|
|
485
|
+
<color name="aliasTypographyColor450" alias="globalColorConstruction1000">#1b2b32</color>
|
|
486
|
+
<color name="aliasTypographyColor500" alias="globalColorBlack">#000000</color>
|
|
487
487
|
<property name="aliasTypographyFontWeightLight">300</property>
|
|
488
488
|
<property name="aliasTypographyFontWeightRegular">400</property>
|
|
489
489
|
<property name="aliasTypographyFontWeightMedium">500</property>
|
|
@@ -506,11 +506,11 @@
|
|
|
506
506
|
<property name="aliasTypographyTopGapHeight">0.1475em</property>
|
|
507
507
|
<property name="aliasTypographyAscenderHeight">0.1703em</property>
|
|
508
508
|
<property name="aliasTypographyXHeight">0.517em</property>
|
|
509
|
-
<color name="aliasTypographyLinkColor" alias="">#0079ad</color>
|
|
510
|
-
<color name="aliasTypographyLinkColorHover" alias="">#00608a</color>
|
|
511
|
-
<color name="aliasTypographyLinkColorVisited" alias="">#3b40ce</color>
|
|
512
|
-
<color name="aliasTypographyLinkColorVisitedHover" alias="">#2429c2</color>
|
|
513
|
-
<color name="aliasTypographyLinkOnColorbg" alias="">#000000</color>
|
|
509
|
+
<color name="aliasTypographyLinkColor" alias="globalColorBlue700">#0079ad</color>
|
|
510
|
+
<color name="aliasTypographyLinkColorHover" alias="globalColorBlue800">#00608a</color>
|
|
511
|
+
<color name="aliasTypographyLinkColorVisited" alias="globalColorLavender600">#3b40ce</color>
|
|
512
|
+
<color name="aliasTypographyLinkColorVisitedHover" alias="globalColorLavender700">#2429c2</color>
|
|
513
|
+
<color name="aliasTypographyLinkOnColorbg" alias="globalColorBlack">#000000</color>
|
|
514
514
|
<property name="aliasTypographyBodyFontSize">14</property>
|
|
515
515
|
<property name="aliasTypographyBodyLineHeight">1.42857em</property>
|
|
516
516
|
<property name="aliasTypographyBodyLetterSpacing">-0.014286em</property>
|
|
@@ -555,13 +555,13 @@
|
|
|
555
555
|
<property name="aliasTypographySmallcaptionLineHeight">1.2em</property>
|
|
556
556
|
<property name="aliasTypographySmallcaptionLetterSpacing">0.05em</property>
|
|
557
557
|
<property name="aliasTypographySmallcaptionFontWeight">500</property>
|
|
558
|
-
<color name="aliasTypographyInfoHover" alias="">#00608a</color>
|
|
559
|
-
<color name="aliasTypographySuccessHover" alias="">#366a0c</color>
|
|
560
|
-
<color name="aliasTypographyWarningHover" alias="">#8a5300</color>
|
|
561
|
-
<color name="aliasTypographyDangerHover" alias="">#c21d00</color>
|
|
562
|
-
<color name="aliasTypographyNeutralHover" alias="">#3a4d55</color>
|
|
563
|
-
<color name="aliasTypographyDisabled" alias="">#859399</color>
|
|
564
|
-
<color name="aliasTypographyDisabledButton" alias="">#6a7a81</color>
|
|
558
|
+
<color name="aliasTypographyInfoHover" alias="globalColorBlue800">#00608a</color>
|
|
559
|
+
<color name="aliasTypographySuccessHover" alias="globalColorGreen800">#366a0c</color>
|
|
560
|
+
<color name="aliasTypographyWarningHover" alias="globalColorOchre900">#8a5300</color>
|
|
561
|
+
<color name="aliasTypographyDangerHover" alias="globalColorRed800">#c21d00</color>
|
|
562
|
+
<color name="aliasTypographyNeutralHover" alias="globalColorConstruction700">#3a4d55</color>
|
|
563
|
+
<color name="aliasTypographyDisabled" alias="globalColorConstruction400">#859399</color>
|
|
564
|
+
<color name="aliasTypographyDisabledButton" alias="globalColorConstruction500">#6a7a81</color>
|
|
565
565
|
<property name="internalScale1">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))</property>
|
|
566
566
|
<property name="internalScale2">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space))</property>
|
|
567
567
|
<property name="internalScale3">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))</property>
|
package/tokens/tokens.json
CHANGED
|
@@ -2926,7 +2926,7 @@
|
|
|
2926
2926
|
0,
|
|
2927
2927
|
100
|
|
2928
2928
|
],
|
|
2929
|
-
"alias": ""
|
|
2929
|
+
"alias": "globalColorWhite"
|
|
2930
2930
|
},
|
|
2931
2931
|
"aliasTypographyColor200": {
|
|
2932
2932
|
"value": [
|
|
@@ -2934,7 +2934,7 @@
|
|
|
2934
2934
|
14,
|
|
2935
2935
|
36
|
|
2936
2936
|
],
|
|
2937
|
-
"alias": ""
|
|
2937
|
+
"alias": "globalColorConstruction600"
|
|
2938
2938
|
},
|
|
2939
2939
|
"aliasTypographyColor300": {
|
|
2940
2940
|
"value": [
|
|
@@ -2942,7 +2942,7 @@
|
|
|
2942
2942
|
23,
|
|
2943
2943
|
23
|
|
2944
2944
|
],
|
|
2945
|
-
"alias": ""
|
|
2945
|
+
"alias": "globalColorConstruction800"
|
|
2946
2946
|
},
|
|
2947
2947
|
"aliasTypographyColor400": {
|
|
2948
2948
|
"value": [
|
|
@@ -2950,7 +2950,7 @@
|
|
|
2950
2950
|
28,
|
|
2951
2951
|
18
|
|
2952
2952
|
],
|
|
2953
|
-
"alias": ""
|
|
2953
|
+
"alias": "globalColorConstruction900"
|
|
2954
2954
|
},
|
|
2955
2955
|
"aliasTypographyColor450": {
|
|
2956
2956
|
"value": [
|
|
@@ -2958,7 +2958,7 @@
|
|
|
2958
2958
|
30,
|
|
2959
2959
|
15
|
|
2960
2960
|
],
|
|
2961
|
-
"alias": ""
|
|
2961
|
+
"alias": "globalColorConstruction1000"
|
|
2962
2962
|
},
|
|
2963
2963
|
"aliasTypographyColor500": {
|
|
2964
2964
|
"value": [
|
|
@@ -2966,7 +2966,7 @@
|
|
|
2966
2966
|
0,
|
|
2967
2967
|
0
|
|
2968
2968
|
],
|
|
2969
|
-
"alias": ""
|
|
2969
|
+
"alias": "globalColorBlack"
|
|
2970
2970
|
},
|
|
2971
2971
|
"aliasTypographyFontWeightLight": {
|
|
2972
2972
|
"value": "300"
|
|
@@ -3040,7 +3040,7 @@
|
|
|
3040
3040
|
100,
|
|
3041
3041
|
34
|
|
3042
3042
|
],
|
|
3043
|
-
"alias": ""
|
|
3043
|
+
"alias": "globalColorBlue700"
|
|
3044
3044
|
},
|
|
3045
3045
|
"aliasTypographyLinkColorHover": {
|
|
3046
3046
|
"value": [
|
|
@@ -3048,7 +3048,7 @@
|
|
|
3048
3048
|
100,
|
|
3049
3049
|
27
|
|
3050
3050
|
],
|
|
3051
|
-
"alias": ""
|
|
3051
|
+
"alias": "globalColorBlue800"
|
|
3052
3052
|
},
|
|
3053
3053
|
"aliasTypographyLinkColorVisited": {
|
|
3054
3054
|
"value": [
|
|
@@ -3056,7 +3056,7 @@
|
|
|
3056
3056
|
60,
|
|
3057
3057
|
52
|
|
3058
3058
|
],
|
|
3059
|
-
"alias": ""
|
|
3059
|
+
"alias": "globalColorLavender600"
|
|
3060
3060
|
},
|
|
3061
3061
|
"aliasTypographyLinkColorVisitedHover": {
|
|
3062
3062
|
"value": [
|
|
@@ -3064,7 +3064,7 @@
|
|
|
3064
3064
|
69,
|
|
3065
3065
|
45
|
|
3066
3066
|
],
|
|
3067
|
-
"alias": ""
|
|
3067
|
+
"alias": "globalColorLavender700"
|
|
3068
3068
|
},
|
|
3069
3069
|
"aliasTypographyLinkOnColorbg": {
|
|
3070
3070
|
"value": [
|
|
@@ -3072,7 +3072,7 @@
|
|
|
3072
3072
|
0,
|
|
3073
3073
|
0
|
|
3074
3074
|
],
|
|
3075
|
-
"alias": ""
|
|
3075
|
+
"alias": "globalColorBlack"
|
|
3076
3076
|
},
|
|
3077
3077
|
"aliasTypographyBodyFontSize": {
|
|
3078
3078
|
"value": 14
|
|
@@ -3212,7 +3212,7 @@
|
|
|
3212
3212
|
100,
|
|
3213
3213
|
27
|
|
3214
3214
|
],
|
|
3215
|
-
"alias": ""
|
|
3215
|
+
"alias": "globalColorBlue800"
|
|
3216
3216
|
},
|
|
3217
3217
|
"aliasTypographySuccessHover": {
|
|
3218
3218
|
"value": [
|
|
@@ -3220,7 +3220,7 @@
|
|
|
3220
3220
|
80,
|
|
3221
3221
|
23
|
|
3222
3222
|
],
|
|
3223
|
-
"alias": ""
|
|
3223
|
+
"alias": "globalColorGreen800"
|
|
3224
3224
|
},
|
|
3225
3225
|
"aliasTypographyWarningHover": {
|
|
3226
3226
|
"value": [
|
|
@@ -3228,7 +3228,7 @@
|
|
|
3228
3228
|
100,
|
|
3229
3229
|
27
|
|
3230
3230
|
],
|
|
3231
|
-
"alias": ""
|
|
3231
|
+
"alias": "globalColorOchre900"
|
|
3232
3232
|
},
|
|
3233
3233
|
"aliasTypographyDangerHover": {
|
|
3234
3234
|
"value": [
|
|
@@ -3236,7 +3236,7 @@
|
|
|
3236
3236
|
100,
|
|
3237
3237
|
38
|
|
3238
3238
|
],
|
|
3239
|
-
"alias": ""
|
|
3239
|
+
"alias": "globalColorRed800"
|
|
3240
3240
|
},
|
|
3241
3241
|
"aliasTypographyNeutralHover": {
|
|
3242
3242
|
"value": [
|
|
@@ -3244,7 +3244,7 @@
|
|
|
3244
3244
|
19,
|
|
3245
3245
|
28
|
|
3246
3246
|
],
|
|
3247
|
-
"alias": ""
|
|
3247
|
+
"alias": "globalColorConstruction700"
|
|
3248
3248
|
},
|
|
3249
3249
|
"aliasTypographyDisabled": {
|
|
3250
3250
|
"value": [
|
|
@@ -3252,7 +3252,7 @@
|
|
|
3252
3252
|
9,
|
|
3253
3253
|
56
|
|
3254
3254
|
],
|
|
3255
|
-
"alias": ""
|
|
3255
|
+
"alias": "globalColorConstruction400"
|
|
3256
3256
|
},
|
|
3257
3257
|
"aliasTypographyDisabledButton": {
|
|
3258
3258
|
"value": [
|
|
@@ -3260,7 +3260,7 @@
|
|
|
3260
3260
|
10,
|
|
3261
3261
|
46
|
|
3262
3262
|
],
|
|
3263
|
-
"alias": ""
|
|
3263
|
+
"alias": "globalColorConstruction500"
|
|
3264
3264
|
},
|
|
3265
3265
|
"internalScale1": {
|
|
3266
3266
|
"value": "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))"
|