@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.
- package/dist/checkbox.es.js +2 -2
- package/dist/checkbox.umd.js +4 -4
- package/package.json +6 -6
package/dist/checkbox.es.js
CHANGED
|
@@ -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
|
-
|
|
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(
|
|
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 {
|
package/dist/checkbox.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
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
|
-
|
|
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(
|
|
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
|
|
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.
|
|
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
|
+
}
|