@theseam/ui-common 1.0.0-beta.0 → 1.0.0-beta.10

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