@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779895144 → 5.0.0-next.3-dev.1780060206

package/development/action-group/action-group.component.d.ts

@@ -1,7 +1,5 @@
-import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbButtonElement } from '../button.pure.ts';
-import { SbbHorizontalFrom, SbbElement } from '../core.ts';
-import { SbbBlockLinkElement } from '../link.pure.ts';
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../core.ts';
 /**
  * It can be used as a container for one or more action element, like `sbb-button` or `sbb-block-link`.
  *
@@ -10,33 +8,6 @@ import { SbbBlockLinkElement } from '../link.pure.ts';
 export declare class SbbActionGroupElement extends SbbElement {
     static readonly elementName: string;
     static styles: CSSResultGroup;
-    /**
-     * Set the slotted `<sbb-action-group>` children's alignment.
-     */
-    accessor alignGroup: 'start' | 'center' | 'stretch' | 'end';
-    /**
-     * Overrides the behavior of `orientation` property.
-     */
-    accessor horizontalFrom: SbbHorizontalFrom;
-    /**
-     * Indicates the orientation of the components inside the `<sbb-action-group>`.
-     */
-    accessor orientation: 'horizontal' | 'vertical';
-    /**
-     * Size of the nested sbb-button instances.
-     * This will overwrite the size attribute of nested sbb-button instances.
-     * @deprecated Will be removed with next breaking change
-     */
-    accessor buttonSize: SbbButtonElement['size'];
-    /**
-     * Size of the nested sbb-block-link instances.
-     * This will overwrite the size attribute of nested sbb-block-link instances.
-     * @deprecated Will be removed with next breaking change
-     */
-    accessor linkSize: SbbBlockLinkElement['size'];
-    protected willUpdate(changedProperties: PropertyValues<this>): void;
-    private _syncButtons;
-    private _syncLinks;
     protected render(): TemplateResult;
 }
 declare global {

package/development/action-group/action-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/action-group/action-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAmC,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AAIzB;;;;GAIG;AACH,qBAAa,qBAAsB,SAAQ,UAAU;IACnD,gBAAgC,WAAW,EAAE,MAAM,CAAsB;IACzE,OAAuB,MAAM,EAAE,cAAc,CAAsB;IAEnE;;OAEG;IACH,SACgB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAW;IAE7E;;OAEG;IAEH,SACgB,cAAc,EAAE,iBAAiB,CAAW;IAE5D;;OAEG;IACH,SACgB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAEtE;;;;OAIG;IACH,SACgB,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAQ;IAE5D;;;;OAIG;IACH,SACgB,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAQ;cAE1C,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,UAAU;cAWC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"action-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/action-group/action-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC;;;;GAIG;AACH,qBAAa,qBAAsB,SAAQ,UAAU;IACnD,gBAAgC,WAAW,EAAE,MAAM,CAAsB;IACzE,OAAuB,MAAM,EAAE,cAAc,CAAsB;cAEhD,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/development/action-group/action-group.component.js

@@ -1,2 +1,2 @@
-import { t as SbbActionGroupElement } from "../action-group.component-pe0c2zni.js";
+import { t as SbbActionGroupElement } from "../action-group.component-BUWevlaI.js";
 export { SbbActionGroupElement };

package/development/action-group.component-BUWevlaI.js

@@ -0,0 +1,26 @@
+import { html, unsafeCSS } from "lit";
+import { SbbElement } from "./core.js";
+//#region src/elements/action-group/action-group.scss?inline
+var action_group_default = ":host {\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  gap: var(--sbb-action-group-gap);\n}\n\n:host(.sbb-orientation-vertical-full-width) {\n  flex-direction: column;\n  align-items: stretch;\n}\n\n:host(:where(.sbb-orientation-vertical,\n.sbb-orientation-horizontal-from-small,\n.sbb-orientation-horizontal-from-large,\n.sbb-orientation-horizontal-from-ultra)) {\n  align-items: start;\n}\n\n@media (min-width: calc(37.5rem)) {\n  :host(.sbb-orientation-horizontal-from-small) {\n    align-items: center;\n  }\n}\n\n@media (min-width: calc(64rem)) {\n  :host(.sbb-orientation-horizontal-from-large) {\n    align-items: center;\n  }\n}\n\n@media (min-width: calc(90rem)) {\n  :host(.sbb-orientation-horizontal-from-ultra) {\n    align-items: center;\n  }\n}";
+//#endregion
+//#region src/elements/action-group/action-group.component.ts
+/**
+* It can be used as a container for one or more action element, like `sbb-button` or `sbb-block-link`.
+*
+* @slot - Use the unnamed slot to add `sbb-block-link` or `sbb-button` elements to the `sbb-action-group`.
+*/
+var SbbActionGroupElement = class extends SbbElement {
+	static {
+		this.elementName = "sbb-action-group";
+	}
+	static {
+		this.styles = [unsafeCSS(action_group_default)];
+	}
+	render() {
+		return html`<slot></slot>`;
+	}
+};
+//#endregion
+export { SbbActionGroupElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWdyb3VwLmNvbXBvbmVudC1CVVdldmxhSS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvYWN0aW9uLWdyb3VwL2FjdGlvbi1ncm91cC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9hY3Rpb24tZ3JvdXAvYWN0aW9uLWdyb3VwLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGdhcDogdmFyKC0tc2JiLWFjdGlvbi1ncm91cC1nYXApO1xufVxuXG4vLyBBIHBhcnQgb2YgdGhlIHJ1bGVzIGFyZSBkZWZpbmVkIGluIGxheW91dC5zY3NzXG5cbjpob3N0KC5zYmItb3JpZW50YXRpb24tdmVydGljYWwtZnVsbC13aWR0aCkge1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbn1cblxuOmhvc3QoXG4gIDp3aGVyZShcbiAgICAuc2JiLW9yaWVudGF0aW9uLXZlcnRpY2FsLFxuICAgIC5zYmItb3JpZW50YXRpb24taG9yaXpvbnRhbC1mcm9tLXNtYWxsLFxuICAgIC5zYmItb3JpZW50YXRpb24taG9yaXpvbnRhbC1mcm9tLWxhcmdlLFxuICAgIC5zYmItb3JpZW50YXRpb24taG9yaXpvbnRhbC1mcm9tLXVsdHJhXG4gIClcbikge1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG59XG5cbjpob3N0KC5zYmItb3JpZW50YXRpb24taG9yaXpvbnRhbC1mcm9tLXNtYWxsKSB7XG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogc21hbGwpIHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG59XG5cbjpob3N0KC5zYmItb3JpZW50YXRpb24taG9yaXpvbnRhbC1mcm9tLWxhcmdlKSB7XG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG59XG5cbjpob3N0KC5zYmItb3JpZW50YXRpb24taG9yaXpvbnRhbC1mcm9tLXVsdHJhKSB7XG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogdWx0cmEpIHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2FjdGlvbi1ncm91cC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGFjdGlvbiBlbGVtZW50LCBsaWtlIGBzYmItYnV0dG9uYCBvciBgc2JiLWJsb2NrLWxpbmtgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItYmxvY2stbGlua2Agb3IgYHNiYi1idXR0b25gIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWFjdGlvbi1ncm91cGAuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJBY3Rpb25Hcm91cEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1hY3Rpb24tZ3JvdXAnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hY3Rpb24tZ3JvdXAnOiBTYmJBY3Rpb25Hcm91cEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUNXQSxJQUFhLHdCQUFiLGNBQTJDLFdBQVU7O0VBQ25CLEtBQUEsY0FBc0I7Q0FBbUI7O0VBQ2xELEtBQUEsU0FBeUIsQ0FBQyxVQUFVLG9CQUFLLENBQUM7Q0FBRTtDQUVoRCxTQUFNO0VBQ3ZCLE9BQU8sSUFBSTtDQUNiIn0=

package/development/action-group.js

@@ -1,4 +1,4 @@
-import { t as SbbActionGroupElement } from "./action-group.component-pe0c2zni.js";
+import { t as SbbActionGroupElement } from "./action-group.component-BUWevlaI.js";
 import "./action-group.pure.js";
 //#region src/elements/action-group.ts
 /** @entrypoint */

package/development/action-group.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbActionGroupElement } from "./action-group.component-pe0c2zni.js";
+import { t as SbbActionGroupElement } from "./action-group.component-BUWevlaI.js";
 export { SbbActionGroupElement };

package/lean-off-brand-theme.css

@@ -1087,6 +1087,7 @@ summary {
   --sbb-size-element-s: var(--sbb-size-element-s-zero);
   --sbb-size-element-m: var(--sbb-size-element-m-zero);
   --sbb-size-element-l: var(--sbb-size-element-l-zero);
+  --sbb-action-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
   --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
   --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
   --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
@@ -3078,6 +3079,29 @@ sbb-toggle:has(:focus-visible) {
   grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
 }
 
+.sbb-orientation-vertical,
+.sbb-orientation-horizontal-from-small,
+.sbb-orientation-horizontal-from-large,
+.sbb-orientation-horizontal-from-ultra {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (min-width: calc(37.5rem)) {
+  .sbb-orientation-horizontal-from-small {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-orientation-horizontal-from-large {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(90rem)) {
+  .sbb-orientation-horizontal-from-ultra {
+    flex-direction: row;
+  }
+}
 .sbb-list:where(ol, ul) {
   --sbb-list-vertical-gap: 0.75em;
   --sbb-list-padding-inline-start: 1.5em;

package/lean-safety-theme.css

@@ -1087,6 +1087,7 @@ summary {
   --sbb-size-element-s: var(--sbb-size-element-s-zero);
   --sbb-size-element-m: var(--sbb-size-element-m-zero);
   --sbb-size-element-l: var(--sbb-size-element-l-zero);
+  --sbb-action-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
   --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
   --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
   --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
@@ -3078,6 +3079,29 @@ sbb-toggle:has(:focus-visible) {
   grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
 }
 
+.sbb-orientation-vertical,
+.sbb-orientation-horizontal-from-small,
+.sbb-orientation-horizontal-from-large,
+.sbb-orientation-horizontal-from-ultra {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (min-width: calc(37.5rem)) {
+  .sbb-orientation-horizontal-from-small {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-orientation-horizontal-from-large {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(90rem)) {
+  .sbb-orientation-horizontal-from-ultra {
+    flex-direction: row;
+  }
+}
 .sbb-list:where(ol, ul) {
   --sbb-list-vertical-gap: 0.75em;
   --sbb-list-padding-inline-start: 1.5em;

package/lean-theme.css

@@ -1087,6 +1087,7 @@ summary {
   --sbb-size-element-s: var(--sbb-size-element-s-zero);
   --sbb-size-element-m: var(--sbb-size-element-m-zero);
   --sbb-size-element-l: var(--sbb-size-element-l-zero);
+  --sbb-action-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
   --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
   --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
   --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
@@ -3078,6 +3079,29 @@ sbb-toggle:has(:focus-visible) {
   grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
 }
 
+.sbb-orientation-vertical,
+.sbb-orientation-horizontal-from-small,
+.sbb-orientation-horizontal-from-large,
+.sbb-orientation-horizontal-from-ultra {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (min-width: calc(37.5rem)) {
+  .sbb-orientation-horizontal-from-small {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-orientation-horizontal-from-large {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(90rem)) {
+  .sbb-orientation-horizontal-from-ultra {
+    flex-direction: row;
+  }
+}
 .sbb-list:where(ol, ul) {
   --sbb-list-vertical-gap: 0.75em;
   --sbb-list-padding-inline-start: 1.5em;

package/off-brand-theme.css

@@ -1087,6 +1087,7 @@ summary {
   --sbb-size-element-s: var(--sbb-size-element-s-zero);
   --sbb-size-element-m: var(--sbb-size-element-m-zero);
   --sbb-size-element-l: var(--sbb-size-element-l-zero);
+  --sbb-action-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
   --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
   --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
   --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
@@ -3078,6 +3079,29 @@ sbb-toggle:has(:focus-visible) {
   grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
 }
 
+.sbb-orientation-vertical,
+.sbb-orientation-horizontal-from-small,
+.sbb-orientation-horizontal-from-large,
+.sbb-orientation-horizontal-from-ultra {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (min-width: calc(37.5rem)) {
+  .sbb-orientation-horizontal-from-small {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-orientation-horizontal-from-large {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(90rem)) {
+  .sbb-orientation-horizontal-from-ultra {
+    flex-direction: row;
+  }
+}
 .sbb-list:where(ol, ul) {
   --sbb-list-vertical-gap: 0.75em;
   --sbb-list-padding-inline-start: 1.5em;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.0.0-next.3-dev.1779895144",
+  "version": "5.0.0-next.3-dev.1780060206",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/63cf10b5b2c5105ed18a225f9cf62d0717043c21"
+    "https://github.com/sbb-design-systems/lyne-components/commit/a5ab61bbd0e95bab40830bc2f5c3a5bbc57a7fc4"
   ],
   "type": "module",
   "exports": {

package/safety-theme.css

@@ -1087,6 +1087,7 @@ summary {
   --sbb-size-element-s: var(--sbb-size-element-s-zero);
   --sbb-size-element-m: var(--sbb-size-element-m-zero);
   --sbb-size-element-l: var(--sbb-size-element-l-zero);
+  --sbb-action-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
   --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
   --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
   --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
@@ -3078,6 +3079,29 @@ sbb-toggle:has(:focus-visible) {
   grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
 }
 
+.sbb-orientation-vertical,
+.sbb-orientation-horizontal-from-small,
+.sbb-orientation-horizontal-from-large,
+.sbb-orientation-horizontal-from-ultra {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (min-width: calc(37.5rem)) {
+  .sbb-orientation-horizontal-from-small {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-orientation-horizontal-from-large {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(90rem)) {
+  .sbb-orientation-horizontal-from-ultra {
+    flex-direction: row;
+  }
+}
 .sbb-list:where(ol, ul) {
   --sbb-list-vertical-gap: 0.75em;
   --sbb-list-padding-inline-start: 1.5em;

package/standard-theme.css

@@ -1087,6 +1087,7 @@ summary {
   --sbb-size-element-s: var(--sbb-size-element-s-zero);
   --sbb-size-element-m: var(--sbb-size-element-m-zero);
   --sbb-size-element-l: var(--sbb-size-element-l-zero);
+  --sbb-action-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
   --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
   --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
   --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
@@ -3078,6 +3079,29 @@ sbb-toggle:has(:focus-visible) {
   grid-template-columns: repeat(var(--sbb-grid-base-columns), 1fr);
 }
 
+.sbb-orientation-vertical,
+.sbb-orientation-horizontal-from-small,
+.sbb-orientation-horizontal-from-large,
+.sbb-orientation-horizontal-from-ultra {
+  display: flex;
+  flex-direction: column;
+}
+
+@media (min-width: calc(37.5rem)) {
+  .sbb-orientation-horizontal-from-small {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(64rem)) {
+  .sbb-orientation-horizontal-from-large {
+    flex-direction: row;
+  }
+}
+@media (min-width: calc(90rem)) {
+  .sbb-orientation-horizontal-from-ultra {
+    flex-direction: row;
+  }
+}
 .sbb-list:where(ol, ul) {
   --sbb-list-vertical-gap: 0.75em;
   --sbb-list-padding-inline-start: 1.5em;

package/action-group.component-Dg11Ug4A.js

@@ -1,156 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core.js";
-//#region src/elements/action-group/action-group.scss?inline
-var o = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;flex-direction:var(--sbb-action-group-orientation, row);align-items:var(--sbb-action-group-align-items, center);justify-content:var(--sbb-action-group-justify-content, start);gap:var(--sbb-action-group-gap)}:host([orientation=horizontal][align-group=start]){--sbb-action-group-justify-content: flex-start}:host([orientation=horizontal][align-group=center]){--sbb-action-group-justify-content: center}:host([orientation=horizontal][align-group=stretch]){--sbb-action-group-justify-content: space-between}:host([orientation=horizontal][align-group=end]){--sbb-action-group-justify-content: flex-end}:host([orientation=vertical]){--sbb-action-group-orientation: column;--sbb-action-group-gap: var(--sbb-spacing-fixed-2x)}:host([orientation=vertical][align-group=start]){--sbb-action-group-align-items: flex-start}:host([orientation=vertical][align-group=center]){--sbb-action-group-align-items: center}:host([orientation=vertical][align-group=stretch]){--sbb-action-group-align-items: stretch}:host([orientation=vertical][align-group=end]){--sbb-action-group-align-items: flex-end}@media(min-width:0rem){:host([orientation=vertical][horizontal-from=zero][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:37.5rem){:host([orientation=vertical][horizontal-from=small][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:64rem){:host([orientation=vertical][horizontal-from=large][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:90rem){:host([orientation=vertical][horizontal-from=ultra][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}::slotted([align-self=start]){margin-inline-end:auto}::slotted([align-self=center]){margin-inline:auto}::slotted([align-self=end]){margin-inline-start:auto}::slotted(:is(sbb-block-link,sbb-block-link-button,sbb-block-link-static)){white-space:nowrap}", s = (() => {
-	let s = a, c, l = [], u = [], d, f = [], p = [], m, h = [], g = [], _, v = [], y = [], b, x = [], S = [];
-	return class extends s {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-			c = [i({
-				attribute: "align-group",
-				reflect: !0
-			})], d = [i({
-				attribute: "horizontal-from",
-				reflect: !0
-			})], m = [i({ reflect: !0 })], _ = [i({
-				attribute: "button-size",
-				reflect: !0
-			})], b = [i({
-				attribute: "link-size",
-				reflect: !0
-			})], e(this, null, c, {
-				kind: "accessor",
-				name: "alignGroup",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "alignGroup" in e,
-					get: (e) => e.alignGroup,
-					set: (e, t) => {
-						e.alignGroup = t;
-					}
-				},
-				metadata: t
-			}, l, u), e(this, null, d, {
-				kind: "accessor",
-				name: "horizontalFrom",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "horizontalFrom" in e,
-					get: (e) => e.horizontalFrom,
-					set: (e, t) => {
-						e.horizontalFrom = t;
-					}
-				},
-				metadata: t
-			}, f, p), e(this, null, m, {
-				kind: "accessor",
-				name: "orientation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "orientation" in e,
-					get: (e) => e.orientation,
-					set: (e, t) => {
-						e.orientation = t;
-					}
-				},
-				metadata: t
-			}, h, g), e(this, null, _, {
-				kind: "accessor",
-				name: "buttonSize",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "buttonSize" in e,
-					get: (e) => e.buttonSize,
-					set: (e, t) => {
-						e.buttonSize = t;
-					}
-				},
-				metadata: t
-			}, v, y), e(this, null, b, {
-				kind: "accessor",
-				name: "linkSize",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "linkSize" in e,
-					get: (e) => e.linkSize,
-					set: (e, t) => {
-						e.linkSize = t;
-					}
-				},
-				metadata: t
-			}, x, S), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-action-group";
-		}
-		static {
-			this.styles = [r(o)];
-		}
-		#e = t(this, l, "start");
-		get alignGroup() {
-			return this.#e;
-		}
-		set alignGroup(e) {
-			this.#e = e;
-		}
-		#t = (t(this, u), t(this, f, "large"));
-		get horizontalFrom() {
-			return this.#t;
-		}
-		set horizontalFrom(e) {
-			this.#t = e;
-		}
-		#n = (t(this, p), t(this, h, "horizontal"));
-		get orientation() {
-			return this.#n;
-		}
-		set orientation(e) {
-			this.#n = e;
-		}
-		#r = (t(this, g), t(this, v, null));
-		get buttonSize() {
-			return this.#r;
-		}
-		set buttonSize(e) {
-			this.#r = e;
-		}
-		#i = (t(this, y), t(this, x, null));
-		get linkSize() {
-			return this.#i;
-		}
-		set linkSize(e) {
-			this.#i = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("buttonSize") && this._syncButtons(), e.has("linkSize") && this._syncLinks();
-		}
-		_syncButtons() {
-			this.buttonSize && this.querySelectorAll?.(":is(:state(sbb-button),[state--sbb-button])").forEach((e) => e.size = this.buttonSize);
-		}
-		_syncLinks() {
-			this.linkSize && this.querySelectorAll?.("sbb-block-link, sbb-block-link-button, sbb-block-link-static").forEach((e) => {
-				e.size = this.linkSize;
-			});
-		}
-		render() {
-			return n`<slot></slot>`;
-		}
-		constructor() {
-			super(...arguments), t(this, S);
-		}
-	};
-})();
-//#endregion
-export { s as t };