@cds/core 5.5.4 → 5.5.8

package/tokens/tokens.android.xml

@@ -256,12 +256,12 @@
   <color name="globalTypographyColor300" alias="globalColorConstruction800">#2d4048</color>
   <color name="globalTypographyColor400" alias="globalColorConstruction900">#21333b</color>
   <color name="globalTypographyColor500" alias="globalColorBlack">#000000</color>
-  <property name="globalTypographyFontWeightLight">200</property>
+  <property name="globalTypographyFontWeightLight">300</property>
   <property name="globalTypographyFontWeightRegular">400</property>
   <property name="globalTypographyFontWeightMedium">500</property>
-  <property name="globalTypographyFontWeightSemibold">500</property>
-  <property name="globalTypographyFontWeightBold">500</property>
-  <property name="globalTypographyFontWeightExtrabold">500</property>
+  <property name="globalTypographyFontWeightSemibold">600</property>
+  <property name="globalTypographyFontWeightBold">600</property>
+  <property name="globalTypographyFontWeightExtrabold">600</property>
   <property name="globalTypographyFontSize0">10</property>
   <property name="globalTypographyFontSize1">11</property>
   <property name="globalTypographyFontSize2">12</property>
@@ -354,6 +354,9 @@
   <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>
+  <property name="aliasObjectInteractionOutline">Highlight solid 2px</property>
+  <property name="aliasObjectInteractionOutlineOffset">1px</property>
+  <property name="aliasObjectInteractionTouchTarget">36</property>
   <color name="aliasObjectInteractionBorderColor" alias="globalColorConstruction500">#6a7a81</color>
   <color name="aliasObjectInteractionBackground" alias="globalColorWhite">#ffffff</color>
   <color name="aliasObjectInteractionBackgroundHover" alias="globalColorBlue50">#e5f7ff</color>

package/tokens/tokens.d.ts

@@ -351,6 +351,9 @@ 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 aliasObjectInteractionOutline = "var(--cds-alias-object-interaction-outline)";
+export declare const aliasObjectInteractionOutlineOffset = "var(--cds-alias-object-interaction-outline-offset)";
+export declare const aliasObjectInteractionTouchTarget = "var(--cds-alias-object-interaction-touch-target)";
 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)";

package/tokens/tokens.ios.swift

@@ -254,12 +254,12 @@ 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 = "200";
+let globalTypographyFontWeightLight = "300";
 let globalTypographyFontWeightRegular = "400";
 let globalTypographyFontWeightMedium = "500";
-let globalTypographyFontWeightSemibold = "500";
-let globalTypographyFontWeightBold = "500";
-let globalTypographyFontWeightExtrabold = "500";
+let globalTypographyFontWeightSemibold = "600";
+let globalTypographyFontWeightBold = "600";
+let globalTypographyFontWeightExtrabold = "600";
 let globalTypographyFontSize0 = CGFloat(10.00);
 let globalTypographyFontSize1 = CGFloat(11.00);
 let globalTypographyFontSize2 = CGFloat(12.00);
@@ -352,6 +352,9 @@ 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 aliasObjectInteractionOutline = "Highlight solid 2px";
+let aliasObjectInteractionOutlineOffset = "1px";
+let aliasObjectInteractionTouchTarget = CGFloat(36.00);
 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);

package/tokens/tokens.js

@@ -352,6 +352,9 @@ 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 aliasObjectInteractionOutline = 'var(--cds-alias-object-interaction-outline)';
+export const aliasObjectInteractionOutlineOffset = 'var(--cds-alias-object-interaction-outline-offset)';
+export const aliasObjectInteractionTouchTarget = 'var(--cds-alias-object-interaction-touch-target)';
 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)';

package/tokens/tokens.json

@@ -1682,7 +1682,7 @@
     "alias": "globalColorBlack"
   },
   "globalTypographyFontWeightLight": {
-    "value": "200"
+    "value": "300"
   },
   "globalTypographyFontWeightRegular": {
     "value": "400"
@@ -1691,13 +1691,13 @@
     "value": "500"
   },
   "globalTypographyFontWeightSemibold": {
-    "value": "500"
+    "value": "600"
   },
   "globalTypographyFontWeightBold": {
-    "value": "500"
+    "value": "600"
   },
   "globalTypographyFontWeightExtrabold": {
-    "value": "500"
+    "value": "600"
   },
   "globalTypographyFontSize0": {
     "value": 10
@@ -2010,6 +2010,15 @@
   "aliasObjectOpacity300": {
     "value": "hsla(0, 0%, 0%, 0.6)"
   },
+  "aliasObjectInteractionOutline": {
+    "value": "Highlight solid 2px"
+  },
+  "aliasObjectInteractionOutlineOffset": {
+    "value": "1px"
+  },
+  "aliasObjectInteractionTouchTarget": {
+    "value": 36
+  },
   "aliasObjectInteractionBorderColor": {
     "value": [
       198,

package/tokens/tokens.scss

@@ -369,6 +369,9 @@ $cds-alias-object-opacity-0: var(--cds-alias-object-opacity-0) !default;
 $cds-alias-object-opacity-100: var(--cds-alias-object-opacity-100) !default;
 $cds-alias-object-opacity-200: var(--cds-alias-object-opacity-200) !default;
 $cds-alias-object-opacity-300: var(--cds-alias-object-opacity-300) !default;
+$cds-alias-object-interaction-outline: var(--cds-alias-object-interaction-outline) !default;
+$cds-alias-object-interaction-outline-offset: var(--cds-alias-object-interaction-outline-offset) !default;
+$cds-alias-object-interaction-touch-target: var(--cds-alias-object-interaction-touch-target) !default;
 $cds-alias-object-interaction-border-color: var(--cds-alias-object-interaction-border-color) !default;
 $cds-alias-object-interaction-background: var(--cds-alias-object-interaction-background) !default;
 $cds-alias-object-interaction-background-hover: var(--cds-alias-object-interaction-background-hover) !default;

package/tree-view/tree-item.element.d.ts

@@ -33,12 +33,12 @@ export declare class CdsTreeItem extends LitElement implements Animatable {
     i18n: {
         loading: string;
     };
-    protected role: string;
+    role: string;
     cdsMotion: string;
     cdsMotionChange: EventEmitter<string>;
-    protected ariaDisabled: AriaBooleanAttributeValues | undefined;
-    protected ariaExpanded: AriaBooleanAttributeValues | undefined;
-    protected ariaSelected: AriaBooleanAttributeValues | undefined;
+    ariaDisabled: AriaBooleanAttributeValues | undefined;
+    ariaExpanded: AriaBooleanAttributeValues | undefined;
+    ariaSelected: AriaBooleanAttributeValues | undefined;
     multiSelect: boolean;
     disabled: boolean;
     expanded: boolean;

package/tree-view/tree.element.d.ts

@@ -21,10 +21,10 @@ import { CdsTreeItem } from './tree-item.element.js';
  * @slot - Content slot for inside the tree
  */
 export declare class CdsTree extends LitElement {
-    protected role: string;
+    role: string;
     multiSelect: boolean;
     ariaActiveDescendant: string;
-    protected ariaMultiSelectable: AriaBooleanAttributeValues;
+    ariaMultiSelectable: AriaBooleanAttributeValues;
     private firstChildItem;
     private childrenItems;
     connectedCallback(): void;

package/accordion/accordion-content.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/accordion/accordion-header.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/accordion/accordion-panel.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/accordion/accordion.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/alert/alert-actions.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/alert/alert-group.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/alert/alert.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/badge/badge.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/button/base-button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/button/base-button.element.scss.js

@@ -1,2 +0,0 @@
-import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--padding:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) - var(--border-width));--height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem));--text-decoration:none;display:inline-block;height:var(--height)}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);height:100%;line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;text-decoration:var(--text-decoration);text-overflow:ellipsis;transform:scale(1);user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;height:100%}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{box-shadow:0 var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{filter:brightness(90%)}:host([action=outline]) .private-host::after{filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))));width:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:calc(var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}`;export default o;
-//# sourceMappingURL=base-button.element.scss.js.map

package/button/base-button.element.scss.js.map

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

package/button/button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/button/icon-button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/button/inline-button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/checkbox/checkbox.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/datalist/datalist-global.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/date/date.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/divider/divider.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/file/file.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control/control.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-action/control-action.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-group/control-group.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-inline/control-inline.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-label/control-label.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-message/control-message.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/form-group/form-group.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/icon/icon.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/input/input-group.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/input/input.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/internal/base/base.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/internal-components/close-button/close-button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/internal-components/overlay/overlay.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/modal/modal.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/progress-circle/progress-circle.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/radio/radio.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/range/range.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/range/range.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/search/search.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/select/select.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/select/select.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/tag/tag.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/test-dropdown/test-dropdown.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/textarea/textarea.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/time/time.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/toggle/toggle.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;