@sebgroup/green-core 3.26.0 → 3.26.2-rc.20261006091038549
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/components/datepicker/datepicker.component.js +1 -1
- package/components/datepicker/datepicker.styles.js +0 -1
- package/components/filter-chips/filter-chips.component.d.ts +1 -0
- package/components/filter-chips/filter-chips.component.js +5 -0
- package/custom-elements.json +88943 -102684
- package/gds-element.js +1 -1
- package/generated/mcp/components.json +1 -1
- package/generated/mcp/filter-chips/angular.md +1 -0
- package/generated/mcp/filter-chips/api.md +1 -0
- package/generated/mcp/filter-chips/react.md +1 -0
- package/generated/mcp/icons.json +1 -1
- package/generated/mcp/index.json +1 -1
- package/generated/mcp/tokens.json +1 -1
- package/generated/react/index.d.ts +4 -4
- package/generated/react/index.js +4 -4
- package/package.json +1 -1
- package/primitives/field-base/field-base.styles.js +2 -2
- package/primitives/ripple/ripple.component.d.ts +1 -0
- package/primitives/ripple/ripple.component.js +4 -0
- package/utils/decorators/observe-light-dom.js +5 -3
- package/utils/helpers/custom-element-scoping.js +1 -1
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.26.
|
|
19
|
+
this.semanticVersion = "3.26.2-rc.20261006091038549";
|
|
20
20
|
this.syncFirstRender = false;
|
|
21
21
|
this._isUsingTransitionalStyles = false;
|
|
22
22
|
this._dynamicStylesController = new DynamicStylesController(this);
|
|
@@ -23,3 +23,4 @@ Events are emitted using Angular output syntax. Event names are converted from k
|
|
|
23
23
|
| Web Component Event | Angular Output | Handler Example |
|
|
24
24
|
|---------------------|----------------|-----------------|
|
|
25
25
|
| `change` | `change` | `(change)="handler($event)"` |
|
|
26
|
+
| `input` | `input` | `(input)="handler($event)"` |
|
|
@@ -23,3 +23,4 @@ Events are handled using React event handler props. Event names are converted fr
|
|
|
23
23
|
| Web Component Event | React Handler Prop | Handler Example |
|
|
24
24
|
|---------------------|--------------------|-----------------|
|
|
25
25
|
| `change` | `onChange` | `onChange={handler}` |
|
|
26
|
+
| `input` | `onInput` | `onInput={handler}` |
|
package/generated/mcp/icons.json
CHANGED
package/generated/mcp/index.json
CHANGED
|
@@ -51,17 +51,19 @@ export * from './list-item-pattern-01/index.js';
|
|
|
51
51
|
export * from './avatar-group/index.js';
|
|
52
52
|
export * from './breadcrumb/index.js';
|
|
53
53
|
export * from './checkbox-group/index.js';
|
|
54
|
-
export * from './icons/icon-details/index.js';
|
|
55
54
|
export * from './filter-chip/index.js';
|
|
55
|
+
export * from './icons/icon-details/index.js';
|
|
56
56
|
export * from './formatted-account/index.js';
|
|
57
57
|
export * from './formatted-date/index.js';
|
|
58
58
|
export * from './formatted-number/index.js';
|
|
59
59
|
export * from './list-item/index.js';
|
|
60
60
|
export * from './radio-group/index.js';
|
|
61
61
|
export * from './segment/index.js';
|
|
62
|
-
export * from './sensitive-date/index.js';
|
|
63
62
|
export * from './sensitive-account/index.js';
|
|
63
|
+
export * from './sensitive-date/index.js';
|
|
64
64
|
export * from './sensitive-number/index.js';
|
|
65
|
+
export * from './tab/index.js';
|
|
66
|
+
export * from './tab-panel/index.js';
|
|
65
67
|
export * from './icons/icon-ai/index.js';
|
|
66
68
|
export * from './icons/icon-airplane-up/index.js';
|
|
67
69
|
export * from './icons/icon-archive/index.js';
|
|
@@ -374,7 +376,5 @@ export * from './icons/icon-youtube/index.js';
|
|
|
374
376
|
export * from './icons/icon-zap/index.js';
|
|
375
377
|
export * from './icons/icon-zoom-in/index.js';
|
|
376
378
|
export * from './icons/icon-zoom-out/index.js';
|
|
377
|
-
export * from './tab/index.js';
|
|
378
|
-
export * from './tab-panel/index.js';
|
|
379
379
|
export * from './menu-item/index.js';
|
|
380
380
|
export * from './menu-heading/index.js';
|
package/generated/react/index.js
CHANGED
|
@@ -51,17 +51,19 @@ export * from "./list-item-pattern-01/index.js";
|
|
|
51
51
|
export * from "./avatar-group/index.js";
|
|
52
52
|
export * from "./breadcrumb/index.js";
|
|
53
53
|
export * from "./checkbox-group/index.js";
|
|
54
|
-
export * from "./icons/icon-details/index.js";
|
|
55
54
|
export * from "./filter-chip/index.js";
|
|
55
|
+
export * from "./icons/icon-details/index.js";
|
|
56
56
|
export * from "./formatted-account/index.js";
|
|
57
57
|
export * from "./formatted-date/index.js";
|
|
58
58
|
export * from "./formatted-number/index.js";
|
|
59
59
|
export * from "./list-item/index.js";
|
|
60
60
|
export * from "./radio-group/index.js";
|
|
61
61
|
export * from "./segment/index.js";
|
|
62
|
-
export * from "./sensitive-date/index.js";
|
|
63
62
|
export * from "./sensitive-account/index.js";
|
|
63
|
+
export * from "./sensitive-date/index.js";
|
|
64
64
|
export * from "./sensitive-number/index.js";
|
|
65
|
+
export * from "./tab/index.js";
|
|
66
|
+
export * from "./tab-panel/index.js";
|
|
65
67
|
export * from "./icons/icon-ai/index.js";
|
|
66
68
|
export * from "./icons/icon-airplane-up/index.js";
|
|
67
69
|
export * from "./icons/icon-archive/index.js";
|
|
@@ -374,7 +376,5 @@ export * from "./icons/icon-youtube/index.js";
|
|
|
374
376
|
export * from "./icons/icon-zap/index.js";
|
|
375
377
|
export * from "./icons/icon-zoom-in/index.js";
|
|
376
378
|
export * from "./icons/icon-zoom-out/index.js";
|
|
377
|
-
export * from "./tab/index.js";
|
|
378
|
-
export * from "./tab-panel/index.js";
|
|
379
379
|
export * from "./menu-item/index.js";
|
|
380
380
|
export * from "./menu-heading/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.26.
|
|
4
|
+
"version": "3.26.2-rc.20261006091038549",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
7
7
|
"type": "module",
|
|
@@ -24,8 +24,8 @@ const style = css`
|
|
|
24
24
|
gap: var(--gds-sys-space-xs);
|
|
25
25
|
padding-block: var(--gds-sys-space-xs);
|
|
26
26
|
padding-inline: var(--gds-sys-space-m) var(--gds-sys-space-s);
|
|
27
|
-
min-block-size: var(--gds-sys-space-
|
|
28
|
-
block-size: var(--gds-sys-space-
|
|
27
|
+
min-block-size: var(--gds-sys-space-4xl);
|
|
28
|
+
block-size: var(--gds-sys-space-4xl);
|
|
29
29
|
outline-style: solid;
|
|
30
30
|
outline-width: 0;
|
|
31
31
|
border-radius: var(--gds-sys-radius-xs);
|
|
@@ -2,6 +2,7 @@ import { GdsElement } from '../../gds-element';
|
|
|
2
2
|
export declare class GdsRipple extends GdsElement {
|
|
3
3
|
static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
|
|
4
4
|
private _rippleEl?;
|
|
5
|
+
connectedCallback(): void;
|
|
5
6
|
render(): import("lit-html").TemplateResult<1>;
|
|
6
7
|
onmousedown: (e: MouseEvent) => void;
|
|
7
8
|
triggerRipple(x?: number, y?: number): void;
|
|
@@ -6,7 +6,7 @@ function observeLightDOM(observerConfig = {
|
|
|
6
6
|
characterData: true
|
|
7
7
|
}) {
|
|
8
8
|
return (proto, _propertyKey, descriptor) => {
|
|
9
|
-
|
|
9
|
+
const observers = /* @__PURE__ */ new WeakMap();
|
|
10
10
|
const connectedCallback = proto.connectedCallback;
|
|
11
11
|
const disconnectedCallback = proto.disconnectedCallback;
|
|
12
12
|
proto.connectedCallback = function() {
|
|
@@ -14,12 +14,14 @@ function observeLightDOM(observerConfig = {
|
|
|
14
14
|
const callback = (_mutationList, _observer) => {
|
|
15
15
|
descriptor.value?.call(this);
|
|
16
16
|
};
|
|
17
|
-
observer = new MutationObserver(callback);
|
|
17
|
+
const observer = new MutationObserver(callback);
|
|
18
18
|
observer.observe(this, observerConfig);
|
|
19
|
+
observers.set(this, observer);
|
|
19
20
|
};
|
|
20
21
|
proto.disconnectedCallback = function() {
|
|
21
22
|
disconnectedCallback?.call(this);
|
|
22
|
-
|
|
23
|
+
observers.get(this)?.disconnect();
|
|
24
|
+
observers.delete(this);
|
|
23
25
|
};
|
|
24
26
|
};
|
|
25
27
|
}
|