@theseam/ui-common 1.0.0-beta.6 → 1.0.0-beta.8

package/framework/base-layout/styles/_variables.scss

@@ -1,34 +1,30 @@
 // Header Bar Styles
-$base-header-margin: .25rem !default;
+$base-header-margin: 0.25rem !default;
 $base-header-padding: 0 !default;
 $base-header-background: none !default;
 $base-header-border-radius: 0 !default;
 
-
 // Left Side
 $base-header-left-bg: none !default;
 $base-header-left-padding: 0rem !default;
 $base-header-left-margin: 0 !default;
 $base-header-left-border-radius: 0 !default;
 
-
 // Right Side
 $base-header-right-bg: none !default;
 $base-header-right-padding: 0rem !default;
 $base-header-right-margin: 0 !default;
 $base-header-right-border-radius: 0 !default;
 
-
 // Right Side Action Buttons
-$base-action-margin: 0 0 0 .25rem !default;
+$base-action-margin: 0 0 0 0.25rem !default;
 $base-action-bg: $gray-200 !default;
 $base-action-hover-bg: #d3d9df !default;
 $base-action-color: $gray-600 !default;
 $base-action-hover-color: $gray-600 !default;
 $base-action-padding-x: 1rem !default;
-$base-action-padding-y: .5rem !default;
-$base-action-border-radius: .25rem !default;
-
+$base-action-padding-y: 0.5rem !default;
+$base-action-border-radius: 0.25rem !default;
 
 // Top Bar Wrapper
 $base-layout-top-bar-container-border-top: none !default;
@@ -36,7 +32,6 @@ $base-layout-top-bar-container-border-right: none !default;
 $base-layout-top-bar-container-border-bottom: 1px solid #dee2e6 !default;
 $base-layout-top-bar-container-border-left: none !default;
 
-
 // Side Bar Wrapper
 $base-layout-side-bar-container-border-top: none !default;
 $base-layout-side-bar-container-border-right: 1px solid #dee2e6 !default;

package/framework/dashboard/dashboard-widgets/dashboard-widgets.component.scss

@@ -13,7 +13,8 @@ seam-dashboard-widgets {
     max-width: $seam-dashboard-column-width;
   }
 
-  .dashboard-widgets-list.cdk-drop-list-dragging .dashboard-widgets-list-item:not(.cdk-drag-placeholder) {
+  .dashboard-widgets-list.cdk-drop-list-dragging
+    .dashboard-widgets-list-item:not(.cdk-drag-placeholder) {
     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
   }
 }
@@ -24,9 +25,10 @@ seam-dashboard-widgets {
 
     > div {
       border-radius: $border-radius;
-      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-                  0 8px 10px 1px rgba(0, 0, 0, 0.14),
-                  0 3px 14px 2px rgba(0, 0, 0, 0.12);
+      box-shadow:
+        0 5px 5px -3px rgba(0, 0, 0, 0.2),
+        0 8px 10px 1px rgba(0, 0, 0, 0.14),
+        0 3px 14px 2px rgba(0, 0, 0, 0.12);
     }
   }
   &.cdk-drag-disabled {

package/framework/index.d.ts

@@ -711,11 +711,11 @@ declare function isNavItemType<T extends keyof NavItemTypeMap>(item: ISideNavIte
 declare function isNavItemActive(item: ISideNavItem): boolean;
 declare function isExpanded(item: ISideNavItem): boolean;
 declare function hasChildren(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink) & Required<SideNavItemCanHaveChildren>;
-declare function canHaveChildren(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink);
+declare function canHaveChildren(item: ISideNavItem): item is ISideNavBasic | ISideNavLink;
 declare function hasActiveChild(item: ISideNavItem): boolean;
 declare function hasExpandedChild(item: ISideNavItem): boolean;
-declare function canBeActive(item: ISideNavItem): item is (ISideNavButton | ISideNavLink);
-declare function canExpand(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink);
+declare function canBeActive(item: ISideNavItem): item is ISideNavButton | ISideNavLink;
+declare function canExpand(item: ISideNavItem): item is ISideNavBasic | ISideNavLink;
 declare function findLinkItems(items: ISideNavItem[]): ISideNavLink[];
 declare function setItemStateProp<K extends keyof ISideNavItemState>(item: ISideNavItem, prop: K, value: ISideNavItemState[K]): void;
 declare function getItemStateProp<K extends keyof ISideNavItemState>(item: ISideNavItem, prop: K): ISideNavItemState[K];
@@ -1357,11 +1357,11 @@ declare function isHorizontalNavItemActive(item: INavItem): boolean;
 declare function isHorizontalNavItemExpanded(item: INavItem): boolean;
 declare function isHorizontalNavItemFocused(item: INavItem): boolean;
 declare function horizontalNavItemHasChildren(item: INavItem): item is (INavBasic | INavLink) & Required<NavItemCanHaveChildren>;
-declare function horizontalNavItemCanHaveChildren(item: INavItem): item is (INavBasic | INavLink);
+declare function horizontalNavItemCanHaveChildren(item: INavItem): item is INavBasic | INavLink;
 declare function horizontalNavItemHasActiveChild(item: INavItem): boolean;
 declare function horizontalNavItemHasExpandedChild(item: INavItem): boolean;
-declare function horizontalNavItemCanBeActive(item: INavItem): item is (INavBasic | INavLink);
-declare function horizontalNavItemCanExpand(item: INavItem): item is (INavBasic | INavLink);
+declare function horizontalNavItemCanBeActive(item: INavItem): item is INavBasic | INavLink;
+declare function horizontalNavItemCanExpand(item: INavItem): item is INavBasic | INavLink;
 declare function findHorizontalNavLinkItems(items: INavItem[]): INavLink[];
 declare function setHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
 declare function getHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K): INavItemState[K];

package/framework/nav/nav-item/nav-item.component.scss

@@ -67,7 +67,7 @@ seam-nav-item {
     min-height: 24px;
     text-align: center;
 
-    margin-right: .5rem;
+    margin-right: 0.5rem;
 
     .nav-item--badge {
       top: -4px;
@@ -118,9 +118,7 @@ seam-nav-item {
     color: $seam-nav-toggle-btn-color;
     text-decoration: $link-decoration;
     border-radius: $seam-nav-toggle-btn-border-radius;
-    border:
-      $seam-nav-toggle-btn-border-width
-      $seam-nav-toggle-btn-border-style
+    border: $seam-nav-toggle-btn-border-width $seam-nav-toggle-btn-border-style
       $seam-nav-toggle-btn-border-color;
 
     @include hover {
@@ -180,7 +178,11 @@ seam-nav-item {
 
   @for $i from 1 through 9 {
     .nav--group--level-#{$i} {
-      background-color: color.adjust($seam-nav-bg-color, $lightness: -($i * $seam-nav-group-bg-variation-amount), $space: hsl)
+      background-color: color.adjust(
+        $seam-nav-bg-color,
+        $lightness: -($i * $seam-nav-group-bg-variation-amount),
+        $space: hsl
+      );
     }
   }
 
@@ -202,4 +204,3 @@ seam-nav-item {
     left: 0;
   }
 }
-

package/framework/nav/styles/_themes/light/_variables.scss

@@ -17,22 +17,38 @@ $seam-nav-item-text-align: inherit !default;
 $seam-nav-item-border-radius: 0 !default;
 
 $seam-nav-item-bg-color: transparent !default;
-$seam-nav-item-bg-color-active: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
+$seam-nav-item-bg-color-active: color.adjust(
+  $seam-nav-bg-color,
+  $lightness: -10%,
+  $space: hsl
+) !default;
 $seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
 $seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
-$seam-nav-item-bg-color-hover: color.adjust($seam-nav-bg-color, $lightness: -5%, $space: hsl) !default;
+$seam-nav-item-bg-color-hover: color.adjust(
+  $seam-nav-bg-color,
+  $lightness: -5%,
+  $space: hsl
+) !default;
 
 $seam-nav-item-color: $black !default;
 $seam-nav-item-color-active: $seam-nav-item-color !default;
 $seam-nav-item-color-expanded: $seam-nav-item-color !default;
 $seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
 
-$seam-nav-item-disabled-color: color.adjust($seam-nav-item-color, $lightness: -20%, $space: hsl) !default;
+$seam-nav-item-disabled-color: color.adjust(
+  $seam-nav-item-color,
+  $lightness: -20%,
+  $space: hsl
+) !default;
 
 $seam-nav-item-margin: 0 !default;
 
 // Divider
-$seam-nav-divider-color: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
+$seam-nav-divider-color: color.adjust(
+  $seam-nav-bg-color,
+  $lightness: -10%,
+  $space: hsl
+) !default;
 $seam-nav-divider-size: 1px !default;
 
 // Title
@@ -43,7 +59,7 @@ $seam-nav-title-font-size: 24px !default;
 $seam-nav-title-padding-left: 10px !default;
 
 // Toggle Buttons
-$seam-nav-toggle-btn-padding: 0 .5rem !default;
+$seam-nav-toggle-btn-padding: 0 0.5rem !default;
 
 $seam-nav-toggle-btn-use-transform-active: true !default;
 $seam-nav-toggle-btn-transform: none !default;

package/framework/nav/styles/_themes/primary/_variables.scss

@@ -17,22 +17,38 @@ $seam-nav-item-text-align: inherit !default;
 $seam-nav-item-border-radius: 0 !default;
 
 $seam-nav-item-bg-color: transparent !default;
-$seam-nav-item-bg-color-active: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
+$seam-nav-item-bg-color-active: color.adjust(
+  $seam-nav-bg-color,
+  $lightness: -10%,
+  $space: hsl
+) !default;
 $seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
 $seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
-$seam-nav-item-bg-color-hover: color.adjust($seam-nav-bg-color, $lightness: -5%, $space: hsl) !default;
+$seam-nav-item-bg-color-hover: color.adjust(
+  $seam-nav-bg-color,
+  $lightness: -5%,
+  $space: hsl
+) !default;
 
 $seam-nav-item-color: $white !default;
 $seam-nav-item-color-active: $seam-nav-item-color !default;
 $seam-nav-item-color-expanded: $seam-nav-item-color !default;
 $seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
 
-$seam-nav-item-disabled-color: color.adjust($seam-nav-item-color, $lightness: -20%, $space: hsl) !default;
+$seam-nav-item-disabled-color: color.adjust(
+  $seam-nav-item-color,
+  $lightness: -20%,
+  $space: hsl
+) !default;
 
 $seam-nav-item-margin: 0 !default;
 
 // Divider
-$seam-nav-divider-color: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
+$seam-nav-divider-color: color.adjust(
+  $seam-nav-bg-color,
+  $lightness: -10%,
+  $space: hsl
+) !default;
 $seam-nav-divider-size: 1px !default;
 
 // Title
@@ -43,7 +59,7 @@ $seam-nav-title-font-size: 24px !default;
 $seam-nav-title-padding-left: 10px !default;
 
 // Toggle Buttons
-$seam-nav-toggle-btn-padding: 0 .5rem !default;
+$seam-nav-toggle-btn-padding: 0 0.5rem !default;
 
 $seam-nav-toggle-btn-use-transform-active: true !default;
 $seam-nav-toggle-btn-transform: none !default;

package/framework/side-nav/side-nav-item/side-nav-item.component.scss

@@ -174,7 +174,11 @@ seam-side-nav-item {
 
   @for $i from 1 through 9 {
     .side-nav--group--level-#{$i} {
-      background-color: color.adjust($seam-side-nav-bg-color, $lightness: -($i * $seam-side-nav-group-bg-variation-amount), $space: hsl);
+      background-color: color.adjust(
+        $seam-side-nav-bg-color,
+        $lightness: -($i * $seam-side-nav-group-bg-variation-amount),
+        $space: hsl
+      );
     }
   }
 
@@ -196,4 +200,3 @@ seam-side-nav-item {
     left: 0;
   }
 }
-

package/framework/side-nav/styles/_themes/light/_variables.scss

@@ -22,7 +22,11 @@ $seam-side-nav-item-toggle-color: $seam-side-nav-item-color !default;
 $seam-side-nav-item-toggle-color-active: $seam-side-nav-item-toggle-color !default;
 $seam-side-nav-item-toggle-color-hover: $seam-side-nav-item-toggle-color !default;
 
-$seam-side-nav-item-toggle-disabled-color: color.adjust($seam-side-nav-item-toggle-color, $lightness: -20%, $space: hsl) !default;
+$seam-side-nav-item-toggle-disabled-color: color.adjust(
+  $seam-side-nav-item-toggle-color,
+  $lightness: -20%,
+  $space: hsl
+) !default;
 
 // Divider
 $seam-side-nav-divider-color: $gray-500 !default;

package/framework/side-nav/styles/_themes/primary/_variables.scss

@@ -10,22 +10,42 @@ $seam-side-nav-background-bg-color: rgba($dark, 0.6) !default;
 $seam-side-nav-group-bg-variation-amount: 3% !default;
 
 // Item
-$seam-side-nav-item-bg-color-active: color.adjust($seam-side-nav-bg-color, $lightness: -10%, $space: hsl) !default;
-$seam-side-nav-item-bg-color-hover: color.adjust($seam-side-nav-bg-color, $lightness: -5%, $space: hsl) !default;
+$seam-side-nav-item-bg-color-active: color.adjust(
+  $seam-side-nav-bg-color,
+  $lightness: -10%,
+  $space: hsl
+) !default;
+$seam-side-nav-item-bg-color-hover: color.adjust(
+  $seam-side-nav-bg-color,
+  $lightness: -5%,
+  $space: hsl
+) !default;
 
 $seam-side-nav-item-color: $white !default;
 $seam-side-nav-item-color-active: $seam-side-nav-item-color !default;
 
-$seam-side-nav-item-disabled-color: color.adjust($seam-side-nav-item-color, $lightness: -20%, $space: hsl) !default;
+$seam-side-nav-item-disabled-color: color.adjust(
+  $seam-side-nav-item-color,
+  $lightness: -20%,
+  $space: hsl
+) !default;
 
 $seam-side-nav-item-toggle-color: $seam-side-nav-item-color !default;
 $seam-side-nav-item-toggle-color-active: $seam-side-nav-item-toggle-color !default;
 $seam-side-nav-item-toggle-color-hover: $seam-side-nav-item-toggle-color !default;
 
-$seam-side-nav-item-toggle-disabled-color: color.adjust($seam-side-nav-item-toggle-color, $lightness: -20%, $space: hsl) !default;
+$seam-side-nav-item-toggle-disabled-color: color.adjust(
+  $seam-side-nav-item-toggle-color,
+  $lightness: -20%,
+  $space: hsl
+) !default;
 
 // Divider
-$seam-side-nav-divider-color: color.adjust($seam-side-nav-bg-color, $lightness: -10%, $space: hsl) !default;
+$seam-side-nav-divider-color: color.adjust(
+  $seam-side-nav-bg-color,
+  $lightness: -10%,
+  $space: hsl
+) !default;
 $seam-side-nav-divider-size: 1px !default;
 
 // Title

package/graphql/index.d.ts

@@ -87,9 +87,9 @@ type GqlDatatableAccessor = Pick<DatatableComponent, 'page' | 'sort' | 'sorts' |
     };
 };
 
-type EmptyObject = {
+interface EmptyObject {
     [key: string]: any;
-};
+}
 
 declare const HINT_PREFIX_REGEX: RegExp;
 declare const HINT_NAMES_CAPTURE_REGEX: RegExp;
@@ -124,7 +124,7 @@ interface DatatableGraphQLDataMapperResult<TRow = EmptyObject> {
      */
     totalCount?: number;
 }
-type DatatableGraphQLDataMapper<TData, TRow = EmptyObject> = (data: TData) => (DatatableGraphQLDataMapperResult<TRow> | Promise<DatatableGraphQLDataMapperResult<TRow>> | Observable<DatatableGraphQLDataMapperResult<TRow>>);
+type DatatableGraphQLDataMapper<TData, TRow = EmptyObject> = (data: TData) => DatatableGraphQLDataMapperResult<TRow> | Promise<DatatableGraphQLDataMapperResult<TRow>> | Observable<DatatableGraphQLDataMapperResult<TRow>>;
 type DatatableGraphQLVariables = {
     skip?: number;
     take?: number;
@@ -193,7 +193,7 @@ type FilterStateMapperResult = {
     filter: FilterStateMapperFilter;
     variables: FilterStateMapperVariables;
 } | null;
-type FilterStateMapper = (filterState: DataFilterState, context: MapperContext) => (FilterStateMapperResult | Promise<FilterStateMapperResult> | Observable<FilterStateMapperResult>);
+type FilterStateMapper = (filterState: DataFilterState, context: MapperContext) => FilterStateMapperResult | Promise<FilterStateMapperResult> | Observable<FilterStateMapperResult>;
 interface FilterStateMappers {
     [filterName: string]: FilterStateMapper;
 }
@@ -202,7 +202,7 @@ declare function mapFilterStates(filterStates: DataFilterState[], filterStateMap
 type SortsMapperResult = {
     [name: string]: any;
 }[];
-type SortsMapper = (sorts: SortItem[], context: MapperContext) => (SortsMapperResult | Promise<SortsMapperResult> | Observable<SortsMapperResult>);
+type SortsMapper = (sorts: SortItem[], context: MapperContext) => SortsMapperResult | Promise<SortsMapperResult> | Observable<SortsMapperResult>;
 declare function observeRowsWithGqlInputsHandling<TData, TRow, GqlVariables extends EmptyObject>(queryRef: DatatableGraphQLQueryRef<TData, GqlVariables, TRow>, rows: Observable<TRow[]>, datatable: Observable<GqlDatatableAccessor | undefined> | Promise<GqlDatatableAccessor | undefined> | GqlDatatableAccessor, extraVariables: Observable<Partial<GqlVariables>> | Promise<Partial<GqlVariables>> | Partial<GqlVariables>, sortsMapper: SortsMapper, filterStateMappers: FilterStateMappers): Observable<TRow[]>;
 
 /**

package/modal/README.md

@@ -1,5 +1,5 @@
-# Modal
-
-For now this module will be mostly using code from the `cdk-experimental` `dialog`.
-
-When `cdk-experimental` gets moved to `cdk` we may just end up using it. If we have neccessary customizations for our use cases then this will just wrap it or extend neccessary parts.
+# Modal
+
+For now this module will be mostly using code from the `cdk-experimental` `dialog`.
+
+When `cdk-experimental` gets moved to `cdk` we may just end up using it. If we have neccessary customizations for our use cases then this will just wrap it or extend neccessary parts.

package/modal/index.d.ts

@@ -351,7 +351,7 @@ declare class Modal implements OnDestroy {
     afterAllClosed: Observable<void>;
     /** Stream that emits when a dialog is opened. */
     get afterOpened(): Subject<ModalRef<any>>;
-    _afterOpened: Subject<ModalRef<any>>;
+    _afterOpened: Subject<ModalRef<any, any>>;
     /** Stream that emits when a dialog is opened. */
     get openDialogs(): ModalRef<any>[];
     _openDialogs: ModalRef<any>[];

package/models/index.d.ts

@@ -14,7 +14,7 @@ declare enum HttpStatus {
     NotImplemented = 501,
     BadGateway = 502,
     ServiceUnavailable = 503,
-    GatewayTimeout = 502
+    GatewayTimeout = 504
 }
 
 type ThemeTypes = 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'lightgray' | 'lightblue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "peerDependencies": {
     "@angular/cdk": "^20.2.3",
     "@angular/common": "^20.3.0",
@@ -137,13 +137,9 @@
       "types": "./asset-reader/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-asset-reader.mjs"
     },
-    "./breadcrumbs": {
-      "types": "./breadcrumbs/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-breadcrumbs.mjs"
-    },
-    "./carousel": {
-      "types": "./carousel/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-carousel.mjs"
+    "./buttons": {
+      "types": "./buttons/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-buttons.mjs"
     },
     "./card": {
       "types": "./card/index.d.ts",
@@ -153,25 +149,29 @@
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-checkbox.mjs"
     },
-    "./buttons": {
-      "types": "./buttons/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-buttons.mjs"
+    "./carousel": {
+      "types": "./carousel/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-carousel.mjs"
     },
     "./confirm-dialog": {
       "types": "./confirm-dialog/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-confirm-dialog.mjs"
     },
-    "./core": {
-      "types": "./core/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-core.mjs"
+    "./breadcrumbs": {
+      "types": "./breadcrumbs/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-breadcrumbs.mjs"
     },
     "./data-exporter": {
       "types": "./data-exporter/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-data-exporter.mjs"
     },
-    "./datatable": {
-      "types": "./datatable/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-datatable.mjs"
+    "./core": {
+      "types": "./core/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-core.mjs"
+    },
+    "./data-filters": {
+      "types": "./data-filters/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-data-filters.mjs"
     },
     "./datatable-alterations-display": {
       "types": "./datatable-alterations-display/index.d.ts",
@@ -185,10 +185,6 @@
       "types": "./dynamic/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-dynamic.mjs"
     },
-    "./data-filters": {
-      "types": "./data-filters/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-data-filters.mjs"
-    },
     "./dynamic-component-loader": {
       "types": "./dynamic-component-loader/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-dynamic-component-loader.mjs"
@@ -197,10 +193,18 @@
       "types": "./footer-bar/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-footer-bar.mjs"
     },
+    "./datatable": {
+      "types": "./datatable/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-datatable.mjs"
+    },
     "./form-field": {
       "types": "./form-field/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-form-field.mjs"
     },
+    "./form-field-error": {
+      "types": "./form-field-error/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-form-field-error.mjs"
+    },
     "./framework": {
       "types": "./framework/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-framework.mjs"
@@ -217,10 +221,6 @@
       "types": "./icon/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-icon.mjs"
     },
-    "./form-field-error": {
-      "types": "./form-field-error/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-form-field-error.mjs"
-    },
     "./layout": {
       "types": "./layout/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-layout.mjs"
@@ -249,30 +249,26 @@
       "types": "./popover/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-popover.mjs"
     },
-    "./progress": {
-      "types": "./progress/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-progress.mjs"
-    },
     "./rich-text": {
       "types": "./rich-text/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-rich-text.mjs"
     },
-    "./scrollbar": {
-      "types": "./scrollbar/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-scrollbar.mjs"
-    },
     "./services": {
       "types": "./services/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-services.mjs"
     },
-    "./shared": {
-      "types": "./shared/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-shared.mjs"
-    },
     "./storage": {
       "types": "./storage/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-storage.mjs"
     },
+    "./scrollbar": {
+      "types": "./scrollbar/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-scrollbar.mjs"
+    },
+    "./shared": {
+      "types": "./shared/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-shared.mjs"
+    },
     "./story-helpers": {
       "types": "./story-helpers/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-story-helpers.mjs"
@@ -309,10 +305,6 @@
       "types": "./toggle-edit/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-toggle-edit.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/theseam-ui-common-tooltip.mjs"
-    },
     "./toggle-group": {
       "types": "./toggle-group/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-toggle-group.mjs"
@@ -321,6 +313,10 @@
       "types": "./unsaved-changes-dialog/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs"
     },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-tooltip.mjs"
+    },
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-utils.mjs"
@@ -340,6 +336,10 @@
     "./widget": {
       "types": "./widget/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-widget.mjs"
+    },
+    "./progress": {
+      "types": "./progress/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-progress.mjs"
     }
   },
   "sideEffects": false

package/popover/index.d.ts

@@ -86,8 +86,6 @@ declare class PopoverComponent implements OnInit, OnDestroy {
     _afterExit: Subject<void>;
     /** Stream of animation `done` events. */
     _animationDone: Subject<AnimationEvent>;
-    get _role(): string;
-    get _tabindex(): number;
     template: TemplateRef<any> | undefined | null;
     popoverClass: string | undefined | null;
     popover: TheSeamPopoverDirective | undefined | null;

package/progress/progress-circle/styles/_variables.scss

@@ -1,10 +1,22 @@
 @use 'sass:color';
 
 $seam-progress-complete: $green !default;
-$seam-progress-complete-bg: color.adjust($green, $lightness: 40%, $space: hsl) !default;
+$seam-progress-complete-bg: color.adjust(
+  $green,
+  $lightness: 40%,
+  $space: hsl
+) !default;
 
 $seam-progress-incomplete: $orange !default;
-$seam-progress-incomplete-bg: color.adjust($orange, $lightness: 40%, $space: hsl) !default;
+$seam-progress-incomplete-bg: color.adjust(
+  $orange,
+  $lightness: 40%,
+  $space: hsl
+) !default;
 
 $seam-progress-new: $gray-600 !default;
-$seam-progress-new-bg: color.adjust($gray-600, $lightness: 40%, $space: hsl) !default;
+$seam-progress-new-bg: color.adjust(
+  $gray-600,
+  $lightness: 40%,
+  $space: hsl
+) !default;

package/story-helpers/index.d.ts

@@ -9,6 +9,8 @@ import * as i4 from '@angular/router';
 import * as i5 from '@theseam/ui-common/scrollbar';
 import { GlobalConfig, ActiveToast, ToastContainerDirective, IndividualConfig } from 'ngx-toastr';
 import { TheSeamPreferencesAccessor } from '@theseam/ui-common/services';
+import { AngularRenderer } from '@storybook/angular';
+import { DecoratorFunction } from 'storybook/internal/csf';
 
 declare type ArgType = any;
 declare const themeArgType: ArgType;
@@ -180,5 +182,13 @@ declare class StoryPreferencesAccessorService implements TheSeamPreferencesAcces
     static ɵprov: i0.ɵɵInjectableDeclaration<StoryPreferencesAccessorService>;
 }
 
-export { STORY_INITIAL_ROUTE_URL, StoryEmptyComponent, StoryEmptyWithRouteComponent, StoryHelperComponentsModule, StoryInitialRouteModule, StoryInitialRouteService, StoryModalContainerComponent, StoryPreferencesAccessorService, StoryToastrService, argsToTpl, buttonTypeArgType, onStoryBootstrappedTrigger, routeButton, routesArgType, sizeArgType, storyInitialRouteFactory, themeArgType, themeWithOutlineArgType };
+declare const INJECTOR_TO_ARGS_PROPERTY_NAME = "__getInjector";
+/**
+ * Storybook decorator that stores the Angular Injector in
+ * args, for retrieval in play function.
+ */
+declare const addInjectorGetterToArgs: (argName?: string) => DecoratorFunction<AngularRenderer>;
+declare const getInjectorFromArgs: (args: any, argName?: string) => Injector;
+
+export { INJECTOR_TO_ARGS_PROPERTY_NAME, STORY_INITIAL_ROUTE_URL, StoryEmptyComponent, StoryEmptyWithRouteComponent, StoryHelperComponentsModule, StoryInitialRouteModule, StoryInitialRouteService, StoryModalContainerComponent, StoryPreferencesAccessorService, StoryToastrService, addInjectorGetterToArgs, argsToTpl, buttonTypeArgType, getInjectorFromArgs, onStoryBootstrappedTrigger, routeButton, routesArgType, sizeArgType, storyInitialRouteFactory, themeArgType, themeWithOutlineArgType };
 export type { ArgsTplOptions, ArgsTplParts };