@alfalab/core-components-picker-button 13.0.5 → 13.0.6
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/esm/field/index.css +5 -5
- package/esm/field/index.module.css.js +1 -1
- package/esm/index.css +4 -4
- package/esm/index.module.css.js +1 -1
- package/esm/option/index.css +3 -3
- package/esm/option/index.module.css.js +1 -1
- package/field/index.css +5 -5
- package/field/index.module.css.js +1 -1
- package/index.css +4 -4
- package/index.module.css.js +1 -1
- package/modern/field/index.css +5 -5
- package/modern/field/index.module.css.js +1 -1
- package/modern/index.css +4 -4
- package/modern/index.module.css.js +1 -1
- package/modern/option/index.css +3 -3
- package/modern/option/index.module.css.js +1 -1
- package/option/index.css +3 -3
- package/option/index.module.css.js +1 -1
- package/package.json +2 -2
package/esm/field/index.css
CHANGED
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
:root {
|
|
9
9
|
--arrow-transform: rotate(180deg);
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__iconContainer_1t5y7 {
|
|
12
12
|
display: flex;
|
|
13
13
|
transition: transform 0.15s ease-in-out;
|
|
14
14
|
}
|
|
15
|
-
.picker-
|
|
15
|
+
.picker-button__addonsContainer_1t5y7 {
|
|
16
16
|
display: flex;
|
|
17
17
|
}
|
|
18
|
-
.picker-
|
|
18
|
+
.picker-button__addonsContainer_1t5y7.picker-button__showControlIcon_1t5y7 {
|
|
19
19
|
margin-right: var(--gap-4);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__open_1t5y7 {
|
|
22
22
|
transform: var(--arrow-transform);
|
|
23
23
|
}
|
|
24
|
-
.picker-
|
|
24
|
+
.picker-button__linkOpen_1t5y7:not(:hover) {
|
|
25
25
|
background-color: var(--color-light-transparent-default-hover);
|
|
26
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"iconContainer":"picker-
|
|
3
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1t5y7","addonsContainer":"picker-button__addonsContainer_1t5y7","showControlIcon":"picker-button__showControlIcon_1t5y7","open":"picker-button__open_1t5y7","linkOpen":"picker-button__linkOpen_1t5y7"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/esm/index.css
CHANGED
|
@@ -5,15 +5,15 @@
|
|
|
5
5
|
--gap-8: var(--gap-xs);
|
|
6
6
|
--gap-16: var(--gap-m);
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__container_8202o {
|
|
9
9
|
min-width: auto;
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__optionsPopover_8202o.picker-button__sideGap_8202o.cc-picker-button {
|
|
12
12
|
padding: var(--gap-0) var(--gap-8);
|
|
13
13
|
}
|
|
14
|
-
.cc-picker-button .picker-
|
|
14
|
+
.cc-picker-button .picker-button__option_8202o {
|
|
15
15
|
padding: var(--gap-0) var(--gap-16);
|
|
16
16
|
}
|
|
17
|
-
.cc-picker-button .picker-
|
|
17
|
+
.cc-picker-button .picker-button__option_8202o:before {
|
|
18
18
|
display: none;
|
|
19
19
|
}
|
package/esm/index.module.css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"container":"picker-
|
|
3
|
+
var styles = {"container":"picker-button__container_8202o","optionsPopover":"picker-button__optionsPopover_8202o","sideGap":"picker-button__sideGap_8202o","option":"picker-button__option_8202o"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/esm/option/index.css
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
--gap-s: 12px;
|
|
3
3
|
--gap-12: var(--gap-s);
|
|
4
4
|
}
|
|
5
|
-
.picker-
|
|
5
|
+
.picker-button__container_1ayj2 {
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__icon_1ayj2 {
|
|
10
10
|
display: flex;
|
|
11
11
|
margin-right: var(--gap-12);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__content_1ayj2 {
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
flex: 1;
|
|
16
16
|
text-overflow: ellipsis;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"container":"picker-
|
|
3
|
+
var styles = {"container":"picker-button__container_1ayj2","icon":"picker-button__icon_1ayj2","content":"picker-button__content_1ayj2"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/field/index.css
CHANGED
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
:root {
|
|
9
9
|
--arrow-transform: rotate(180deg);
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__iconContainer_1t5y7 {
|
|
12
12
|
display: flex;
|
|
13
13
|
transition: transform 0.15s ease-in-out;
|
|
14
14
|
}
|
|
15
|
-
.picker-
|
|
15
|
+
.picker-button__addonsContainer_1t5y7 {
|
|
16
16
|
display: flex;
|
|
17
17
|
}
|
|
18
|
-
.picker-
|
|
18
|
+
.picker-button__addonsContainer_1t5y7.picker-button__showControlIcon_1t5y7 {
|
|
19
19
|
margin-right: var(--gap-4);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__open_1t5y7 {
|
|
22
22
|
transform: var(--arrow-transform);
|
|
23
23
|
}
|
|
24
|
-
.picker-
|
|
24
|
+
.picker-button__linkOpen_1t5y7:not(:hover) {
|
|
25
25
|
background-color: var(--color-light-transparent-default-hover);
|
|
26
26
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"iconContainer":"picker-
|
|
5
|
+
var styles = {"iconContainer":"picker-button__iconContainer_1t5y7","addonsContainer":"picker-button__addonsContainer_1t5y7","showControlIcon":"picker-button__showControlIcon_1t5y7","open":"picker-button__open_1t5y7","linkOpen":"picker-button__linkOpen_1t5y7"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/index.css
CHANGED
|
@@ -5,15 +5,15 @@
|
|
|
5
5
|
--gap-8: var(--gap-xs);
|
|
6
6
|
--gap-16: var(--gap-m);
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__container_8202o {
|
|
9
9
|
min-width: auto;
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__optionsPopover_8202o.picker-button__sideGap_8202o.cc-picker-button {
|
|
12
12
|
padding: var(--gap-0) var(--gap-8);
|
|
13
13
|
}
|
|
14
|
-
.cc-picker-button .picker-
|
|
14
|
+
.cc-picker-button .picker-button__option_8202o {
|
|
15
15
|
padding: var(--gap-0) var(--gap-16);
|
|
16
16
|
}
|
|
17
|
-
.cc-picker-button .picker-
|
|
17
|
+
.cc-picker-button .picker-button__option_8202o:before {
|
|
18
18
|
display: none;
|
|
19
19
|
}
|
package/index.module.css.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_8202o","optionsPopover":"picker-button__optionsPopover_8202o","sideGap":"picker-button__sideGap_8202o","option":"picker-button__option_8202o"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/field/index.css
CHANGED
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
:root {
|
|
9
9
|
--arrow-transform: rotate(180deg);
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__iconContainer_1t5y7 {
|
|
12
12
|
display: flex;
|
|
13
13
|
transition: transform 0.15s ease-in-out;
|
|
14
14
|
}
|
|
15
|
-
.picker-
|
|
15
|
+
.picker-button__addonsContainer_1t5y7 {
|
|
16
16
|
display: flex;
|
|
17
17
|
}
|
|
18
|
-
.picker-
|
|
18
|
+
.picker-button__addonsContainer_1t5y7.picker-button__showControlIcon_1t5y7 {
|
|
19
19
|
margin-right: var(--gap-4);
|
|
20
20
|
}
|
|
21
|
-
.picker-
|
|
21
|
+
.picker-button__open_1t5y7 {
|
|
22
22
|
transform: var(--arrow-transform);
|
|
23
23
|
}
|
|
24
|
-
.picker-
|
|
24
|
+
.picker-button__linkOpen_1t5y7:not(:hover) {
|
|
25
25
|
background-color: var(--color-light-transparent-default-hover);
|
|
26
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"iconContainer":"picker-
|
|
3
|
+
const styles = {"iconContainer":"picker-button__iconContainer_1t5y7","addonsContainer":"picker-button__addonsContainer_1t5y7","showControlIcon":"picker-button__showControlIcon_1t5y7","open":"picker-button__open_1t5y7","linkOpen":"picker-button__linkOpen_1t5y7"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/index.css
CHANGED
|
@@ -5,15 +5,15 @@
|
|
|
5
5
|
--gap-8: var(--gap-xs);
|
|
6
6
|
--gap-16: var(--gap-m);
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__container_8202o {
|
|
9
9
|
min-width: auto;
|
|
10
10
|
}
|
|
11
|
-
.picker-
|
|
11
|
+
.picker-button__optionsPopover_8202o.picker-button__sideGap_8202o.cc-picker-button {
|
|
12
12
|
padding: var(--gap-0) var(--gap-8);
|
|
13
13
|
}
|
|
14
|
-
.cc-picker-button .picker-
|
|
14
|
+
.cc-picker-button .picker-button__option_8202o {
|
|
15
15
|
padding: var(--gap-0) var(--gap-16);
|
|
16
16
|
}
|
|
17
|
-
.cc-picker-button .picker-
|
|
17
|
+
.cc-picker-button .picker-button__option_8202o:before {
|
|
18
18
|
display: none;
|
|
19
19
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"container":"picker-
|
|
3
|
+
const styles = {"container":"picker-button__container_8202o","optionsPopover":"picker-button__optionsPopover_8202o","sideGap":"picker-button__sideGap_8202o","option":"picker-button__option_8202o"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/option/index.css
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
--gap-s: 12px;
|
|
3
3
|
--gap-12: var(--gap-s);
|
|
4
4
|
}
|
|
5
|
-
.picker-
|
|
5
|
+
.picker-button__container_1ayj2 {
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__icon_1ayj2 {
|
|
10
10
|
display: flex;
|
|
11
11
|
margin-right: var(--gap-12);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__content_1ayj2 {
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
flex: 1;
|
|
16
16
|
text-overflow: ellipsis;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"container":"picker-
|
|
3
|
+
const styles = {"container":"picker-button__container_1ayj2","icon":"picker-button__icon_1ayj2","content":"picker-button__content_1ayj2"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/option/index.css
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
--gap-s: 12px;
|
|
3
3
|
--gap-12: var(--gap-s);
|
|
4
4
|
}
|
|
5
|
-
.picker-
|
|
5
|
+
.picker-button__container_1ayj2 {
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__icon_1ayj2 {
|
|
10
10
|
display: flex;
|
|
11
11
|
margin-right: var(--gap-12);
|
|
12
12
|
}
|
|
13
|
-
.picker-
|
|
13
|
+
.picker-button__content_1ayj2 {
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
flex: 1;
|
|
16
16
|
text-overflow: ellipsis;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"container":"picker-
|
|
5
|
+
var styles = {"container":"picker-button__container_1ayj2","icon":"picker-button__icon_1ayj2","content":"picker-button__content_1ayj2"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-picker-button",
|
|
3
|
-
"version": "13.0.
|
|
3
|
+
"version": "13.0.6",
|
|
4
4
|
"description": "Picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"@alfalab/core-components-button": "^13.0.2",
|
|
14
14
|
"@alfalab/core-components-mq": "^6.0.2",
|
|
15
15
|
"@alfalab/core-components-popover": "^8.0.2",
|
|
16
|
-
"@alfalab/core-components-select": "^19.0.
|
|
16
|
+
"@alfalab/core-components-select": "^19.0.6",
|
|
17
17
|
"@alfalab/icons-glyph": "^2.260.0",
|
|
18
18
|
"classnames": "^2.5.1",
|
|
19
19
|
"tslib": "^2.4.0"
|