@db-ux/core-foundations 5.7.1 → 6.1.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/CHANGELOG.md +37 -0
- package/README.md +3 -3
- package/build/styles/bundle.css +979 -967
- package/build/styles/bundle.scss +1 -1
- package/build/styles/defaults/default-fonts.css +1 -25
- package/build/styles/defaults/default-fonts.scss +0 -29
- package/build/styles/defaults/default-required.css +25 -1
- package/build/styles/defaults/default-required.scss +48 -1
- package/build/styles/fonts/relative.css +1 -1
- package/build/styles/helpers/_a11y.scss +5 -1
- package/build/styles/helpers/_focus.scss +27 -0
- package/build/styles/helpers/classes/all.css +7 -0
- package/build/styles/helpers/classes/focus.css +7 -0
- package/build/styles/helpers/classes/focus.scss +5 -0
- package/build/styles/icons/relative.css +1 -1
- package/build/styles/theme/_default.assets-paths.scss +3 -3
- package/build/styles/theme/relative.css +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,42 @@
|
|
|
1
1
|
# @db-ux/core-foundations
|
|
2
2
|
|
|
3
|
+
## 6.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- fix(foundations): resolve assets in `relative.css` from the package root - [see commit 1ef7e4a](https://github.com/db-ux-design-system/core-web/commit/1ef7e4a5bce0ffadbe56c186bc561cf69aaa8b41):
|
|
8
|
+
|
|
9
|
+
- The default asset path in `theme/relative.css`, `fonts/relative.css` and `icons/relative.css` changes from `../../assets/` to `../../../assets/`. The CSS now finds fonts and icon fonts directly in the package, e.g. when loaded from a CDN.
|
|
10
|
+
- **Action required** if you copy `build/styles/` and `assets/` side by side into your `public` folder: keep the package structure (`build/styles/` next to `assets/`) or override `$icons-path`, `$fonts-path` and `$images-path`.
|
|
11
|
+
|
|
12
|
+
## 6.0.1
|
|
13
|
+
|
|
14
|
+
No changes in this release.
|
|
15
|
+
|
|
16
|
+
## 6.0.0
|
|
17
|
+
|
|
18
|
+
### Major Changes
|
|
19
|
+
|
|
20
|
+
- refactor(DBHeading): strip block spacing by default, remove `alignment` and `paragraphSpacing`, rename `size` to `visualSize` - [see commit 56cf6f9](https://github.com/db-ux-design-system/core-web/commit/56cf6f9ae9dba4d8e17c1f84d6deae994260c619):
|
|
21
|
+
|
|
22
|
+
- Block-level text elements (`h1`-`h6`, `p`) no longer carry a `margin-block` by default. Set `data-text-spacing="true"` on an ancestor or on the element itself to add the spacing (`calc(1lh / 2)`, derived from each element's own line height) back. The Heading `paragraphSpacing` and `alignment` properties were removed, and `size` was renamed to `visualSize`.
|
|
23
|
+
|
|
24
|
+
- feat(DBStack): `overflow: auto` removed - a stack no longer scrolls - [see commit 6da172d](https://github.com/db-ux-design-system/core-web/commit/6da172d5ff05cd3c44b93c430c77664b43d25a5f):
|
|
25
|
+
|
|
26
|
+
- It clipped the focus ring of its children. Content that does not fit is now visible outside the
|
|
27
|
+
- stack instead of being scrollable; set `overflow` on the stack yourself if you relied on it.
|
|
28
|
+
- `wrap` keeps the scroll container, since wrapped items overflow by design.
|
|
29
|
+
- New `data-focus-container` / `.db-focus-container` helper reserves the room a focus ring needs
|
|
30
|
+
- inside any clipping container, for the cases where that combination is needed. It owns the
|
|
31
|
+
- padding and margin of the element it sits on, so it belongs on a container that brings no
|
|
32
|
+
- spacing of its own.
|
|
33
|
+
|
|
34
|
+
### Minor Changes
|
|
35
|
+
|
|
36
|
+
- feat(DBBreadcrumb): add breadcrumb (`DBBreadcrumb`, `DBBreadcrumbItem` and `DBBreadcrumbPopoverItem`) components with truncation - [see commit 592bf6a](https://github.com/db-ux-design-system/core-web/commit/592bf6aebb76bc58e9f8e05daf5d5f7bb04330de):
|
|
37
|
+
|
|
38
|
+
- Supports composition (slotted items) and options API (`items`), `size` and `separator` variants, disabled and icon-only (`noText`) items, automatic collapsing, and manual truncation via `DBBreadcrumbPopoverItem` which reveals the hidden items in a popover. Also refactors `DBAccordion` to reuse the shared `parseItems` utility.
|
|
39
|
+
|
|
3
40
|
## 5.7.1
|
|
4
41
|
|
|
5
42
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -60,7 +60,7 @@ The `bundle.css` applies those default:
|
|
|
60
60
|
|
|
61
61
|
### CSS
|
|
62
62
|
|
|
63
|
-
Default assets path for `relative.css` is
|
|
63
|
+
Default assets path for `relative.css` is `../../../assets`, which matches the package structure (`build/styles/` and `assets/`). This lets you load the CSS straight from the package, e.g. from a CDN. If you copy the files into your `public` folder, keep this structure. **Or** you use a modern bundler which handles bundling for you. In this case use `[rollup|webpack].css`.
|
|
64
64
|
|
|
65
65
|
#### Import
|
|
66
66
|
|
|
@@ -274,11 +274,11 @@ If you want to optimize the size of the loaded styles, you might want to skip lo
|
|
|
274
274
|
You are able to optimize the initial settings as well:
|
|
275
275
|
|
|
276
276
|
```css
|
|
277
|
-
/* The required styles
|
|
277
|
+
/* The required styles normalize css, add focus, set the default body font, and apply the mandatory headline typography (font-sizes & line-heights) to h1-h6. */
|
|
278
278
|
@import "@db-ux/core-foundations/build/styles/defaults/default-required.css";
|
|
279
279
|
/* The default setting for :root, adds a color space (neutral-bg-basic-level-1) and a density (regular). */
|
|
280
280
|
@import "@db-ux/core-foundations/build/styles/defaults/default-root.css";
|
|
281
|
-
/* Adds font-
|
|
281
|
+
/* Adds the optional font-weight utilities ([data-font], heading [data-variant]) and the small/code font-size. The headline h1-h6 typography is no longer here - it moved to default-required.css. */
|
|
282
282
|
@import "@db-ux/core-foundations/build/styles/defaults/default-fonts.css";
|
|
283
283
|
/* Adds "[data-icon]" and other icon related styles. If you don't need icons in your application you could skip this. */
|
|
284
284
|
@import "@db-ux/core-foundations/build/styles/defaults/default-icons.css";
|