@odx/foundation 0.1.0-alpha.7 → 0.1.0-alpha.8
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/dist/components.js +4 -4
- package/package.json +1 -1
package/dist/components.js
CHANGED
|
@@ -418,7 +418,7 @@ OdxButtonGroupComponent = __decorateClass$q([
|
|
|
418
418
|
customElement("odx-button-group", [styles$k])
|
|
419
419
|
], OdxButtonGroupComponent);
|
|
420
420
|
|
|
421
|
-
const styles$j = ":host{--_indicator-space: calc(var(--odx-size-25) / 2);--_indicator-size: calc(var(--odx-size-150) - var(--_indicator-space) * 2);--_indicator-color-fill: var(--odx-color-selection-control-fill);--_indicator-color-border: var(--odx-color-selection-control-stroke);--_indicator-color-text: var(--odx-palette-transparent);--_label-color-text: var(--odx-color-text);cursor:pointer;display:inline-flex;margin:var(--odx-size-37) var(--odx-size-75);user-select:none;border-radius:var(--odx-border-radius-controls);outline:var(--odx-focus-ring-outline);
|
|
421
|
+
const styles$j = ":host{--_indicator-space: calc(var(--odx-size-25) / 2);--_indicator-size: calc(var(--odx-size-150) - var(--_indicator-space) * 2);--_indicator-color-fill: var(--odx-color-selection-control-fill);--_indicator-color-border: var(--odx-color-selection-control-stroke);--_indicator-color-text: var(--odx-palette-transparent);--_label-color-text: var(--odx-color-text);cursor:pointer;display:inline-flex;margin:var(--odx-size-37) var(--odx-size-75);user-select:none;border-radius:var(--odx-border-radius-controls);outline:var(--odx-focus-ring-outline);padding:var(--_indicator-space);transition-property:outline-color}:host,:host::part(indicator),:host::part(content){transition:var(--odx-transition-reduced)}:host::part(indicator){display:flex;place-content:center;place-items:center;block-size:var(--_indicator-size);inline-size:var(--_indicator-size);flex-shrink:0;border-radius:var(--odx-border-radius-controls);background-color:var(--_indicator-color-fill);border:var(--odx-border-width-thin) solid var(--_indicator-color-border);border-color:var(--_indicator-color-border);color:var(--_indicator-color-text);transition-property:background-color,border-color}:host::part(label){display:inline-block}:host::part(content){color:var(--_label-color-text);margin-block:calc(-1 * var(--_indicator-space));transition-property:color}:host(:not(:empty))::part(indicator){margin-inline-end:var(--odx-size-75)}:host(:empty)::part(content){display:none}:host(:hover){--_indicator-color-border: var(--odx-color-selection-control-stroke-hover);--_indicator-color-fill: var(--odx-color-selection-control-fill-hover)}:host(:focus-visible){outline-color:var(--odx-color-focus)}:host(:is([checked]:not([checked=\"false\"]),[indeterminate]:not([indeterminate=\"false\"]))){--_indicator-color-border: var(--odx-color-selection-control-stroke-selected);--_indicator-color-fill: var(--odx-color-selection-control-fill-selected);--_indicator-color-text: var(--odx-color-foreground-light)}:host([disabled]:not([disabled=\"false\"])){--_indicator-color-fill: var(--odx-color-disabled-fill);--_indicator-color-text: var(--odx-palette-transparent);--_indicator-color-border: var(--odx-selection-control-color-border-disabled);--_label-color-text: var(--odx-color-disabled-foreground);cursor:not-allowed}:host([disabled]:not([disabled=\"false\"]):is([checked]:not([checked=\"false\"]),[indeterminate]:not([indeterminate=\"false\"]))){--_indicator-color-fill: var(--odx-color-disabled-fill-selected);--_indicator-color-text: var(--odx-color-disabled-foreground-selected);--_indicator-color-border: var(--_indicator-color-fill)}:host([readonly]:not([readonly=\"false\"])){--_indicator-color-fill: var(--odx-color-selection-control-fill-readonly);--_indicator-color-border: var(--odx-color-input-control-stroke-readonly);cursor:default}:host([readonly]:not([readonly=\"false\"]):is([checked]:not([checked=\"false\"]),[indeterminate]:not([indeterminate=\"false\"]))){--_indicator-color-text: var(--odx-color-foreground)}";
|
|
422
422
|
|
|
423
423
|
var __defProp$k = Object.defineProperty;
|
|
424
424
|
var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
|
|
@@ -483,7 +483,7 @@ OdxCheckboxComponent = __decorateClass$p([
|
|
|
483
483
|
customElement("odx-checkbox", [styles$j])
|
|
484
484
|
], OdxCheckboxComponent);
|
|
485
485
|
|
|
486
|
-
const styles$i = ":host{display:flex;flex-direction:column}::slotted(:is(odx-checkbox,odx-switch)){width:max-content}:host([variant=\"list\"]) ::slotted(:is(odx-checkbox,odx-switch)){border-block-end:var(--odx-border-
|
|
486
|
+
const styles$i = ":host{display:flex;flex-direction:column}::slotted(:is(odx-checkbox,odx-switch)){width:max-content}:host([variant=\"list\"]) ::slotted(:is(odx-checkbox,odx-switch)){border-block-end:var(--odx-border-width-thin) solid var(--odx-color-separator);padding:var(--odx-size-75);margin:0;width:auto}:host([variant=\"list\"]) ::slotted(:is(odx-checkbox,odx-switch):last-of-type){border-block-end:none}::slotted(odx-checkbox-group){margin-inline-start:var(--odx-size-75)}";
|
|
487
487
|
|
|
488
488
|
var __defProp$j = Object.defineProperty;
|
|
489
489
|
var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
|
|
@@ -1143,7 +1143,7 @@ OdxPageLayoutComponent = __decorateClass$8([
|
|
|
1143
1143
|
customElement("odx-page-layout", [styles$8])
|
|
1144
1144
|
], OdxPageLayoutComponent);
|
|
1145
1145
|
|
|
1146
|
-
const styles$7 = ":host{--_indicator-space: calc(var(--odx-size-25) / 2);--_indicator-size: calc(var(--odx-size-150) - var(--_indicator-space) * 2);--_indicator-color-fill: var(--odx-color-selection-control-fill);--_indicator-color-border: var(--odx-color-selection-control-stroke);--_indicator-border-width: var(--odx-border-width-thin);--_label-color-text: var(--odx-color-foreground);cursor:pointer;display:inline-flex;margin:var(--odx-size-37) var(--odx-size-75);user-select:none;border-radius:var(--odx-border-radius-controls);outline:var(--odx-focus-ring-outline);
|
|
1146
|
+
const styles$7 = ":host{--_indicator-space: calc(var(--odx-size-25) / 2);--_indicator-size: calc(var(--odx-size-150) - var(--_indicator-space) * 2);--_indicator-color-fill: var(--odx-color-selection-control-fill);--_indicator-color-border: var(--odx-color-selection-control-stroke);--_indicator-border-width: var(--odx-border-width-thin);--_label-color-text: var(--odx-color-foreground);cursor:pointer;display:inline-flex;margin:var(--odx-size-37) var(--odx-size-75);user-select:none;border-radius:var(--odx-border-radius-controls);outline:var(--odx-focus-ring-outline);padding:var(--_indicator-space);transition-property:outline-color}:host,:host::part(indicator),:host::part(content){transition:var(--odx-transition-reduced)}:host::part(indicator){display:flex;place-content:center;place-items:center;block-size:var(--_indicator-size);inline-size:var(--_indicator-size);flex-shrink:0;border-radius:var(--odx-border-radius-circle);background-color:var(--_indicator-color-fill);border:var(--odx-border-width-thin) solid var(--_indicator-color-border);border-color:var(--_indicator-color-border);border-width:var(--_indicator-border-width);transition-property:background-color,border,outline;outline:var(--odx-border-width-thick) solid var(--odx-palette-transparent);outline-offset:calc(-1 * var(--odx-border-width-thick))}:host::part(label){display:inline-block}:host::part(content){color:var(--_label-color-text);margin-block:calc(-1 * var(--_indicator-space));transition-property:color}:host(:not(:empty))::part(indicator){margin-inline-end:var(--odx-size-75)}:host(:empty)::part(content){display:none}:host(:hover){--_indicator-color-border: var(--odx-color-selection-control-stroke-hover);--_indicator-color-fill: var(--odx-color-selection-control-fill-hover)}:host(:focus-visible){outline-color:var(--odx-color-focus)}:host([checked]:not([checked=\"false\"])){--_indicator-color-border: var(--odx-color-selection-control-fill-selected);--_indicator-color-fill: var(--odx-color-background-main);--_indicator-color-text: var(--odx-color-foreground-light);--_indicator-border-width: var(--odx-border-width-thickest)}:host([disabled]:not([disabled=\"false\"])){--_indicator-color-fill: var(--odx-color-disabled-fill);--_indicator-color-text: var(--odx-palette-transparent);--_indicator-color-border: var(--odx-color-disabled-fill);--_label-color-text: var(--odx-color-disabled-foreground);cursor:not-allowed}:host([disabled]:not([disabled=\"false\"])[checked]:not([checked=\"false\"])){--_indicator-color-border: var(--odx-color-disabled-fill-selected)}:host([readonly]:not([readonly=\"false\"])){--_indicator-color-fill: var(--odx-color-selection-control-fill-readonly);--_indicator-color-border: var(--odx-color-background-main);cursor:default}:host([readonly]:not([readonly=\"false\"])[checked]:not([checked=\"false\"])){--_indicator-color-fill: var(--odx-color-selection-control-fill-selected);--_indicator-border-width: var(--odx-size-50);[part=indicator]{outline-color:var(--odx-color-selection-control-fill-selected)}}";
|
|
1147
1147
|
|
|
1148
1148
|
var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
|
|
1149
1149
|
var __decorateClass$7 = (decorators, target, key, kind) => {
|
|
@@ -1180,7 +1180,7 @@ OdxRadioButtonComponent = __decorateClass$7([
|
|
|
1180
1180
|
customElement("odx-radio-button", [styles$7])
|
|
1181
1181
|
], OdxRadioButtonComponent);
|
|
1182
1182
|
|
|
1183
|
-
const styles$6 = ":host{display:flex;flex-direction:column}::slotted(:is(odx-radio-button,odx-switch)){border-block-end:0;border-color:transparent;width:max-content}:host([variant=\"list\"]) ::slotted(:is(odx-radio-button,odx-switch)){border-block-end:var(--odx-border-width-thin) solid var(--odx-color-separator);padding:var(--odx-size-75);margin:0;width:auto
|
|
1183
|
+
const styles$6 = ":host{display:flex;flex-direction:column}::slotted(:is(odx-radio-button,odx-switch)){border-block-end:0;border-color:transparent;width:max-content}:host([variant=\"list\"]) ::slotted(:is(odx-radio-button,odx-switch)){border-block-end:var(--odx-border-width-thin) solid var(--odx-color-separator);padding:var(--odx-size-75);margin:0;width:auto}:host([variant=\"list\"]) ::slotted(:is(odx-radio-button,odx-switch):last-of-type){border-block-end:none}";
|
|
1184
1184
|
|
|
1185
1185
|
var __defProp$5 = Object.defineProperty;
|
|
1186
1186
|
var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/foundation",
|
|
3
3
|
"description": "A library of Web Component building blocks for ODX",
|
|
4
|
-
"version": "0.1.0-alpha.
|
|
4
|
+
"version": "0.1.0-alpha.8",
|
|
5
5
|
"author": "Drägerwerk AG & Co.KGaA",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
7
7
|
"homepage": "https://odx.draeger.com",
|