@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.
Files changed (96) hide show
  1. package/README.md +1 -1
  2. package/chunks/{chunk.HEEBT6PP.js → chunk.22BHF5MM.js} +1 -1
  3. package/chunks/{chunk.ZEGPRNBY.js → chunk.42QKJ3AE.js} +1 -1
  4. package/chunks/{chunk.IWTL7STV.js → chunk.4VE5KIQV.js} +1 -1
  5. package/chunks/{chunk.6OJLIA73.js → chunk.5FEETFJJ.js} +1 -1
  6. package/chunks/chunk.7VC33K5Z.js +49 -0
  7. package/chunks/{chunk.Z3RX3OZJ.js → chunk.CZFPSYSK.js} +2 -2
  8. package/chunks/{chunk.D35VWG7Z.js → chunk.DM2X2WJJ.js} +2 -2
  9. package/chunks/{chunk.XKFWKMOP.js → chunk.GDH3LVVJ.js} +1 -1
  10. package/chunks/{chunk.AP23QGB4.js → chunk.H2VKRHL7.js} +1 -1
  11. package/chunks/{chunk.PC4VJLMM.js → chunk.HSI6XK2B.js} +5 -5
  12. package/chunks/{chunk.PN4BONI4.js → chunk.LV3U2CE2.js} +2 -2
  13. package/chunks/{chunk.NMP7SICY.js → chunk.Q6HA6IGV.js} +1 -1
  14. package/chunks/chunk.QHOOLVJZ.js +625 -0
  15. package/chunks/{chunk.REE5LG5I.js → chunk.TEPZ5LAW.js} +1 -1
  16. package/chunks/{chunk.TH5D3QVK.js → chunk.TH2C35R2.js} +1 -1
  17. package/chunks/{chunk.WBYZIT2A.js → chunk.UMYAICK2.js} +3 -3
  18. package/chunks/{chunk.V22RY2FP.js → chunk.UWI5YW33.js} +1 -1
  19. package/chunks/{chunk.SXLN3MMQ.js → chunk.VBALKDBZ.js} +1 -1
  20. package/chunks/{chunk.EF6MCM6B.js → chunk.VIVDWSPB.js} +28 -1
  21. package/chunks/{chunk.WWR3VPSV.js → chunk.VL4HFY2N.js} +7 -5
  22. package/chunks/chunk.VOYMQ322.js +1 -1
  23. package/chunks/chunk.WNFJQ5DF.js +40 -0
  24. package/chunks/chunk.WZRLM4IU.js +394 -0
  25. package/chunks/chunk.YBOK7MI7.js +31 -0
  26. package/chunks/{chunk.J5IZQIXN.js → chunk.YUMPRKYF.js} +1 -1
  27. package/chunks/chunk.ZFI2LPGC.js +758 -0
  28. package/components/button/button.js +4 -3
  29. package/components/button/fab/fab.js +5 -4
  30. package/components/button/fab/index.js +5 -4
  31. package/components/button/index.js +4 -3
  32. package/components/calendar/calendar.js +2 -2
  33. package/components/calendar/index.js +2 -2
  34. package/components/content/divider/divider.js +2 -2
  35. package/components/content/divider/index.js +2 -2
  36. package/components/content/spacer/index.js +2 -2
  37. package/components/content/spacer/spacer.js +2 -2
  38. package/components/content/text/index.js +2 -2
  39. package/components/content/text/text.js +2 -2
  40. package/components/context-menu/context-menu.js +1 -1
  41. package/components/context-menu/index.js +1 -1
  42. package/components/datepicker/datepicker.js +9 -8
  43. package/components/datepicker/index.js +9 -8
  44. package/components/dropdown/dropdown.js +7 -6
  45. package/components/dropdown/index.js +7 -6
  46. package/components/filter-chips/filter-chip/filter-chip.js +4 -3
  47. package/components/filter-chips/filter-chip/index.js +4 -3
  48. package/components/filter-chips/filter-chips.js +4 -3
  49. package/components/filter-chips/index.js +4 -3
  50. package/components/form/index.js +5 -5
  51. package/components/form/summary/index.js +5 -5
  52. package/components/form/summary/summary.js +5 -5
  53. package/components/index.js +26 -25
  54. package/components/input/index.d.ts +1 -0
  55. package/components/input/index.js +18 -0
  56. package/components/input/input.d.ts +67 -0
  57. package/components/input/input.js +18 -0
  58. package/components/input/input.styles.d.ts +1 -0
  59. package/components/layout/card/card.js +4 -4
  60. package/components/layout/card/index.js +4 -4
  61. package/components/layout/container/container.js +2 -2
  62. package/components/layout/container/index.js +2 -2
  63. package/components/layout/flex/flex.js +3 -3
  64. package/components/layout/flex/index.js +3 -3
  65. package/components/layout/grid/grid.js +2 -2
  66. package/components/layout/grid/index.js +2 -2
  67. package/components/media/img/img.js +2 -2
  68. package/components/media/img/index.js +2 -2
  69. package/components/media/video/index.js +2 -2
  70. package/components/media/video/video.js +2 -2
  71. package/components/menu-button/index.js +2 -2
  72. package/components/menu-button/menu-button.js +2 -2
  73. package/components/popover/index.js +3 -3
  74. package/components/segmented-control/index.js +3 -3
  75. package/components/segmented-control/segment/index.js +2 -2
  76. package/components/segmented-control/segment/segment.js +2 -2
  77. package/components/segmented-control/segmented-control.js +3 -3
  78. package/components/theme/index.js +4 -1
  79. package/components/theme/theme.d.ts +1 -0
  80. package/components/theme/theme.js +4 -1
  81. package/index.js +26 -25
  82. package/package.json +3 -3
  83. package/primitives/listbox/index.js +2 -2
  84. package/primitives/listbox/listbox.js +2 -2
  85. package/primitives/listbox/option.js +2 -2
  86. package/primitives/ripple/index.js +2 -2
  87. package/primitives/ripple/ripple.js +2 -2
  88. package/primitives/signal/index.d.ts +1 -0
  89. package/primitives/signal/index.js +15 -0
  90. package/primitives/signal/signal.d.ts +9 -0
  91. package/primitives/signal/signal.js +15 -0
  92. package/primitives/signal/signal.style.css.d.ts +2 -0
  93. package/primitives/signal/signal.style.css.js +7 -0
  94. package/tokens.style.d.ts +3 -1
  95. package/chunks/chunk.OYCRDQFS.js +0 -419
  96. 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/sebgroup/green/assets/11420341/5d4b25fd-0633-498c-b50f-70f07c01ac16">
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>
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ADPMTWTS.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.OYCRDQFS.js";
6
+ } from "./chunk.ZFI2LPGC.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.S7DYDS4E.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.OYCRDQFS.js";
6
+ } from "./chunk.ZFI2LPGC.js";
7
7
  import {
8
8
  watch
9
9
  } from "./chunk.2WO4NHJ2.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.OYCRDQFS.js";
9
+ } from "./chunk.ZFI2LPGC.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.OYCRDQFS.js";
9
+ } from "./chunk.ZFI2LPGC.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -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.OYCRDQFS.js";
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-sys-color-${colorName})`;
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.AP23QGB4.js";
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.OYCRDQFS.js";
12
+ } from "./chunk.ZFI2LPGC.js";
13
13
  import {
14
14
  watch
15
15
  } from "./chunk.2WO4NHJ2.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.OYCRDQFS.js";
9
+ } from "./chunk.ZFI2LPGC.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.S7DYDS4E.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.OYCRDQFS.js";
6
+ } from "./chunk.ZFI2LPGC.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.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.OYCRDQFS.js";
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-sys-color-${color})` : "currentColor"}`;
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.Z3RX3OZJ.js";
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.OYCRDQFS.js";
12
+ } from "./chunk.ZFI2LPGC.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tokens
3
- } from "./chunk.OYCRDQFS.js";
3
+ } from "./chunk.ZFI2LPGC.js";
4
4
  import {
5
5
  gdsCustomElement
6
6
  } from "./chunk.VOYMQ322.js";