@starasia/checkbox 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,7 +13,7 @@ const l = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@30
13
13
  );
14
14
  --starasia-ui-checkbox-color-primary-blue: var(
15
15
  --starasia-ui-brand-primary-default,
16
- #1976d2
16
+ rgba(74, 106, 148, 1)
17
17
  );
18
18
 
19
19
  /* border radius */
@@ -154,7 +154,7 @@ const l = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@30
154
154
  }
155
155
  .starasia-checkbox[type="checkbox"]:checked:hover:not(:disabled) {
156
156
  /* border-color: var(--starasia-ui-checkbox-color-primary-blue); */
157
- box-shadow: 0px 0px 1px 5px rgba(25, 118, 210, 0.1);
157
+ box-shadow: 0px 0px 1px 5px rgba(var(--starasia-ui-raw-color-brand-default, 74, 106, 148), 0.1);
158
158
  }
159
159
 
160
160
  .starasia-checkbox[type="checkbox"]:disabled {
@@ -1,4 +1,4 @@
1
- (function(e,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],a):(e=typeof globalThis<"u"?globalThis:e||self,a(e.Checkbox={},e.jsxRuntime))})(this,function(e,a){"use strict";const h=`@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
1
+ (function(r,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],a):(r=typeof globalThis<"u"?globalThis:r||self,a(r.Checkbox={},r.jsxRuntime))})(this,function(r,a){"use strict";const h=`@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
2
2
 
3
3
  :root {
4
4
  /* color */
@@ -12,7 +12,7 @@
12
12
  );
13
13
  --starasia-ui-checkbox-color-primary-blue: var(
14
14
  --starasia-ui-brand-primary-default,
15
- #1976d2
15
+ rgba(74, 106, 148, 1)
16
16
  );
17
17
 
18
18
  /* border radius */
@@ -153,7 +153,7 @@
153
153
  }
154
154
  .starasia-checkbox[type="checkbox"]:checked:hover:not(:disabled) {
155
155
  /* border-color: var(--starasia-ui-checkbox-color-primary-blue); */
156
- box-shadow: 0px 0px 1px 5px rgba(25, 118, 210, 0.1);
156
+ box-shadow: 0px 0px 1px 5px rgba(var(--starasia-ui-raw-color-brand-default, 74, 106, 148), 0.1);
157
157
  }
158
158
 
159
159
  .starasia-checkbox[type="checkbox"]:disabled {
@@ -171,4 +171,4 @@
171
171
  box-shadow: none;
172
172
  background-color: #aeb6b2;
173
173
  }
174
- `,i="starasia-checkbox-styles";(o=>{if(!document.getElementById(i)){const r=document.createElement("style");r.id=i,r.textContent=o,document.head.appendChild(r)}})(h);const b=o=>{const{color:r="blue",label:c,sizes:s="md",id:t,description:n,variant:l="select",...x}=o;return a.jsxs("label",{htmlFor:t,className:`starasia-checkbox-container ${s}`,style:{alignItems:n?"start":"center"},children:[a.jsx("input",{id:t,type:"checkbox",className:`starasia-checkbox ${s} starasia-checkbox-${l}`,...x}),c||n?a.jsxs("div",{children:[c?a.jsx("p",{style:{lineHeight:1.07},children:c}):null,n?a.jsx("p",{className:"starasia-checkbox-description",style:{color:"#78867F"},children:n}):null]}):null]})};e.Checkbox=b,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
174
+ `,i="starasia-checkbox-styles";(o=>{if(!document.getElementById(i)){const e=document.createElement("style");e.id=i,e.textContent=o,document.head.appendChild(e)}})(h);const b=o=>{const{color:e="blue",label:c,sizes:s="md",id:t,description:n,variant:l="select",...x}=o;return a.jsxs("label",{htmlFor:t,className:`starasia-checkbox-container ${s}`,style:{alignItems:n?"start":"center"},children:[a.jsx("input",{id:t,type:"checkbox",className:`starasia-checkbox ${s} starasia-checkbox-${l}`,...x}),c||n?a.jsxs("div",{children:[c?a.jsx("p",{style:{lineHeight:1.07},children:c}):null,n?a.jsx("p",{className:"starasia-checkbox-description",style:{color:"#78867F"},children:n}):null]}):null]})};r.Checkbox=b,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@starasia/checkbox",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "checkbox component for starasia UI",
5
5
  "author": "Prawito Hudoro",
6
6
  "main": "dist/checkbox.umd.js",
@@ -12,6 +12,10 @@
12
12
  "dist/*.map",
13
13
  "dist/*.css"
14
14
  ],
15
+ "scripts": {
16
+ "dev": "vite --config vite.config.ts --port 3000",
17
+ "build": "vite build --config vite.config.ts"
18
+ },
15
19
  "keywords": [],
16
20
  "license": "ISC",
17
21
  "type": "module",
@@ -33,9 +37,5 @@
33
37
  "react-dom": "^18.2.0",
34
38
  "@types/react": "^18.2.55",
35
39
  "@types/react-dom": "^18.2.19"
36
- },
37
- "scripts": {
38
- "dev": "vite --config vite.config.ts --port 3000",
39
- "build": "vite build --config vite.config.ts"
40
40
  }
41
- }
41
+ }