@xdam/ember-partials 3.0.1 → 4.0.1

package/app/styles/ember-partials/helpers/alignment.scss

@@ -1,59 +1,59 @@
-.xep-text {
-  &-center {
-    text-align: center !important;
-  }
-
-  &-left {
-    text-align: left !important;
-  }
-
-  &-right {
-    text-align: right !important;
-  }
-}
-
-.xep-flex {
-  &-justify-center {
-    justify-content: center !important;
-  }
-
-  &-justify-flex-end {
-    justify-content: flex-end !important;
-  }
-
-  &-justify-flex-start {
-    justify-content: flex-start !important;
-  }
-
-  &-align-center {
-    align-items: center !important;
-  }
-
-  &-align-flex-end {
-    align-items: flex-end !important;
-  }
-
-  &-align-flex-start {
-    align-items: flex-start !important;
-  }
-
-  &-grow {
-    flex: 1 0 auto;
-  }
-
-  &-auto {
-    flex: 1 1 auto;
-  }
-
-  &-shrink {
-    flex: 0 1 auto;
-  }
-
-  &-direction-row {
-    flex-direction: row;
-  }
-
-  &-direction-column {
-    flex-direction: column;
-  }
-}
+.xep-text {
+  &-center {
+    text-align: center !important;
+  }
+
+  &-left {
+    text-align: left !important;
+  }
+
+  &-right {
+    text-align: right !important;
+  }
+}
+
+.xep-flex {
+  &-justify-center {
+    justify-content: center !important;
+  }
+
+  &-justify-flex-end {
+    justify-content: flex-end !important;
+  }
+
+  &-justify-flex-start {
+    justify-content: flex-start !important;
+  }
+
+  &-align-center {
+    align-items: center !important;
+  }
+
+  &-align-flex-end {
+    align-items: flex-end !important;
+  }
+
+  &-align-flex-start {
+    align-items: flex-start !important;
+  }
+
+  &-grow {
+    flex: 1 0 auto;
+  }
+
+  &-auto {
+    flex: 1 1 auto;
+  }
+
+  &-shrink {
+    flex: 0 1 auto;
+  }
+
+  &-direction-row {
+    flex-direction: row;
+  }
+
+  &-direction-column {
+    flex-direction: column;
+  }
+}

package/app/styles/ember-partials/helpers/color.scss

@@ -1,27 +1,27 @@
-@each $name, $value in $xep-colors {
-  .xep-#{"" + $name}-color {
-    color: $value !important;
-  }
-
-  .xep-#{"" + $name}-background {
-    background-color: $value !important;
-  }
-
-  .xep-#{"" + $name}-border {
-    border-color: $value !important;
-  }
-}
-
-@each $name, $value in $xep-shades {
-  .xep-#{"" + $name}-color {
-    color: $value !important;
-  }
-
-  .xep-#{"" + $name}-background {
-    background-color: $value !important;
-  }
-
-  .xep-#{"" + $name}-border {
-    border-color: $value !important;
-  }
-}
+@each $name, $value in $xep-colors {
+  .xep-#{"" + $name}-color {
+    color: $value !important;
+  }
+
+  .xep-#{"" + $name}-background {
+    background-color: $value !important;
+  }
+
+  .xep-#{"" + $name}-border {
+    border-color: $value !important;
+  }
+}
+
+@each $name, $value in $xep-shades {
+  .xep-#{"" + $name}-color {
+    color: $value !important;
+  }
+
+  .xep-#{"" + $name}-background {
+    background-color: $value !important;
+  }
+
+  .xep-#{"" + $name}-border {
+    border-color: $value !important;
+  }
+}

package/app/styles/ember-partials/helpers/display.scss

@@ -1,27 +1,27 @@
-.xep-display-block {
-  display: block !important;
-}
-
-.xep-display-inline-block {
-  display: inline-block !important;
-}
-
-.xep-display-inline {
-  display: inline !important;
-}
-
-.xep-display-flex {
-  display: flex !important;
-}
-
-.xep-display-inline-flex {
-  display: inline-flex !important;
-}
-
-.xep-width-100 {
-  width: 100% !important;
-}
-
-.xep-height-100 {
-  height: 100% !important;
-}
+.xep-display-block {
+  display: block !important;
+}
+
+.xep-display-inline-block {
+  display: inline-block !important;
+}
+
+.xep-display-inline {
+  display: inline !important;
+}
+
+.xep-display-flex {
+  display: flex !important;
+}
+
+.xep-display-inline-flex {
+  display: inline-flex !important;
+}
+
+.xep-width-100 {
+  width: 100% !important;
+}
+
+.xep-height-100 {
+  height: 100% !important;
+}

package/app/styles/ember-partials/helpers/overrides.scss

@@ -1,7 +1,7 @@
-// Extra layers are creating performance issues
-:not(.mdc-list--non-interactive) > .mdc-list-item,
-:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item,
-.mdc-button {
-  will-change: initial;
-  contain: initial;
-}
+// Extra layers are creating performance issues
+:not(.mdc-list--non-interactive) > .mdc-list-item,
+:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item,
+.mdc-button {
+  will-change: initial;
+  contain: initial;
+}

package/app/styles/ember-partials/helpers/root.scss

@@ -1,13 +1,13 @@
-:root {
-  @each $name, $value in $xep-colors {
-    --xep-#{"" + $name}-color: #{$value};
-  }
-
-  @each $name, $value in $xep-shades {
-    --xep-#{"" + $name}-shade: #{$value};
-  }
-
-  @each $name, $value in $xep-breakpoints {
-    --xep-#{"" + $name}-breakpoint: #{strip-unit($value)};
-  }
-}
+:root {
+  @each $name, $value in $xep-colors {
+    --xep-#{"" + $name}-color: #{$value};
+  }
+
+  @each $name, $value in $xep-shades {
+    --xep-#{"" + $name}-shade: #{$value};
+  }
+
+  @each $name, $value in $xep-breakpoints {
+    --xep-#{"" + $name}-breakpoint: #{strip-unit($value)};
+  }
+}

package/app/styles/ember-partials/helpers/rotate.scss

@@ -1,11 +1,11 @@
-.xep-rotate-90 {
-  transform: rotate(90deg);
-}
-
-.xep-rotate-180 {
-  transform: rotate(180deg);
-}
-
-.xep-rotate-270 {
-  transform: rotate(270deg);
-}
+.xep-rotate-90 {
+  transform: rotate(90deg);
+}
+
+.xep-rotate-180 {
+  transform: rotate(180deg);
+}
+
+.xep-rotate-270 {
+  transform: rotate(270deg);
+}

package/app/styles/ember-partials/helpers/spacing.scss

@@ -1,25 +1,25 @@
-$xep-spacing-types: 'margin' 'padding';
-$xep-spacing-positions: 'top' 'bottom' 'left' 'right';
-
-$xep-spacing-amounts: (
-  none: 0,
-  quarter: 0.25,
-  half: 0.5,
-  one: 1,
-  two: 2,
-  three: 3
-);
-
-@each $type in $xep-spacing-types {
-  @each $name, $amount in $xep-spacing-amounts {
-    @each $position in $xep-spacing-positions {
-      .xep-#{$type}-#{$position}-#{$name} {
-        #{$type}-#{$position}: $xep-global-spacing * $amount !important;
-      }
-    }
-
-    .xep-#{$type}-#{$name} {
-      #{$type}: $xep-global-spacing * $amount !important;
-    }
-  }
-}
+$xep-spacing-types: 'margin' 'padding';
+$xep-spacing-positions: 'top' 'bottom' 'left' 'right';
+
+$xep-spacing-amounts: (
+  none: 0,
+  quarter: 0.25,
+  half: 0.5,
+  one: 1,
+  two: 2,
+  three: 3
+);
+
+@each $type in $xep-spacing-types {
+  @each $name, $amount in $xep-spacing-amounts {
+    @each $position in $xep-spacing-positions {
+      .xep-#{$type}-#{$position}-#{$name} {
+        #{$type}-#{$position}: $xep-global-spacing * $amount !important;
+      }
+    }
+
+    .xep-#{$type}-#{$name} {
+      #{$type}: $xep-global-spacing * $amount !important;
+    }
+  }
+}

package/app/styles/ember-partials/helpers/typography.scss

@@ -1,5 +1,5 @@
-.xep-truncate {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+.xep-truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/app/styles/ember-partials/helpers/visibility.scss

@@ -1,23 +1,23 @@
-@each $type, $value in $xep-breakpoints {
-  .xep-hide-for-#{$type} {
-    @include breakpoint(#{$type}, up) {
-      display: none !important;
-    }
-  }
-
-  .xep-show-for-#{$type} {
-    display: none !important;
-
-    @include breakpoint(#{$type}, up) {
-      display: inherit !important;
-    }
-  }
-}
-
-.xep-hide {
-  display: none !important;
-}
-
-.xep-hidden {
-  visibility: hidden !important;
-}
+@each $type, $value in $xep-breakpoints {
+  .xep-hide-for-#{$type} {
+    @include breakpoint(#{$type}, up) {
+      display: none !important;
+    }
+  }
+
+  .xep-show-for-#{$type} {
+    display: none !important;
+
+    @include breakpoint(#{$type}, up) {
+      display: inherit !important;
+    }
+  }
+}
+
+.xep-hide {
+  display: none !important;
+}
+
+.xep-hidden {
+  visibility: hidden !important;
+}

package/app/styles/ember-partials/light-theme.scss

@@ -1,42 +1,42 @@
-$xep-colors: (
-  primary: #2284ff,
-  success: #3adb76,
-  warning: #ffae00,
-  alert: #cc4b37
-) !default;
-
-$xep-shades: (
-  typography: #2d364f,
-  typography-1: #646974,
-  typography-2: #949cae,
-  typography-3: #bfc5d1,
-  typography-4: #fff,
-  background: #fff,
-  background-1: #f7f7f7,
-  background-2: #f5f6fa,
-  background-3: #e0e4ee,
-  background-4: #e0e4ee
-) !default;
-
-$xep-surface-border: map-get($xep-shades, background-3) !default;
-
-/* ============= MDC Color ============= */
-
-$mdc-theme-primary: map-get($xep-colors, primary) !default;
-$mdc-theme-secondary: map-get($xep-colors, success) !default;
-$mdc-theme-background: map-get($xep-shades, background-2) !default;
-$mdc-theme-surface: map-get($xep-shades, background) !default;
-$mdc-theme-on-primary: map-get($xep-shades, typography-4) !default;
-$mdc-theme-on-secondary: map-get($xep-shades, typography-4) !default;
-$mdc-theme-on-surface: map-get($xep-shades, typography-1) !default;
-
-$mdc-theme-text-primary-on-light: map-get($xep-colors, primary) !default;
-$mdc-theme-text-primary-on-dark: map-get($xep-colors, primary) !default;
-$mdc-theme-text-secondary-on-dark: map-get($xep-colors, success) !default;
-$mdc-theme-text-secondary-on-light: map-get($xep-colors, success) !default;
-$mdc-theme-text-hint-on-dark: map-get($xep-shades, typography-2) !default;
-$mdc-theme-text-hint-on-light: map-get($xep-shades, typography-2) !default;
-$mdc-theme-text-disabled-on-dark: map-get($xep-shades, typography-3) !default;
-$mdc-theme-text-disabled-on-light: map-get($xep-shades, typography-3) !default;
-$mdc-theme-text-icon-on-dark: map-get($xep-shades, typography-1) !default;
-$mdc-theme-text-icon-on-light: map-get($xep-shades, typography-1) !default;
+$xep-colors: (
+  primary: #2284ff,
+  success: #3adb76,
+  warning: #ffae00,
+  alert: #cc4b37
+) !default;
+
+$xep-shades: (
+  typography: #2d364f,
+  typography-1: #646974,
+  typography-2: #949cae,
+  typography-3: #bfc5d1,
+  typography-4: #fff,
+  background: #fff,
+  background-1: #f7f7f7,
+  background-2: #f5f6fa,
+  background-3: #e0e4ee,
+  background-4: #e0e4ee
+) !default;
+
+$xep-surface-border: map-get($xep-shades, background-3) !default;
+
+/* ============= MDC Color ============= */
+
+$mdc-theme-primary: map-get($xep-colors, primary) !default;
+$mdc-theme-secondary: map-get($xep-colors, success) !default;
+$mdc-theme-background: map-get($xep-shades, background-2) !default;
+$mdc-theme-surface: map-get($xep-shades, background) !default;
+$mdc-theme-on-primary: map-get($xep-shades, typography-4) !default;
+$mdc-theme-on-secondary: map-get($xep-shades, typography-4) !default;
+$mdc-theme-on-surface: map-get($xep-shades, typography-1) !default;
+
+$mdc-theme-text-primary-on-light: map-get($xep-colors, primary) !default;
+$mdc-theme-text-primary-on-dark: map-get($xep-colors, primary) !default;
+$mdc-theme-text-secondary-on-dark: map-get($xep-colors, success) !default;
+$mdc-theme-text-secondary-on-light: map-get($xep-colors, success) !default;
+$mdc-theme-text-hint-on-dark: map-get($xep-shades, typography-2) !default;
+$mdc-theme-text-hint-on-light: map-get($xep-shades, typography-2) !default;
+$mdc-theme-text-disabled-on-dark: map-get($xep-shades, typography-3) !default;
+$mdc-theme-text-disabled-on-light: map-get($xep-shades, typography-3) !default;
+$mdc-theme-text-icon-on-dark: map-get($xep-shades, typography-1) !default;
+$mdc-theme-text-icon-on-light: map-get($xep-shades, typography-1) !default;

package/app/styles/ember-partials/mixins/breakpoints.scss

@@ -1,24 +1,24 @@
-// Usage:
-// @include breakpoint(phone, up)
-// @include breakpoint(tablet, up)
-// @include breakpoint(desktop, down)
-
-@mixin breakpoint($point, $direction: up, $breakpoints: $xep-breakpoints) {
-  // If $mq-breakpoint is a key that exists in
-  // $mq-breakpoints, get and use the value
-  @if map-has-key($breakpoints, $point) {
-    $point: map-get($breakpoints, $point);
-  }
-
-  @if $direction == down {
-    @media screen and (max-width: #{$point}) {
-      @content;
-    }
-  }
-
-  @else if $direction == up {
-    @media screen and (min-width: #{$point}) {
-      @content;
-    }
-  }
-}
+// Usage:
+// @include breakpoint(phone, up)
+// @include breakpoint(tablet, up)
+// @include breakpoint(desktop, down)
+
+@mixin breakpoint($point, $direction: up, $breakpoints: $xep-breakpoints) {
+  // If $mq-breakpoint is a key that exists in
+  // $mq-breakpoints, get and use the value
+  @if map-has-key($breakpoints, $point) {
+    $point: map-get($breakpoints, $point);
+  }
+
+  @if $direction == down {
+    @media screen and (max-width: #{$point}) {
+      @content;
+    }
+  }
+
+  @else if $direction == up {
+    @media screen and (min-width: #{$point}) {
+      @content;
+    }
+  }
+}

package/app/styles/ember-partials/mixins/strip-unit.scss

@@ -1,12 +1,12 @@
-@use 'sass:math';
-
-/// Remove the unit of a length
-/// @param {Number} $number - Number to remove unit from
-/// @return {Number} - Unitless number
-@function strip-unit($number) {
-  @if type-of($number) == 'number' and not unitless($number) {
-    @return math.div($number, ($number * 0 + 1));
-  }
-
-  @return $number;
-}
+@use 'sass:math';
+
+/// Remove the unit of a length
+/// @param {Number} $number - Number to remove unit from
+/// @return {Number} - Unitless number
+@function strip-unit($number) {
+  @if type-of($number) == 'number' and not unitless($number) {
+    @return math.div($number, ($number * 0 + 1));
+  }
+
+  @return $number;
+}

package/app/styles/ember-partials/variables.scss

@@ -1,35 +1,35 @@
-$xep-breakpoints: (
-  desktop: 1025px,
-  tablet: 860px,
-  phone: 0px
-) !default;
-
-$mdc-layout-grid-breakpoints: $xep-breakpoints;
-
-$mdc-layout-grid-columns: (
-  desktop: 12,
-  tablet: 8,
-  phone: 4
-) !default;
-
-$xep-global-spacing: 1rem;
-
-/* ============= MDC Typography ============= */
-
-$mdc-typography-font-family: unquote("Lato, sans-serif");
-$mdc-typography-styles-headline1: () !default;
-$mdc-typography-styles-headline2: () !default;
-$mdc-typography-styles-headline3: () !default;
-$mdc-typography-styles-headline4: () !default;
-$mdc-typography-styles-headline5: () !default;
-$mdc-typography-styles-headline6: () !default;
-$mdc-typography-styles-subtitle1: () !default;
-$mdc-typography-styles-subtitle2: () !default;
-$mdc-typography-styles-body1: () !default;
-$mdc-typography-styles-body2: () !default;
-$mdc-typography-styles-caption: () !default;
-$mdc-typography-styles-button: (
-  text-transform: none,
-  letter-spacing: 0.015em,
-) !default;
-$mdc-typography-styles-overline: () !default;
+$xep-breakpoints: (
+  desktop: 1025px,
+  tablet: 860px,
+  phone: 0
+) !default;
+
+$mdc-layout-grid-breakpoints: $xep-breakpoints;
+
+$mdc-layout-grid-columns: (
+  desktop: 12,
+  tablet: 8,
+  phone: 4
+) !default;
+
+$xep-global-spacing: 1rem;
+
+/* ============= MDC Typography ============= */
+
+$mdc-typography-font-family: unquote("Lato, sans-serif");
+$mdc-typography-styles-headline1: () !default;
+$mdc-typography-styles-headline2: () !default;
+$mdc-typography-styles-headline3: () !default;
+$mdc-typography-styles-headline4: () !default;
+$mdc-typography-styles-headline5: () !default;
+$mdc-typography-styles-headline6: () !default;
+$mdc-typography-styles-subtitle1: () !default;
+$mdc-typography-styles-subtitle2: () !default;
+$mdc-typography-styles-body1: () !default;
+$mdc-typography-styles-body2: () !default;
+$mdc-typography-styles-caption: () !default;
+$mdc-typography-styles-button: (
+  text-transform: none,
+  letter-spacing: 0.015em,
+) !default;
+$mdc-typography-styles-overline: () !default;