@newlogic-digital/ui 3.0.4 → 3.1.0

package/src/styles/Utils/tailwind/gutters.css

@@ -1,345 +1,346 @@
 @layer utilities {
-  @variants responsive {
-    .row {
-      --gx: 0rem;
-      --gy: 0rem;
-      display: flex;
-      margin: calc(var(--gy) / -2) calc(var(--gx) / -2) calc(var(--gy) / -2) calc(var(--gx) / -2);
-
-      & > * {
-        padding: calc(var(--gy) / 2) calc(var(--gx) / 2) calc(var(--gy) / 2) calc(var(--gx) / 2);
-      }
-    }
+  .row {
+    --gx: 0rem;
+    --gy: 0rem;
 
-    .row-y {
-      --gy: 0rem;
-      display: flex;
-      margin-top: calc(var(--gy) / -2);
-      margin-bottom: calc(var(--gy) / -2);
+    display: flex;
+    margin: calc(var(--gy) / -2) calc(var(--gx) / -2) calc(var(--gy) / -2) calc(var(--gx) / -2);
 
-      & > * {
-        padding-top: calc(var(--gy) / 2);
-        padding-bottom: calc(var(--gy) / 2);
-      }
+    & > * {
+      padding: calc(var(--gy) / 2) calc(var(--gx) / 2) calc(var(--gy) / 2) calc(var(--gx) / 2);
     }
+  }
+
+  .row-y {
+    --gy: 0rem;
 
-    .row-x {
-      --gx: 0rem;
-      display: flex;
-      margin-left: calc(var(--gx) / -2);
-      margin-right: calc(var(--gx) / -2);
+    display: flex;
+    margin-top: calc(var(--gy) / -2);
+    margin-bottom: calc(var(--gy) / -2);
 
-      & > * {
-        padding-left: calc(var(--gx) / 2);
-        padding-right: calc(var(--gx) / 2);
-      }
+    & > * {
+      padding-top: calc(var(--gy) / 2);
+      padding-bottom: calc(var(--gy) / 2);
     }
+  }
 
-    .col {
-      display: flex;
+  .row-x {
+    --gx: 0rem;
 
-      &:not([class*="flex-row"]) {
-        flex-direction: column;
-      }
-    }
+    display: flex;
+    margin-left: calc(var(--gx) / -2);
+    margin-right: calc(var(--gx) / -2);
 
-    .g-0 {
-      --gx: 0rem;
-      --gy: 0rem;
+    & > * {
+      padding-left: calc(var(--gx) / 2);
+      padding-right: calc(var(--gx) / 2);
     }
+  }
 
-    .g-1 {
-      --gx: 0.25rem;
-      --gy: 0.25rem;
-    }
+  .col {
+    display: flex;
 
-    .g-2 {
-      --gx: 0.5rem;
-      --gy: 0.5rem;
+    &:not([class*="flex-row"]) {
+      flex-direction: column;
     }
+  }
 
-    .g-3 {
-      --gx: 0.75rem;
-      --gy: 0.75rem;
-    }
+  .g-0 {
+    --gx: 0rem;
+    --gy: 0rem;
+  }
 
-    .g-4 {
-      --gx: 1rem;
-      --gy: 1rem;
-    }
+  .g-1 {
+    --gx: 0.25rem;
+    --gy: 0.25rem;
+  }
 
-    .g-5 {
-      --gx: 1.25rem;
-      --gy: 1.25rem;
-    }
+  .g-2 {
+    --gx: 0.5rem;
+    --gy: 0.5rem;
+  }
 
-    .g-6 {
-      --gx: 1.5rem;
-      --gy: 1.5rem;
-    }
+  .g-3 {
+    --gx: 0.75rem;
+    --gy: 0.75rem;
+  }
 
-    .g-7 {
-      --gx: 1.75rem;
-      --gy: 1.75rem;
-    }
+  .g-4 {
+    --gx: 1rem;
+    --gy: 1rem;
+  }
 
-    .g-8 {
-      --gx: 2rem;
-      --gy: 2rem;
-    }
+  .g-5 {
+    --gx: 1.25rem;
+    --gy: 1.25rem;
+  }
 
-    .g-9 {
-      --gx: 2.25rem;
-      --gy: 2.25rem;
-    }
+  .g-6 {
+    --gx: 1.5rem;
+    --gy: 1.5rem;
+  }
 
-    .g-10 {
-      --gx: 2.5rem;
-      --gy: 2.5rem;
-    }
+  .g-7 {
+    --gx: 1.75rem;
+    --gy: 1.75rem;
+  }
 
-    .g-11 {
-      --gx: 2.75rem;
-      --gy: 2.75rem;
-    }
+  .g-8 {
+    --gx: 2rem;
+    --gy: 2rem;
+  }
 
-    .g-12 {
-      --gx: 3rem;
-      --gy: 3rem;
-    }
+  .g-9 {
+    --gx: 2.25rem;
+    --gy: 2.25rem;
+  }
 
-    .g-14 {
-      --gx: 3.5rem;
-      --gy: 3.5rem;
-    }
+  .g-10 {
+    --gx: 2.5rem;
+    --gy: 2.5rem;
+  }
 
-    .g-16 {
-      --gx: 4rem;
-      --gy: 4rem;
-    }
+  .g-11 {
+    --gx: 2.75rem;
+    --gy: 2.75rem;
+  }
 
-    .g-20 {
-      --gx: 5rem;
-      --gy: 5rem;
-    }
+  .g-12 {
+    --gx: 3rem;
+    --gy: 3rem;
+  }
 
-    .g-24 {
-      --gx: 6rem;
-      --gy: 6rem;
-    }
+  .g-14 {
+    --gx: 3.5rem;
+    --gy: 3.5rem;
+  }
 
-    .g-28 {
-      --gx: 7rem;
-      --gy: 7rem;
-    }
+  .g-16 {
+    --gx: 4rem;
+    --gy: 4rem;
+  }
 
-    .g-32 {
-      --gx: 8rem;
-      --gy: 8rem;
-    }
+  .g-20 {
+    --gx: 5rem;
+    --gy: 5rem;
+  }
 
-    .gx-0 {
-      --gx: 0rem;
-    }
+  .g-24 {
+    --gx: 6rem;
+    --gy: 6rem;
+  }
 
-    .gx-1 {
-      --gx: 0.25rem;
-    }
+  .g-28 {
+    --gx: 7rem;
+    --gy: 7rem;
+  }
 
-    .gx-2 {
-      --gx: 0.5rem;
-    }
+  .g-32 {
+    --gx: 8rem;
+    --gy: 8rem;
+  }
 
-    .gx-3 {
-      --gx: 0.75rem;
-    }
+  .gx-0 {
+    --gx: 0;
+  }
 
-    .gx-4 {
-      --gx: 1rem;
-    }
+  .gx-1 {
+    --gx: 0.25rem;
+  }
 
-    .gx-5 {
-      --gx: 1.25rem;
-    }
+  .gx-2 {
+    --gx: 0.5rem;
+  }
 
-    .gx-6 {
-      --gx: 1.5rem;
-    }
+  .gx-3 {
+    --gx: 0.75rem;
+  }
 
-    .gx-7 {
-      --gx: 1.75rem;
-    }
+  .gx-4 {
+    --gx: 1rem;
+  }
 
-    .gx-8 {
-      --gx: 2rem;
-    }
+  .gx-5 {
+    --gx: 1.25rem;
+  }
 
-    .gx-9 {
-      --gx: 2.25rem;
-    }
+  .gx-6 {
+    --gx: 1.5rem;
+  }
 
-    .gx-10 {
-      --gx: 2.5rem;
-    }
+  .gx-7 {
+    --gx: 1.75rem;
+  }
 
-    .gx-11 {
-      --gx: 2.75rem;
-    }
+  .gx-8 {
+    --gx: 2rem;
+  }
 
-    .gx-12 {
-      --gx: 3rem;
-    }
+  .gx-9 {
+    --gx: 2.25rem;
+  }
 
-    .gx-14 {
-      --gx: 3.5rem;
-    }
+  .gx-10 {
+    --gx: 2.5rem;
+  }
 
-    .gx-16 {
-      --gx: 4rem;
-    }
+  .gx-11 {
+    --gx: 2.75rem;
+  }
 
-    .gx-20 {
-      --gx: 5rem;
-    }
+  .gx-12 {
+    --gx: 3rem;
+  }
 
-    .gx-24 {
-      --gx: 6rem;
-    }
+  .gx-14 {
+    --gx: 3.5rem;
+  }
 
-    .gx-28 {
-      --gx: 7rem;
-    }
+  .gx-16 {
+    --gx: 4rem;
+  }
 
-    .gx-32 {
-      --gx: 8rem;
-    }
+  .gx-20 {
+    --gx: 5rem;
+  }
 
-    .gy-0 {
-      --gy: 0rem;
-    }
+  .gx-24 {
+    --gx: 6rem;
+  }
 
-    .gy-1 {
-      --gy: 0.25rem;
-    }
+  .gx-28 {
+    --gx: 7rem;
+  }
 
-    .gy-2 {
-      --gy: 0.5rem;
-    }
+  .gx-32 {
+    --gx: 8rem;
+  }
 
-    .gy-3 {
-      --gy: 0.75rem;
-    }
+  .gy-0 {
+    --gy: 0;
+  }
 
-    .gy-4 {
-      --gy: 1rem;
-    }
+  .gy-1 {
+    --gy: 0.25rem;
+  }
 
-    .gy-5 {
-      --gy: 1.25rem;
-    }
+  .gy-2 {
+    --gy: 0.5rem;
+  }
 
-    .gy-6 {
-      --gy: 1.5rem;
-    }
+  .gy-3 {
+    --gy: 0.75rem;
+  }
 
-    .gy-7 {
-      --gy: 1.75rem;
-    }
+  .gy-4 {
+    --gy: 1rem;
+  }
 
-    .gy-8 {
-      --gy: 2rem;
-    }
+  .gy-5 {
+    --gy: 1.25rem;
+  }
 
-    .gy-9 {
-      --gy: 2.25rem;
-    }
+  .gy-6 {
+    --gy: 1.5rem;
+  }
 
-    .gy-10 {
-      --gy: 2.5rem;
-    }
+  .gy-7 {
+    --gy: 1.75rem;
+  }
 
-    .gy-11 {
-      --gy: 2.75rem;
-    }
+  .gy-8 {
+    --gy: 2rem;
+  }
 
-    .gy-12 {
-      --gy: 3rem;
-    }
+  .gy-9 {
+    --gy: 2.25rem;
+  }
 
-    .gy-14 {
-      --gy: 3.5rem;
-    }
+  .gy-10 {
+    --gy: 2.5rem;
+  }
 
-    .gy-16 {
-      --gy: 4rem;
-    }
+  .gy-11 {
+    --gy: 2.75rem;
+  }
 
-    .gy-20 {
-      --gy: 5rem;
-    }
+  .gy-12 {
+    --gy: 3rem;
+  }
 
-    .gy-24 {
-      --gy: 6rem;
-    }
+  .gy-14 {
+    --gy: 3.5rem;
+  }
 
-    .gy-28 {
-      --gy: 7rem;
-    }
+  .gy-16 {
+    --gy: 4rem;
+  }
 
-    .gy-32 {
-      --gy: 8rem;
-    }
+  .gy-20 {
+    --gy: 5rem;
+  }
 
-    .col-auto {
-      width: auto;
-    }
+  .gy-24 {
+    --gy: 6rem;
+  }
 
-    .col-1 {
-      width: 8.333333%
-    }
+  .gy-28 {
+    --gy: 7rem;
+  }
 
-    .col-2 {
-      width: 16.666667%
-    }
+  .gy-32 {
+    --gy: 8rem;
+  }
 
-    .col-3 {
-      width: 25%
-    }
+  .col-auto {
+    width: auto;
+  }
 
-    .col-4 {
-      width: 33.333333%
-    }
+  .col-1 {
+    width: 8.3333%;
+  }
 
-    .col-5 {
-      width: 41.666667%
-    }
+  .col-2 {
+    width: 16.6667%;
+  }
 
-    .col-6 {
-      width: 50%
-    }
+  .col-3 {
+    width: 25%;
+  }
 
-    .col-7 {
-      width: 58.333333%
-    }
+  .col-4 {
+    width: 33.3333%;
+  }
 
-    .col-8 {
-      width: 66.666667%
-    }
+  .col-5 {
+    width: 41.6667%;
+  }
 
-    .col-9 {
-      width: 75%
-    }
+  .col-6 {
+    width: 50%;
+  }
 
-    .col-10 {
-      width: 83.333333%
-    }
+  .col-7 {
+    width: 58.3333%;
+  }
 
-    .col-11 {
-      width: 91.666667%
-    }
+  .col-8 {
+    width: 66.6667%;
+  }
 
-    .col-12 {
-      width: 100%
-    }
+  .col-9 {
+    width: 75%;
+  }
+
+  .col-10 {
+    width: 83.3333%;
+  }
+
+  .col-11 {
+    width: 91.6667%;
+  }
+
+  .col-12 {
+    width: 100%;
   }
-}
+}

package/src/styles/Utils/theme/main.css

@@ -1,25 +1,28 @@
 :root {
-  --color-default: 17,19,21;
-  --color-invert: 255,255,255;
-  --color-primary: 131,205,79;
-  --color-secondary: 69,71,72;
-  --color-light: 255,255,255;
-  --color-dark: 17,19,21;
-  --color-success: 33,154,67;
-  --color-error: 254,50,75;
-  --color-warning: 254,179,53;
-  --color-info: 102,153,204;
-  --color-background: 255,255,255;
-  --color-background-100: 245,245,245;
-  --color-background-200: 235,235,235;
-  --color-background-300: 225,225,225;
+  --color-accent: var(--color-primary);
+  --color-current: var(--color-default);
+  --color-default: 17 19 21;
+  --color-invert: 255 255 255;
+  --color-primary: 131 205 79;
+  --color-secondary: 69 71 72;
+  --color-light: 255 255 255;
+  --color-dark: 17 19 21;
+  --color-success: 33 154 67;
+  --color-error: 254 50 75;
+  --color-warning: 254 179 53;
+  --color-info: 102 153 204;
+  --color-background: 255 255 255;
+  --color-background-100: 245 245 245;
+  --color-background-200: 235 235 235;
+  --color-background-300: 225 225 225;
 
   &.dark {
-    --color-default: 255,255,255;
-    --color-invert: 17,19,21;
-    --color-background: 17,19,21;
-    --color-background-100: 30,32,34;
-    --color-background-200: 37,39,41;
-    --color-background-300: 47,49,51;
+    --color-default: 201 209 217;
+    --color-invert: 14 17 22;
+    --color-secondary: 39 41 46;
+    --color-background: 14 17 22;
+    --color-background-100: 23 27 34;
+    --color-background-200: 26 32 38;
+    --color-background-300: 30 36 46;
   }
-}
+}