@latitude-ui/widgets 0.0.11 → 0.0.12

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@latitude-ui/widgets",
3
- "version": "0.0.11",
3
+ "version": "0.0.12",
4
4
  "sideEffects": false,
5
5
  "description": "UI Widgets",
6
6
  "keywords": [
@@ -56,25 +56,25 @@
56
56
  "types": "./select/latitude-ui-widgets-select.d.ts",
57
57
  "default": "./esm2022/select/latitude-ui-widgets-select.js"
58
58
  },
59
- "./textarea": {
60
- "types": "./textarea/latitude-ui-widgets-textarea.d.ts",
61
- "default": "./esm2022/textarea/latitude-ui-widgets-textarea.js"
62
- },
63
59
  "./switch": {
64
60
  "types": "./switch/latitude-ui-widgets-switch.d.ts",
65
61
  "default": "./esm2022/switch/latitude-ui-widgets-switch.js"
66
62
  },
63
+ "./textarea": {
64
+ "types": "./textarea/latitude-ui-widgets-textarea.d.ts",
65
+ "default": "./esm2022/textarea/latitude-ui-widgets-textarea.js"
66
+ },
67
67
  "./textbox": {
68
68
  "types": "./textbox/latitude-ui-widgets-textbox.d.ts",
69
69
  "default": "./esm2022/textbox/latitude-ui-widgets-textbox.js"
70
70
  },
71
- "./textbox-number": {
72
- "types": "./textbox-number/latitude-ui-widgets-textbox-number.d.ts",
73
- "default": "./esm2022/textbox-number/latitude-ui-widgets-textbox-number.js"
74
- },
75
71
  "./textbox-search": {
76
72
  "types": "./textbox-search/latitude-ui-widgets-textbox-search.d.ts",
77
73
  "default": "./esm2022/textbox-search/latitude-ui-widgets-textbox-search.js"
74
+ },
75
+ "./textbox-number": {
76
+ "types": "./textbox-number/latitude-ui-widgets-textbox-number.d.ts",
77
+ "default": "./esm2022/textbox-number/latitude-ui-widgets-textbox-number.js"
78
78
  }
79
79
  },
80
80
  "peerDependencies": {
@@ -88,4 +88,4 @@
88
88
  "dependencies": {
89
89
  "tslib": "^2.3.0"
90
90
  }
91
- }
91
+ }
@@ -649,8 +649,19 @@ lat-select {
649
649
  .lat-select-dropdown {
650
650
 
651
651
  lat-listbox {
652
+ box-sizing: border-box;
653
+
654
+ display: flex;
655
+
656
+ flex-direction: column;
657
+
658
+ outline: none;
659
+ pointer-events: auto;
660
+
661
+ max-height: 300px;
662
+
652
663
  padding-block: 4px;
653
- padding-inline: 4px;
664
+ padding-inline: 0;
654
665
 
655
666
  box-shadow: var(--lat-box-shadow-large);
656
667
  background-color: var(--lat-background-color);
@@ -673,20 +684,36 @@ lat-select {
673
684
  inset: 0 4px 0 0;
674
685
  }
675
686
 
687
+ [role="listbox"] {
688
+ box-sizing: border-box;
689
+
690
+ scrollbar-width: none; /* Firefox */
691
+ -ms-overflow-style: none; /* IE and Edge */
692
+
693
+ &::-webkit-scrollbar {
694
+ display: none;
695
+ }
696
+ }
697
+
676
698
  [role="option"] {
699
+ box-sizing: border-box;
700
+
677
701
  display: inline-flex;
678
702
 
679
- flex-wrap: wrap;
703
+ flex-wrap: nowrap;
680
704
  flex-direction: row;
681
705
 
706
+ width: auto;
707
+
682
708
  gap: 10px;
709
+ margin-inline: 4px;
683
710
  padding-inline: 10px;
684
711
 
685
712
  align-items: center;
686
713
  justify-content: flex-start;
687
714
 
688
- width: 100%;
689
715
  height: 28px;
716
+ min-height: 28px;
690
717
 
691
718
  cursor: pointer;
692
719
  user-select: none;