@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 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 `../../assets`. Make sure to copy all used resources like icons and fonts into your `public` folder before build. **Or** you use a modern bundler which handles bundling for you. In this case use `[rollup|webpack].css`.
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 will normalize css and add focus and default font to body */
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-sizes & line-heights to headlines and paragraph tags. You probably need this, but you might strip some styles if you don't need the range of h1-h6. */
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";