@alfalab/core-components-picker-button 13.0.20 → 13.0.21
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
|
@@ -7,19 +7,19 @@
|
|
|
7
7
|
:root {
|
|
8
8
|
--arrow-transform: rotate(180deg);
|
|
9
9
|
}
|
|
10
|
-
.picker-
|
|
10
|
+
.picker-button__iconContainer_eng9h {
|
|
11
11
|
display: flex;
|
|
12
12
|
transition: transform 0.15s ease-in-out;
|
|
13
13
|
}
|
|
14
|
-
.picker-
|
|
14
|
+
.picker-button__addonsContainer_eng9h {
|
|
15
15
|
display: flex;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__addonsContainer_eng9h.picker-button__showControlIcon_eng9h {
|
|
18
18
|
margin-right: var(--gap-4);
|
|
19
19
|
}
|
|
20
|
-
.picker-
|
|
20
|
+
.picker-button__open_eng9h {
|
|
21
21
|
transform: var(--arrow-transform);
|
|
22
22
|
}
|
|
23
|
-
.picker-
|
|
23
|
+
.picker-button__linkOpen_eng9h:not(:hover) {
|
|
24
24
|
background-color: var(--color-light-transparent-default-hover);
|
|
25
25
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"iconContainer":"picker-
|
|
3
|
+
var styles = {"iconContainer":"picker-button__iconContainer_eng9h","addonsContainer":"picker-button__addonsContainer_eng9h","showControlIcon":"picker-button__showControlIcon_eng9h","open":"picker-button__open_eng9h","linkOpen":"picker-button__linkOpen_eng9h"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/esm/index.css
CHANGED
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
--gap-8: 8px;
|
|
4
4
|
--gap-16: 16px;
|
|
5
5
|
}
|
|
6
|
-
.picker-
|
|
6
|
+
.picker-button__container_3afyz {
|
|
7
7
|
min-width: auto;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__optionsPopover_3afyz.picker-button__sideGap_3afyz.cc-picker-button {
|
|
10
10
|
padding: var(--gap-0) var(--gap-8);
|
|
11
11
|
}
|
|
12
|
-
.cc-picker-button .picker-
|
|
12
|
+
.cc-picker-button .picker-button__option_3afyz {
|
|
13
13
|
padding: var(--gap-0) var(--gap-16);
|
|
14
14
|
}
|
|
15
|
-
.cc-picker-button .picker-
|
|
15
|
+
.cc-picker-button .picker-button__option_3afyz:before {
|
|
16
16
|
display: none;
|
|
17
17
|
}
|
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_3afyz","optionsPopover":"picker-button__optionsPopover_3afyz","sideGap":"picker-button__sideGap_3afyz","option":"picker-button__option_3afyz"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/esm/option/index.css
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-12: 12px;
|
|
3
3
|
}
|
|
4
|
-
.picker-
|
|
4
|
+
.picker-button__container_1e651 {
|
|
5
5
|
display: flex;
|
|
6
6
|
align-items: center;
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__icon_1e651 {
|
|
9
9
|
display: flex;
|
|
10
10
|
margin-right: var(--gap-12);
|
|
11
11
|
}
|
|
12
|
-
.picker-
|
|
12
|
+
.picker-button__content_1e651 {
|
|
13
13
|
overflow: hidden;
|
|
14
14
|
flex: 1;
|
|
15
15
|
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_1e651","icon":"picker-button__icon_1e651","content":"picker-button__content_1e651"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/field/index.css
CHANGED
|
@@ -7,19 +7,19 @@
|
|
|
7
7
|
:root {
|
|
8
8
|
--arrow-transform: rotate(180deg);
|
|
9
9
|
}
|
|
10
|
-
.picker-
|
|
10
|
+
.picker-button__iconContainer_eng9h {
|
|
11
11
|
display: flex;
|
|
12
12
|
transition: transform 0.15s ease-in-out;
|
|
13
13
|
}
|
|
14
|
-
.picker-
|
|
14
|
+
.picker-button__addonsContainer_eng9h {
|
|
15
15
|
display: flex;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__addonsContainer_eng9h.picker-button__showControlIcon_eng9h {
|
|
18
18
|
margin-right: var(--gap-4);
|
|
19
19
|
}
|
|
20
|
-
.picker-
|
|
20
|
+
.picker-button__open_eng9h {
|
|
21
21
|
transform: var(--arrow-transform);
|
|
22
22
|
}
|
|
23
|
-
.picker-
|
|
23
|
+
.picker-button__linkOpen_eng9h:not(:hover) {
|
|
24
24
|
background-color: var(--color-light-transparent-default-hover);
|
|
25
25
|
}
|
|
@@ -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_eng9h","addonsContainer":"picker-button__addonsContainer_eng9h","showControlIcon":"picker-button__showControlIcon_eng9h","open":"picker-button__open_eng9h","linkOpen":"picker-button__linkOpen_eng9h"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/index.css
CHANGED
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
--gap-8: 8px;
|
|
4
4
|
--gap-16: 16px;
|
|
5
5
|
}
|
|
6
|
-
.picker-
|
|
6
|
+
.picker-button__container_3afyz {
|
|
7
7
|
min-width: auto;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__optionsPopover_3afyz.picker-button__sideGap_3afyz.cc-picker-button {
|
|
10
10
|
padding: var(--gap-0) var(--gap-8);
|
|
11
11
|
}
|
|
12
|
-
.cc-picker-button .picker-
|
|
12
|
+
.cc-picker-button .picker-button__option_3afyz {
|
|
13
13
|
padding: var(--gap-0) var(--gap-16);
|
|
14
14
|
}
|
|
15
|
-
.cc-picker-button .picker-
|
|
15
|
+
.cc-picker-button .picker-button__option_3afyz:before {
|
|
16
16
|
display: none;
|
|
17
17
|
}
|
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_3afyz","optionsPopover":"picker-button__optionsPopover_3afyz","sideGap":"picker-button__sideGap_3afyz","option":"picker-button__option_3afyz"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/field/index.css
CHANGED
|
@@ -7,19 +7,19 @@
|
|
|
7
7
|
:root {
|
|
8
8
|
--arrow-transform: rotate(180deg);
|
|
9
9
|
}
|
|
10
|
-
.picker-
|
|
10
|
+
.picker-button__iconContainer_eng9h {
|
|
11
11
|
display: flex;
|
|
12
12
|
transition: transform 0.15s ease-in-out;
|
|
13
13
|
}
|
|
14
|
-
.picker-
|
|
14
|
+
.picker-button__addonsContainer_eng9h {
|
|
15
15
|
display: flex;
|
|
16
16
|
}
|
|
17
|
-
.picker-
|
|
17
|
+
.picker-button__addonsContainer_eng9h.picker-button__showControlIcon_eng9h {
|
|
18
18
|
margin-right: var(--gap-4);
|
|
19
19
|
}
|
|
20
|
-
.picker-
|
|
20
|
+
.picker-button__open_eng9h {
|
|
21
21
|
transform: var(--arrow-transform);
|
|
22
22
|
}
|
|
23
|
-
.picker-
|
|
23
|
+
.picker-button__linkOpen_eng9h:not(:hover) {
|
|
24
24
|
background-color: var(--color-light-transparent-default-hover);
|
|
25
25
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"iconContainer":"picker-
|
|
3
|
+
const styles = {"iconContainer":"picker-button__iconContainer_eng9h","addonsContainer":"picker-button__addonsContainer_eng9h","showControlIcon":"picker-button__showControlIcon_eng9h","open":"picker-button__open_eng9h","linkOpen":"picker-button__linkOpen_eng9h"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/index.css
CHANGED
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
--gap-8: 8px;
|
|
4
4
|
--gap-16: 16px;
|
|
5
5
|
}
|
|
6
|
-
.picker-
|
|
6
|
+
.picker-button__container_3afyz {
|
|
7
7
|
min-width: auto;
|
|
8
8
|
}
|
|
9
|
-
.picker-
|
|
9
|
+
.picker-button__optionsPopover_3afyz.picker-button__sideGap_3afyz.cc-picker-button {
|
|
10
10
|
padding: var(--gap-0) var(--gap-8);
|
|
11
11
|
}
|
|
12
|
-
.cc-picker-button .picker-
|
|
12
|
+
.cc-picker-button .picker-button__option_3afyz {
|
|
13
13
|
padding: var(--gap-0) var(--gap-16);
|
|
14
14
|
}
|
|
15
|
-
.cc-picker-button .picker-
|
|
15
|
+
.cc-picker-button .picker-button__option_3afyz:before {
|
|
16
16
|
display: none;
|
|
17
17
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"container":"picker-
|
|
3
|
+
const styles = {"container":"picker-button__container_3afyz","optionsPopover":"picker-button__optionsPopover_3afyz","sideGap":"picker-button__sideGap_3afyz","option":"picker-button__option_3afyz"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/option/index.css
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-12: 12px;
|
|
3
3
|
}
|
|
4
|
-
.picker-
|
|
4
|
+
.picker-button__container_1e651 {
|
|
5
5
|
display: flex;
|
|
6
6
|
align-items: center;
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__icon_1e651 {
|
|
9
9
|
display: flex;
|
|
10
10
|
margin-right: var(--gap-12);
|
|
11
11
|
}
|
|
12
|
-
.picker-
|
|
12
|
+
.picker-button__content_1e651 {
|
|
13
13
|
overflow: hidden;
|
|
14
14
|
flex: 1;
|
|
15
15
|
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_1e651","icon":"picker-button__icon_1e651","content":"picker-button__content_1e651"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/option/index.css
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-12: 12px;
|
|
3
3
|
}
|
|
4
|
-
.picker-
|
|
4
|
+
.picker-button__container_1e651 {
|
|
5
5
|
display: flex;
|
|
6
6
|
align-items: center;
|
|
7
7
|
}
|
|
8
|
-
.picker-
|
|
8
|
+
.picker-button__icon_1e651 {
|
|
9
9
|
display: flex;
|
|
10
10
|
margin-right: var(--gap-12);
|
|
11
11
|
}
|
|
12
|
-
.picker-
|
|
12
|
+
.picker-button__content_1e651 {
|
|
13
13
|
overflow: hidden;
|
|
14
14
|
flex: 1;
|
|
15
15
|
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_1e651","icon":"picker-button__icon_1e651","content":"picker-button__content_1e651"};
|
|
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.21",
|
|
4
4
|
"description": "Picker button component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"@alfalab/core-components-button": "^13.2.2",
|
|
17
17
|
"@alfalab/core-components-mq": "^6.0.7",
|
|
18
18
|
"@alfalab/core-components-popover": "^8.1.1",
|
|
19
|
-
"@alfalab/core-components-select": "^19.2.
|
|
19
|
+
"@alfalab/core-components-select": "^19.2.3",
|
|
20
20
|
"@alfalab/icons-glyph": "^2.260.0",
|
|
21
21
|
"classnames": "^2.5.1",
|
|
22
22
|
"tslib": "^2.4.0"
|