@sebgroup/green-core 3.12.0 → 3.12.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.
Files changed (16) hide show
  1. package/components/menu-button/menu-button.styles.js +1 -1
  2. package/components/switch/switch.component.js +0 -1
  3. package/components/switch/switch.styles.js +6 -1
  4. package/components/table/table.component.js +1 -1
  5. package/custom-elements.json +19536 -19536
  6. package/gds-element.js +1 -1
  7. package/generated/mcp/components.json +1 -1
  8. package/generated/mcp/icons.json +1 -1
  9. package/generated/mcp/index.json +1 -1
  10. package/generated/mcp/tokens.json +1 -1
  11. package/generated/react/index.d.ts +7 -7
  12. package/generated/react/index.js +7 -7
  13. package/package.json +2 -1
  14. package/tokens/variables.dark.css.js +1 -1
  15. package/utils/helpers/custom-element-scoping.js +1 -1
  16. package/utils/helpers/style-expression-helpers.js +2 -5
package/components/menu-button/menu-button.styles.js CHANGED
@@ -107,7 +107,7 @@ const style = css`
107
107
  }
108
108
 
109
109
  @media (max-width: 576px) {
110
- font: var(--gds-sys-text-detail-book-xs);
110
+ font: var(--gds-sys-text-detail-xs-book);
111
111
  --_padding-inline: var(--gds-sys-space-xs);
112
112
  }
113
113
  }
package/components/switch/switch.component.js CHANGED
@@ -110,7 +110,6 @@ renderThumb_fn = function() {
110
110
  <gds-icon-checkmark
111
111
  size="${this.size === "small" ? "xs" : "s"}"
112
112
  stroke="4"
113
- color=${this.disabled ? "neutral-05" : "positive-01"}
114
113
  class="checkmark"
115
114
  ></gds-icon-checkmark>
116
115
  </span>`;
package/components/switch/switch.styles.js CHANGED
@@ -192,12 +192,13 @@ const style = css`
192
192
  left: var(--switch-thumb-left-checked);
193
193
  width: var(--switch-thumb-size-checked);
194
194
  height: var(--switch-thumb-size-checked);
195
- background: var(--gds-sys-color-l3-neutral-01);
195
+ background: var(--gds-sys-color-content-neutral-05);
196
196
  }
197
197
 
198
198
  .checkmark {
199
199
  opacity: 1;
200
200
  scale: 1;
201
+ color: var(--gds-sys-color-l3-positive-01);
201
202
  }
202
203
 
203
204
  .perimeter {
@@ -227,6 +228,10 @@ const style = css`
227
228
  opacity: 0.6;
228
229
  }
229
230
 
231
+ .switch.disabled .checkmark {
232
+ color: var(--gds-sys-color-l3-disabled-01);
233
+ }
234
+
230
235
  @media (prefers-color-scheme: dark) {
231
236
  .switch.disabled .track {
232
237
  opacity: 0.4;
package/components/table/table.component.js CHANGED
@@ -1168,7 +1168,7 @@ renderTableRow_fn = function(row, index) {
1168
1168
  return html`
1169
1169
  <tr
1170
1170
  class=${classMap(presentation.classes)}
1171
- aria-level="1"
1171
+ aria-level=${ifDefined(__privateGet(this, _isExpandableEnabled, isExpandableEnabled_get) ? "1" : void 0)}
1172
1172
  aria-expanded=${ifDefined(presentation.ariaExpanded)}
1173
1173
  >
1174
1174
  ${[