@kennycorrea/ui 0.11.2 → 0.11.3
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 +1 -1
- package/tokens.css +2 -2
package/package.json
CHANGED
package/tokens.css
CHANGED
|
@@ -704,13 +704,13 @@
|
|
|
704
704
|
/* ---- Grouped list: ListSection / ListRow ---- */
|
|
705
705
|
.ui-list-section { --list-lead-w: 28px; --list-gap: 12px; }
|
|
706
706
|
.ui-list-section[data-variant="inset"] { margin-inline: var(--space-row-x); }
|
|
707
|
-
.ui-list-header, .ui-list-footer { font-size: 0.8125rem; line-height: 1.
|
|
707
|
+
.ui-list-header, .ui-list-footer { font-size: 0.8125rem; line-height: 1.125rem; color: var(--gray-11); padding: 6px calc(var(--space-row-x) + 4px); }
|
|
708
708
|
.ui-list-header { text-transform: uppercase; letter-spacing: 0.02em; font-size: 0.75rem; }
|
|
709
709
|
.ui-list { list-style: none; margin: 0; padding: 0; background: var(--surface-grouped); overflow: hidden; }
|
|
710
710
|
.ui-list-section[data-variant="inset"] .ui-list { border-radius: var(--radius-group); }
|
|
711
711
|
.ui-list-item { position: relative; list-style: none; }
|
|
712
712
|
/* Hairline above every row but the first; it starts after the leading slot when this row has one. */
|
|
713
|
-
.ui-list-item + .ui-list-item::before { content: ""; position: absolute; top: 0; right: 0; height:
|
|
713
|
+
.ui-list-item + .ui-list-item::before { content: ""; position: absolute; top: 0; right: 0; height: 0; border-top: 1px solid var(--separator-inset); left: var(--space-row-x); }
|
|
714
714
|
.ui-list-item + .ui-list-item[data-has-lead]::before { left: calc(var(--space-row-x) + var(--list-lead-w) + var(--list-gap)); }
|
|
715
715
|
.ui-list-section[data-variant="full"] .ui-list-item + .ui-list-item::before { left: 0; }
|
|
716
716
|
.ui-list-row { display: flex; align-items: center; gap: var(--list-gap); box-sizing: border-box; width: 100%; min-height: var(--tap-min); padding: var(--space-row-y) var(--space-row-x); background: transparent; border: 0; margin: 0; font: inherit; text-align: start; color: var(--gray-12); text-decoration: none; -webkit-tap-highlight-color: transparent; }
|