@sebgroup/green-core 3.5.0 → 3.5.1

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/gds-element.js CHANGED
@@ -16,7 +16,7 @@ class GdsElement extends LitElement {
16
16
  /**
17
17
  * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
18
18
  */
19
- this.semanticVersion = "3.5.0";
19
+ this.semanticVersion = "3.5.1";
20
20
  this.syncFirstRender = false;
21
21
  this._isUsingTransitionalStyles = false;
22
22
  this._dynamicStylesController = new DynamicStylesController(this);
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-04-10T07:14:04.624Z",
2
+ "generatedAt": "2026-04-24T13:51:13.604Z",
3
3
  "components": [
4
4
  {
5
5
  "name": "gds-alert",
@@ -9,11 +9,15 @@ Form summary shows all form errors in one place.
9
9
 
10
10
  Form summary works automatically when placed in a form with form controls from Green Core. It has two update modes, `default` and `reactive`. In the default mode, a `refresh()` method needs to be called for the component to update and reflect the current state of the form. In the `reactive` mode, it will update on the fly as soon as the status of a control in the form changes. The `reactive` mode requires less setup to use, but the `default` mode allows for more control over the behavior.
11
11
 
12
- #### Accessibility
12
+ #### Fieldset labels
13
+
14
+ To reflect the structure of the form, the summary content can be grouped using fieldset labels. These act as headings for related fields and help users quickly understand how the information is organized. By mirroring the same grouping as in the form, it becomes easier to recognize and review the content, improving both clarity and confidence before submission.
15
+
16
+ ### Accessibility
13
17
 
14
18
  Semantically, the form summary is represented as a navigation region containing an unordered list of links.
15
19
 
16
- #### Compatibility
20
+ ### Compatibility
17
21
 
18
22
  Form summary is mainly intended for use with form controls from Green Core, but it also works with generic native form controls by using data-attributes.
19
23
 
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-04-10T07:14:04.624Z",
2
+ "generatedAt": "2026-04-24T13:51:13.604Z",
3
3
  "icons": [
4
4
  {
5
5
  "name": "gds-icon-ai",
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-04-10T07:14:04.624Z",
2
+ "generatedAt": "2026-04-24T13:51:13.604Z",
3
3
  "instructions": "./INSTRUCTIONS.md",
4
4
  "components": "./components.json",
5
5
  "icons": "./icons.json",
@@ -1,14 +1,24 @@
1
1
  # Pagination
2
2
 
3
- Pagination helps users navigate large result sets by dividing content into clear, manageable pages.
3
+ Pagination helps users navigate large result sets by dividing content into clear, manageable pages.
4
4
 
5
5
 
6
6
  ## Overview
7
7
 
8
8
  ### Usage
9
9
 
10
- * Use pagination for long lists such as tables, search results, or content listings.
11
-
12
- * Pagination is preferred over infinite scroll when users need overview, comparison, or predictable navigation.
13
-
14
- * Always associate pagination with the content it controls.
10
+ Pagination is used to divide large amounts of content into smaller pages, making it easier to navigate and understand a dataset. It is most useful when content cannot be displayed at once, or when users need to move through information in a defined order.
11
+
12
+ Use pagination when it improves readability and control, for example in tables or long lists, search results, or content listings. Avoid using pagination for small datasets or when continuous scrolling provides a better experience.
13
+
14
+
15
+
16
+ ### Behaviour
17
+
18
+ Pagination should clearly indicate the current page and keep navigation consistent and predictable. Unavailable actions should be disabled at the start or end of the page range. When used with data tables, the item range and total number of items should be displayed.
19
+
20
+ ### Accessibility
21
+
22
+ Pagination should use a semantic navigation structure and ensure that all controls are keyboard accessible. The current page should be communicated programmatically, and visual styling alone should not be relied on to convey state.
23
+
24
+ ### Do's and don'ts
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-04-10T07:14:04.518Z",
2
+ "generatedAt": "2026-04-24T13:51:12.719Z",
3
3
  "categories": {
4
4
  "space": {
5
5
  "description": "Spacing tokens for padding, margin, gap, and other spacing",
@@ -1,6 +1,6 @@
1
1
  export * from './alert/index.js';
2
- export * from './badge/index.js';
3
2
  export * from './blur/index.js';
3
+ export * from './badge/index.js';
4
4
  export * from './breadcrumbs/index.js';
5
5
  export * from './button/index.js';
6
6
  export * from './calendar/index.js';
@@ -1,6 +1,6 @@
1
1
  export * from "./alert/index.js";
2
- export * from "./badge/index.js";
3
2
  export * from "./blur/index.js";
3
+ export * from "./badge/index.js";
4
4
  export * from "./breadcrumbs/index.js";
5
5
  export * from "./button/index.js";
6
6
  export * from "./calendar/index.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sebgroup/green-core",
3
3
  "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
4
- "version": "3.5.0",
4
+ "version": "3.5.1",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "type": "module",
@@ -1,6 +1,6 @@
1
1
  import "../../chunks/chunk.CAV4X6PU.js";
2
2
  import { html as litHtml } from "lit";
3
- const VER_SUFFIX = "-dfb7e4";
3
+ const VER_SUFFIX = "-3228cb";
4
4
  class ScopedElementRegistry {
5
5
  static get instance() {
6
6
  if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])