@starasia/toggle 1.0.2 → 1.0.3

package/dist/toggle.es.js

@@ -2,9 +2,9 @@ import { jsxs as e, jsx as n } from "react/jsx-runtime";
 const g = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
 :root {
   /* toogle root color */
-  --starasia-ui-background-toggle-checked: #1e88e5;
-  --starasia-ui-background-toggle-checked-hover: #1976d2;
-  --starasia-ui-shadow-toggle-checked: 0px 0px 0px 1px rgba(100, 181, 246, 0.28);
+  --starasia-ui-background-toggle-checked: var(--starasia-ui-brand-primary-default);
+  --starasia-ui-background-toggle-checked-hover: rgba(var(--starasia-ui-raw-color-brand-active), 1);
+  --starasia-ui-shadow-toggle-checked: 0px 0px 0px 1px rgba(var(--starasia-ui-raw-color-brand-secondary), 0.28);
 
   --starasia-ui-background-toggle-base: rgba(120, 134, 127, 0.2);
   --starasia-ui-shadow-toggle-base: 0px 0px 0px 1px rgba(201, 206, 204, 0.28);
@@ -181,15 +181,15 @@ input:checked + .starasia-toggle-slider:before {
 .starasia-toggle-slider.starasia-toggle-round:before {
   border-radius: 50%;
 }
-`, r = "starasia-toggle-styles", l = (t) => {
-  if (!document.getElementById(r)) {
+`, o = "starasia-toggle-styles", l = (t) => {
+  if (!document.getElementById(o)) {
     const a = document.createElement("style");
-    a.id = r, a.textContent = t, document.head.appendChild(a);
+    a.id = o, a.textContent = t, document.head.appendChild(a);
   }
 };
 l(g);
 const c = (t) => {
-  const { size: a = "md", label: s, description: i, ...o } = t;
+  const { size: a = "md", label: s, description: i, ...r } = t;
   return /* @__PURE__ */ e(
     "div",
     {
@@ -200,7 +200,7 @@ const c = (t) => {
           {
             className: `starasia-toggle-switch starasia-toggle-switch-${a}`,
             children: [
-              /* @__PURE__ */ n("input", { type: "checkbox", ...o }),
+              /* @__PURE__ */ n("input", { type: "checkbox", ...r }),
               /* @__PURE__ */ n(
                 "span",
                 {
@@ -214,7 +214,7 @@ const c = (t) => {
           s ? /* @__PURE__ */ n(
             "label",
             {
-              htmlFor: o.id,
+              htmlFor: r.id,
               style: {
                 display: "block"
               },

package/dist/toggle.umd.js

@@ -1,9 +1,9 @@
 (function(n,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],a):(n=typeof globalThis<"u"?globalThis:n||self,a(n.Toggle={},n.jsxRuntime))})(this,function(n,a){"use strict";const g=`@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
 :root {
   /* toogle root color */
-  --starasia-ui-background-toggle-checked: #1e88e5;
-  --starasia-ui-background-toggle-checked-hover: #1976d2;
-  --starasia-ui-shadow-toggle-checked: 0px 0px 0px 1px rgba(100, 181, 246, 0.28);
+  --starasia-ui-background-toggle-checked: var(--starasia-ui-brand-primary-default);
+  --starasia-ui-background-toggle-checked-hover: rgba(var(--starasia-ui-raw-color-brand-active), 1);
+  --starasia-ui-shadow-toggle-checked: 0px 0px 0px 1px rgba(var(--starasia-ui-raw-color-brand-secondary), 0.28);
 
   --starasia-ui-background-toggle-base: rgba(120, 134, 127, 0.2);
   --starasia-ui-shadow-toggle-base: 0px 0px 0px 1px rgba(201, 206, 204, 0.28);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starasia/toggle",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "toggle component for starasia UI",
   "author": "Prawito Hudoro",
   "main": "dist/toggle.umd.js",
@@ -12,6 +12,10 @@
     "dist/*.map",
     "dist/*.css"
   ],
+  "scripts": {
+    "dev": "vite --config vite.config.ts --port 3000",
+    "build": "vite build --config vite.config.ts"
+  },
   "keywords": [],
   "license": "ISC",
   "type": "module",
@@ -33,9 +37,5 @@
     "react-dom": "^18.2.0",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19"
-  },
-  "scripts": {
-    "dev": "vite --config vite.config.ts --port 3000",
-    "build": "vite build --config vite.config.ts"
   }
-}
+}