@plastic-js/tsumiki 0.1.51 → 0.1.52
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.
|
@@ -38,7 +38,7 @@ var sizeVars = {
|
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
var defaultStyle = {
|
|
41
|
-
"--_tg-border": "var(--tsu-
|
|
41
|
+
"--_tg-border": "var(--tsu-neutral-6)",
|
|
42
42
|
"--_fg-gap": "var(--tsu-spacing-sm)"
|
|
43
43
|
};
|
|
44
44
|
var rootClass = css({
|
|
@@ -68,9 +68,10 @@ var allClass = css({
|
|
|
68
68
|
fontFamily: "inherit",
|
|
69
69
|
cursor: "pointer",
|
|
70
70
|
touchAction: "manipulation",
|
|
71
|
-
transition: "background-color var(--tsu-transition-fast), color var(--tsu-transition-fast)",
|
|
71
|
+
transition: "background-color var(--tsu-transition-fast), color var(--tsu-transition-fast), border-color var(--tsu-transition-fast)",
|
|
72
72
|
"&[data-state=\"on\"]": {
|
|
73
|
-
backgroundColor: "var(--tsu-
|
|
73
|
+
backgroundColor: "var(--tsu-neutral-9)",
|
|
74
|
+
borderColor: "var(--tsu-neutral-9)",
|
|
74
75
|
color: "var(--tsu-bg)"
|
|
75
76
|
},
|
|
76
77
|
"&:disabled": {
|
|
@@ -92,6 +93,11 @@ var itemClass = css({
|
|
|
92
93
|
border: "1px solid var(--_tg-border)",
|
|
93
94
|
borderRadius: "var(--tsu-radius-round)",
|
|
94
95
|
flexShrink: 0,
|
|
96
|
+
"&[data-state=\"on\"]": {
|
|
97
|
+
backgroundColor: "transparent",
|
|
98
|
+
borderColor: "var(--tsu-accent-9)",
|
|
99
|
+
color: "var(--tsu-accent-11)"
|
|
100
|
+
},
|
|
95
101
|
"&:last-child": { border: "1px solid var(--_tg-border)" }
|
|
96
102
|
});
|
|
97
103
|
var FilterGroup = (props = {}) => {
|
package/docs/api.md
CHANGED
|
@@ -771,7 +771,7 @@ A free-form presentation layer: a backdrop, an optional drag grabber, and a scro
|
|
|
771
771
|
|
|
772
772
|
**Rendered DOM parts:** exactly three — `data-part="backdrop"`, `data-part="grabber"` (only when `draggable`), and `data-part="content"`. With the default `lazyMount: true` + `unmountOnExit: true`, a closed sheet that was never opened renders **zero** nodes; after close it stays mounted only long enough for the exit transition, then unmounts. BottomSheet has no focus trap or Escape-to-close — use [`Dialog`](#dialog) when those are required.
|
|
773
773
|
|
|
774
|
-
> **Design decision:** `content` is a pure container — `display: flex; flex-direction: column`
|
|
774
|
+
> **Design decision:** `content` is a pure container — `display: flex; flex-direction: column` only, with **no padding, no margin, and no scrolling**. Spacing and scrolling are entirely consumer-owned: build your own layout inside `children` (the sheet caps height at `70vh`, so a scrollable section can be a `flex: 1; min-height: 0; overflow-y: auto` child).
|
|
775
775
|
|
|
776
776
|
| Prop | Type | Default | Description |
|
|
777
777
|
|---|---|---|---|---|
|