@rogieking/figui3 6.36.0 → 6.37.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 +2 -1
- package/components.css +8 -0
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/dist/fig.js +1 -1
- package/fig.js +12 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1217,11 +1217,12 @@ Escape dismisses an open tooltip and returns focus to its trigger.
|
|
|
1217
1217
|
|
|
1218
1218
|
`<fig-separator>` — [demo](https://rog.ie/figui3/#separator)
|
|
1219
1219
|
|
|
1220
|
-
A visual divider between content groups. The optional `label` attribute adds a group label and accessible name.
|
|
1220
|
+
A visual divider between content groups. The optional `label` attribute adds a group label and accessible name. Add `borderless` to hide the separator line.
|
|
1221
1221
|
|
|
1222
1222
|
```html
|
|
1223
1223
|
<fig-separator></fig-separator>
|
|
1224
1224
|
<fig-separator label="More"></fig-separator>
|
|
1225
|
+
<fig-separator label="First group" borderless></fig-separator>
|
|
1225
1226
|
```
|
|
1226
1227
|
|
|
1227
1228
|
---
|
package/components.css
CHANGED
|
@@ -5899,6 +5899,14 @@ fig-separator {
|
|
|
5899
5899
|
pointer-events: none;
|
|
5900
5900
|
user-select: none;
|
|
5901
5901
|
|
|
5902
|
+
&[borderless]:not([borderless="false"]) {
|
|
5903
|
+
background: transparent;
|
|
5904
|
+
|
|
5905
|
+
&[label]:not([label=""])::before {
|
|
5906
|
+
display: none;
|
|
5907
|
+
}
|
|
5908
|
+
}
|
|
5909
|
+
|
|
5902
5910
|
/* Labeled: rule, then secondary group label (same pattern as menu optgroups). */
|
|
5903
5911
|
&[label]:not([label=""]) {
|
|
5904
5912
|
display: flex;
|