@alfalab/core-components-picker-button 13.0.19 → 13.0.20

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.
@@ -2,8 +2,7 @@
2
2
  --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
3
3
  }
4
4
  :root {
5
- --gap-2xs: 4px;
6
- --gap-4: var(--gap-2xs);
5
+ --gap-4: 4px;
7
6
  }
8
7
  :root {
9
8
  --arrow-transform: rotate(180deg);
@@ -1,9 +1,7 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
- --gap-m: 16px;
4
2
  --gap-0: 0px;
5
- --gap-8: var(--gap-xs);
6
- --gap-16: var(--gap-m);
3
+ --gap-8: 8px;
4
+ --gap-16: 16px;
7
5
  }
8
6
  .container {
9
7
  min-width: auto;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --gap-s: 12px;
3
- --gap-12: var(--gap-s);
2
+ --gap-12: 12px;
4
3
  }
5
4
  .container {
6
5
  display: flex;
@@ -14,4 +13,5 @@
14
13
  overflow: hidden;
15
14
  flex: 1;
16
15
  text-overflow: ellipsis;
16
+ white-space: nowrap;
17
17
  }
@@ -2,25 +2,24 @@
2
2
  --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
3
3
  }
4
4
  :root {
5
- --gap-2xs: 4px;
6
- --gap-4: var(--gap-2xs);
5
+ --gap-4: 4px;
7
6
  }
8
7
  :root {
9
8
  --arrow-transform: rotate(180deg);
10
9
  }
11
- .picker-button__iconContainer_uhhhx {
10
+ .picker-button__iconContainer_incft {
12
11
  display: flex;
13
12
  transition: transform 0.15s ease-in-out;
14
13
  }
15
- .picker-button__addonsContainer_uhhhx {
14
+ .picker-button__addonsContainer_incft {
16
15
  display: flex;
17
16
  }
18
- .picker-button__addonsContainer_uhhhx.picker-button__showControlIcon_uhhhx {
17
+ .picker-button__addonsContainer_incft.picker-button__showControlIcon_incft {
19
18
  margin-right: var(--gap-4);
20
19
  }
21
- .picker-button__open_uhhhx {
20
+ .picker-button__open_incft {
22
21
  transform: var(--arrow-transform);
23
22
  }
24
- .picker-button__linkOpen_uhhhx:not(:hover) {
23
+ .picker-button__linkOpen_incft:not(:hover) {
25
24
  background-color: var(--color-light-transparent-default-hover);
26
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"iconContainer":"picker-button__iconContainer_uhhhx","addonsContainer":"picker-button__addonsContainer_uhhhx","showControlIcon":"picker-button__showControlIcon_uhhhx","open":"picker-button__open_uhhhx","linkOpen":"picker-button__linkOpen_uhhhx"};
3
+ var styles = {"iconContainer":"picker-button__iconContainer_incft","addonsContainer":"picker-button__addonsContainer_incft","showControlIcon":"picker-button__showControlIcon_incft","open":"picker-button__open_incft","linkOpen":"picker-button__linkOpen_incft"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -1,19 +1,17 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
- --gap-m: 16px;
4
2
  --gap-0: 0px;
5
- --gap-8: var(--gap-xs);
6
- --gap-16: var(--gap-m);
3
+ --gap-8: 8px;
4
+ --gap-16: 16px;
7
5
  }
8
- .picker-button__container_13lzk {
6
+ .picker-button__container_1777e {
9
7
  min-width: auto;
10
8
  }
11
- .picker-button__optionsPopover_13lzk.picker-button__sideGap_13lzk.cc-picker-button {
9
+ .picker-button__optionsPopover_1777e.picker-button__sideGap_1777e.cc-picker-button {
12
10
  padding: var(--gap-0) var(--gap-8);
13
11
  }
14
- .cc-picker-button .picker-button__option_13lzk {
12
+ .cc-picker-button .picker-button__option_1777e {
15
13
  padding: var(--gap-0) var(--gap-16);
16
14
  }
17
- .cc-picker-button .picker-button__option_13lzk:before {
15
+ .cc-picker-button .picker-button__option_1777e:before {
18
16
  display: none;
19
17
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"container":"picker-button__container_13lzk","optionsPopover":"picker-button__optionsPopover_13lzk","sideGap":"picker-button__sideGap_13lzk","option":"picker-button__option_13lzk"};
3
+ var styles = {"container":"picker-button__container_1777e","optionsPopover":"picker-button__optionsPopover_1777e","sideGap":"picker-button__sideGap_1777e","option":"picker-button__option_1777e"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,17 +1,17 @@
1
1
  :root {
2
- --gap-s: 12px;
3
- --gap-12: var(--gap-s);
2
+ --gap-12: 12px;
4
3
  }
5
- .picker-button__container_pj19p {
4
+ .picker-button__container_j1sey {
6
5
  display: flex;
7
6
  align-items: center;
8
7
  }
9
- .picker-button__icon_pj19p {
8
+ .picker-button__icon_j1sey {
10
9
  display: flex;
11
10
  margin-right: var(--gap-12);
12
11
  }
13
- .picker-button__content_pj19p {
12
+ .picker-button__content_j1sey {
14
13
  overflow: hidden;
15
14
  flex: 1;
16
15
  text-overflow: ellipsis;
16
+ white-space: nowrap;
17
17
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"container":"picker-button__container_pj19p","icon":"picker-button__icon_pj19p","content":"picker-button__content_pj19p"};
3
+ var styles = {"container":"picker-button__container_j1sey","icon":"picker-button__icon_j1sey","content":"picker-button__content_j1sey"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n margin-right: var(--gap-12);\n}\n\n.content {\n overflow: hidden;\n flex: 1;\n text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n margin-right: var(--gap-12);\n}\n\n.content {\n overflow: hidden;\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
package/field/index.css CHANGED
@@ -2,25 +2,24 @@
2
2
  --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
3
3
  }
4
4
  :root {
5
- --gap-2xs: 4px;
6
- --gap-4: var(--gap-2xs);
5
+ --gap-4: 4px;
7
6
  }
8
7
  :root {
9
8
  --arrow-transform: rotate(180deg);
10
9
  }
11
- .picker-button__iconContainer_uhhhx {
10
+ .picker-button__iconContainer_incft {
12
11
  display: flex;
13
12
  transition: transform 0.15s ease-in-out;
14
13
  }
15
- .picker-button__addonsContainer_uhhhx {
14
+ .picker-button__addonsContainer_incft {
16
15
  display: flex;
17
16
  }
18
- .picker-button__addonsContainer_uhhhx.picker-button__showControlIcon_uhhhx {
17
+ .picker-button__addonsContainer_incft.picker-button__showControlIcon_incft {
19
18
  margin-right: var(--gap-4);
20
19
  }
21
- .picker-button__open_uhhhx {
20
+ .picker-button__open_incft {
22
21
  transform: var(--arrow-transform);
23
22
  }
24
- .picker-button__linkOpen_uhhhx:not(:hover) {
23
+ .picker-button__linkOpen_incft:not(:hover) {
25
24
  background-color: var(--color-light-transparent-default-hover);
26
25
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"iconContainer":"picker-button__iconContainer_uhhhx","addonsContainer":"picker-button__addonsContainer_uhhhx","showControlIcon":"picker-button__showControlIcon_uhhhx","open":"picker-button__open_uhhhx","linkOpen":"picker-button__linkOpen_uhhhx"};
5
+ var styles = {"iconContainer":"picker-button__iconContainer_incft","addonsContainer":"picker-button__addonsContainer_incft","showControlIcon":"picker-button__showControlIcon_incft","open":"picker-button__open_incft","linkOpen":"picker-button__linkOpen_incft"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -1,19 +1,17 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
- --gap-m: 16px;
4
2
  --gap-0: 0px;
5
- --gap-8: var(--gap-xs);
6
- --gap-16: var(--gap-m);
3
+ --gap-8: 8px;
4
+ --gap-16: 16px;
7
5
  }
8
- .picker-button__container_13lzk {
6
+ .picker-button__container_1777e {
9
7
  min-width: auto;
10
8
  }
11
- .picker-button__optionsPopover_13lzk.picker-button__sideGap_13lzk.cc-picker-button {
9
+ .picker-button__optionsPopover_1777e.picker-button__sideGap_1777e.cc-picker-button {
12
10
  padding: var(--gap-0) var(--gap-8);
13
11
  }
14
- .cc-picker-button .picker-button__option_13lzk {
12
+ .cc-picker-button .picker-button__option_1777e {
15
13
  padding: var(--gap-0) var(--gap-16);
16
14
  }
17
- .cc-picker-button .picker-button__option_13lzk:before {
15
+ .cc-picker-button .picker-button__option_1777e:before {
18
16
  display: none;
19
17
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"container":"picker-button__container_13lzk","optionsPopover":"picker-button__optionsPopover_13lzk","sideGap":"picker-button__sideGap_13lzk","option":"picker-button__option_13lzk"};
5
+ var styles = {"container":"picker-button__container_1777e","optionsPopover":"picker-button__optionsPopover_1777e","sideGap":"picker-button__sideGap_1777e","option":"picker-button__option_1777e"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -2,25 +2,24 @@
2
2
  --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
3
3
  }
4
4
  :root {
5
- --gap-2xs: 4px;
6
- --gap-4: var(--gap-2xs);
5
+ --gap-4: 4px;
7
6
  }
8
7
  :root {
9
8
  --arrow-transform: rotate(180deg);
10
9
  }
11
- .picker-button__iconContainer_uhhhx {
10
+ .picker-button__iconContainer_incft {
12
11
  display: flex;
13
12
  transition: transform 0.15s ease-in-out;
14
13
  }
15
- .picker-button__addonsContainer_uhhhx {
14
+ .picker-button__addonsContainer_incft {
16
15
  display: flex;
17
16
  }
18
- .picker-button__addonsContainer_uhhhx.picker-button__showControlIcon_uhhhx {
17
+ .picker-button__addonsContainer_incft.picker-button__showControlIcon_incft {
19
18
  margin-right: var(--gap-4);
20
19
  }
21
- .picker-button__open_uhhhx {
20
+ .picker-button__open_incft {
22
21
  transform: var(--arrow-transform);
23
22
  }
24
- .picker-button__linkOpen_uhhhx:not(:hover) {
23
+ .picker-button__linkOpen_incft:not(:hover) {
25
24
  background-color: var(--color-light-transparent-default-hover);
26
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"iconContainer":"picker-button__iconContainer_uhhhx","addonsContainer":"picker-button__addonsContainer_uhhhx","showControlIcon":"picker-button__showControlIcon_uhhhx","open":"picker-button__open_uhhhx","linkOpen":"picker-button__linkOpen_uhhhx"};
3
+ const styles = {"iconContainer":"picker-button__iconContainer_incft","addonsContainer":"picker-button__addonsContainer_incft","showControlIcon":"picker-button__showControlIcon_incft","open":"picker-button__open_incft","linkOpen":"picker-button__linkOpen_incft"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -1,19 +1,17 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
- --gap-m: 16px;
4
2
  --gap-0: 0px;
5
- --gap-8: var(--gap-xs);
6
- --gap-16: var(--gap-m);
3
+ --gap-8: 8px;
4
+ --gap-16: 16px;
7
5
  }
8
- .picker-button__container_13lzk {
6
+ .picker-button__container_1777e {
9
7
  min-width: auto;
10
8
  }
11
- .picker-button__optionsPopover_13lzk.picker-button__sideGap_13lzk.cc-picker-button {
9
+ .picker-button__optionsPopover_1777e.picker-button__sideGap_1777e.cc-picker-button {
12
10
  padding: var(--gap-0) var(--gap-8);
13
11
  }
14
- .cc-picker-button .picker-button__option_13lzk {
12
+ .cc-picker-button .picker-button__option_1777e {
15
13
  padding: var(--gap-0) var(--gap-16);
16
14
  }
17
- .cc-picker-button .picker-button__option_13lzk:before {
15
+ .cc-picker-button .picker-button__option_1777e:before {
18
16
  display: none;
19
17
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"container":"picker-button__container_13lzk","optionsPopover":"picker-button__optionsPopover_13lzk","sideGap":"picker-button__sideGap_13lzk","option":"picker-button__option_13lzk"};
3
+ const styles = {"container":"picker-button__container_1777e","optionsPopover":"picker-button__optionsPopover_1777e","sideGap":"picker-button__sideGap_1777e","option":"picker-button__option_1777e"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,17 +1,17 @@
1
1
  :root {
2
- --gap-s: 12px;
3
- --gap-12: var(--gap-s);
2
+ --gap-12: 12px;
4
3
  }
5
- .picker-button__container_pj19p {
4
+ .picker-button__container_j1sey {
6
5
  display: flex;
7
6
  align-items: center;
8
7
  }
9
- .picker-button__icon_pj19p {
8
+ .picker-button__icon_j1sey {
10
9
  display: flex;
11
10
  margin-right: var(--gap-12);
12
11
  }
13
- .picker-button__content_pj19p {
12
+ .picker-button__content_j1sey {
14
13
  overflow: hidden;
15
14
  flex: 1;
16
15
  text-overflow: ellipsis;
16
+ white-space: nowrap;
17
17
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"container":"picker-button__container_pj19p","icon":"picker-button__icon_pj19p","content":"picker-button__content_pj19p"};
3
+ const styles = {"container":"picker-button__container_j1sey","icon":"picker-button__icon_j1sey","content":"picker-button__content_j1sey"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n margin-right: var(--gap-12);\n}\n\n.content {\n overflow: hidden;\n flex: 1;\n text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n margin-right: var(--gap-12);\n}\n\n.content {\n overflow: hidden;\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
@@ -14,4 +14,5 @@
14
14
  overflow: hidden;
15
15
  flex: 1;
16
16
  text-overflow: ellipsis;
17
+ white-space: nowrap;
17
18
  }
package/option/index.css CHANGED
@@ -1,17 +1,17 @@
1
1
  :root {
2
- --gap-s: 12px;
3
- --gap-12: var(--gap-s);
2
+ --gap-12: 12px;
4
3
  }
5
- .picker-button__container_pj19p {
4
+ .picker-button__container_j1sey {
6
5
  display: flex;
7
6
  align-items: center;
8
7
  }
9
- .picker-button__icon_pj19p {
8
+ .picker-button__icon_j1sey {
10
9
  display: flex;
11
10
  margin-right: var(--gap-12);
12
11
  }
13
- .picker-button__content_pj19p {
12
+ .picker-button__content_j1sey {
14
13
  overflow: hidden;
15
14
  flex: 1;
16
15
  text-overflow: ellipsis;
16
+ white-space: nowrap;
17
17
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"container":"picker-button__container_pj19p","icon":"picker-button__icon_pj19p","content":"picker-button__content_pj19p"};
5
+ var styles = {"container":"picker-button__container_j1sey","icon":"picker-button__icon_j1sey","content":"picker-button__content_j1sey"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n margin-right: var(--gap-12);\n}\n\n.content {\n overflow: hidden;\n flex: 1;\n text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n margin-right: var(--gap-12);\n}\n\n.content {\n overflow: hidden;\n flex: 1;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "13.0.19",
3
+ "version": "13.0.20",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,10 +13,10 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-button": "^13.2.1",
17
- "@alfalab/core-components-mq": "^6.0.6",
18
- "@alfalab/core-components-popover": "^8.1.0",
19
- "@alfalab/core-components-select": "^19.2.1",
16
+ "@alfalab/core-components-button": "^13.2.2",
17
+ "@alfalab/core-components-mq": "^6.0.7",
18
+ "@alfalab/core-components-popover": "^8.1.1",
19
+ "@alfalab/core-components-select": "^19.2.2",
20
20
  "@alfalab/icons-glyph": "^2.260.0",
21
21
  "classnames": "^2.5.1",
22
22
  "tslib": "^2.4.0"
@@ -29,6 +29,6 @@
29
29
  "access": "public",
30
30
  "directory": "dist"
31
31
  },
32
- "themesVersion": "15.2.0",
33
- "varsVersion": "11.1.1"
32
+ "themesVersion": "15.2.1",
33
+ "varsVersion": "11.2.1"
34
34
  }
@@ -14,4 +14,5 @@
14
14
  overflow: hidden;
15
15
  flex: 1;
16
16
  text-overflow: ellipsis;
17
+ white-space: nowrap;
17
18
  }