uplord-ui 0.1.12 → 0.1.14

package/dist/components.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Rating-CS2Qwbde.cjs");exports.Accordion=t.Accordion;exports.Alert=t.Alert;exports.Banner=t.Banner;exports.Button=t.Button;exports.Card=t.Card;exports.Checkbox=t.Checkbox;exports.Footer=t.Footer;exports.FormikInput=t.FormikInput;exports.Header=t.Header;exports.Icon=t.Icon;exports.Input=t.Input;exports.InputOtp=t.InputOtp;exports.Logo=t.Logo;exports.Modal=t.Modal;exports.Navbar=t.Navbar;exports.Pagination=t.Pagination;exports.Projects=t.Projects;exports.Radio=t.Radio;exports.Rating=t.Rating;exports.Section=t.Section;exports.Select=t.Select;exports.Social=t.Social;exports.Stack=t.Stack;exports.Textarea=t.Textarea;exports.Timeline=t.Timeline;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Rating-CCmg46h5.cjs");exports.Accordion=t.Accordion;exports.Alert=t.Alert;exports.Banner=t.Banner;exports.Button=t.Button;exports.Card=t.Card;exports.Checkbox=t.Checkbox;exports.Footer=t.Footer;exports.FormikInput=t.FormikInput;exports.Header=t.Header;exports.Icon=t.Icon;exports.Input=t.Input;exports.InputOtp=t.InputOtp;exports.Logo=t.Logo;exports.Modal=t.Modal;exports.Navbar=t.Navbar;exports.Pagination=t.Pagination;exports.Projects=t.Projects;exports.Radio=t.Radio;exports.Rating=t.Rating;exports.Section=t.Section;exports.Select=t.Select;exports.Social=t.Social;exports.Stack=t.Stack;exports.Textarea=t.Textarea;exports.Timeline=t.Timeline;

package/dist/components.es.js

@@ -1,4 +1,4 @@
-import { A as o, j as e, B as t, d as n, C as r, e as i, F as c, f as d, H as l, k as p, I, g as S, L as g, M as k, N as u, c as b, P as m, R as x, l as A, S as B, h as C, b as F, a as P, i as R, T } from "./Rating-D-1lccVx.js";
+import { A as o, j as e, B as t, d as n, C as r, e as i, F as c, f as d, H as l, k as p, I, g as S, L as g, M as k, N as u, c as b, P as m, R as x, l as A, S as B, h as C, b as F, a as P, i as R, T } from "./Rating-BF7qfHwE.js";
 export {
   o as Accordion,
   e as Alert,

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Rating-CS2Qwbde.cjs");exports.Accordion=t.Accordion;exports.Alert=t.Alert;exports.Banner=t.Banner;exports.Button=t.Button;exports.Card=t.Card;exports.Checkbox=t.Checkbox;exports.Footer=t.Footer;exports.FormikInput=t.FormikInput;exports.Header=t.Header;exports.Icon=t.Icon;exports.Input=t.Input;exports.InputOtp=t.InputOtp;exports.Logo=t.Logo;exports.Modal=t.Modal;exports.Navbar=t.Navbar;exports.Pagination=t.Pagination;exports.Projects=t.Projects;exports.Radio=t.Radio;exports.Rating=t.Rating;exports.Section=t.Section;exports.Select=t.Select;exports.Social=t.Social;exports.Stack=t.Stack;exports.Textarea=t.Textarea;exports.Timeline=t.Timeline;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Rating-CCmg46h5.cjs");exports.Accordion=t.Accordion;exports.Alert=t.Alert;exports.Banner=t.Banner;exports.Button=t.Button;exports.Card=t.Card;exports.Checkbox=t.Checkbox;exports.Footer=t.Footer;exports.FormikInput=t.FormikInput;exports.Header=t.Header;exports.Icon=t.Icon;exports.Input=t.Input;exports.InputOtp=t.InputOtp;exports.Logo=t.Logo;exports.Modal=t.Modal;exports.Navbar=t.Navbar;exports.Pagination=t.Pagination;exports.Projects=t.Projects;exports.Radio=t.Radio;exports.Rating=t.Rating;exports.Section=t.Section;exports.Select=t.Select;exports.Social=t.Social;exports.Stack=t.Stack;exports.Textarea=t.Textarea;exports.Timeline=t.Timeline;

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { A as o, j as e, B as t, d as n, C as r, e as i, F as c, f as d, H as l, k as p, I, g as S, L as g, M as k, N as u, c as b, P as m, R as x, l as A, S as B, h as C, b as F, a as P, i as R, T } from "./Rating-D-1lccVx.js";
+import { A as o, j as e, B as t, d as n, C as r, e as i, F as c, f as d, H as l, k as p, I, g as S, L as g, M as k, N as u, c as b, P as m, R as x, l as A, S as B, h as C, b as F, a as P, i as R, T } from "./Rating-BF7qfHwE.js";
 export {
   o as Accordion,
   e as Alert,

package/dist/styles/mixins.scss

@@ -199,10 +199,10 @@ $color-tooltip-text-dark: #000;
     @include text-normal;
 
     & {
-      color: $color-text;
+      color: $color-body;
 
       @include dark-mode {
-        color: $color-text-dark;
+        color: $color-body-dark;
       }
     }
 
@@ -227,10 +227,10 @@ $color-tooltip-text-dark: #000;
 
     & {
       margin-bottom: 0.5rem;
-      color: $color-text;
+      color: $color-body;
 
       @include dark-mode {
-        color: $color-text-dark;
+        color: $color-body-dark;
       }
 
       &:last-child {

package/dist/styles/variables.scss

@@ -8,39 +8,67 @@ $breakpoint-sm: 400px;
 $breakpoint-md: 744px;
 $breakpoint-lg: 1024px;
 $breakpoint-xl: 2032px;
-$color-light: #fff;
-$color-dark: #0d0d0d;
-$color-bg: $color-light;
-$color-border: color.mix($color-dark, $color-light, 25%);
-$color-hover: color.mix($color-dark, $color-light, 5%);
-$color-focus: $color-dark;
-$color-disabled: color.change($color-dark, $alpha: 0.15);
-$color-skeleton: color.mix($color-dark, $color-light, 15%);
-$color-icon: color.mix($color-dark, $color-light, 80%);
-$color-block: color.mix($color-dark, $color-light, 2%);
-$color-bg-dark: $color-dark;
-$color-border-dark: color.mix($color-light, $color-dark, 20%);
-$color-hover-dark: color.mix($color-light, $color-dark, 10%);
-$color-focus-dark: $color-light;
-$color-disabled-dark: color.change($color-light, $alpha: 0.15);
-$color-skeleton-dark: color.mix($color-light, $color-dark, 20%);
-$color-icon-dark: color.mix($color-light, $color-dark, 80%);
-$color-block-dark: color.mix($color-light, $color-dark, 5%);
-$color-primary: #dd2121;
-$color-success: #34c759;
-$color-error: #dd2121;
-$color-error-02: #dd212111;
-$color-warning: #fc0;
-$color-info: #1164cc;
-$color-rebecca: #639;
-$color-heading: #222;
-$color-heading-dark: #fff;
-$color-text: #5d5d5d;
-$color-text-dark: #bdc1c6;
-$color-header: $color-info;
-$color-header-dark: #0d0d0d;
-$color-nav: rgb(0 0 0 / 20%);
-$color-nav-dark: rgb(255 255 255 / 10%);
-$color-header-text: #fff;
+$color-light: hsl(0deg 0% 100%);
+$color-dark: hsl(0deg 0% 5%);
 $header-height: 4.875rem;
 $nav-height: 4.375rem;
+
+// Light mode
+
+// Background
+$color-bg: hsl(0deg 0% 100%);
+$color-bg-02: hsl(0deg 0% 95%);
+$color-border: hsl(0deg 0% 80%);
+$color-border-02: hsl(0deg 0% 90%);
+
+// Text/icon
+$color-heading: hsl(0deg 0% 5%);
+$color-body: hsl(0deg 0% 30%);
+$color-placeholder: hsl(0deg 0% 80%);
+$color-icon: hsl(0deg 0% 30%);
+
+// Input
+$color-input: hsl(0deg 0% 30%);
+$color-hover: hsl(0deg 0% 95%);
+$color-disabled: hsl(0deg 0% 90%);
+$color-loading: hsl(0deg 0% 95%);
+$color-skeleton: hsl(0deg 0% 90%);
+$color-focus: hsl(0deg 0% 5%);
+
+// Dark mode
+
+// Background
+$color-bg-dark: hsl(0deg 0% 5%);
+$color-bg-02-dark: hsl(0deg 0% 10%);
+$color-border-dark: hsl(0deg 0% 25%);
+$color-border-02-dark: hsl(0deg 0% 20%);
+
+// Text/icon
+$color-heading-dark: hsl(0deg 0% 95%);
+$color-body-dark: hsl(0deg 0% 70%);
+$color-placeholder-dark: hsl(0deg 0% 25%);
+$color-icon-dark: hsl(0deg 0% 70%);
+
+// Input
+$color-input-dark: hsl(0deg 0% 5%);
+$color-hover-dark: hsl(0deg 0% 10%);
+$color-disabled-dark: hsl(0deg 0% 15%);
+$color-loading-dark: hsl(0deg 0% 10%);
+$color-skeleton-dark: hsl(0deg 0% 15%);
+$color-focus-dark: hsl(0deg 0% 95%);
+
+// Colors
+$color-primary: hsl(0deg 80% 50%);
+$color-success: hsl(142deg 76% 36%);
+$color-error: hsl(355deg 75% 40%);
+$color-error-02: hsl(0deg 80% 95%);
+$color-warning: hsl(38deg 92% 50%);
+$color-info: hsl(213deg 85% 43%);
+$color-rebecca: hsl(270deg 50% 40%);
+
+// Other
+$color-header: $color-info;
+$color-header-dark: $color-bg-dark;
+$color-nav: hsl(213deg 85% 33%);
+$color-nav-dark: hsl(0deg 0% 15%);
+$color-header-text: $color-light;