braid-design-system 34.8.0 → 34.8.2
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/CHANGELOG.md +13 -5
- package/dist/lib/components/private/Modal/ModalContent.cjs +1 -4
- package/dist/lib/components/private/Modal/ModalContent.mjs +1 -4
- package/dist/lib/components/private/ScrollContainer/ScrollContainer.css.cjs +2 -1
- package/dist/lib/components/private/ScrollContainer/ScrollContainer.css.mjs +2 -1
- package/dist/lib/css/atoms/sprinkles.css.d.cts +1 -1
- package/dist/lib/css/atoms/sprinkles.css.d.mts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# braid-design-system
|
|
2
2
|
|
|
3
|
+
## 34.8.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- **Table, Dialog, Drawer, MenuRenderer:** Hide scroll overflow gradient when printing ([#2141](https://github.com/seek-oss/braid-design-system/pull/2141))
|
|
8
|
+
|
|
9
|
+
## 34.8.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- **Drawer, Dialog:** Restore default stack spacing to content ([#2137](https://github.com/seek-oss/braid-design-system/pull/2137))
|
|
14
|
+
|
|
3
15
|
## 34.8.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -30,11 +42,7 @@
|
|
|
30
42
|
|
|
31
43
|
The `space` prop is now deprecated and will be removed in a future release. Spacing between items is now automatically derived from the `size` prop.
|
|
32
44
|
|
|
33
|
-
The following default spacing value has been updated:
|
|
34
|
-
|
|
35
|
-
| `dividers` | `size` | Previous default | New default |
|
|
36
|
-
| ---------- | ---------- | ---------------- | ----------- |
|
|
37
|
-
| `false` | `standard` | `large` | `medium` |
|
|
45
|
+
The following default spacing value has been updated: for `dividers={false}` and `size="standard"`, the default space is now `medium` (previously `large`).
|
|
38
46
|
|
|
39
47
|
**MIGRATION GUIDE:**
|
|
40
48
|
|
|
@@ -169,10 +169,7 @@ const ModalContent = ({ id, children, description, onClose, width, closeLabel =
|
|
|
169
169
|
illustration: illustration && !coverImageEnabled ? illustration : void 0,
|
|
170
170
|
ref: headingRef,
|
|
171
171
|
reserveCloseArea: true
|
|
172
|
-
}),
|
|
173
|
-
height: "full",
|
|
174
|
-
children
|
|
175
|
-
})]
|
|
172
|
+
}), children]
|
|
176
173
|
});
|
|
177
174
|
const modalFooter = footer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalFooter, {
|
|
178
175
|
applyPageBlockGutters: isDrawer,
|
|
@@ -169,10 +169,7 @@ const ModalContent = ({ id, children, description, onClose, width, closeLabel =
|
|
|
169
169
|
illustration: illustration && !coverImageEnabled ? illustration : void 0,
|
|
170
170
|
ref: headingRef,
|
|
171
171
|
reserveCloseArea: true
|
|
172
|
-
}),
|
|
173
|
-
height: "full",
|
|
174
|
-
children
|
|
175
|
-
})]
|
|
172
|
+
}), children]
|
|
176
173
|
});
|
|
177
174
|
const modalFooter = footer ? /* @__PURE__ */ jsx(ModalFooter, {
|
|
178
175
|
applyPageBlockGutters: isDrawer,
|
|
@@ -49,7 +49,8 @@ const mask = (0, _vanilla_extract_css.style)({
|
|
|
49
49
|
`linear-gradient(to right, transparent 0, black ${left})`,
|
|
50
50
|
`linear-gradient(to left, transparent 0, black ${right})`,
|
|
51
51
|
`linear-gradient(to top, transparent 0, black ${bottom})`
|
|
52
|
-
].join(",")
|
|
52
|
+
].join(","),
|
|
53
|
+
"@media": { print: { maskImage: "none" } }
|
|
53
54
|
}, "mask");
|
|
54
55
|
const maskLeft = (0, _vanilla_extract_css.style)({ vars: { [left]: scrollOverlaySize } }, "maskLeft");
|
|
55
56
|
const maskRight = (0, _vanilla_extract_css.style)({ vars: { [right]: scrollOverlaySize } }, "maskRight");
|
|
@@ -49,7 +49,8 @@ const mask = style({
|
|
|
49
49
|
`linear-gradient(to right, transparent 0, black ${left})`,
|
|
50
50
|
`linear-gradient(to left, transparent 0, black ${right})`,
|
|
51
51
|
`linear-gradient(to top, transparent 0, black ${bottom})`
|
|
52
|
-
].join(",")
|
|
52
|
+
].join(","),
|
|
53
|
+
"@media": { print: { maskImage: "none" } }
|
|
53
54
|
}, "mask");
|
|
54
55
|
const maskLeft = style({ vars: { [left]: scrollOverlaySize } }, "maskLeft");
|
|
55
56
|
const maskRight = style({ vars: { [right]: scrollOverlaySize } }, "maskRight");
|
|
@@ -4,7 +4,7 @@ import { ConditionalValue, RequiredConditionalValue } from "@vanilla-extract/spr
|
|
|
4
4
|
declare const colorAtomicProperties: {
|
|
5
5
|
conditions: {
|
|
6
6
|
defaultCondition: "lightMode";
|
|
7
|
-
conditionNames: ("
|
|
7
|
+
conditionNames: ("darkMode" | "lightMode")[];
|
|
8
8
|
};
|
|
9
9
|
styles: {
|
|
10
10
|
readonly background: {
|
|
@@ -4,7 +4,7 @@ import { ConditionalValue, RequiredConditionalValue } from "@vanilla-extract/spr
|
|
|
4
4
|
declare const colorAtomicProperties: {
|
|
5
5
|
conditions: {
|
|
6
6
|
defaultCondition: "lightMode";
|
|
7
|
-
conditionNames: ("
|
|
7
|
+
conditionNames: ("darkMode" | "lightMode")[];
|
|
8
8
|
};
|
|
9
9
|
styles: {
|
|
10
10
|
readonly background: {
|