@sebgroup/green-core 1.38.1 → 1.40.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/README.md +1 -1
- package/chunks/{chunk.HEEBT6PP.js → chunk.22BHF5MM.js} +1 -1
- package/chunks/{chunk.ZEGPRNBY.js → chunk.42QKJ3AE.js} +1 -1
- package/chunks/{chunk.IWTL7STV.js → chunk.4VE5KIQV.js} +1 -1
- package/chunks/{chunk.6OJLIA73.js → chunk.5FEETFJJ.js} +1 -1
- package/chunks/chunk.7VC33K5Z.js +49 -0
- package/chunks/{chunk.Z3RX3OZJ.js → chunk.CZFPSYSK.js} +2 -2
- package/chunks/{chunk.D35VWG7Z.js → chunk.DM2X2WJJ.js} +2 -2
- package/chunks/{chunk.XKFWKMOP.js → chunk.GDH3LVVJ.js} +1 -1
- package/chunks/{chunk.AP23QGB4.js → chunk.H2VKRHL7.js} +1 -1
- package/chunks/{chunk.PC4VJLMM.js → chunk.HSI6XK2B.js} +5 -5
- package/chunks/{chunk.PN4BONI4.js → chunk.LV3U2CE2.js} +2 -2
- package/chunks/{chunk.NMP7SICY.js → chunk.Q6HA6IGV.js} +1 -1
- package/chunks/chunk.QHOOLVJZ.js +625 -0
- package/chunks/{chunk.REE5LG5I.js → chunk.TEPZ5LAW.js} +1 -1
- package/chunks/{chunk.TH5D3QVK.js → chunk.TH2C35R2.js} +1 -1
- package/chunks/{chunk.WBYZIT2A.js → chunk.UMYAICK2.js} +3 -3
- package/chunks/{chunk.V22RY2FP.js → chunk.UWI5YW33.js} +1 -1
- package/chunks/{chunk.SXLN3MMQ.js → chunk.VBALKDBZ.js} +1 -1
- package/chunks/{chunk.EF6MCM6B.js → chunk.VIVDWSPB.js} +28 -1
- package/chunks/{chunk.WWR3VPSV.js → chunk.VL4HFY2N.js} +7 -5
- package/chunks/chunk.VOYMQ322.js +1 -1
- package/chunks/chunk.WNFJQ5DF.js +40 -0
- package/chunks/chunk.WZRLM4IU.js +394 -0
- package/chunks/chunk.YBOK7MI7.js +31 -0
- package/chunks/{chunk.J5IZQIXN.js → chunk.YUMPRKYF.js} +1 -1
- package/chunks/chunk.ZFI2LPGC.js +758 -0
- package/components/button/button.js +4 -3
- package/components/button/fab/fab.js +5 -4
- package/components/button/fab/index.js +5 -4
- package/components/button/index.js +4 -3
- package/components/calendar/calendar.js +2 -2
- package/components/calendar/index.js +2 -2
- package/components/content/divider/divider.js +2 -2
- package/components/content/divider/index.js +2 -2
- package/components/content/spacer/index.js +2 -2
- package/components/content/spacer/spacer.js +2 -2
- package/components/content/text/index.js +2 -2
- package/components/content/text/text.js +2 -2
- package/components/context-menu/context-menu.js +1 -1
- package/components/context-menu/index.js +1 -1
- package/components/datepicker/datepicker.js +9 -8
- package/components/datepicker/index.js +9 -8
- package/components/dropdown/dropdown.js +7 -6
- package/components/dropdown/index.js +7 -6
- package/components/filter-chips/filter-chip/filter-chip.js +4 -3
- package/components/filter-chips/filter-chip/index.js +4 -3
- package/components/filter-chips/filter-chips.js +4 -3
- package/components/filter-chips/index.js +4 -3
- package/components/form/index.js +5 -5
- package/components/form/summary/index.js +5 -5
- package/components/form/summary/summary.js +5 -5
- package/components/index.js +26 -25
- package/components/input/index.d.ts +1 -0
- package/components/input/index.js +18 -0
- package/components/input/input.d.ts +67 -0
- package/components/input/input.js +18 -0
- package/components/input/input.styles.d.ts +1 -0
- package/components/layout/card/card.js +4 -4
- package/components/layout/card/index.js +4 -4
- package/components/layout/container/container.js +2 -2
- package/components/layout/container/index.js +2 -2
- package/components/layout/flex/flex.js +3 -3
- package/components/layout/flex/index.js +3 -3
- package/components/layout/grid/grid.js +2 -2
- package/components/layout/grid/index.js +2 -2
- package/components/media/img/img.js +2 -2
- package/components/media/img/index.js +2 -2
- package/components/media/video/index.js +2 -2
- package/components/media/video/video.js +2 -2
- package/components/menu-button/index.js +2 -2
- package/components/menu-button/menu-button.js +2 -2
- package/components/popover/index.js +3 -3
- package/components/segmented-control/index.js +3 -3
- package/components/segmented-control/segment/index.js +2 -2
- package/components/segmented-control/segment/segment.js +2 -2
- package/components/segmented-control/segmented-control.js +3 -3
- package/components/theme/index.js +4 -1
- package/components/theme/theme.d.ts +1 -0
- package/components/theme/theme.js +4 -1
- package/index.js +26 -25
- package/package.json +3 -3
- package/primitives/listbox/index.js +2 -2
- package/primitives/listbox/listbox.js +2 -2
- package/primitives/listbox/option.js +2 -2
- package/primitives/ripple/index.js +2 -2
- package/primitives/ripple/ripple.js +2 -2
- package/primitives/signal/index.d.ts +1 -0
- package/primitives/signal/index.js +15 -0
- package/primitives/signal/signal.d.ts +9 -0
- package/primitives/signal/signal.js +15 -0
- package/primitives/signal/signal.style.css.d.ts +2 -0
- package/primitives/signal/signal.style.css.js +7 -0
- package/tokens.style.d.ts +3 -1
- package/chunks/chunk.OYCRDQFS.js +0 -419
- package/chunks/chunk.R2RVGPT7.js +0 -540
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<div align="center">
|
|
2
|
-
<img width="600" alt="green-core" src="https://github.com/
|
|
2
|
+
<img width="600" alt="green-core" src="https://github.com/seb-oss/green/assets/11420341/5d4b25fd-0633-498c-b50f-70f07c01ac16">
|
|
3
3
|
<h1>@sebgroup/green-core</h1>
|
|
4
4
|
<p>Green Core is a carefully crafted set of Web Components that lays the foundation for the Green Design System.</p>
|
|
5
5
|
</div>
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
// libs/core/src/primitives/signal/signal.style.css.ts
|
|
2
|
+
import { css } from "lit";
|
|
3
|
+
var style = css`
|
|
4
|
+
:host {
|
|
5
|
+
display: contents;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
[part='signal'] {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
position: relative;
|
|
13
|
+
width: 6px;
|
|
14
|
+
height: 6px;
|
|
15
|
+
border-radius: var(--gds-space-max);
|
|
16
|
+
background-color: currentColor;
|
|
17
|
+
transition: all 0.4s;
|
|
18
|
+
|
|
19
|
+
&::before {
|
|
20
|
+
display: flex;
|
|
21
|
+
position: absolute;
|
|
22
|
+
content: '';
|
|
23
|
+
inset: -4px;
|
|
24
|
+
border-radius: inherit;
|
|
25
|
+
background-color: color-mix(in srgb, currentColor, transparent 80%);
|
|
26
|
+
animation: signal 3s ease-in-out infinite;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@keyframes signal {
|
|
31
|
+
0% {
|
|
32
|
+
transform: scale(2);
|
|
33
|
+
opacity: 0;
|
|
34
|
+
}
|
|
35
|
+
60% {
|
|
36
|
+
transform: scale(1);
|
|
37
|
+
opacity: 1;
|
|
38
|
+
}
|
|
39
|
+
100% {
|
|
40
|
+
transform: scale(3);
|
|
41
|
+
opacity: 0;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
`;
|
|
45
|
+
var signal_style_css_default = style;
|
|
46
|
+
|
|
47
|
+
export {
|
|
48
|
+
signal_style_css_default
|
|
49
|
+
};
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "./chunk.ADPMTWTS.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.ZFI2LPGC.js";
|
|
10
10
|
import {
|
|
11
11
|
GdsElement
|
|
12
12
|
} from "./chunk.ZQ4D5K7J.js";
|
|
@@ -53,7 +53,7 @@ __decorateClass([
|
|
|
53
53
|
if (transparency) {
|
|
54
54
|
return `color-mix(in srgb, var(--gds-sys-color-${colorName}) ${parseFloat(transparency) * 100}%, transparent 0%)`;
|
|
55
55
|
} else {
|
|
56
|
-
return `var(--gds-
|
|
56
|
+
return `var(--gds-color-${colorName})`;
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsSegment
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.H2VKRHL7.js";
|
|
4
4
|
import {
|
|
5
5
|
resizeObserver
|
|
6
6
|
} from "./chunk.VHN4JEZC.js";
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
} from "./chunk.S7DYDS4E.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.ZFI2LPGC.js";
|
|
13
13
|
import {
|
|
14
14
|
watch
|
|
15
15
|
} from "./chunk.2WO4NHJ2.js";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
+
import {
|
|
2
|
+
GdsContainer
|
|
3
|
+
} from "./chunk.CZFPSYSK.js";
|
|
1
4
|
import {
|
|
2
5
|
card_style_css_default
|
|
3
6
|
} from "./chunk.JTFG2VCZ.js";
|
|
4
|
-
import {
|
|
5
|
-
GdsContainer
|
|
6
|
-
} from "./chunk.Z3RX3OZJ.js";
|
|
7
7
|
import {
|
|
8
8
|
styleExpressionProperty
|
|
9
9
|
} from "./chunk.ADPMTWTS.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.ZFI2LPGC.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -35,7 +35,7 @@ __decorateClass([
|
|
|
35
35
|
styleExpressionProperty({
|
|
36
36
|
valueTemplate: (v) => {
|
|
37
37
|
const [size, color] = v.split("/");
|
|
38
|
-
return `var(--gds-space-${size}) solid ${color ? `var(--gds-
|
|
38
|
+
return `var(--gds-space-${size}) solid ${color ? `var(--gds-color-${color})` : "currentColor"}`;
|
|
39
39
|
},
|
|
40
40
|
styleTemplate: (_prop, values) => {
|
|
41
41
|
const top = values[0];
|
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk.54252E4T.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsContainer
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.CZFPSYSK.js";
|
|
7
7
|
import {
|
|
8
8
|
styleExpressionProperty
|
|
9
9
|
} from "./chunk.ADPMTWTS.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.ZFI2LPGC.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|