@keenmate/web-multiselect 1.2.0 → 1.3.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 +32 -0
- package/dist/multiselect.js +613 -613
- package/dist/multiselect.umd.js +22 -22
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/scss/_badges-display.scss +1 -0
- package/src/scss/_base.scss +1 -1
- package/src/scss/_css-variables.scss +36 -0
- package/src/scss/_input-dropdown.scss +22 -0
- package/src/scss/_options.scss +90 -3
- package/src/scss/_tooltips-popover.scss +21 -0
- package/src/scss/_variables.scss +85 -63
package/README.md
CHANGED
|
@@ -1602,7 +1602,14 @@ For the complete list of all available CSS variables, see:
|
|
|
1602
1602
|
| `--ms-option-padding-v` | `0.5rem` | Option vertical padding |
|
|
1603
1603
|
| `--ms-option-padding-h` | `0.75rem` | Option horizontal padding |
|
|
1604
1604
|
| `--ms-option-hover-bg` | `#f9fafb` | Option background on hover |
|
|
1605
|
+
| `--ms-option-color-hover` | `inherit` | Option text color on hover |
|
|
1605
1606
|
| `--ms-option-bg-selected` | (rgba accent) | Selected option background |
|
|
1607
|
+
| `--ms-option-color-selected` | `inherit` | Selected option text color |
|
|
1608
|
+
| `--ms-option-color-selected-hover` | (inherits selected) | Text color when hovering selected option |
|
|
1609
|
+
| `--ms-option-bg-focused` | `#f9fafb` | Focused option background (keyboard) |
|
|
1610
|
+
| `--ms-option-color-focused` | `inherit` | Focused option text color |
|
|
1611
|
+
| `--ms-option-bg-matched` | (accent 8%) | Matched option background (navigate mode) |
|
|
1612
|
+
| `--ms-option-color-matched` | `inherit` | Matched option text color |
|
|
1606
1613
|
|
|
1607
1614
|
#### Badges
|
|
1608
1615
|
|
|
@@ -1621,6 +1628,31 @@ For the complete list of all available CSS variables, see:
|
|
|
1621
1628
|
| `--ms-badge-counter-remove-bg` | `#6b7280` | BadgeCounter remove button background |
|
|
1622
1629
|
| `--ms-badge-counter-remove-color` | `#ffffff` | BadgeCounter remove button color |
|
|
1623
1630
|
| `--ms-badge-counter-border` | `1px solid #e5e7eb` | BadgeCounter border |
|
|
1631
|
+
| `--ms-badge-border` | `none` | Badge border (e.g., `1px solid #3b82f6`) |
|
|
1632
|
+
|
|
1633
|
+
#### Checkboxes
|
|
1634
|
+
|
|
1635
|
+
| Variable | Default | Description |
|
|
1636
|
+
|----------|---------|-------------|
|
|
1637
|
+
| `--ms-checkbox-bg` | `#ffffff` | Checkbox background |
|
|
1638
|
+
| `--ms-checkbox-border` | `1px solid #d1d5db` | Checkbox border |
|
|
1639
|
+
| `--ms-checkbox-border-radius` | `0.3rem` | Checkbox border radius |
|
|
1640
|
+
| `--ms-checkbox-checked-bg` | (accent color) | Background when checked |
|
|
1641
|
+
| `--ms-checkbox-checked-border` | `1px solid (accent)` | Border when checked |
|
|
1642
|
+
| `--ms-checkbox-checkmark-color` | `#ffffff` | Checkmark color |
|
|
1643
|
+
| `--ms-checkbox-hover-border-color` | (accent color) | Border on hover |
|
|
1644
|
+
| `--ms-checkbox-disabled-bg` | `#f3f4f6` | Disabled background |
|
|
1645
|
+
| `--ms-checkbox-disabled-border` | `1px solid #e5e7eb` | Disabled border |
|
|
1646
|
+
|
|
1647
|
+
#### Scrollbar
|
|
1648
|
+
|
|
1649
|
+
| Variable | Default | Description |
|
|
1650
|
+
|----------|---------|-------------|
|
|
1651
|
+
| `--ms-scrollbar-width` | `8px` | Scrollbar width |
|
|
1652
|
+
| `--ms-scrollbar-track-bg` | `transparent` | Track background |
|
|
1653
|
+
| `--ms-scrollbar-thumb-bg` | `#d1d5db` | Thumb color |
|
|
1654
|
+
| `--ms-scrollbar-thumb-bg-hover` | `#6b7280` | Thumb hover color |
|
|
1655
|
+
| `--ms-scrollbar-thumb-border-radius` | `4px` | Thumb border radius |
|
|
1624
1656
|
|
|
1625
1657
|
#### Counter (in input)
|
|
1626
1658
|
|