@agilekit/ui 0.0.514-alpha.0 → 0.1.0-alpha.0

package/src/assets/styles/global/bootstrap/utilities/_sizing.scss

@@ -1,20 +1,20 @@
-// stylelint-disable declaration-no-important
-
-// Width and height
-
-@each $prop, $abbrev in (width: w, height: h) {
-  @each $size, $length in $sizes {
-    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
-  }
-}
-
-.mw-100 { max-width: 100% !important; }
-.mh-100 { max-height: 100% !important; }
-
-// Viewport additional helpers
-
-.min-vw-100 { min-width: 100vw !important; }
-.min-vh-100 { min-height: 100vh !important; }
-
-.vw-100 { width: 100vw !important; }
-.vh-100 { height: 100vh !important; }
+// stylelint-disable declaration-no-important
+
+// Width and height
+
+@each $prop, $abbrev in (width: w, height: h) {
+  @each $size, $length in $sizes {
+    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
+  }
+}
+
+.mw-100 { max-width: 100% !important; }
+.mh-100 { max-height: 100% !important; }
+
+// Viewport additional helpers
+
+.min-vw-100 { min-width: 100vw !important; }
+.min-vh-100 { min-height: 100vh !important; }
+
+.vw-100 { width: 100vw !important; }
+.vh-100 { height: 100vh !important; }

package/src/assets/styles/global/bootstrap/utilities/_spacing.scss

@@ -1,73 +1,73 @@
-// stylelint-disable declaration-no-important
-
-// Margin and Padding
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    @each $prop, $abbrev in (margin: m, padding: p) {
-      @each $size, $length in $spacers {
-        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
-        .#{$abbrev}t#{$infix}-#{$size},
-        .#{$abbrev}y#{$infix}-#{$size} {
-          #{$prop}-top: $length !important;
-        }
-        .#{$abbrev}r#{$infix}-#{$size},
-        .#{$abbrev}x#{$infix}-#{$size} {
-          #{$prop}-right: $length !important;
-        }
-        .#{$abbrev}b#{$infix}-#{$size},
-        .#{$abbrev}y#{$infix}-#{$size} {
-          #{$prop}-bottom: $length !important;
-        }
-        .#{$abbrev}l#{$infix}-#{$size},
-        .#{$abbrev}x#{$infix}-#{$size} {
-          #{$prop}-left: $length !important;
-        }
-      }
-    }
-
-    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
-    @each $size, $length in $spacers {
-      @if $size != 0 {
-        .m#{$infix}-n#{$size} { margin: -$length !important; }
-        .mt#{$infix}-n#{$size},
-        .my#{$infix}-n#{$size} {
-          margin-top: -$length !important;
-        }
-        .mr#{$infix}-n#{$size},
-        .mx#{$infix}-n#{$size} {
-          margin-right: -$length !important;
-        }
-        .mb#{$infix}-n#{$size},
-        .my#{$infix}-n#{$size} {
-          margin-bottom: -$length !important;
-        }
-        .ml#{$infix}-n#{$size},
-        .mx#{$infix}-n#{$size} {
-          margin-left: -$length !important;
-        }
-      }
-    }
-
-    // Some special margin utils
-    .m#{$infix}-auto { margin: auto !important; }
-    .mt#{$infix}-auto,
-    .my#{$infix}-auto {
-      margin-top: auto !important;
-    }
-    .mr#{$infix}-auto,
-    .mx#{$infix}-auto {
-      margin-right: auto !important;
-    }
-    .mb#{$infix}-auto,
-    .my#{$infix}-auto {
-      margin-bottom: auto !important;
-    }
-    .ml#{$infix}-auto,
-    .mx#{$infix}-auto {
-      margin-left: auto !important;
-    }
-  }
-}
+// stylelint-disable declaration-no-important
+
+// Margin and Padding
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}t#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top: $length !important;
+        }
+        .#{$abbrev}r#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+        }
+        .#{$abbrev}b#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-bottom: $length !important;
+        }
+        .#{$abbrev}l#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+        }
+      }
+    }
+
+    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
+    @each $size, $length in $spacers {
+      @if $size != 0 {
+        .m#{$infix}-n#{$size} { margin: -$length !important; }
+        .mt#{$infix}-n#{$size},
+        .my#{$infix}-n#{$size} {
+          margin-top: -$length !important;
+        }
+        .mr#{$infix}-n#{$size},
+        .mx#{$infix}-n#{$size} {
+          margin-right: -$length !important;
+        }
+        .mb#{$infix}-n#{$size},
+        .my#{$infix}-n#{$size} {
+          margin-bottom: -$length !important;
+        }
+        .ml#{$infix}-n#{$size},
+        .mx#{$infix}-n#{$size} {
+          margin-left: -$length !important;
+        }
+      }
+    }
+
+    // Some special margin utils
+    .m#{$infix}-auto { margin: auto !important; }
+    .mt#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-top: auto !important;
+    }
+    .mr#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+    }
+    .mb#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+    .ml#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-left: auto !important;
+    }
+  }
+}

package/src/assets/styles/global/bootstrap/utilities/_text.scss

@@ -1,67 +1,67 @@
-// stylelint-disable declaration-no-important
-
-//
-// Text
-//
-
-.text-monospace { font-family: $font-family-monospace; }
-
-// Alignment
-
-.text-justify  { text-align: justify !important; }
-.text-wrap     { white-space: normal !important; }
-.text-nowrap   { white-space: nowrap !important; }
-.text-truncate { @include text-truncate; }
-
-// Responsive alignment
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    .text#{$infix}-left   { text-align: left !important; }
-    .text#{$infix}-right  { text-align: right !important; }
-    .text#{$infix}-center { text-align: center !important; }
-  }
-}
-
-// Transformation
-
-.text-lowercase  { text-transform: lowercase !important; }
-.text-uppercase  { text-transform: uppercase !important; }
-.text-capitalize { text-transform: capitalize !important; }
-
-// Weight and italics
-
-.font-weight-light   { font-weight: $font-weight-light !important; }
-.font-weight-lighter { font-weight: $font-weight-lighter !important; }
-.font-weight-normal  { font-weight: $font-weight-normal !important; }
-.font-weight-bold    { font-weight: $font-weight-bold !important; }
-.font-weight-bolder  { font-weight: $font-weight-bolder !important; }
-.font-italic         { font-style: italic !important; }
-
-// Contextual colors
-
-.text-white { color: $white !important; }
-
-@each $color, $value in $theme-colors {
-  @include text-emphasis-variant(".text-#{$color}", $value);
-}
-
-.text-body { color: $body-color !important; }
-.text-muted { color: $text-muted !important; }
-
-.text-black-50 { color: rgba($black, .5) !important; }
-.text-white-50 { color: rgba($white, .5) !important; }
-
-// Misc
-
-.text-hide {
-  @include text-hide($ignore-warning: true);
-}
-
-.text-decoration-none { text-decoration: none !important; }
-
-// Reset
-
-.text-reset { color: inherit !important; }
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+.text-monospace { font-family: $font-family-monospace; }
+
+// Alignment
+
+.text-justify  { text-align: justify !important; }
+.text-wrap     { white-space: normal !important; }
+.text-nowrap   { white-space: nowrap !important; }
+.text-truncate { @include text-truncate; }
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-left   { text-align: left !important; }
+    .text#{$infix}-right  { text-align: right !important; }
+    .text#{$infix}-center { text-align: center !important; }
+  }
+}
+
+// Transformation
+
+.text-lowercase  { text-transform: lowercase !important; }
+.text-uppercase  { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
+
+// Weight and italics
+
+.font-weight-light   { font-weight: $font-weight-light !important; }
+.font-weight-lighter { font-weight: $font-weight-lighter !important; }
+.font-weight-normal  { font-weight: $font-weight-normal !important; }
+.font-weight-bold    { font-weight: $font-weight-bold !important; }
+.font-weight-bolder  { font-weight: $font-weight-bolder !important; }
+.font-italic         { font-style: italic !important; }
+
+// Contextual colors
+
+.text-white { color: $white !important; }
+
+@each $color, $value in $theme-colors {
+  @include text-emphasis-variant(".text-#{$color}", $value);
+}
+
+.text-body { color: $body-color !important; }
+.text-muted { color: $text-muted !important; }
+
+.text-black-50 { color: rgba($black, .5) !important; }
+.text-white-50 { color: rgba($white, .5) !important; }
+
+// Misc
+
+.text-hide {
+  @include text-hide($ignore-warning: true);
+}
+
+.text-decoration-none { text-decoration: none !important; }
+
+// Reset
+
+.text-reset { color: inherit !important; }

package/src/assets/styles/global/bootstrap/utilities/_visibility.scss

@@ -1,11 +1,11 @@
-//
-// Visibility utilities
-//
-
-.visible {
-  @include invisible(visible);
-}
-
-.invisible {
-  @include invisible(hidden);
-}
+//
+// Visibility utilities
+//
+
+.visible {
+  @include invisible(visible);
+}
+
+.invisible {
+  @include invisible(hidden);
+}

package/src/assets/styles/global/core/card.scss

@@ -1,7 +1,7 @@
-.card-pagination {
-  display: flex;
-  justify-content: flex-end;
-  padding: 0 30px;
-  margin-bottom: 25px;
-  margin-top: 8px;
+.card-pagination {
+  display: flex;
+  justify-content: flex-end;
+  padding: 0 30px;
+  margin-bottom: 25px;
+  margin-top: 8px;
 }

package/src/assets/styles/global/core/color.scss

@@ -1,77 +1,77 @@
-$colors-map: ("B050": $colorB050,
-  "B075": $colorB075,
-  "B100": $colorB100,
-  "B200": $colorB200,
-  "B300": $colorB300,
-  "B400": $colorB400,
-  "B500": $colorB500,
-  "G050": $colorG050,
-  "G075": $colorG075,
-  "G100": $colorG100,
-  "G200": $colorG200,
-  "G300": $colorG300,
-  "G400": $colorG400,
-  "G500": $colorG500,
-  "R050": $colorR050,
-  "R075": $colorR075,
-  "R100": $colorR100,
-  "R200": $colorR200,
-  "R300": $colorR300,
-  "R400": $colorR400,
-  "R500": $colorR500,
-  "Y050": $colorY050,
-  "Y075": $colorY075,
-  "Y100": $colorY100,
-  "Y200": $colorY200,
-  "Y300": $colorY300,
-  "Y400": $colorY400,
-  "Y500": $colorY500,
-  "P050": $colorP050,
-  "P075": $colorP075,
-  "P100": $colorP100,
-  "P200": $colorP200,
-  "P300": $colorP300,
-  "P400": $colorP400,
-  "P500": $colorP500,
-  "T050": $colorT050,
-  "T075": $colorT075,
-  "T100": $colorT100,
-  "T200": $colorT200,
-  "T300": $colorT300,
-  "T400": $colorT400,
-  "T500": $colorT500,
-  "N000": $colorN000,
-  "N010": $colorN010,
-  "N020": $colorN020,
-  "N030": $colorN030,
-  "N040": $colorN040,
-  "N050": $colorN050,
-  "N060": $colorN060,
-  "N070": $colorN070,
-  "N080": $colorN080,
-  "N090": $colorN090,
-  "N100": $colorN100,
-  "N200": $colorN200,
-  "N300": $colorN300,
-  "N400": $colorN400,
-  "N500": $colorN500,
-  "N600": $colorN600,
-  "N700": $colorN700,
-  "N800": $colorN800,
-  "N900": $colorN900,
-);
-
-@each $name,
-$hex-value in $colors-map {
-  .color-#{$name} {
-    color: $hex-value
-  }
-
-  .bg-#{$name} {
-    background-color: $hex-value;
-  }
-
-  .border-color-#{$name} {
-    border-color: $hex-value;
-  }
+$colors-map: ("B050": $colorB050,
+  "B075": $colorB075,
+  "B100": $colorB100,
+  "B200": $colorB200,
+  "B300": $colorB300,
+  "B400": $colorB400,
+  "B500": $colorB500,
+  "G050": $colorG050,
+  "G075": $colorG075,
+  "G100": $colorG100,
+  "G200": $colorG200,
+  "G300": $colorG300,
+  "G400": $colorG400,
+  "G500": $colorG500,
+  "R050": $colorR050,
+  "R075": $colorR075,
+  "R100": $colorR100,
+  "R200": $colorR200,
+  "R300": $colorR300,
+  "R400": $colorR400,
+  "R500": $colorR500,
+  "Y050": $colorY050,
+  "Y075": $colorY075,
+  "Y100": $colorY100,
+  "Y200": $colorY200,
+  "Y300": $colorY300,
+  "Y400": $colorY400,
+  "Y500": $colorY500,
+  "P050": $colorP050,
+  "P075": $colorP075,
+  "P100": $colorP100,
+  "P200": $colorP200,
+  "P300": $colorP300,
+  "P400": $colorP400,
+  "P500": $colorP500,
+  "T050": $colorT050,
+  "T075": $colorT075,
+  "T100": $colorT100,
+  "T200": $colorT200,
+  "T300": $colorT300,
+  "T400": $colorT400,
+  "T500": $colorT500,
+  "N000": $colorN000,
+  "N010": $colorN010,
+  "N020": $colorN020,
+  "N030": $colorN030,
+  "N040": $colorN040,
+  "N050": $colorN050,
+  "N060": $colorN060,
+  "N070": $colorN070,
+  "N080": $colorN080,
+  "N090": $colorN090,
+  "N100": $colorN100,
+  "N200": $colorN200,
+  "N300": $colorN300,
+  "N400": $colorN400,
+  "N500": $colorN500,
+  "N600": $colorN600,
+  "N700": $colorN700,
+  "N800": $colorN800,
+  "N900": $colorN900,
+);
+
+@each $name,
+$hex-value in $colors-map {
+  .color-#{$name} {
+    color: $hex-value
+  }
+
+  .bg-#{$name} {
+    background-color: $hex-value;
+  }
+
+  .border-color-#{$name} {
+    border-color: $hex-value;
+  }
 }

package/src/assets/styles/global/core/status.scss

@@ -1,18 +1,18 @@
-.circle-status {
-  width: 7px;
-  height: 7px;
-  display: inline-flex;
-  border-radius: 50%;
-
-  &-success {
-    background-color: $colorG300;
-  }
-
-  &-danger {
-    background-color: $colorR400;
-  }
-
-  &-off {
-    background-color: $darkGray;
-  }
+.circle-status {
+  width: 7px;
+  height: 7px;
+  display: inline-flex;
+  border-radius: 50%;
+
+  &-success {
+    background-color: $colorG300;
+  }
+
+  &-danger {
+    background-color: $colorR400;
+  }
+
+  &-off {
+    background-color: $darkGray;
+  }
 }

package/src/assets/styles/global/styles.scss

@@ -1,25 +1,25 @@
-@import "../../fonts/fontello/css/fontello.css";
-@import "../shared/shared.scss";
-
-@import "./bootstrap/bootstrap";
-@import "./bootstrap-extended/bootstrap-extended";
-
-@import "./core/color.scss";
-@import "./core/status.scss";
-@import "./core/card.scss";
-
-@import "./vendors/ant-design-grid.scss";
-
-body {
-  font-family: Roboto, Arial, Helvetica, sans-serif;
-}
-
-.visuallyHidden {
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
+@import "../../fonts/fontello/css/fontello.css";
+@import "../shared/shared.scss";
+
+@import "./bootstrap/bootstrap";
+@import "./bootstrap-extended/bootstrap-extended";
+
+@import "./core/color.scss";
+@import "./core/status.scss";
+@import "./core/card.scss";
+
+@import "./vendors/ant-design-grid.scss";
+
+body {
+  font-family: Roboto, Arial, Helvetica, sans-serif;
+}
+
+.visuallyHidden {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
 }