@danske/sapphire-angular 1.18.1 → 1.19.1

package/lib/button/src/button-group.component.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+export type ButtonGroupStretchType = 'none' | 'default' | 'autoVertical';
 /**
  * ButtonGroup is a utility component which ensures consistent spacing between
  * buttons All children must be of type Button. Icon buttons cannot be mixed
@@ -10,6 +11,18 @@ export declare class ButtonGroupComponent {
      * @default "right"
      */
     align: 'left' | 'center' | 'right';
+    /**
+     * Controls stretching of the contents.
+     *
+     * `none` - the children will not stretch and will respect the alignment set with the align prop.
+     *
+     * `default` - the children will stretch to take full width. If the children overflow, they will be wrapped vertically.
+     *
+     * `autoVertical` - same behaviour as `default`, but if there is more than 3 children, they will be wrapped vertically even if they don't overflow.
+     *
+     * @default "none"
+     */
+    stretch?: ButtonGroupStretchType;
     get iconSpacing(): this['spacing'];
     set iconSpacing(value: this['spacing']);
     /**
@@ -22,5 +35,5 @@ export declare class ButtonGroupComponent {
      */
     orientation?: 'vertical' | 'horizontal';
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "sp-button-group", never, { "align": "align"; "iconSpacing": "iconSpacing"; "spacing": "spacing"; "orientation": "orientation"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "sp-button-group", never, { "align": "align"; "stretch": "stretch"; "iconSpacing": "iconSpacing"; "spacing": "spacing"; "orientation": "orientation"; }, {}, never, ["*"], false, never>;
 }

package/lib/modal/src/dialog/dialog-footer.component.d.ts

@@ -1,3 +1,4 @@
+import { ButtonGroupStretchType } from '../../../button/src/button-group.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../common/sapphire-view-encapsulation";
 /**
@@ -15,6 +16,22 @@ export declare class DialogFooterDirective {
  * For a custom footer, use {@link DialogFooterDirective spDialogFooter attribute directive}.
  */
 export declare class DialogFooterComponent {
+    /**
+     * Controls stretching of the contents.
+     *
+     * `none` - the children will not stretch and will respect the alignment set with the align prop.
+     *
+     * `default` - the children will stretch to take full width. If the children overflow, they will be wrapped vertically.
+     *
+     * `autoVertical` - same behaviour as `default`, but if there is more than 3 children, they will be wrapped vertically even if they don't overflow.
+     *
+     * @default "none"
+     */
+    stretch?: ButtonGroupStretchType;
+    /**
+     * @default "horizontal"
+     */
+    orientation?: 'vertical' | 'horizontal';
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogFooterComponent, "sp-dialog-footer", never, {}, {}, never, ["*"], false, [{ directive: typeof DialogFooterDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogFooterComponent, "sp-dialog-footer", never, { "stretch": "stretch"; "orientation": "orientation"; }, {}, never, ["*"], false, [{ directive: typeof DialogFooterDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/modal/src/dialog/dialog.component.d.ts

@@ -14,7 +14,7 @@ export declare class DialogComponent extends ModalBaseComponent {
     /**
      * Dialog size, constraining the width of the dialog.
      */
-    size: 'small' | 'medium' | 'large';
+    size: 'extra-small' | 'small' | 'medium' | 'large';
     /**
      * Type of the dialog:
      *  - 'passive': A dialog without footer with actions. Passive dialogs are

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "1.18.1",
+  "version": "1.19.1",
   "license": "SEE LICENSE IN LICENSE",
   "description": "The Angular implementation of the Sapphire Design System from Danske Bank A/S",
   "module": "fesm2015/danske-sapphire-angular.mjs",
@@ -16,10 +16,10 @@
     "@danske/sapphire-icons": "^1.0.2"
   },
   "dependencies": {
-    "@danske/sapphire-css": "^27.0.1",
+    "@danske/sapphire-css": "^27.1.1",
     "tslib": "^2.3.0"
   },
-  "gitHead": "ed8a61f0521fe4e7601d6b962e677cd9e151a401",
+  "gitHead": "cd122ead963e96cd3d285da62e66a53ca7bde597",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",