@theseam/ui-common 1.0.0-beta.1 → 1.0.0-beta.11

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/shared/index.d.ts

@@ -151,15 +151,8 @@ declare class TheSeamHoverClassDirective {
 
 declare class TheSeamNgSelectExtraDirective implements OnInit, AfterViewChecked, OnDestroy {
     private readonly _elementRef;
-    private readonly _ngZone;
     private readonly _ngSelect;
     private readonly _ngControl;
-    private readonly _ngUnsubscribe;
-    private _markedItem;
-    private _checkMarked;
-    private _keyPressWorkaroundSub;
-    private _resizedEvent;
-    private _resizeSensor?;
     /**
      * Set the tab index to `-1` to allow the root element of the ng-select
      * component to receive `focus` event from javascript, but not get focused by
@@ -177,12 +170,6 @@ declare class TheSeamNgSelectExtraDirective implements OnInit, AfterViewChecked,
     ngOnDestroy(): void;
     ngAfterViewChecked(): void;
     private _onScroll;
-    /**
-     * Temp fix for: https://github.com/ng-select/ng-select/issues/1122
-     */
-    /** Should ONLY be called by `_patch_ngSelect_open`. */
-    private _enableKeyPressWorkaround;
-    private _disableKeyPressWorkaround;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamNgSelectExtraDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TheSeamNgSelectExtraDirective, "ng-select", ["seamNgSelectExtra"], {}, {}, never, never, true, never>;
 }

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 };

package/styles/bootstrap/_bootstrap.scss

@@ -6,40 +6,40 @@
 @import './bs-utilities';
 
 // Optional
-@import "bootstrap/scss/root";
-@import "bootstrap/scss/reboot";
-@import "bootstrap/scss/type";
-@import "bootstrap/scss/images";
-@import "bootstrap/scss/code";
-@import "bootstrap/scss/grid";
-@import "bootstrap/scss/tables";
-@import "bootstrap/scss/forms";
-@import "bootstrap/scss/buttons";
-@import "bootstrap/scss/transitions";
-@import "bootstrap/scss/dropdown";
-@import "bootstrap/scss/button-group";
-@import "bootstrap/scss/input-group";
-@import "bootstrap/scss/custom-forms";
-@import "bootstrap/scss/nav";
-@import "bootstrap/scss/navbar";
-@import "bootstrap/scss/card";
-@import "bootstrap/scss/breadcrumb";
-@import "bootstrap/scss/pagination";
-@import "bootstrap/scss/badge";
-@import "bootstrap/scss/jumbotron";
-@import "bootstrap/scss/alert";
-@import "bootstrap/scss/progress";
-@import "bootstrap/scss/media";
-@import "bootstrap/scss/list-group";
-@import "bootstrap/scss/close";
-@import "bootstrap/scss/toasts";
-@import "bootstrap/scss/modal";
-@import "bootstrap/scss/tooltip";
-@import "bootstrap/scss/popover";
-@import "bootstrap/scss/carousel";
-@import "bootstrap/scss/spinners";
-@import "bootstrap/scss/utilities";
-@import "bootstrap/scss/print";
+@import 'bootstrap/scss/root';
+@import 'bootstrap/scss/reboot';
+@import 'bootstrap/scss/type';
+@import 'bootstrap/scss/images';
+@import 'bootstrap/scss/code';
+@import 'bootstrap/scss/grid';
+@import 'bootstrap/scss/tables';
+@import 'bootstrap/scss/forms';
+@import 'bootstrap/scss/buttons';
+@import 'bootstrap/scss/transitions';
+@import 'bootstrap/scss/dropdown';
+@import 'bootstrap/scss/button-group';
+@import 'bootstrap/scss/input-group';
+@import 'bootstrap/scss/custom-forms';
+@import 'bootstrap/scss/nav';
+@import 'bootstrap/scss/navbar';
+@import 'bootstrap/scss/card';
+@import 'bootstrap/scss/breadcrumb';
+@import 'bootstrap/scss/pagination';
+@import 'bootstrap/scss/badge';
+@import 'bootstrap/scss/jumbotron';
+@import 'bootstrap/scss/alert';
+@import 'bootstrap/scss/progress';
+@import 'bootstrap/scss/media';
+@import 'bootstrap/scss/list-group';
+@import 'bootstrap/scss/close';
+@import 'bootstrap/scss/toasts';
+@import 'bootstrap/scss/modal';
+@import 'bootstrap/scss/tooltip';
+@import 'bootstrap/scss/popover';
+@import 'bootstrap/scss/carousel';
+@import 'bootstrap/scss/spinners';
+@import 'bootstrap/scss/utilities';
+@import 'bootstrap/scss/print';
 
 // Custom Styles
 @import './bs-styles';

package/styles/bootstrap/_bs-styles.scss

@@ -7,7 +7,6 @@
   padding-bottom: $alert-padding-y-slim;
 
   &.alert-dismissible {
-
     .close {
       padding-top: $alert-padding-y-slim;
       padding-bottom: $alert-padding-y-slim;
@@ -45,7 +44,6 @@
   }
 }
 
-
 .table {
   thead th {
     border-bottom: $table-border-width solid $table-border-color;
@@ -56,7 +54,6 @@
 //
 //
 .breadcrumb-item {
-
   &::before {
     display: inline-block; // Suppress underlining of the separator in modern browsers
     font-weight: $font-weight-base;
@@ -68,7 +65,6 @@
   }
 }
 
-
 // Popovers
 //
 //
@@ -83,22 +79,22 @@
     // }
 
     &.bs-popover-top > .arrow::before,
-    &.bs-popover-auto[x-placement^=top] > .arrow::before {
+    &.bs-popover-auto[x-placement^='top'] > .arrow::before {
       border-top-color: $value !important;
     }
 
     &.bs-popover-right > .arrow::before,
-    &.bs-popover-auto[x-placement^=right] > .arrow::before {
+    &.bs-popover-auto[x-placement^='right'] > .arrow::before {
       border-right-color: $value !important;
     }
 
     &.bs-popover-bottom > .arrow::before,
-    &.bs-popover-auto[x-placement^=bottom] > .arrow::before {
+    &.bs-popover-auto[x-placement^='bottom'] > .arrow::before {
       border-bottom-color: $value !important;
     }
 
     &.bs-popover-left > .arrow::before,
-    &.bs-popover-auto[x-placement^=left] > .arrow::before {
+    &.bs-popover-auto[x-placement^='left'] > .arrow::before {
       border-left-color: $value !important;
     }
   }

package/styles/bootstrap/_bs-utilities.scss

@@ -1,5 +1,5 @@
 // Required to import before bootstrap css rule stylesheets.
-@import "bootstrap/scss/functions";
-@import "bs-variables"; // Our bootstrap variable customizations
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/mixins";
+@import 'bootstrap/scss/functions';
+@import 'bs-variables'; // Our bootstrap variable customizations
+@import 'bootstrap/scss/variables';
+@import 'bootstrap/scss/mixins';

package/styles/bootstrap/_bs-variables.scss

@@ -1,4 +1,4 @@
-@use "sass:map";
+@use 'sass:map';
 
 //
 // This file should only contain changes to bootstrap variables
@@ -11,7 +11,7 @@ $enable-prefers-reduced-motion-media-query: false !default;
 // Color system
 //
 
-$white:    #fff !default;
+$white: #fff !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #e9ecef !default;
 $gray-300: #dee2e6 !default;
@@ -21,123 +21,118 @@ $gray-600: #6c757d !default;
 $gray-700: #495057 !default;
 $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
-$black:    #000 !default;
+$black: #000 !default;
 
 $grays: ();
 // stylelint-disable-next-line scss/dollar-variable-default
 $grays: map.merge(
   (
-    "100": $gray-100,
-    "200": $gray-200,
-    "300": $gray-300,
-    "400": $gray-400,
-    "500": $gray-500,
-    "600": $gray-600,
-    "700": $gray-700,
-    "800": $gray-800,
-    "900": $gray-900
+    '100': $gray-100,
+    '200': $gray-200,
+    '300': $gray-300,
+    '400': $gray-400,
+    '500': $gray-500,
+    '600': $gray-600,
+    '700': $gray-700,
+    '800': $gray-800,
+    '900': $gray-900,
   ),
   $grays
 );
 
-
-$blue:    #357ebd !default;
+$blue: #357ebd !default;
 $light-blue: #67b2fd !default;
-$indigo:  #6610f2 !default;
-$purple:  #6f42c1 !default;
-$pink:    #e83e8c !default;
-$red:     #dc3545 !default;
-$orange:  #f57a15 !default;
-$yellow:  #ffc107 !default;
-$green:   #55c83c !default;
-$teal:    #20c997 !default;
-$cyan:    #17a2b8 !default;
+$indigo: #6610f2 !default;
+$purple: #6f42c1 !default;
+$pink: #e83e8c !default;
+$red: #dc3545 !default;
+$orange: #f57a15 !default;
+$yellow: #ffc107 !default;
+$green: #55c83c !default;
+$teal: #20c997 !default;
+$cyan: #17a2b8 !default;
 
 $colors: ();
 // stylelint-disable-next-line scss/dollar-variable-default
 $colors: map.merge(
   (
-    "blue":       $blue,
-    "indigo":     $indigo,
-    "purple":     $purple,
-    "pink":       $pink,
-    "red":        $red,
-    "orange":     $orange,
-    "yellow":     $yellow,
-    "green":      $green,
-    "teal":       $teal,
-    "cyan":       $cyan,
-    "white":      $white,
-    "gray":       $gray-600,
-    "gray-dark":  $gray-800
+    'blue': $blue,
+    'indigo': $indigo,
+    'purple': $purple,
+    'pink': $pink,
+    'red': $red,
+    'orange': $orange,
+    'yellow': $yellow,
+    'green': $green,
+    'teal': $teal,
+    'cyan': $cyan,
+    'white': $white,
+    'gray': $gray-600,
+    'gray-dark': $gray-800,
   ),
   $colors
 );
 
-$primary:       $blue !default;
-$secondary:     $gray-600 !default;
-$success:       $green !default;
-$info:          $cyan !default;
-$warning:       $orange !default;
-$danger:        $red !default;
-$light:         $gray-100 !default;
-$dark:          $gray-800 !default;
-$lightgray:     $gray-300 !default;
+$primary: $blue !default;
+$secondary: $gray-600 !default;
+$success: $green !default;
+$info: $cyan !default;
+$warning: $orange !default;
+$danger: $red !default;
+$light: $gray-100 !default;
+$dark: $gray-800 !default;
+$lightgray: $gray-300 !default;
 
 $theme-colors: () !default;
 // stylelint-disable-next-line scss/dollar-variable-default
 $theme-colors: map.merge(
   (
-    "primary":    $primary,
-    "secondary":  $secondary,
-    "success":    $success,
-    "info":       $info,
-    "warning":    $warning,
-    "danger":     $danger,
-    "light":      $light,
-    "dark":       $dark,
+    'primary': $primary,
+    'secondary': $secondary,
+    'success': $success,
+    'info': $info,
+    'warning': $warning,
+    'danger': $danger,
+    'light': $light,
+    'dark': $dark,
     // Custom
-    "lightgray":  $lightgray,
-    "lightblue":  $light-blue
+    'lightgray': $lightgray,
+    'lightblue': $light-blue,
   ),
   $theme-colors
 );
 
-$body-color:    $gray-900 !default;
-$border-color:  $gray-300 !default;
-$table-border-color:  $gray-300 !default;
+$body-color: $gray-900 !default;
+$border-color: $gray-300 !default;
+$table-border-color: $gray-300 !default;
 
 // Buttons + Forms
 //
 // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
 
-$input-btn-padding-x:         1.25rem !default;
-
-$input-btn-padding-x-sm:      0.75rem !default;
+$input-btn-padding-x: 1.25rem !default;
 
+$input-btn-padding-x-sm: 0.75rem !default;
 
 // Modals
 
-$modal-inner-padding:               0.5rem !default;
-
-$modal-header-padding-y:            0.5rem !default;
+$modal-inner-padding: 0.5rem !default;
 
+$modal-header-padding-y: 0.5rem !default;
 
 // Alerts
 //
 // Define alert colors, border radius, and padding.
 
-$alert-padding-y:                   .75rem !default;
-$alert-padding-y-slim:              .25rem !default; //Custom
-
+$alert-padding-y: 0.75rem !default;
+$alert-padding-y-slim: 0.25rem !default; //Custom
 
 // Breadcrumbs
 
-$breadcrumb-padding-y:              .50rem !default;
-
+$breadcrumb-padding-y: 0.5rem !default;
 
 // Tables
 //
 // Customizes the `.table` component with basic values, each used across all table variations.
 
-$table-border-width:          1px !default;
+$table-border-width: 1px !default;

package/styles/common/_forms.scss

@@ -1,15 +1,14 @@
 // Disable Edge password eye icon
-input[type=password].no-native-eye::-ms-reveal,
-input[type=password].no-native-eye::-ms-clear
-{
-    display: none;
+input[type='password'].no-native-eye::-ms-reveal,
+input[type='password'].no-native-eye::-ms-clear {
+  display: none;
 }
 
 // Disable number spinner
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    margin: 0;
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  margin: 0;
 }

package/styles/common/_global.scss

@@ -6,4 +6,3 @@ body {
   min-height: 100vh;
   font-family: 'Mada', sans-serif;
 }
-

package/styles/common/_hacks.scss

@@ -8,7 +8,7 @@
 
   // HACK: Scrollbar was getting placed behind the backdrop making it
   // unreachable.
-  .os-scrollbar{
+  .os-scrollbar {
     z-index: $zindex-modal + 2;
   }
 }

package/styles/common/_table.scss

@@ -4,7 +4,6 @@
 //
 //
 
-
 // # Text ellipsis in `td`
 //
 // For this to work the text needs to be wrapped in a block element, such as a

package/styles/common/_text.scss

@@ -1 +1,3 @@
-.text-decoration-underine { text-decoration: underline !important; }
+.text-decoration-underine {
+  text-decoration: underline !important;
+}

package/styles/theme.scss

@@ -16,4 +16,4 @@
 
 @import './vendor/vendor';
 
-@import './storybook-fixes'
+@import './storybook-fixes';