@aquera/nile-elements 0.1.63-beta-1.1 → 1.0.1-beta-1.0
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 +3 -0
- package/dist/index.js +9 -4
- package/dist/nile-checkbox/nile-checkbox.css.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.cjs.js.map +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.esm.js +4 -4
- package/dist/nile-radio/nile-radio.css.cjs.js +1 -1
- package/dist/nile-radio/nile-radio.css.cjs.js.map +1 -1
- package/dist/nile-radio/nile-radio.css.esm.js +5 -0
- package/dist/src/nile-checkbox/nile-checkbox.css.js +4 -4
- package/dist/src/nile-checkbox/nile-checkbox.css.js.map +1 -1
- package/dist/src/nile-radio/nile-radio.css.js +5 -0
- package/dist/src/nile-radio/nile-radio.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-checkbox/nile-checkbox.css.ts +4 -4
- package/src/nile-radio/nile-radio.css.ts +5 -0
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Webcomponent nile-elements following open-wc recommendations",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "nile-elements",
|
|
6
|
-
"version": "0.1
|
|
6
|
+
"version": "1.0.1-beta-1.0",
|
|
7
7
|
"main": "dist/src/index.js",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"module": "dist/src/index.js",
|
|
@@ -84,7 +84,6 @@ export const styles = css`
|
|
|
84
84
|
border: 1px solid
|
|
85
85
|
var(--nile-checkbox-color-border-hover, var(--ng-colors-border-primary));
|
|
86
86
|
border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
|
|
87
|
-
box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));
|
|
88
87
|
}
|
|
89
88
|
|
|
90
89
|
/* Disabled */
|
|
@@ -101,6 +100,10 @@ export const styles = css`
|
|
|
101
100
|
outline-offset: 1px;
|
|
102
101
|
}
|
|
103
102
|
|
|
103
|
+
.checkbox--focused .checkbox__control {
|
|
104
|
+
box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));
|
|
105
|
+
}
|
|
106
|
+
|
|
104
107
|
/* Checked/indeterminate */
|
|
105
108
|
.checkbox--checked .checkbox__control,
|
|
106
109
|
.checkbox--indeterminate .checkbox__control {
|
|
@@ -122,9 +125,6 @@ export const styles = css`
|
|
|
122
125
|
--nile-checkbox-color-background-checked-hover,
|
|
123
126
|
var(--ng-colors-bg-brand-solid)
|
|
124
127
|
);
|
|
125
|
-
/* border: 1px solid var(--nile-checkbox-color-border-checked-hover),
|
|
126
|
-
var(--ng-colors-border-border-disabled); */
|
|
127
|
-
box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
/* .checkbox.checkbox--indeterminate .checkbox_control:hover {
|
|
@@ -107,6 +107,11 @@ export const styles = css`
|
|
|
107
107
|
outline-offset: 2px;
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
+
.radio--focused .radio__control {
|
|
111
|
+
outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));
|
|
112
|
+
outline-offset: 1px;
|
|
113
|
+
}
|
|
114
|
+
|
|
110
115
|
/* Disabled */
|
|
111
116
|
.radio--disabled {
|
|
112
117
|
opacity: 0.5;
|