@sebgroup/green-core 3.11.0 → 3.12.0

package/components/table/table.styles.js

@@ -252,12 +252,31 @@ const TableStyles = css`
     padding: calc(var(--table-cell-padding-y) / 2) var(--table-cell-padding-x);
     border-radius: var(--gds-sys-radius-xs);
     transition: all var(--gds-sys-motion-duration-fast);
+    outline-color: transparent;
+    outline-offset: -2px;
+    outline-style: solid;
+    outline-width: var(--gds-sys-space-4xs);
+  }
+
+  button.column-header {
+    appearance: none;
+    border: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: inherit;
+    inline-size: 100%;
+    cursor: pointer;
   }
 
   th.sortable .column-header:hover {
     background-color: var(--_table-header-hover);
   }
 
+  th.sortable .column-header:focus-visible {
+    outline-color: var(--gds-sys-color-content-neutral-01);
+  }
+
   th.sortable:active .column-header {
     background-color: var(--_table-header-active);
   }

package/components/textarea/textarea.component.d.ts

@@ -136,7 +136,10 @@ declare const GdsTextarea_base: (new (...args: any[]) => import("../../utils/mix
  * @slot trail - Accepts `gds-badge`. Use this to place a badge in the field, for displaying currency for example.
  * @slot extended-supporting-text - A longer supporting text can be placed here. It will be
  *       displayed in a panel when the user clicks the info button.
+ *
  * @event gds-input-cleared - Fired when the clear button is clicked.
+ * @event gds-ui-state - Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing.
+ *
  */
 export declare class GdsTextarea extends GdsTextarea_base {
 }

package/components/textarea/textarea.component.js

@@ -18,6 +18,7 @@ import { gdsCustomElement, html } from "../../scoping.js";
 import formControlHostStyle from "../../shared-styles/form-control-host.style.js";
 import { tokens } from "../../tokens.style.js";
 import { watch } from "../../utils/decorators/index.js";
+import { ariaForwarding } from "../../utils/decorators/aria-forwarding.js";
 import { resizeObserver } from "../../utils/decorators/resize-observer.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import {
@@ -459,6 +460,11 @@ __decorateClass([
   watch("rows")
 ], Textarea.prototype, "_handleRowsChange", 1);
 Textarea = __decorateClass([
+  ariaForwarding({
+    labelledBy: "textarea",
+    describedBy: "textarea",
+    errorMessage: "textarea"
+  }),
   localized()
 ], Textarea);
 let GdsTextarea = class extends withLayoutChildProps(