@odx/foundation 1.0.0-beta.222 → 1.0.0-beta.224
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 +2 -2
- package/package.json +3 -3
package/dist/components.js
CHANGED
|
@@ -2039,7 +2039,7 @@ __decorateClass([
|
|
|
2039
2039
|
], _OdxGradientOverlay.prototype, "size", 2);
|
|
2040
2040
|
let OdxGradientOverlay = _OdxGradientOverlay;
|
|
2041
2041
|
|
|
2042
|
-
const styles$T = ":host{background-color:var(--odx-color-background-level-1);height:var(--odx-size-300);justify-content:flex-start;display:flex;position:relative}.base{gap:var(--odx-layout-spacing-md);padding-inline:var(--odx-layout-spacing-lg);max-width:var(--_page-width,100%);flex:1;place-items:center;height:100%;display:flex}odx-logo{flex:none}::slotted(odx-action-group){gap:var(--odx-layout-spacing-sm)}::slotted(odx-search-bar){max-width:var(--odx-layout-width-sm);flex:auto}::slotted(odx-separator){--size:var(--odx-size-125);--inner-spacing:0px;--spacing:var(--odx-layout-spacing-sm)}.actions{gap:var(--odx-layout-spacing-sm);flex-wrap:nowrap;align-items:center;max-width:60%;height:100%;margin-inline-start:auto;display:flex}odx-logo.compact{display:none}:host([size=lg]){height:var(--odx-size-500);.base{gap:var(--odx-layout-spacing-lg)}::slotted(odx-action-group),.actions{gap:var(--odx-layout-spacing-md)}}@media screen and (width<=600px){odx-logo{display:none}odx-logo.compact{display:block}}";
|
|
2042
|
+
const styles$T = ":host{background-color:var(--odx-color-background-level-1);height:var(--odx-size-300);justify-content:flex-start;display:flex;position:relative}.base{gap:var(--odx-layout-spacing-md);padding-inline:calc(var(--odx-layout-spacing-lg) + var(--odx-layout-spacing-md))var(--odx-layout-spacing-lg);max-width:var(--_page-width,100%);flex:1;place-items:center;height:100%;display:flex}odx-logo{flex:none}::slotted(odx-action-group){gap:var(--odx-layout-spacing-sm)}::slotted(odx-search-bar){max-width:var(--odx-layout-width-sm);flex:auto}::slotted(odx-separator){--size:var(--odx-size-125);--inner-spacing:0px;--spacing:var(--odx-layout-spacing-sm)}.actions{gap:var(--odx-layout-spacing-sm);flex-wrap:nowrap;align-items:center;max-width:60%;height:100%;margin-inline-start:auto;display:flex}odx-logo.compact{display:none}:host(:not([size=lg])){::slotted(odx-avatar[slot=actions]:last-child){align-self:flex-start;margin-block-start:var(--odx-layout-spacing-sm)}}:host([size=lg]){height:var(--odx-size-500);.base{gap:var(--odx-layout-spacing-lg)}::slotted(odx-action-group),.actions{gap:var(--odx-layout-spacing-md)}}@media screen and (width<=600px){odx-logo{display:none}odx-logo.compact{display:block}}";
|
|
2043
2043
|
|
|
2044
2044
|
const HeaderSize = pick(Size, ["SM", "MD", "LG"]);
|
|
2045
2045
|
const _OdxHeader = class _OdxHeader extends CustomElement {
|
|
@@ -2063,7 +2063,7 @@ const _OdxHeader = class _OdxHeader extends CustomElement {
|
|
|
2063
2063
|
this.role = "banner";
|
|
2064
2064
|
}
|
|
2065
2065
|
render() {
|
|
2066
|
-
return html`<div class="base"><slot name="prefix"></slot><odx-logo size="sm" ?compact="${this.size === HeaderSize.SM}"></odx-logo><odx-logo class="compact" size="sm" compact="compact"></odx-logo><slot @slotchange="${this.#handleSlotChange}"></slot>${optionalSlot(this, "actions")}</div>`;
|
|
2066
|
+
return html`<div class="base"><slot name="prefix"></slot><slot name="logo"><odx-logo size="sm" ?compact="${this.size === HeaderSize.SM}"></odx-logo></slot><odx-logo class="compact" size="sm" compact="compact"></odx-logo><slot @slotchange="${this.#handleSlotChange}"></slot>${optionalSlot(this, "actions")}</div>`;
|
|
2067
2067
|
}
|
|
2068
2068
|
#handleSlotChange;
|
|
2069
2069
|
};
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@odx/foundation",
|
|
3
3
|
"displayName": "ODX Design System Foundation",
|
|
4
4
|
"description": "A library of Web Component building blocks for ODX",
|
|
5
|
-
"version": "1.0.0-beta.
|
|
5
|
+
"version": "1.0.0-beta.224",
|
|
6
6
|
"author": "Drägerwerk AG & Co.KGaA",
|
|
7
7
|
"license": "SEE LICENSE IN LICENSE",
|
|
8
8
|
"homepage": "https://odx.draeger.com",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"@odx/icons": "^4.0.0-rc.45",
|
|
24
|
-
"@odx/design-tokens": "^2.0.0
|
|
24
|
+
"@odx/design-tokens": "^2.0.0"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@floating-ui/dom": "1.7.4",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@odx-internal/config-typescript": "0.0.0",
|
|
38
38
|
"@odx-internal/config-vite": "0.0.0",
|
|
39
39
|
"@odx-internal/utils-storybook": "0.0.0",
|
|
40
|
-
"@odx/design-tokens": "2.0.0
|
|
40
|
+
"@odx/design-tokens": "2.0.0"
|
|
41
41
|
},
|
|
42
42
|
"sideEffects": [
|
|
43
43
|
"dist/components-loader.js",
|