@cds/core 5.2.1 → 5.4.1

package/textarea/index.js

@@ -1,7 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-export * from './textarea.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsTextarea}from"./textarea.element.js";import"@cds/core/forms";
+//# sourceMappingURL=index.js.map

package/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,uBAAuB,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nexport * from './textarea.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/textarea/register.js

@@ -1,10 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsTextarea } from './textarea.element.js';
-import '@cds/core/forms/register.js';
-registerElementSafely('cds-textarea', CdsTextarea);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsTextarea as e}from"./textarea.element.js";import"@cds/core/forms/register.js";r("cds-textarea",e);
+//# sourceMappingURL=register.js.map

package/textarea/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/textarea/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,6BAA6B,CAAC;AAErC,qBAAqB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTextarea } from './textarea.element.js';\nimport '@cds/core/forms/register.js';\n\nregisterElementSafely('cds-textarea', CdsTextarea);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-textarea': CdsTextarea;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/textarea/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsTextarea"],"mappings":"mJAQAA,EAAsB,eAAgBC"}

package/textarea/textarea.element.d.ts

@@ -24,5 +24,5 @@ import { CdsControl } from '@cds/core/forms';
  */
 export declare class CdsTextarea extends CdsControl {
     protected supportsPrefixSuffixActions: boolean;
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResultGroup[];
 }

package/textarea/textarea.element.js

@@ -1,40 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { CdsControl } from '@cds/core/forms';
-import { styles } from './textarea.element.css.js';
-/**
- * Form
- *
- * ```typescript
- * import '@cds/core/textarea/register.js';
- * ```
- *
- * ```html
- * <cds-textarea>
- *   <label>textarea</label>
- *   <textarea></textarea>
- *   <cds-control-message>message text</cds-control-message>
- * </cds-textarea>
- * ```
- * @element cds-textarea
- * @slot - For projecting cds-inputs
- * @cssprop --background
- * @cssprop --border
- * @cssprop --padding
- * @cssprop --font-size
- * @cssprop --color
- * @cssprop --border-radius
- */
-export class CdsTextarea extends CdsControl {
-    constructor() {
-        super(...arguments);
-        this.supportsPrefixSuffixActions = false;
-    }
-    static get styles() {
-        return [...super.styles, styles];
-    }
-}
-//# sourceMappingURL=textarea.element.js.map
+import{CdsControl as s}from"@cds/core/forms";import t from"./textarea.element.scss.js";class e extends s{constructor(){super(...arguments),this.supportsPrefixSuffixActions=!1}static get styles(){return[...super.styles,t]}}export{e as CdsTextarea};
+//# sourceMappingURL=textarea.element.js.map

package/textarea/textarea.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/textarea/textarea.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QACY,gCAA2B,GAAG,KAAK,CAAC;IAKhD,CAAC;IAHC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC;CACF","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CdsControl } from '@cds/core/forms';\nimport { styles } from './textarea.element.css.js';\n\n/**\n * Form\n *\n * ```typescript\n * import '@cds/core/textarea/register.js';\n * ```\n *\n * ```html\n * <cds-textarea>\n *   <label>textarea</label>\n *   <textarea></textarea>\n *   <cds-control-message>message text</cds-control-message>\n * </cds-textarea>\n * ```\n * @element cds-textarea\n * @slot - For projecting cds-inputs\n * @cssprop --background\n * @cssprop --border\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --border-radius\n */\nexport class CdsTextarea extends CdsControl {\n  protected supportsPrefixSuffixActions = false;\n\n  static get styles() {\n    return [...super.styles, styles];\n  }\n}\n"]}
+{"version":3,"file":"textarea.element.js","sources":["../../../src/textarea/textarea.element.ts"],"sourcesContent":null,"names":["CdsTextarea","CdsControl","[object Object]","super","arguments","this","supportsPrefixSuffixActions","styles"],"mappings":"uFA8BO,MAAMA,UAAoBC,EAC7BC,cACIC,SAASC,WACTC,KAAKC,6BAA8B,EAEvCC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA"}

package/textarea/textarea.element.scss.js

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

package/textarea/textarea.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/time/index.js

@@ -1,7 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-export * from './time.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsTime}from"./time.element.js";
+//# sourceMappingURL=index.js.map

package/time/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/time/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,mBAAmB,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nexport * from './time.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/time/register.js

@@ -1,11 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsTime } from './time.element.js';
-import '@cds/core/forms/register.js';
-import '@cds/core/icon/register.js';
-registerElementSafely('cds-time', CdsTime);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsTime as e}from"./time.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";r("cds-time",e);
+//# sourceMappingURL=register.js.map

package/time/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/time/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AAEpC,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTime } from './time.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/icon/register.js';\n\nregisterElementSafely('cds-time', CdsTime);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-time': CdsTime;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/time/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsTime"],"mappings":"8KASAA,EAAsB,WAAYC"}

package/time/time.element.d.ts

@@ -28,8 +28,8 @@ import { CdsControl } from '@cds/core/forms';
  * @cssprop --transition
  */
 export declare class CdsTime extends CdsControl {
-    protected globalStyles: import("lit-element").CSSResult;
-    protected get suffixDefaultTemplate(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
+    protected globalStyles: import("lit").CSSResultGroup;
+    protected get suffixDefaultTemplate(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
     constructor();
 }

package/time/time.element.js

@@ -1,58 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { __decorate } from "tslib";
-import { html } from 'lit-element';
-import { globalStyle } from '@cds/core/internal';
-import { CdsControl } from '@cds/core/forms';
-import { inputStyles } from '@cds/core/input';
-import { ClarityIcons } from '@cds/core/icon/icon.service.js';
-import { clockIcon } from '@cds/core/icon/shapes/clock.js';
-import { styles as globalStyles } from './time.global.css.js';
-/**
- * Time Input
- *
- * ```typescript
- * import '@cds/core/time/register.js';
- * ```
- *
- * ```html
- * <cds-time>
- *   <label>time</label>
- *   <input type="time" />
- *   <cds-control-message>message text</cds-control-message>
- * </cds-time>
- * ```
- *
- * @element cds-time
- * @slot - For projecting time input and label
- * @cssprop --background
- * @cssprop --background-size
- * @cssprop --border
- * @cssprop --border-bottom
- * @cssprop --outline
- * @cssprop --padding
- * @cssprop --font-size
- * @cssprop --color
- * @cssprop --line-height
- * @cssprop --transition
- */
-export class CdsTime extends CdsControl {
-    constructor() {
-        super();
-        this.globalStyles = globalStyles;
-        ClarityIcons.addIcons(clockIcon);
-    }
-    get suffixDefaultTemplate() {
-        return html `<cds-control-action readonly><cds-icon shape="clock" size="18"></cds-icon></cds-control-action>`;
-    }
-    static get styles() {
-        return [...super.styles, inputStyles];
-    }
-}
-__decorate([
-    globalStyle()
-], CdsTime.prototype, "globalStyles", void 0);
-//# sourceMappingURL=time.element.js.map
+import{__decorate as o}from"tslib";import{html as r}from"lit";import{globalStyle as s}from"@cds/core/internal";import{CdsControl as t}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as e}from"@cds/core/icon/icon.service.js";import{clockIcon as i}from"@cds/core/icon/shapes/clock.js";import l from"./time.global.scss.js";class m extends t{constructor(){super(),this.globalStyles=l,e.addIcons(i)}get suffixDefaultTemplate(){return r`<cds-control-action readonly="readonly"><cds-icon shape="clock" size="18"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}}o([s()],m.prototype,"globalStyles",void 0);export{m as CdsTime};
+//# sourceMappingURL=time.element.js.map

package/time/time.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.element.js","sourceRoot":"","sources":["../../../src/time/time.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAWrC;QACE,KAAK,EAAE,CAAC;QAXe,iBAAY,GAAG,YAAY,CAAC;QAYnD,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;IAXD,IAAc,qBAAqB;QACjC,OAAO,IAAI,CAAA,iGAAiG,CAAC;IAC/G,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACxC,CAAC;CAMF;AAdgB;IAAd,WAAW,EAAE;6CAAuC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { html } from 'lit-element';\nimport { globalStyle } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { clockIcon } from '@cds/core/icon/shapes/clock.js';\nimport { styles as globalStyles } from './time.global.css.js';\n\n/**\n * Time Input\n *\n * ```typescript\n * import '@cds/core/time/register.js';\n * ```\n *\n * ```html\n * <cds-time>\n *   <label>time</label>\n *   <input type=\"time\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-time>\n * ```\n *\n * @element cds-time\n * @slot - For projecting time input and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsTime extends CdsControl {\n  @globalStyle() protected globalStyles = globalStyles;\n\n  protected get suffixDefaultTemplate() {\n    return html`<cds-control-action readonly><cds-icon shape=\"clock\" size=\"18\"></cds-icon></cds-control-action>`;\n  }\n\n  static get styles() {\n    return [...super.styles, inputStyles];\n  }\n\n  constructor() {\n    super();\n    ClarityIcons.addIcons(clockIcon);\n  }\n}\n"]}
+{"version":3,"file":"time.element.js","sources":["../../../src/time/time.element.ts"],"sourcesContent":null,"names":["CdsTime","CdsControl","[object Object]","super","this","globalStyles","ClarityIcons","addIcons","clockIcon","suffixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"wWAyCO,MAAMA,UAAgBC,EACzBC,cACIC,QACAC,KAAKC,aAAeA,EACpBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,6GAEhBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQC,IAGjCC,EAAW,CACPC,KACDd,EAAQe,UAAW,oBAAgB"}

package/time/time.global.scss.js

@@ -0,0 +1,2 @@
+import{css as t}from"lit";var e=t`cds-time input[type=time]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;color:transparent;background:0 0;z-index:99}cds-time input[type=time]::-webkit-clear-button{display:none}cds-time input[type=time]::-ms-clear{display:none}`;export default e;
+//# sourceMappingURL=time.global.scss.js.map

package/time/time.global.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.global.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/toggle/index.js

@@ -1,8 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-export * from './toggle.element.js';
-export * from './toggle-group.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsToggle}from"./toggle.element.js";export{CdsToggleGroup}from"./toggle-group.element.js";import"@cds/core/forms";
+//# sourceMappingURL=index.js.map

package/toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nexport * from './toggle.element.js';\nexport * from './toggle-group.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/toggle/register.js

@@ -1,12 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsToggleGroup } from './toggle-group.element.js';
-import { CdsToggle } from './toggle.element.js';
-import '@cds/core/forms/register.js';
-registerElementSafely('cds-toggle', CdsToggle);
-registerElementSafely('cds-toggle-group', CdsToggleGroup);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as o}from"@cds/core/internal";import{CdsToggleGroup as e}from"./toggle-group.element.js";import{CdsToggle as r}from"./toggle.element.js";import"@cds/core/forms/register.js";o("cds-toggle",r),o("cds-toggle-group",e);
+//# sourceMappingURL=register.js.map

package/toggle/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/toggle/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,6BAA6B,CAAC;AAErC,qBAAqB,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAC/C,qBAAqB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsToggleGroup } from './toggle-group.element.js';\nimport { CdsToggle } from './toggle.element.js';\nimport '@cds/core/forms/register.js';\n\nregisterElementSafely('cds-toggle', CdsToggle);\nregisterElementSafely('cds-toggle-group', CdsToggleGroup);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-toggle-group': CdsToggleGroup;\n    'cds-toggle': CdsToggle;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/toggle/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsToggle","CdsToggleGroup"],"mappings":"0MASAA,EAAsB,aAAcC,GACpCD,EAAsB,mBAAoBE"}

package/toggle/toggle-group.element.js

@@ -1,34 +1,2 @@
-/*
- * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { CdsInternalControlGroup } from '@cds/core/forms';
-/**
- * Toggle Group
- *
- * ```typescript
- * import '@cds/core/toggle/register.js';
- * ```
- *
- * ```html
- * <cds-toggle-group>
- *   <label>Select an item</label>
- *   <cds-toggle>
- *     <label>toggle</label>
- *     <input type="checkbox" />
- *   </cds-toggle>
- *
- *   <cds-toggle>
- *     <label>toggle</label>
- *     <input type="checkbox" />
- *   </cds-toggle>
- * </cds-toggle-group>
- * ```
- *
- * @element cds-toggle-group
- * @slot - For projecting toggle controls
- */
-export class CdsToggleGroup extends CdsInternalControlGroup {
-}
-//# sourceMappingURL=toggle-group.element.js.map
+import{CdsInternalControlGroup as o}from"@cds/core/forms";class r extends o{}export{r as CdsToggleGroup};
+//# sourceMappingURL=toggle-group.element.js.map

package/toggle/toggle-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.element.js","sourceRoot":"","sources":["../../../src/toggle/toggle-group.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,OAAO,cAAe,SAAQ,uBAAuB;CAAG","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CdsInternalControlGroup } from '@cds/core/forms';\n\n/**\n * Toggle Group\n *\n * ```typescript\n * import '@cds/core/toggle/register.js';\n * ```\n *\n * ```html\n * <cds-toggle-group>\n *   <label>Select an item</label>\n *   <cds-toggle>\n *     <label>toggle</label>\n *     <input type=\"checkbox\" />\n *   </cds-toggle>\n *\n *   <cds-toggle>\n *     <label>toggle</label>\n *     <input type=\"checkbox\" />\n *   </cds-toggle>\n * </cds-toggle-group>\n * ```\n *\n * @element cds-toggle-group\n * @slot - For projecting toggle controls\n */\nexport class CdsToggleGroup extends CdsInternalControlGroup {}\n"]}
+{"version":3,"file":"toggle-group.element.js","sources":["../../../src/toggle/toggle-group.element.ts"],"sourcesContent":null,"names":["CdsToggleGroup","CdsInternalControlGroup"],"mappings":"0DA+BO,MAAMA,UAAuBC"}

package/toggle/toggle.element.d.ts

@@ -29,5 +29,5 @@ import { CdsInternalControlInline } from '@cds/core/forms';
 export declare class CdsToggle extends CdsInternalControlInline {
     cdsMotion: string;
     updated(props: Map<string, any>): Promise<void>;
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResultGroup[];
 }

package/toggle/toggle.element.js

@@ -1,59 +1,2 @@
-import { __decorate } from "tslib";
-/*
- * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { property } from '@cds/core/internal';
-import { CdsInternalControlInline } from '@cds/core/forms';
-import { styles } from './toggle.element.css.js';
-/**
- * Toggle
- *
- * ```typescript
- * import '@cds/core/toggle/register.js';
- * ```
- *
- * ```html
- * <cds-toggle>
- *   <label>Toggle</label>
- *   <input type="checkbox" />
- * </cds-toggle>
- * ```
- *
- * @element cds-toggle
- * @slot - For projecting checkbox
- * @cssprop --background
- * @cssprop --border
- * @cssprop --border-radius
- * @cssprop --height
- * @cssprop --width
- * @cssprop --anchor-background
- * @cssprop --anchor-border-radius
- * @cssprop --anchor-width
- * @cssprop --anchor-height
- * @cssprop --toggle-speed
- */
-export class CdsToggle extends CdsInternalControlInline {
-    constructor() {
-        super(...arguments);
-        this.cdsMotion = 'on';
-    }
-    async updated(props) {
-        super.updated(props);
-        // this section fixes an issue with toggles animating when the page loads
-        // note that setting cdsMotion to 'off' will turn off all animation
-        // https://github.com/vmware/clarity/issues/5880
-        if (props.has('cdsMotion') && this.cdsMotion === 'on') {
-            await this.updateComplete;
-            this.cdsMotion = 'ready';
-        }
-    }
-    static get styles() {
-        return [...super.styles, styles];
-    }
-}
-__decorate([
-    property({ type: String })
-], CdsToggle.prototype, "cdsMotion", void 0);
-//# sourceMappingURL=toggle.element.js.map
+import{__decorate as t}from"tslib";import{property as o}from"@cds/core/internal";import{CdsInternalControlInline as s}from"@cds/core/forms";import e from"./toggle.element.scss.js";class r extends s{constructor(){super(...arguments),this.cdsMotion="on"}async updated(t){super.updated(t),t.has("cdsMotion")&&"on"===this.cdsMotion&&(await this.updateComplete,this.cdsMotion="ready")}static get styles(){return[...super.styles,e]}}t([o({type:String})],r.prototype,"cdsMotion",void 0);export{r as CdsToggle};
+//# sourceMappingURL=toggle.element.js.map

package/toggle/toggle.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.element.js","sourceRoot":"","sources":["../../../src/toggle/toggle.element.ts"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,SAAU,SAAQ,wBAAwB;IAAvD;;QAEE,cAAS,GAAG,IAAI,CAAC;IAiBnB,CAAC;IAfC,KAAK,CAAC,OAAO,CAAC,KAAuB;QACnC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAErB,yEAAyE;QACzE,mEAAmE;QACnE,gDAAgD;QAChD,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE;YACrD,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;SAC1B;IACH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC;CACF;AAjBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACV","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { property } from '@cds/core/internal';\nimport { CdsInternalControlInline } from '@cds/core/forms';\nimport { styles } from './toggle.element.css.js';\n\n/**\n * Toggle\n *\n * ```typescript\n * import '@cds/core/toggle/register.js';\n * ```\n *\n * ```html\n * <cds-toggle>\n *   <label>Toggle</label>\n *   <input type=\"checkbox\" />\n * </cds-toggle>\n * ```\n *\n * @element cds-toggle\n * @slot - For projecting checkbox\n * @cssprop --background\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --anchor-background\n * @cssprop --anchor-border-radius\n * @cssprop --anchor-width\n * @cssprop --anchor-height\n * @cssprop --toggle-speed\n */\nexport class CdsToggle extends CdsInternalControlInline {\n  @property({ type: String })\n  cdsMotion = 'on';\n\n  async updated(props: Map<string, any>) {\n    super.updated(props);\n\n    // this section fixes an issue with toggles animating when the page loads\n    // note that setting cdsMotion to 'off' will turn off all animation\n    // https://github.com/vmware/clarity/issues/5880\n    if (props.has('cdsMotion') && this.cdsMotion === 'on') {\n      await this.updateComplete;\n      this.cdsMotion = 'ready';\n    }\n  }\n\n  static get styles() {\n    return [...super.styles, styles];\n  }\n}\n"]}
+{"version":3,"file":"toggle.element.js","sources":["../../../src/toggle/toggle.element.ts"],"sourcesContent":null,"names":["CdsToggle","CdsInternalControlInline","[object Object]","super","arguments","this","cdsMotion","props","updated","has","updateComplete","styles","__decorate","property","type","String","prototype"],"mappings":"oLAoCO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,UAAY,KAErBJ,cAAcK,GACVJ,MAAMK,QAAQD,GAIVA,EAAME,IAAI,cAAmC,OAAnBJ,KAAKC,kBACzBD,KAAKK,eACXL,KAAKC,UAAY,SAGzBK,oBACI,MAAO,IAAIR,MAAMQ,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBf,EAAUgB,UAAW,iBAAa"}

package/toggle/toggle.element.scss.js

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--width:calc(var(--cds-global-space-10, calc((32 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--anchor-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--anchor-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}`;export default r;
+//# sourceMappingURL=toggle.element.scss.js.map

package/toggle/toggle.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/tokens/tokens.android.xml

@@ -256,7 +256,7 @@
   <color name="globalTypographyColor300" alias="globalColorConstruction800">#2d4048</color>
   <color name="globalTypographyColor400" alias="globalColorConstruction900">#21333b</color>
   <color name="globalTypographyColor500" alias="globalColorBlack">#000000</color>
-  <property name="globalTypographyFontWeightLight">400</property>
+  <property name="globalTypographyFontWeightLight">200</property>
   <property name="globalTypographyFontWeightRegular">400</property>
   <property name="globalTypographyFontWeightMedium">500</property>
   <property name="globalTypographyFontWeightSemibold">500</property>
@@ -276,6 +276,7 @@
   <property name="globalTypographyBaseFontSizePx">20</property>
   <property name="globalTypographyFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
   <property name="globalTypographyHeaderFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
+  <property name="globalTypographyMonospaceFontFamily">ui-monospace, Consolas, Menlo, Monaco, monospace</property>
   <property name="globalTypographyTopGapHeight">0.1475em</property>
   <property name="globalTypographyAscenderHeight">0.1703em</property>
   <property name="globalTypographyXHeight">0.517em</property>
@@ -353,6 +354,7 @@
   <property name="aliasObjectOpacity100">hsla(0, 0%, 0%, 0.2)</property>
   <property name="aliasObjectOpacity200">hsla(0, 0%, 0%, 0.4)</property>
   <property name="aliasObjectOpacity300">hsla(0, 0%, 0%, 0.6)</property>
+  <color name="aliasObjectInteractionBorderColor" alias="globalColorConstruction500">#6a7a81</color>
   <color name="aliasObjectInteractionBackground" alias="globalColorWhite">#ffffff</color>
   <color name="aliasObjectInteractionBackgroundHover" alias="globalColorBlue50">#e5f7ff</color>
   <color name="aliasObjectInteractionBackgroundActive" alias="globalColorBlue100">#bdebff</color>
@@ -368,6 +370,8 @@
   <color name="aliasObjectOverlayBackground" alias="globalColorWhite">#ffffff</color>
   <property name="aliasObjectOverlayBackdropBackground">hsla(0, 0%, 0%, 0.6)</property>
   <color name="aliasObjectContainerBackground" alias="globalColorWhite">#ffffff</color>
+  <color name="aliasObjectContainerBackgroundTint" alias="globalColorConstruction50">#f1f6f8</color>
+  <color name="aliasObjectContainerBackgroundShade" alias="globalColorConstruction100">#e3eaed</color>
   <color name="aliasObjectContainerBorderColor" alias="globalColorConstruction200">#cbd4d8</color>
   <color name="aliasStatusInfo" alias="globalColorBlue700">#0079ad</color>
   <color name="aliasStatusInfoTint" alias="globalColorBlue50">#e5f7ff</color>

package/tokens/tokens.d.ts

@@ -273,6 +273,7 @@ export declare const globalTypographyBaseFontSize = "var(--cds-global-typography
 export declare const globalTypographyBaseFontSizePx = "var(--cds-global-typography-base-font-size-px)";
 export declare const globalTypographyFontFamily = "var(--cds-global-typography-font-family)";
 export declare const globalTypographyHeaderFontFamily = "var(--cds-global-typography-header-font-family)";
+export declare const globalTypographyMonospaceFontFamily = "var(--cds-global-typography-monospace-font-family)";
 export declare const globalTypographyTopGapHeight = "var(--cds-global-typography-top-gap-height)";
 export declare const globalTypographyAscenderHeight = "var(--cds-global-typography-ascender-height)";
 export declare const globalTypographyXHeight = "var(--cds-global-typography-x-height)";
@@ -350,6 +351,7 @@ export declare const aliasObjectOpacity0 = "var(--cds-alias-object-opacity-0)";
 export declare const aliasObjectOpacity100 = "var(--cds-alias-object-opacity-100)";
 export declare const aliasObjectOpacity200 = "var(--cds-alias-object-opacity-200)";
 export declare const aliasObjectOpacity300 = "var(--cds-alias-object-opacity-300)";
+export declare const aliasObjectInteractionBorderColor = "var(--cds-alias-object-interaction-border-color)";
 export declare const aliasObjectInteractionBackground = "var(--cds-alias-object-interaction-background)";
 export declare const aliasObjectInteractionBackgroundHover = "var(--cds-alias-object-interaction-background-hover)";
 export declare const aliasObjectInteractionBackgroundActive = "var(--cds-alias-object-interaction-background-active)";
@@ -365,6 +367,8 @@ export declare const aliasObjectAppBackground = "var(--cds-alias-object-app-back
 export declare const aliasObjectOverlayBackground = "var(--cds-alias-object-overlay-background)";
 export declare const aliasObjectOverlayBackdropBackground = "var(--cds-alias-object-overlay-backdrop-background)";
 export declare const aliasObjectContainerBackground = "var(--cds-alias-object-container-background)";
+export declare const aliasObjectContainerBackgroundTint = "var(--cds-alias-object-container-background-tint)";
+export declare const aliasObjectContainerBackgroundShade = "var(--cds-alias-object-container-background-shade)";
 export declare const aliasObjectContainerBorderColor = "var(--cds-alias-object-container-border-color)";
 export declare const aliasStatusInfo = "var(--cds-alias-status-info)";
 export declare const aliasStatusInfoTint = "var(--cds-alias-status-info-tint)";

package/tokens/tokens.ios.swift

@@ -254,7 +254,7 @@ let globalTypographyColor200 = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0
 let globalTypographyColor300 = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
 let globalTypographyColor400 = UIColor(red: 33, green: 51, blue: 59, alpha: 1.0);
 let globalTypographyColor500 = UIColor(red: 0, green: 0, blue: 0, alpha: 1.0);
-let globalTypographyFontWeightLight = "400";
+let globalTypographyFontWeightLight = "200";
 let globalTypographyFontWeightRegular = "400";
 let globalTypographyFontWeightMedium = "500";
 let globalTypographyFontWeightSemibold = "500";
@@ -274,6 +274,7 @@ let globalTypographyBaseFontSize = "125%";
 let globalTypographyBaseFontSizePx = CGFloat(20.00);
 let globalTypographyFontFamily = "'Clarity City', 'Avenir Next', sans-serif";
 let globalTypographyHeaderFontFamily = "'Clarity City', 'Avenir Next', sans-serif";
+let globalTypographyMonospaceFontFamily = "ui-monospace, Consolas, Menlo, Monaco, monospace";
 let globalTypographyTopGapHeight = "0.1475em";
 let globalTypographyAscenderHeight = "0.1703em";
 let globalTypographyXHeight = "0.517em";
@@ -351,6 +352,7 @@ let aliasObjectOpacity0 = "hsla(0, 0%, 0%, 0)";
 let aliasObjectOpacity100 = "hsla(0, 0%, 0%, 0.2)";
 let aliasObjectOpacity200 = "hsla(0, 0%, 0%, 0.4)";
 let aliasObjectOpacity300 = "hsla(0, 0%, 0%, 0.6)";
+let aliasObjectInteractionBorderColor = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
 let aliasObjectInteractionBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
 let aliasObjectInteractionBackgroundHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
 let aliasObjectInteractionBackgroundActive = UIColor(red: 189, green: 235, blue: 255, alpha: 1.0);
@@ -366,6 +368,8 @@ let aliasObjectAppBackground = UIColor(red: 250, green: 250, blue: 250, alpha: 1
 let aliasObjectOverlayBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
 let aliasObjectOverlayBackdropBackground = "hsla(0, 0%, 0%, 0.6)";
 let aliasObjectContainerBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
+let aliasObjectContainerBackgroundTint = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
+let aliasObjectContainerBackgroundShade = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
 let aliasObjectContainerBorderColor = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
 let aliasStatusInfo = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
 let aliasStatusInfoTint = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);

package/tokens/tokens.js

@@ -274,6 +274,7 @@ export const globalTypographyBaseFontSize = 'var(--cds-global-typography-base-fo
 export const globalTypographyBaseFontSizePx = 'var(--cds-global-typography-base-font-size-px)';
 export const globalTypographyFontFamily = 'var(--cds-global-typography-font-family)';
 export const globalTypographyHeaderFontFamily = 'var(--cds-global-typography-header-font-family)';
+export const globalTypographyMonospaceFontFamily = 'var(--cds-global-typography-monospace-font-family)';
 export const globalTypographyTopGapHeight = 'var(--cds-global-typography-top-gap-height)';
 export const globalTypographyAscenderHeight = 'var(--cds-global-typography-ascender-height)';
 export const globalTypographyXHeight = 'var(--cds-global-typography-x-height)';
@@ -351,6 +352,7 @@ export const aliasObjectOpacity0 = 'var(--cds-alias-object-opacity-0)';
 export const aliasObjectOpacity100 = 'var(--cds-alias-object-opacity-100)';
 export const aliasObjectOpacity200 = 'var(--cds-alias-object-opacity-200)';
 export const aliasObjectOpacity300 = 'var(--cds-alias-object-opacity-300)';
+export const aliasObjectInteractionBorderColor = 'var(--cds-alias-object-interaction-border-color)';
 export const aliasObjectInteractionBackground = 'var(--cds-alias-object-interaction-background)';
 export const aliasObjectInteractionBackgroundHover = 'var(--cds-alias-object-interaction-background-hover)';
 export const aliasObjectInteractionBackgroundActive = 'var(--cds-alias-object-interaction-background-active)';
@@ -366,6 +368,8 @@ export const aliasObjectAppBackground = 'var(--cds-alias-object-app-background)'
 export const aliasObjectOverlayBackground = 'var(--cds-alias-object-overlay-background)';
 export const aliasObjectOverlayBackdropBackground = 'var(--cds-alias-object-overlay-backdrop-background)';
 export const aliasObjectContainerBackground = 'var(--cds-alias-object-container-background)';
+export const aliasObjectContainerBackgroundTint = 'var(--cds-alias-object-container-background-tint)';
+export const aliasObjectContainerBackgroundShade = 'var(--cds-alias-object-container-background-shade)';
 export const aliasObjectContainerBorderColor = 'var(--cds-alias-object-container-border-color)';
 export const aliasStatusInfo = 'var(--cds-alias-status-info)';
 export const aliasStatusInfoTint = 'var(--cds-alias-status-info-tint)';

package/tokens/tokens.json

@@ -1682,7 +1682,7 @@
     "alias": "globalColorBlack"
   },
   "globalTypographyFontWeightLight": {
-    "value": "400"
+    "value": "200"
   },
   "globalTypographyFontWeightRegular": {
     "value": "400"
@@ -1741,6 +1741,9 @@
   "globalTypographyHeaderFontFamily": {
     "value": "'Clarity City', 'Avenir Next', sans-serif"
   },
+  "globalTypographyMonospaceFontFamily": {
+    "value": "ui-monospace, Consolas, Menlo, Monaco, monospace"
+  },
   "globalTypographyTopGapHeight": {
     "value": "0.1475em"
   },
@@ -2007,6 +2010,14 @@
   "aliasObjectOpacity300": {
     "value": "hsla(0, 0%, 0%, 0.6)"
   },
+  "aliasObjectInteractionBorderColor": {
+    "value": [
+      198,
+      10,
+      46
+    ],
+    "alias": "globalColorConstruction500"
+  },
   "aliasObjectInteractionBackground": {
     "value": [
       0,
@@ -2122,6 +2133,22 @@
     ],
     "alias": "globalColorWhite"
   },
+  "aliasObjectContainerBackgroundTint": {
+    "value": [
+      198,
+      36,
+      96
+    ],
+    "alias": "globalColorConstruction50"
+  },
+  "aliasObjectContainerBackgroundShade": {
+    "value": [
+      198,
+      20,
+      91
+    ],
+    "alias": "globalColorConstruction100"
+  },
   "aliasObjectContainerBorderColor": {
     "value": [
       198,