sempli-website-lib 7.1.0-beta.2 → 7.1.0-beta.4

package/styles/vendor/compass/utilities/sprites/_sprite-img.scss

@@ -1,79 +1,79 @@
-// @doc off
-// Example 1:
-//
-//     a.twitter
-//       +sprite-img("icons-32.png", 1)
-//     a.facebook
-//       +sprite-img("icons-32png", 2)
-//
-// Example 2:
-//
-//     a
-//       +sprite-background("icons-32.png")
-//       a.twitter
-//         +sprite-column(1)
-//       a.facebook
-//         +sprite-row(2)
-// @doc on
-
-$sprite-default-size: 32px !default;
-
-$sprite-default-margin: 0px !default;
-
-$sprite-image-default-width: $sprite-default-size !default;
-
-$sprite-image-default-height: $sprite-default-size !default;
-
-// Sets all the rules for a sprite from a given sprite image to show just one of the sprites.
-// To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning.
-@mixin sprite-img($img, $col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
-  @include sprite-background($img, $width, $height);
-  @include sprite-position($col, $row, $width, $height, $margin); 
-}
-
-// Sets rules common for all sprites, assumes you want a square, but allows a rectangular region.
-@mixin sprite-background($img, $width: $sprite-default-size, $height: $width) {
-  @include sprite-background-rectangle($img, $width, $height); 
-}
-
-// Sets rules common for all sprites, assumes a rectangular region.
-@mixin sprite-background-rectangle($img, $width: $sprite-image-default-width, $height: $sprite-image-default-height) {
-  background: image-url($img) no-repeat;
-  width: $width;
-  height: $height;
-  overflow: hidden; 
-}
-
-// Allows horizontal sprite positioning optimized for a single row of sprites.
-@mixin sprite-column($col, $width: $sprite-image-default-width, $margin: $sprite-default-margin) {
-  @include sprite-position($col, 1, $width, 0px, $margin); 
-}
-
-// Allows vertical sprite positioning optimized for a single column of sprites.
-@mixin sprite-row($row, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
-  @include sprite-position(1, $row, 0px, $height, $margin); 
-}
-
-// Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites.
-@mixin sprite-position($col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
-  $x: ($col - 1) * -$width - ($col - 1) * $margin;
-  $y: ($row - 1) * -$height - ($row - 1) * $margin;
-  background-position: $x $y; 
-}
-
-
-
-// Similar to 'sprite-replace-text-with-dimensions' but does not autmaticly set the demensions
-@mixin sprite-replace-text ($map, $sprite, $dimensions: false, $offset-x: 0, $offset-y: 0) {    
-  @include hide-text;
-  @include sprite($map, $sprite, $dimensions, $offset-x, $offset-y);
-  background-image: $map;
-  background-repeat: no-repeat;
-}
-
-// Similar to 'replace-text-with-dimensions' but with sprites
-// To use, create your sprite and then pass it in the `$map` param
-// The name of the image in the sprite folder should be `$img-name`
-@mixin sprite-replace-text-with-dimensions ($map, $sprite, $offset-x: 0, $offset-y: 0){    
-  @include sprite-replace-text ($map, $sprite, true, $offset-x, $offset-y);
+// @doc off
+// Example 1:
+//
+//     a.twitter
+//       +sprite-img("icons-32.png", 1)
+//     a.facebook
+//       +sprite-img("icons-32png", 2)
+//
+// Example 2:
+//
+//     a
+//       +sprite-background("icons-32.png")
+//       a.twitter
+//         +sprite-column(1)
+//       a.facebook
+//         +sprite-row(2)
+// @doc on
+
+$sprite-default-size: 32px !default;
+
+$sprite-default-margin: 0px !default;
+
+$sprite-image-default-width: $sprite-default-size !default;
+
+$sprite-image-default-height: $sprite-default-size !default;
+
+// Sets all the rules for a sprite from a given sprite image to show just one of the sprites.
+// To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning.
+@mixin sprite-img($img, $col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
+  @include sprite-background($img, $width, $height);
+  @include sprite-position($col, $row, $width, $height, $margin); 
+}
+
+// Sets rules common for all sprites, assumes you want a square, but allows a rectangular region.
+@mixin sprite-background($img, $width: $sprite-default-size, $height: $width) {
+  @include sprite-background-rectangle($img, $width, $height); 
+}
+
+// Sets rules common for all sprites, assumes a rectangular region.
+@mixin sprite-background-rectangle($img, $width: $sprite-image-default-width, $height: $sprite-image-default-height) {
+  background: image-url($img) no-repeat;
+  width: $width;
+  height: $height;
+  overflow: hidden; 
+}
+
+// Allows horizontal sprite positioning optimized for a single row of sprites.
+@mixin sprite-column($col, $width: $sprite-image-default-width, $margin: $sprite-default-margin) {
+  @include sprite-position($col, 1, $width, 0px, $margin); 
+}
+
+// Allows vertical sprite positioning optimized for a single column of sprites.
+@mixin sprite-row($row, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
+  @include sprite-position(1, $row, 0px, $height, $margin); 
+}
+
+// Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites.
+@mixin sprite-position($col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
+  $x: ($col - 1) * -$width - ($col - 1) * $margin;
+  $y: ($row - 1) * -$height - ($row - 1) * $margin;
+  background-position: $x $y; 
+}
+
+
+
+// Similar to 'sprite-replace-text-with-dimensions' but does not autmaticly set the demensions
+@mixin sprite-replace-text ($map, $sprite, $dimensions: false, $offset-x: 0, $offset-y: 0) {    
+  @include hide-text;
+  @include sprite($map, $sprite, $dimensions, $offset-x, $offset-y);
+  background-image: $map;
+  background-repeat: no-repeat;
+}
+
+// Similar to 'replace-text-with-dimensions' but with sprites
+// To use, create your sprite and then pass it in the `$map` param
+// The name of the image in the sprite folder should be `$img-name`
+@mixin sprite-replace-text-with-dimensions ($map, $sprite, $offset-x: 0, $offset-y: 0){    
+  @include sprite-replace-text ($map, $sprite, true, $offset-x, $offset-y);
 }

package/styles/vendor/compass/utilities/tables/_alternating-rows-and-columns.scss

@@ -1,22 +1,22 @@
-@mixin alternating-rows-and-columns($even-row-color, $odd-row-color, $dark-intersection, $header-color: white, $footer-color: white) {
-  th {
-    background-color: $header-color;
-    &.even, &:nth-child(2n) {
-      background-color: $header-color - $dark-intersection; } }
-  tr {
-    &.odd, &:nth-child(2n+1) {
-      td {
-       background-color: $odd-row-color;
-       &.even, &:nth-child(2n) {
-         background-color: $odd-row-color - $dark-intersection; } } }
-    }
-  tr.even {
-    td {
-      background-color: $even-row-color;
-      &.even, &:nth-child(2n) {
-        background-color: $even-row-color - $dark-intersection; } } }
-  tfoot {
-    th, td {
-      background-color: $footer-color;
-      &.even, &:nth-child(2n) {
-        background-color: $footer-color - $dark-intersection; } } } }
+@mixin alternating-rows-and-columns($even-row-color, $odd-row-color, $dark-intersection, $header-color: white, $footer-color: white) {
+  th {
+    background-color: $header-color;
+    &.even, &:nth-child(2n) {
+      background-color: $header-color - $dark-intersection; } }
+  tr {
+    &.odd, &:nth-child(2n+1) {
+      td {
+       background-color: $odd-row-color;
+       &.even, &:nth-child(2n) {
+         background-color: $odd-row-color - $dark-intersection; } } }
+    }
+  tr.even {
+    td {
+      background-color: $even-row-color;
+      &.even, &:nth-child(2n) {
+        background-color: $even-row-color - $dark-intersection; } } }
+  tfoot {
+    th, td {
+      background-color: $footer-color;
+      &.even, &:nth-child(2n) {
+        background-color: $footer-color - $dark-intersection; } } } }

package/styles/vendor/compass/utilities/tables/_borders.scss

@@ -1,33 +1,33 @@
-@mixin outer-table-borders($width: 2px, $color: black) {
-  border: $width solid $color;
-  thead {
-    th {
-      border-bottom: $width solid $color; } }
-  tfoot {
-    th, td {
-      border-top: $width solid $color; } }
-  th {
-    &:first-child {
-      border-right: $width solid $color; } } }
-
-@mixin inner-table-borders($width: 2px, $color: black) {
-  th, td {
-    border: {
-      right: $width solid $color;
-      bottom: $width solid $color;
-      left-width: 0px;
-      top-width: 0px; };
-    &:last-child,
-    &.last {
-      border-right-width: 0px; } }
-
-// IE8 ignores rules that are included on the same line as :last-child
-// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
-
-  tbody, tfoot {
-    tr:last-child {
-      th, td {
-        border-bottom-width: 0px; } }
-    tr.last {
-      th, td {
-        border-bottom-width: 0px; } } } }
+@mixin outer-table-borders($width: 2px, $color: black) {
+  border: $width solid $color;
+  thead {
+    th {
+      border-bottom: $width solid $color; } }
+  tfoot {
+    th, td {
+      border-top: $width solid $color; } }
+  th {
+    &:first-child {
+      border-right: $width solid $color; } } }
+
+@mixin inner-table-borders($width: 2px, $color: black) {
+  th, td {
+    border: {
+      right: $width solid $color;
+      bottom: $width solid $color;
+      left-width: 0px;
+      top-width: 0px; };
+    &:last-child,
+    &.last {
+      border-right-width: 0px; } }
+
+// IE8 ignores rules that are included on the same line as :last-child
+// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
+
+  tbody, tfoot {
+    tr:last-child {
+      th, td {
+        border-bottom-width: 0px; } }
+    tr.last {
+      th, td {
+        border-bottom-width: 0px; } } } }

package/styles/vendor/compass/utilities/tables/_scaffolding.scss

@@ -1,9 +1,9 @@
-@mixin table-scaffolding {
-  th {
-    text-align: center;
-    font-weight: bold; }
-  td,
-  th {
-    padding: 2px;
-    &.numeric {
-      text-align: right; } } }
+@mixin table-scaffolding {
+  th {
+    text-align: center;
+    font-weight: bold; }
+  td,
+  th {
+    padding: 2px;
+    &.numeric {
+      text-align: right; } } }

package/styles/vendor/compass/utilities/text/_ellipsis.scss

@@ -1,3 +1,3 @@
-@warn "This import is deprecated. Use 'compass/typography/text/ellipsis' instead.";
-
-@import "../../typography/text/ellipsis";
+@warn "This import is deprecated. Use 'compass/typography/text/ellipsis' instead.";
+
+@import "../../typography/text/ellipsis";

package/styles/vendor/compass/utilities/text/_nowrap.scss

@@ -1,3 +1,3 @@
-@warn "This import is deprecated. Use 'compass/typography/text/nowrap' instead.";
-
-@import "../../typography/text/nowrap";
+@warn "This import is deprecated. Use 'compass/typography/text/nowrap' instead.";
+
+@import "../../typography/text/nowrap";

package/styles/vendor/compass/utilities/text/_replacement.scss

@@ -1,3 +1,3 @@
-@warn "This import is deprecated. Use 'compass/typography/text/replacement' instead.";
-
-@import "../../typography/text/replacement";
+@warn "This import is deprecated. Use 'compass/typography/text/replacement' instead.";
+
+@import "../../typography/text/replacement";

package/assets/interface/icons/check-circle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#1F7F45" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>

package/assets/interface/icons/x-circle-alert.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF425E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>

package/core/intelli-styles.js

@@ -1,55 +0,0 @@
-document.addEventListener('DOMContentLoaded', () => {
-  const handleLabel = (input) => {
-    const wrapper = input.closest('.input-line-wrapper');
-    if (wrapper) {
-      const label = wrapper.querySelector('.floating-label');
-      if (label) {
-        if ((input.value.trim() !== '' || document.activeElement === input ||
-            input.hasAttribute('placeholder')) || input.type === 'date') {
-          label.classList.add('active');
-        } else {
-          label.classList.remove('active');
-        }
-      }
-    }
-
-    const labelContainer = input.closest('.label-container');
-    if (labelContainer) {
-      handleStateIcon(labelContainer);
-    }
-  };
-  const handleStateIcon = (labelContainer) => {
-    if (labelContainer.classList.contains('has-error') || labelContainer.classList.contains('valid-input')) {
-      if (!labelContainer.querySelector('.input-state-icon') && labelContainer.innerText.length <= 50) {
-        const iconSpan = document.createElement('span');
-        iconSpan.className = 'input-state-icon';
-        labelContainer.appendChild(iconSpan);
-      }
-    } else {
-      const iconSpan = labelContainer.querySelector('.input-state-icon');
-      if (iconSpan) {
-        iconSpan.remove();
-      }
-    }
-  };
-  const inputFields = document.querySelectorAll('.input-line-wrapper .input-field');
-  inputFields.forEach(input => {
-    handleLabel(input);
-    input.addEventListener('focus', () => handleLabel(input));
-    input.addEventListener('blur', () => handleLabel(input));
-    input.addEventListener('input', () => handleLabel(input));
-  });
-  const observer = new MutationObserver(() => {
-    const newInputFields = document.querySelectorAll('.input-line-wrapper .input-field');
-    newInputFields.forEach(input => {
-      if (!input.hasAttribute('data-processed')) {
-        handleLabel(input);
-        input.setAttribute('data-processed', 'true');
-        input.addEventListener('focus', () => handleLabel(input));
-        input.addEventListener('blur', () => handleLabel(input));
-        input.addEventListener('input', () => handleLabel(input));
-      }
-    });
-  });
-  observer.observe(document.body, { childList: true, subtree: true });
-});