@sebgroup/green-core 1.85.0 → 1.85.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.
|
@@ -13,14 +13,14 @@ import { classMap } from "lit/directives/class-map.js";
|
|
|
13
13
|
import { createRef, ref } from "lit/directives/ref.js";
|
|
14
14
|
import { html as staticHtml, unsafeStatic } from "lit/static-html.js";
|
|
15
15
|
import { GdsElement } from "../../gds-element.js";
|
|
16
|
-
import { gdsCustomElement, html } from "../../scoping.js";
|
|
16
|
+
import { gdsCustomElement, getScopedTagName, html } from "../../scoping.js";
|
|
17
17
|
import { tokens } from "../../tokens.style.js";
|
|
18
18
|
import { GdsButton } from "../button/button.component.js";
|
|
19
19
|
import { GdsCard } from "../card/card.component.js";
|
|
20
20
|
import { IconCircleCheck } from "../icon/icons/circle-check.component.js";
|
|
21
|
-
import { IconCircleInfo } from "../icon/icons/circle-info.js";
|
|
22
|
-
import { IconCrossSmall } from "../icon/icons/cross-small.js";
|
|
23
|
-
import { IconTriangleExclamation } from "../icon/icons/triangle-exclamation.js";
|
|
21
|
+
import { IconCircleInfo } from "../icon/icons/circle-info.component.js";
|
|
22
|
+
import { IconCrossSmall } from "../icon/icons/cross-small.component.js";
|
|
23
|
+
import { IconTriangleExclamation } from "../icon/icons/triangle-exclamation.component.js";
|
|
24
24
|
import { alertStyles } from "./alert.style.js";
|
|
25
25
|
const VARIANT_CONFIG = {
|
|
26
26
|
positive: { icon: "circle-check", card: "positive" },
|
|
@@ -172,7 +172,7 @@ config_get = function() {
|
|
|
172
172
|
_renderIcon = new WeakSet();
|
|
173
173
|
renderIcon_fn = function() {
|
|
174
174
|
const icon = `gds-icon-${__privateGet(this, _config, config_get).icon}`;
|
|
175
|
-
return html`${staticHtml`<${unsafeStatic(icon)} class="icon" solid aria-hidden="true" size="24px"></${unsafeStatic(icon)}>`}`;
|
|
175
|
+
return html`${staticHtml`<${unsafeStatic(getScopedTagName(icon))} class="icon" solid aria-hidden="true" size="24px"></${unsafeStatic(getScopedTagName(icon))}>`}`;
|
|
176
176
|
};
|
|
177
177
|
_renderMessage = new WeakSet();
|
|
178
178
|
renderMessage_fn = function() {
|
|
@@ -2,9 +2,10 @@ import "../../chunks/chunk.QTSIPXV3.js";
|
|
|
2
2
|
import { css } from "lit";
|
|
3
3
|
const alertStyles = css`
|
|
4
4
|
:host {
|
|
5
|
+
box-sizing: border-box;
|
|
5
6
|
display: block;
|
|
7
|
+
max-width: 100%;
|
|
6
8
|
container-type: inline-size;
|
|
7
|
-
margin: 0.3rem;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
#alert-message {
|
|
@@ -12,7 +13,7 @@ const alertStyles = css`
|
|
|
12
13
|
display: grid;
|
|
13
14
|
grid-template-columns: auto 1fr auto;
|
|
14
15
|
grid-template-areas: var(--grid-areas);
|
|
15
|
-
width:
|
|
16
|
+
min-width: fit-content;
|
|
16
17
|
position: relative;
|
|
17
18
|
transition:
|
|
18
19
|
opacity 0.3s ease-out,
|
|
@@ -47,7 +48,7 @@ const alertStyles = css`
|
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
/* Focus styles */
|
|
50
|
-
#alert-message:focus
|
|
51
|
+
#alert-message:focus {
|
|
51
52
|
outline: 2px solid var(--gds-focus-color, #000);
|
|
52
53
|
outline-offset: 2px;
|
|
53
54
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export * from './alert/index.js';
|
|
2
|
-
export * from './blur/index.js';
|
|
3
2
|
export * from './badge/index.js';
|
|
3
|
+
export * from './blur/index.js';
|
|
4
|
+
export * from './breadcrumbs/index.js';
|
|
4
5
|
export * from './button/index.js';
|
|
5
6
|
export * from './calendar/index.js';
|
|
6
7
|
export * from './card/index.js';
|
|
7
|
-
export * from './breadcrumbs/index.js';
|
|
8
8
|
export * from './checkbox/index.js';
|
|
9
9
|
export * from './coachmark/index.js';
|
|
10
10
|
export * from './container/index.js';
|
|
@@ -51,6 +51,11 @@ export * from './filter-chip/index.js';
|
|
|
51
51
|
export * from './formatted-account/index.js';
|
|
52
52
|
export * from './formatted-date/index.js';
|
|
53
53
|
export * from './formatted-number/index.js';
|
|
54
|
+
export * from './radio-group/index.js';
|
|
55
|
+
export * from './segment/index.js';
|
|
56
|
+
export * from './sensitive-account/index.js';
|
|
57
|
+
export * from './sensitive-number/index.js';
|
|
58
|
+
export * from './sensitive-date/index.js';
|
|
54
59
|
export * from './icons/icon-ai/index.js';
|
|
55
60
|
export * from './icons/icon-airplane-up/index.js';
|
|
56
61
|
export * from './icons/icon-archive/index.js';
|
|
@@ -338,8 +343,3 @@ export * from './icons/icon-youtube/index.js';
|
|
|
338
343
|
export * from './icons/icon-zap/index.js';
|
|
339
344
|
export * from './icons/icon-zoom-in/index.js';
|
|
340
345
|
export * from './icons/icon-zoom-out/index.js';
|
|
341
|
-
export * from './radio-group/index.js';
|
|
342
|
-
export * from './segment/index.js';
|
|
343
|
-
export * from './sensitive-account/index.js';
|
|
344
|
-
export * from './sensitive-date/index.js';
|
|
345
|
-
export * from './sensitive-number/index.js';
|
package/generated/react/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export * from "./alert/index.js";
|
|
2
|
-
export * from "./blur/index.js";
|
|
3
2
|
export * from "./badge/index.js";
|
|
3
|
+
export * from "./blur/index.js";
|
|
4
|
+
export * from "./breadcrumbs/index.js";
|
|
4
5
|
export * from "./button/index.js";
|
|
5
6
|
export * from "./calendar/index.js";
|
|
6
7
|
export * from "./card/index.js";
|
|
7
|
-
export * from "./breadcrumbs/index.js";
|
|
8
8
|
export * from "./checkbox/index.js";
|
|
9
9
|
export * from "./coachmark/index.js";
|
|
10
10
|
export * from "./container/index.js";
|
|
@@ -51,6 +51,11 @@ export * from "./filter-chip/index.js";
|
|
|
51
51
|
export * from "./formatted-account/index.js";
|
|
52
52
|
export * from "./formatted-date/index.js";
|
|
53
53
|
export * from "./formatted-number/index.js";
|
|
54
|
+
export * from "./radio-group/index.js";
|
|
55
|
+
export * from "./segment/index.js";
|
|
56
|
+
export * from "./sensitive-account/index.js";
|
|
57
|
+
export * from "./sensitive-number/index.js";
|
|
58
|
+
export * from "./sensitive-date/index.js";
|
|
54
59
|
export * from "./icons/icon-ai/index.js";
|
|
55
60
|
export * from "./icons/icon-airplane-up/index.js";
|
|
56
61
|
export * from "./icons/icon-archive/index.js";
|
|
@@ -338,8 +343,3 @@ export * from "./icons/icon-youtube/index.js";
|
|
|
338
343
|
export * from "./icons/icon-zap/index.js";
|
|
339
344
|
export * from "./icons/icon-zoom-in/index.js";
|
|
340
345
|
export * from "./icons/icon-zoom-out/index.js";
|
|
341
|
-
export * from "./radio-group/index.js";
|
|
342
|
-
export * from "./segment/index.js";
|
|
343
|
-
export * from "./sensitive-account/index.js";
|
|
344
|
-
export * from "./sensitive-date/index.js";
|
|
345
|
-
export * from "./sensitive-number/index.js";
|
package/package.json
CHANGED