@luizleon/sf.prefeiturasp.vuecomponents 0.0.37 → 0.0.38

package/src/style/src/sweetalert/scss/_variables.scss

@@ -40,7 +40,7 @@ $swal2-icon-border-color: #000 !default;
 $swal2-icon-zoom: null !default;
 $swal2-success: var(--success-color) !default;
 // $swal2-success-border: rgba($swal2-success, 0.3) !default;
-$swal2-success-border: alpha(--success, 0.3) !default;
+$swal2-success-border: var(--success-hover-color) !default;
 $swal2-error: var(--error-color) !default;
 $swal2-warning: var(--warn-color) !default;
 $swal2-info: var(--info-color) !default;
@@ -79,8 +79,8 @@ $swal2-input-height: 2.625em !default;
 $swal2-input-padding: 0 0.75em !default;
 $swal2-input-border: 1px solid var(--surface-border-color) !default;
 $swal2-input-border-radius: 0.1875em !default;
-$swal2-input-box-shadow: inset 0 1px 1px alpha(--text, 0.06),
-  0 0 0 3px transparent !default;
+$swal2-input-box-shadow: inset 0 1px 1px var(--text-hover-color) 0 0 0
+  3px transparent !default;
 $swal2-input-font-size: 1.125em !default;
 $swal2-input-background: var(--surface-100-color) !default;
 $swal2-input-color: inherit !default;
@@ -126,7 +126,7 @@ $swal2-progress-steps-distance: 2.5em !default;
 $swal2-progress-step-width: 2em;
 $swal2-progress-step-height: 2em;
 $swal2-progress-step-border-radius: 2em;
-$swal2-progress-step-background: alpha(--primary, 0.4) !default;
+$swal2-progress-step-background: var(--primary-hover-color) !default;
 $swal2-progress-step-color: $swal2-white !default;
 $swal2-active-step-background: var(--primary-color) !default;
 $swal2-active-step-color: $swal2-white !default;
@@ -140,7 +140,9 @@ $swal2-footer-font-size: 1em !default;
 
 // TIMER POGRESS BAR
 $swal2-timer-progress-bar-height: 0.25em;
-$swal2-timer-progress-bar-background: alpha(--text, 0.2) !default;
+$swal2-timer-progress-bar-background: var(
+  --text-hover-color
+) !default;
 
 // CLOSE BUTTON
 $swal2-close-button-justify-self: end !default;
@@ -185,8 +187,8 @@ $swal2-button-padding: 0.625em 1.1em !default;
 $swal2-button-transition: box-shadow 0.1s !default;
 $swal2-button-box-shadow: 0 0 0 3px transparent !default;
 $swal2-button-font-weight: 500 !default;
-$swal2-button-darken-hover: alpha(--text, 0.1) !default;
-$swal2-button-darken-active: alpha(--text, 0.2) !default;
+$swal2-button-darken-hover: var(--text-hover-color) !default;
+$swal2-button-darken-active: var(--text-hover-color) !default;
 $swal2-button-focus-outline: none !default;
 $swal2-button-focus-box-shadow: 0 0 0 3px $swal2-outline-color !default;
 
@@ -198,7 +200,7 @@ $swal2-confirm-button-background-color: var(--primary-color) !default;
 $swal2-confirm-button-color: $swal2-white !default;
 $swal2-confirm-button-font-size: 1em !default;
 $swal2-confirm-button-focus-box-shadow: 0 0 0 3px
-  alpha(--primary, 0.5) !default;
+  var(--primary-hover-color) !default;
 
 // DENY BUTTON
 $swal2-deny-button-order: null !default;
@@ -207,16 +209,20 @@ $swal2-deny-button-border-radius: 0.25em !default;
 $swal2-deny-button-background-color: var(--error-color) !default;
 $swal2-deny-button-color: $swal2-white !default;
 $swal2-deny-button-font-size: 1em !default;
-$swal2-deny-button-focus-box-shadow: 0 0 0 3px alpha(--error, 0.5) !default;
+$swal2-deny-button-focus-box-shadow: 0 0 0 3px
+  var(--error-hover-color) !default;
 
 // CANCEL BUTTON
 $swal2-cancel-button-order: null !default;
 $swal2-cancel-button-border: 0 !default;
 $swal2-cancel-button-border-radius: 0.25em !default;
-$swal2-cancel-button-background-color: var(--blueGray-color) !default;
+$swal2-cancel-button-background-color: var(
+  --secondary-color
+) !default;
 $swal2-cancel-button-color: $swal2-white !default;
 $swal2-cancel-button-font-size: 1em !default;
-$swal2-cancel-button-focus-box-shadow: 0 0 0 3px alpha(--text, 0.5) !default;
+$swal2-cancel-button-focus-box-shadow: 0 0 0 3px
+  var(--text-hover-color) !default;
 
 // LOADER
 $swal2-loader-align-items: center !default;

package/src/style/src/_animation.scss

@@ -1,441 +0,0 @@
-@keyframes fadein {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes fadeout {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-@keyframes scalein {
-  0% {
-    opacity: 0;
-    transform: scaleY(0.8);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: scaleY(1);
-  }
-}
-
-@keyframes slidedown {
-  0% {
-    max-height: 0;
-  }
-  100% {
-    max-height: auto;
-  }
-}
-
-@keyframes slideup {
-  0% {
-    max-height: 1000px;
-  }
-  100% {
-    max-height: 0;
-  }
-}
-
-@keyframes fadeinleft {
-  0% {
-    opacity: 0;
-    transform: translateX(-100%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0%);
-  }
-}
-
-@keyframes fadeoutleft {
-  0% {
-    opacity: 1;
-    transform: translateX(0%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(-100%);
-  }
-}
-
-@keyframes fadeinright {
-  0% {
-    opacity: 0;
-    transform: translateX(100%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0%);
-  }
-}
-
-@keyframes fadeoutright {
-  0% {
-    opacity: 1;
-    transform: translateX(0%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(100%);
-  }
-}
-
-@keyframes fadeinup {
-  0% {
-    opacity: 0;
-    transform: translateY(-100%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0%);
-  }
-}
-
-@keyframes fadeoutup {
-  0% {
-    opacity: 1;
-    transform: translateY(0%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-}
-
-@keyframes fadeindown {
-  0% {
-    opacity: 0;
-    transform: translateY(100%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0%);
-  }
-}
-
-@keyframes fadeoutdown {
-  0% {
-    opacity: 1;
-    transform: translateY(0%);
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),
-      opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-}
-
-@keyframes animate-width {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 100%;
-  }
-}
-
-.#{$prefix}fadein {
-  animation: fadein 0.15s linear;
-}
-
-.#{$prefix}fadeout {
-  animation: fadeout 0.15s linear;
-}
-
-.#{$prefix}slidedown {
-  animation: slidedown 0.45s ease-in-out;
-}
-
-.#{$prefix}slideup {
-  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
-}
-
-.#{$prefix}scalein {
-  animation: scalein 0.15s linear;
-}
-
-.#{$prefix}fadeinleft {
-  animation: fadeinleft 0.15s linear;
-}
-
-.#{$prefix}fadeoutleft {
-  animation: fadeoutleft 0.15s linear;
-}
-
-.#{$prefix}fadeinright {
-  animation: fadeinright 0.15s linear;
-}
-
-.#{$prefix}fadeoutright {
-  animation: fadeoutright 0.15s linear;
-}
-
-.#{$prefix}fadeinup {
-  animation: fadeinup 0.15s linear;
-}
-
-.#{$prefix}fadeoutup {
-  animation: fadeoutup 0.15s linear;
-}
-
-.#{$prefix}fadeindown {
-  animation: fadeindown 0.15s linear;
-}
-
-.#{$prefix}fadeoutdown {
-  animation: fadeoutdown 0.15s linear;
-}
-
-.#{$prefix}animate-width {
-  animation: animate-width 1000ms linear;
-}
-
-.#{$prefix}spin {
-  animation: spin 2s linear infinite;
-}
-
-$animation-duration-props: (
-  "animation-duration-100": "100ms",
-  "animation-duration-150": "150ms",
-  "animation-duration-200": "200ms",
-  "animation-duration-300": "300ms",
-  "animation-duration-400": "400ms",
-  "animation-duration-500": "500ms",
-  "animation-duration-1000": "1000ms",
-  "animation-duration-2000": "2000ms",
-  "animation-duration-3000": "3000ms",
-);
-
-$animation-delay-props: (
-  "animation-delay-100": "100ms",
-  "animation-delay-150": "150ms",
-  "animation-delay-200": "200ms",
-  "animation-delay-300": "300ms",
-  "animation-delay-400": "400ms",
-  "animation-delay-500": "500ms",
-  "animation-delay-1000": "1000ms",
-);
-
-$animation-iteration-props: (
-  "animation-iteration-1": "1",
-  "animation-iteration-2": "2",
-  "animation-iteration-infinite": "infinite",
-);
-
-$animation-timing-props: (
-  "animation-linear": "linear",
-  "animation-ease-in": "cubic-bezier(0.4, 0, 1, 1)",
-  "animation-ease-out": "cubic-bezier(0, 0, 0.2, 1)",
-  "animation-ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-);
-
-$animation-fill-props: (
-  "animation-fill-none": "none",
-  "animation-fill-forwards": "forwards",
-  "animation-fill-backwards": "backwards",
-  "animation-fill-both": "both",
-);
-
-@include style-class("animation-duration", $animation-duration-props);
-@include style-class("animation-delay", $animation-delay-props);
-@include style-class(
-  "animation-iteration-count",
-  $animation-iteration-props
-);
-@include style-class(
-  "animation-timing-function",
-  $animation-timing-props
-);
-@include style-class("animation-fill-mode", $animation-fill-props);
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes sf-loading-circle-circle-dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35px;
-  }
-
-  100% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124px;
-  }
-}
-
-@keyframes sf-progress-circular-keyframes-circular-rotate {
-  0% {
-    transform-origin: 50% 50%;
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes sf-progress-circular-keyframes-circular-dash {
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-}
-
-@keyframes sf-progress-linear-horizontal-keyframes-indeterminate1 {
-  0% {
-    left: -35%;
-    right: 100%;
-  }
-
-  60% {
-    left: 100%;
-    right: -90%;
-  }
-
-  100% {
-    left: 100%;
-    right: -90%;
-  }
-}
-
-@keyframes sf-progress-linear-horizontal-keyframes-indeterminate2 {
-  0% {
-    left: -200%;
-    right: 100%;
-  }
-
-  60% {
-    left: 107%;
-    right: -8%;
-  }
-
-  100% {
-    left: 107%;
-    right: -8%;
-  }
-}
-
-@keyframes sf-progress-linear-horizontal-keyframes-buffer {
-  0% {
-    opacity: 1;
-    background-position: 0 -23px;
-  }
-
-  50% {
-    opacity: 0;
-    background-position: 0 -23px;
-  }
-
-  100% {
-    opacity: 1;
-    background-position: -200px -23px;
-  }
-}
-
-@keyframes sf-progress-linear-vertical-keyframes-indeterminate1 {
-  0% {
-    bottom: -35%;
-    top: 100%;
-  }
-
-  60% {
-    bottom: 100%;
-    top: -90%;
-  }
-
-  100% {
-    bottom: 100%;
-    top: -90%;
-  }
-}
-
-@keyframes sf-progress-linear-vertical-keyframes-indeterminate2 {
-  0% {
-    bottom: -200%;
-    top: 100%;
-  }
-
-  60% {
-    bottom: 107%;
-    top: -8%;
-  }
-
-  100% {
-    bottom: 107%;
-    top: -8%;
-  }
-}
-
-@keyframes sf-progress-linear-vertical-keyframes-buffer {
-  0% {
-    opacity: 1;
-    background-position: -23px 0;
-  }
-
-  50% {
-    opacity: 0;
-    background-position: -23px 0;
-  }
-
-  100% {
-    opacity: 1;
-    background-position: -23px -200px;
-  }
-}
-
-@keyframes sf-progress-linear-striped-loading {
-  0% {
-    background-position: 0 0;
-  }
-
-  100% {
-    background-position: 300px 0;
-  }
-}

package/src/style/src/_display.scss

@@ -1,10 +0,0 @@
-$display-props: (
-  "hidden": "none",
-  "block": "block",
-  "inline": "inline",
-  "inline-block": "inline-block",
-  "flex": "flex",
-  "inline-flex": "inline-flex",
-);
-
-@include style-class("display", $display-props, true);

package/src/style/src/_flexbox.scss

@@ -1,85 +0,0 @@
-$flex-direction: (
-  "flex-row": row,
-  "flex-row-reverse": row-reverse,
-  "flex-column": column,
-  "flex-column-reverse": column-reverse,
-);
-
-$flex-wrap: (
-  "flex-wrap": wrap,
-  "flex-wrap-reverse": wrap-reverse,
-  "flex-nowrap": nowrap,
-);
-
-$flex-justify-content: (
-  "justify-content-start": "flex-start",
-  "justify-content-end": "flex-end",
-  "justify-content-center": "center",
-  "justify-content-between": "space-between",
-  "justify-content-around": "space-around",
-  "justify-content-evenly": "space-evenly",
-);
-
-$flex-align-content: (
-  "align-content-start": "flex-start",
-  "align-content-end": "flex-end",
-  "align-content-center": "center",
-  "align-content-between": "space-between",
-  "align-content-around": "space-around",
-  "align-content-evenly": "space-evenly",
-);
-
-$flex-align-items: (
-  "align-items-stretch": "stretch",
-  "align-items-start": "flex-start",
-  "align-items-center": "center",
-  "align-items-end": "flex-end",
-  "align-items-baseline": "baseline",
-);
-
-$flex-align-self: (
-  "align-self-auto": "auto",
-  "align-self-start": "flex-start",
-  "align-self-end": "flex-end",
-  "align-self-center": "center",
-  "align-self-stretch": "stretch",
-  "align-self-baseline": "baseline",
-);
-
-$flex-order: (
-  "flex-order-0": 0,
-  "flex-order-1": 1,
-  "flex-order-2": 2,
-  "flex-order-3": 3,
-  "flex-order-4": 4,
-  "flex-order-5": 5,
-  "flex-order-6": 6,
-);
-
-$flex-shorthand: (
-  "flex-1": 1 1 0%,
-  "flex-auto": 1 1 auto,
-  "flex-initial": 0 1 auto,
-  "flex-none": none,
-);
-
-$flex-grow: (
-  "flex-grow-0": 0,
-  "flex-grow-1": 1,
-);
-
-$flex-shrink: (
-  "flex-shrink-0": 0,
-  "flex-shrink-1": 1,
-);
-
-@include style-class("flex-direction", $flex-direction, true);
-@include style-class("flex-wrap", $flex-wrap, true);
-@include style-class("justify-content", $flex-justify-content, true);
-@include style-class("align-content", $flex-align-content, true);
-@include style-class("align-items", $flex-align-items, true);
-@include style-class("align-self", $flex-align-self, true);
-@include style-class("order", $flex-order, true);
-@include style-class("flex", $flex-shorthand, true);
-@include style-class("flex-grow", $flex-grow, true);
-@include style-class("flex-shrink", $flex-shrink, true);

package/src/style/src/_gap.scss

@@ -1,8 +0,0 @@
-$space-scales: 0, 0.25, 0.5, 1, 1.5, 2, 3, 4, 5;
-$gap-properties: (
-  "gap": "gap",
-  "row-gap": "row-gap",
-  "column-gap": "column-gap",
-);
-
-@include spacing-class("", $gap-properties, $space-scales);