s4y-ui 5.2.1 → 5.2.2

package/src/scss/styles.scss

@@ -62,8 +62,8 @@ label.s4y-checkbox-label {
 :root {
   --primary-color: #092c4c;
   --secondary-color: #0a9396;
-  --success-color: #32d157;
-  --infor-color: #0591fd;
+  --success-color: #20b14d;
+  --info-color: #0591fd;
   --danger-color: #d83234;
   --warning-color: #fe9e10;
   --radius: 0.4rem;
@@ -180,6 +180,174 @@ label.s4y-checkbox-label {
   flex-basis: 100px; /* ou qualquer valor fixo ou relativo */
 }
 
+.gap-0 {
+  gap: 0rem;
+}
+
+.gap-x-0 {
+  column-gap: 0rem;
+}
+
+.gap-y-0 {
+  row-gap: 0rem;
+}
+
+.gap-1 {
+  gap: 1rem;
+}
+
+.gap-x-1 {
+  column-gap: 1rem;
+}
+
+.gap-y-1 {
+  row-gap: 1rem;
+}
+
+.gap-2 {
+  gap: 2rem;
+}
+
+.gap-x-2 {
+  column-gap: 2rem;
+}
+
+.gap-y-2 {
+  row-gap: 2rem;
+}
+
+.gap-3 {
+  gap: 3rem;
+}
+
+.gap-x-3 {
+  column-gap: 3rem;
+}
+
+.gap-y-3 {
+  row-gap: 3rem;
+}
+
+.gap-4 {
+  gap: 4rem;
+}
+
+.gap-x-4 {
+  column-gap: 4rem;
+}
+
+.gap-y-4 {
+  row-gap: 4rem;
+}
+
+.gap-5 {
+  gap: 5rem;
+}
+
+.gap-x-5 {
+  column-gap: 5rem;
+}
+
+.gap-y-5 {
+  row-gap: 5rem;
+}
+
+.gap-6 {
+  gap: 6rem;
+}
+
+.gap-x-6 {
+  column-gap: 6rem;
+}
+
+.gap-y-6 {
+  row-gap: 6rem;
+}
+
+.gap-7 {
+  gap: 7rem;
+}
+
+.gap-x-7 {
+  column-gap: 7rem;
+}
+
+.gap-y-7 {
+  row-gap: 7rem;
+}
+
+.gap-8 {
+  gap: 8rem;
+}
+
+.gap-x-8 {
+  column-gap: 8rem;
+}
+
+.gap-y-8 {
+  row-gap: 8rem;
+}
+
+.gap-9 {
+  gap: 9rem;
+}
+
+.gap-x-9 {
+  column-gap: 9rem;
+}
+
+.gap-y-9 {
+  row-gap: 9rem;
+}
+
+.gap-10 {
+  gap: 10rem;
+}
+
+.gap-x-10 {
+  column-gap: 10rem;
+}
+
+.gap-y-10 {
+  row-gap: 10rem;
+}
+
+.gray-1 {
+  color: var(--gray-100);
+}
+
+.gray-2 {
+  color: var(--gray-200);
+}
+
+.gray-3 {
+  color: var(--gray-300);
+}
+
+.gray-4 {
+  color: var(--gray-400);
+}
+
+.gray-5 {
+  color: var(--gray-500);
+}
+
+.gray-6 {
+  color: var(--gray-600);
+}
+
+.gray-7 {
+  color: var(--gray-700);
+}
+
+.gray-8 {
+  color: var(--gray-800);
+}
+
+.gray-9 {
+  color: var(--gray-900);
+}
+
 .s4y-hover {
   cursor: pointer;
 }
@@ -279,5 +447,90 @@ label.s4y-checkbox-label {
     transform: translateY(-1rem);
   }
 }
+.s4y-overlay-bg {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.s4y-centered-panel-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100dvh;
+  width: 100dvw;
+  padding: 2.2rem;
+}
+
+.s4y-preview-pane {
+  height: 100dvh;
+  width: 100dvw;
+  height: auto;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.large-text-bold {
+  font-size: 2rem;
+  font-weight: bold;
+}
+
+.large-text-regular {
+  font-size: 2rem;
+  font-weight: 500;
+}
+
+.medium-text-bold {
+  font-weight: bold;
+  font-size: 1.8rem;
+}
+
+.medium-text-regular {
+  font-weight: 500;
+  font-size: 1.8rem;
+}
+
+.normal-text-bold {
+  font-weight: bold;
+  font-size: 1.6rem;
+}
+
+.normal-text-regular {
+  font-size: 1.6rem;
+  font-weight: 500;
+}
+
+.small-text-bold {
+  font-weight: bold;
+  font-size: 1.4rem;
+}
+
+.small-text-regular {
+  font-weight: 500;
+  font-size: 1.4rem;
+}
+
+.helper-text-regular {
+  font-weight: 500;
+  font-size: 1.2rem;
+}
+
+.cdk-overlay-pane.s4y-tooltip-panel {
+  max-width: calc(100dvw - 32px);
+  pointer-events: auto;
+}
+
+.s4y-confirmation-panel {
+  background: #fff;
+  width: 100%;
+  border-radius: var(--radius);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  animation: fadeInUp 0.3s ease;
+  padding: 1.8rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1.4rem;
+}
 
 /*# sourceMappingURL=styles.scss.map */

package/src/scss/styles.scss.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/s4y-components/src/scss/_reset.scss","../../../../projects/s4y-components/src/scss/_cdk.scss","../../../../projects/s4y-components/src/scss/_variables.scss","../../../../projects/s4y-components/src/scss/_z-index.scss","../../../../projects/s4y-components/src/scss/_utils.scss","../../../../projects/s4y-components/src/scss/_table.scss","../../../../projects/s4y-components/src/scss/_animations.scss","../../../../projects/s4y-components/src/scss/_dialog.scss"],"names":[],"mappings":";AAAQ;ACAA;ADGR;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AE3DF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;;;ACxBF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;;;ACxBF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AC3EF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACdF;EACE;EACA;EACA,YACE;EAEF;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACfF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EAGA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEE;EACF;;;AAGF;EACE;;;AAGF;EACC;EACC;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA","file":"styles.scss"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/s4y-components/src/scss/_reset.scss","../../../../projects/s4y-components/src/scss/_cdk.scss","../../../../projects/s4y-components/src/scss/_variables.scss","../../../../projects/s4y-components/src/scss/_z-index.scss","../../../../projects/s4y-components/src/scss/_utils.scss","../../../../projects/s4y-components/src/scss/_table.scss","../../../../projects/s4y-components/src/scss/_animations.scss","../../../../projects/s4y-components/src/scss/_dialog.scss","../../../../projects/s4y-components/src/scss/_overlay.scss","../../../../projects/s4y-components/src/scss/_preview-image.scss","../../../../projects/s4y-components/src/scss/_typography.scss","../../../../projects/s4y-components/src/scss/_tooltip.scss","../../../../projects/s4y-components/src/scss/_confirmation.scss"],"names":[],"mappings":";AAAQ;ACAA;ADGR;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AE3DF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;;;ACxBF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;;;ACxBF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAOA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC7HF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACdF;EACE;EACA;EACA,YACE;EAEF;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACfF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EAGA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEE;EACF;;;AAGF;EACE;;;AAGF;EACC;EACC;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;;;ACtEJ;EACE;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;;;ACTF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC3CF;EACE;EACA;;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.scss"}