@substrate-system/radio-input 0.0.0 → 0.0.1
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/README.md +13 -1
- package/dist/style.css +3 -4
- package/dist/style.min.css +2 -2
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
[](README.md)
|
|
4
4
|
[](README.md)
|
|
5
5
|
[](https://packagephobia.com/result?p=@substrate-system/radio-input)
|
|
6
|
-
[](package.json)
|
|
7
6
|
[](https://semver.org/)
|
|
8
7
|
[](LICENSE)
|
|
9
8
|
|
|
@@ -13,6 +12,19 @@ Radio inputs with some style.
|
|
|
13
12
|
|
|
14
13
|
<!-- toc -->
|
|
15
14
|
|
|
15
|
+
- [install](#install)
|
|
16
|
+
- [API](#api)
|
|
17
|
+
* [ESM](#esm)
|
|
18
|
+
* [attributes](#attributes)
|
|
19
|
+
- [CSS](#css)
|
|
20
|
+
* [Import CSS](#import-css)
|
|
21
|
+
* [CSS variables](#css-variables)
|
|
22
|
+
- [Example](#example)
|
|
23
|
+
* [HTML](#html)
|
|
24
|
+
* [pre-built JS](#pre-built-js)
|
|
25
|
+
|
|
26
|
+
<!-- tocstop -->
|
|
27
|
+
|
|
16
28
|
## install
|
|
17
29
|
|
|
18
30
|
```sh
|
package/dist/style.css
CHANGED
|
@@ -17,16 +17,15 @@ radio-input .radio-input input {
|
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
radio-input .radio-input input[type="radio"] {
|
|
20
|
-
-webkit-appearance: none;
|
|
21
20
|
appearance: none;
|
|
22
21
|
/* For iOS < 15 to remove gradient background */
|
|
23
22
|
background-color: #fff;
|
|
24
23
|
margin: 0;
|
|
25
24
|
font: inherit;
|
|
26
|
-
color:
|
|
25
|
+
color: currentcolor;
|
|
27
26
|
width: 1.15em;
|
|
28
27
|
height: 1.15em;
|
|
29
|
-
border: 0.15em solid
|
|
28
|
+
border: 0.15em solid currentcolor;
|
|
30
29
|
border-radius: 50%;
|
|
31
30
|
display: grid;
|
|
32
31
|
place-content: center;
|
|
@@ -47,4 +46,4 @@ radio-input .radio-input input[type="radio"]:checked::before {
|
|
|
47
46
|
transform: scale(1);
|
|
48
47
|
}
|
|
49
48
|
|
|
50
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSw2QkFBNkI7QUFDakM7O0FBR0k7UUFDSSxrQkFBa0I7UUFDbEIsZUFBZTs7UUFNZixpQkFBaUI7UUFDakIsYUFBYTtRQUNiLCtCQUErQjtRQUMvQixVQUFVO0lBK0JkOztBQXRDSTtZQUNJLGVBQWU7UUFDbkI7O0FBT0E7WUFDSSxnQkFBZ0I7WUFDaEIsK0NBQStDO1lBQy9DLHNCQUFzQjtZQUN0QixTQUFTO1lBQ1QsYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixhQUFhO1lBQ2IsY0FBYztZQUNkLGlDQUFpQztZQUNqQyxrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLHFCQUFxQjtRQWdCekI7O0FBZEk7Z0JBQ0ksV0FBVztnQkFDWCxhQUFhO2dCQUNiLGNBQWM7Z0JBQ2Qsa0JBQWtCO2dCQUNsQixtQkFBbUI7Z0JBQ25CLHVDQUF1QztnQkFDdkMsbURBQW1EO1lBQ3ZEOztBQUVKO2dCQUNRLG1CQUFtQjtnQkFDbkIsbUJBQW1CO1lBQ3ZCIiwiZmlsZSI6InNyYy9pbmRleC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6cm9vdCB7XG4gICAgLS1mb3JtLWNvbnRyb2wtY29sb3I6ICM0MjgxQ0I7XG59XG5cbnJhZGlvLWlucHV0IHtcbiAgICAmIC5yYWRpby1pbnB1dCB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAgICYgaW5wdXQge1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgZm9udC1zaXplOiAxLjVyZW07XG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWVtIGF1dG87XG4gICAgICAgIGdhcDogMC41ZW07XG5cbiAgICAgICAgJiBpbnB1dFt0eXBlPVwicmFkaW9cIl0ge1xuICAgICAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgICAgIC8qIEZvciBpT1MgPCAxNSB0byByZW1vdmUgZ3JhZGllbnQgYmFja2dyb3VuZCAqL1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgICAgICBjb2xvcjogY3VycmVudGNvbG9yO1xuICAgICAgICAgICAgd2lkdGg6IDEuMTVlbTtcbiAgICAgICAgICAgIGhlaWdodDogMS4xNWVtO1xuICAgICAgICAgICAgYm9yZGVyOiAwLjE1ZW0gc29saWQgY3VycmVudGNvbG9yO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIHBsYWNlLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAwLjY1ZW07XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAwLjY1ZW07XG4gICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMTIwbXMgdHJhbnNmb3JtIGVhc2UtaW4tb3V0O1xuICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDFlbSAxZW0gdmFyKC0tZm9ybS1jb250cm9sLWNvbG9yKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAmOmNoZWNrZWQ6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYXBwZWFyYW5jZTogaW5pdGlhbDtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIl19 */
|
package/dist/style.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--form-control-color:#4281cb}radio-input .radio-input{cursor:pointer;display:grid;font-size:1.5rem;gap:.5em;grid-template-columns:1em auto;margin-right:1rem}radio-input .radio-input input{cursor:pointer}radio-input .radio-input input[type=radio]{
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
:root{--form-control-color:#4281cb}radio-input .radio-input{cursor:pointer;display:grid;font-size:1.5rem;gap:.5em;grid-template-columns:1em auto;margin-right:1rem}radio-input .radio-input input{cursor:pointer}radio-input .radio-input input[type=radio]{appearance:none;background-color:#fff;border:.15em solid;border-radius:50%;color:currentcolor;display:grid;font:inherit;height:1.15em;margin:0;place-content:center;width:1.15em}radio-input .radio-input input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em var(--form-control-color);content:"";height:.65em;transform:scale(0);transition:transform .12s ease-in-out;width:.65em}radio-input .radio-input input[type=radio]:checked:before{appearance:none;transform:scale(1)}
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFDSSw0QkFDSixDQUdJLHlCQUVJLGNBQWUsQ0FPZixZQUFhLENBRGIsZ0JBQWlCLENBR2pCLFFBQVUsQ0FEViw4QkFBK0IsQ0FUL0IsaUJBeUNKLENBdENJLCtCQUNJLGNBQ0osQ0FPQSwyQ0FDSSxlQUFnQixDQUVoQixxQkFBc0IsQ0FNdEIsa0JBQWlDLENBQ2pDLGlCQUFrQixDQUpsQixrQkFBbUIsQ0FLbkIsWUFBYSxDQU5iLFlBQWEsQ0FHYixhQUFjLENBSmQsUUFBUyxDQVFULG9CQUFxQixDQUxyQixZQXFCSixDQWRJLGtEQUlJLGlCQUFrQixDQUdsQixrREFBbUQsQ0FObkQsVUFBVyxDQUVYLFlBQWMsQ0FFZCxrQkFBbUIsQ0FDbkIscUNBQXVDLENBSnZDLFdBTUosQ0FFSiwwREFDUSxlQUFtQixDQUNuQixrQkFDSiIsImZpbGUiOiJzcmMvaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiOnJvb3Qge1xuICAgIC0tZm9ybS1jb250cm9sLWNvbG9yOiAjNDI4MUNCO1xufVxuXG5yYWRpby1pbnB1dCB7XG4gICAgJiAucmFkaW8taW5wdXQge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgICAmIGlucHV0IHtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFlbSBhdXRvO1xuICAgICAgICBnYXA6IDAuNWVtO1xuXG4gICAgICAgICYgaW5wdXRbdHlwZT1cInJhZGlvXCJdIHtcbiAgICAgICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgICAvKiBGb3IgaU9TIDwgMTUgdG8gcmVtb3ZlIGdyYWRpZW50IGJhY2tncm91bmQgKi9cbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICAgICAgY29sb3I6IGN1cnJlbnRjb2xvcjtcbiAgICAgICAgICAgIHdpZHRoOiAxLjE1ZW07XG4gICAgICAgICAgICBoZWlnaHQ6IDEuMTVlbTtcbiAgICAgICAgICAgIGJvcmRlcjogMC4xNWVtIHNvbGlkIGN1cnJlbnRjb2xvcjtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgICAgICB3aWR0aDogMC42NWVtO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMC42NWVtO1xuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IDEyMG1zIHRyYW5zZm9ybSBlYXNlLWluLW91dDtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAxZW0gMWVtIHZhcigtLWZvcm0tY29udHJvbC1jb2xvcik7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgJjpjaGVja2VkOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U6IGluaXRpYWw7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ== */
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@substrate-system/radio-input",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.1",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
7
7
|
"./dist/*"
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"build-cjs": "esbuild src/*.ts --format=cjs --keep-names --tsconfig=tsconfig.build.json --outdir=./dist --out-extension:.js=.cjs --sourcemap",
|
|
17
17
|
"build-esm": "esbuild src/*.ts --format=esm --metafile=dist/meta.json --keep-names --tsconfig=tsconfig.build.json --outdir=./dist --sourcemap && tsc --emitDeclarationOnly --project tsconfig.build.json --outDir dist",
|
|
18
18
|
"build-esm:min": "esbuild ./src/*.ts --format=esm --keep-names --bundle --tsconfig=tsconfig.build.json --minify --out-extension:.js=.min.js --outdir=./dist --sourcemap",
|
|
19
|
-
"build-example": "mkdir -p ./public && rm -rf ./public/* && vite --base=\"/
|
|
19
|
+
"build-example": "mkdir -p ./public && rm -rf ./public/* && vite --base=\"/radio-input\" build",
|
|
20
20
|
"build-docs": "typedoc --tsconfig tsconfig.build.json ./src/index.ts",
|
|
21
21
|
"build": "mkdir -p ./dist && rm -rf ./dist/* && npm run build-cjs && npm run build-esm && npm run build-esm:min && npm run build-css && npm run build-css:min",
|
|
22
22
|
"start": "vite",
|