@sebgroup/green-core 3.10.0 → 3.11.1

package/components/icon/icons/people-add.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconPeopleAdd = class extends GdsIcon {
 };
 /** @private */
-IconPeopleAdd._regularSVG = `<path d="M11.8523 13.2513C7.74082 13.3226 4.86459 16.3717 4.5 20.25H12.5M11.8523 13.2513C11.9014 13.2504 11.9506 13.25 12 13.25C12.3521 13.25 12.6954 13.2717 13.029 13.3138M11.8523 13.2513C11.2023 13.2626 10.5834 13.3483 10.0001 13.5M13.029 13.3138C13.3627 13.3559 13.6867 13.4184 14.0004 13.5M13.029 13.3138C13.7309 13.4024 14.3904 13.5812 15 13.838M18.25 15.25V18.25M18.25 18.25V21.25M18.25 18.25H15.25M18.25 18.25H21.25M15.75 6.5C15.75 8.57107 14.0711 10.25 12 10.25C9.92893 10.25 8.25 8.57107 8.25 6.5C8.25 4.42893 9.92893 2.75 12 2.75C14.0711 2.75 15.75 4.42893 15.75 6.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+IconPeopleAdd._regularSVG = `<path d="M13.029 13.3138C12.6954 13.2717 12.3521 13.25 12 13.25C11.9506 13.25 11.9014 13.2504 11.8523 13.2513C7.74082 13.3226 4.86459 16.3717 4.5 20.25H12.5M11.8523 13.2513C11.2023 13.2626 10.5834 13.3483 10.0001 13.5M13.029 13.3138C13.3627 13.3559 13.6867 13.4184 14.0004 13.5M13.029 13.3138C13.7309 13.4024 14.3904 13.5812 15 13.838M18.25 15.25V18.25M18.25 18.25V21.25M18.25 18.25H15.25M18.25 18.25H21.25M15.75 6.5C15.75 8.57107 14.0711 10.25 12 10.25C9.92893 10.25 8.25 8.57107 8.25 6.5C8.25 4.42893 9.92893 2.75 12 2.75C14.0711 2.75 15.75 4.42893 15.75 6.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
 /** @private */
 IconPeopleAdd._solidSVG = `<path d="M12 2C9.51472 2 7.5 4.01472 7.5 6.5C7.5 8.98528 9.51472 11 12 11C14.4853 11 16.5 8.98528 16.5 6.5C16.5 4.01472 14.4853 2 12 2Z" fill="currentColor"/><path d="M3.7533 20.1798C4.15473 15.9097 7.38415 12.5 12 12.5C13.7292 12.5 15.2639 12.9785 16.5281 13.8016C16.1986 14.193 16 14.6983 16 15.25V16H15.25C14.0074 16 13 17.0074 13 18.25C13 19.4926 14.0074 20.5 15.25 20.5H16V21H4.5C4.28888 21 4.08754 20.911 3.94541 20.7549C3.80328 20.5988 3.73354 20.39 3.7533 20.1798Z" fill="currentColor"/><path d="M19 15.25C19 14.8358 18.6642 14.5 18.25 14.5C17.8358 14.5 17.5 14.8358 17.5 15.25V17.5H15.25C14.8358 17.5 14.5 17.8358 14.5 18.25C14.5 18.6642 14.8358 19 15.25 19H17.5V21.25C17.5 21.6642 17.8358 22 18.25 22C18.6642 22 19 21.6642 19 21.25V19H21.25C21.6642 19 22 18.6642 22 18.25C22 17.8358 21.6642 17.5 21.25 17.5H19V15.25Z" fill="currentColor"/>`;
 /** @private */

package/components/icon/icons/people-added.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconPeopleAdded = class extends GdsIcon {
 };
 /** @private */
-IconPeopleAdded._regularSVG = `<path d="M11.8523 13.2513C7.74082 13.3226 4.86459 16.3717 4.5 20.25H11.5M11.8523 13.2513C11.9014 13.2504 11.9506 13.25 12 13.25C12.3521 13.25 12.6954 13.2717 13.029 13.3138M11.8523 13.2513C11.2023 13.2626 10.5834 13.3483 10.0001 13.5M13.029 13.3138C13.3627 13.3559 13.6867 13.4184 14.0004 13.5M13.029 13.3138C13.7309 13.4024 14.3904 13.5812 15 13.838M14.75 18.6L16.95 20.25L20.25 14.75M15.75 6.5C15.75 8.57107 14.0711 10.25 12 10.25C9.92893 10.25 8.25 8.57107 8.25 6.5C8.25 4.42893 9.92893 2.75 12 2.75C14.0711 2.75 15.75 4.42893 15.75 6.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+IconPeopleAdded._regularSVG = `<path d="M13.029 13.3138C12.6954 13.2717 12.3521 13.25 12 13.25C11.9506 13.25 11.9014 13.2504 11.8523 13.2513C7.74082 13.3226 4.86459 16.3717 4.5 20.25H11.5M11.8523 13.2513C11.2023 13.2626 10.5834 13.3483 10.0001 13.5M13.029 13.3138C13.3627 13.3559 13.6867 13.4184 14.0004 13.5M13.029 13.3138C13.7309 13.4024 14.3904 13.5812 15 13.838M14.75 18.6L16.95 20.25L20.25 14.75M15.75 6.5C15.75 8.57107 14.0711 10.25 12 10.25C9.92893 10.25 8.25 8.57107 8.25 6.5C8.25 4.42893 9.92893 2.75 12 2.75C14.0711 2.75 15.75 4.42893 15.75 6.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
 /** @private */
 IconPeopleAdded._solidSVG = `<path d="M12 2C9.51472 2 7.5 4.01472 7.5 6.5C7.5 8.98528 9.51472 11 12 11C14.4853 11 16.5 8.98528 16.5 6.5C16.5 4.01472 14.4853 2 12 2Z" fill="currentColor"/><path d="M17.6589 14.6956C16.2284 13.3348 14.2839 12.5 12 12.5C7.38415 12.5 4.15473 15.9097 3.7533 20.1798C3.73354 20.39 3.80328 20.5988 3.94541 20.7549C4.08754 20.911 4.28888 21 4.5 21H14.2001L13.4001 20.4C12.406 19.6544 12.2045 18.2441 12.9501 17.25C13.6957 16.2559 15.106 16.0544 16.1001 16.8L16.3043 16.9531L17.6589 14.6956Z" fill="currentColor"/><path d="M20.8932 15.1359C21.1063 14.7807 20.9911 14.32 20.6359 14.1069C20.2807 13.8938 19.82 14.0089 19.6069 14.3641L16.7348 19.151L15.2 18C14.8687 17.7515 14.3986 17.8186 14.15 18.15C13.9015 18.4814 13.9687 18.9515 14.3 19.2L16.5 20.85C16.6699 20.9774 16.8858 21.0268 17.0942 20.986C17.3026 20.9452 17.4839 20.8179 17.5932 20.6359L20.8932 15.1359Z" fill="currentColor"/>`;
 /** @private */

package/components/icon/icons/people-circle.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconPeopleCircle = class extends GdsIcon {
 };
 /** @private */
-IconPeopleCircle._regularSVG = `<path d="M5.85697 18.9157C7.17056 16.9968 9.33203 15.75 12 15.75C14.668 15.75 16.8294 16.9968 18.143 18.9157M5.85697 18.9157C7.49061 20.3679 9.6423 21.25 12 21.25C14.3577 21.25 16.5094 20.3679 18.143 18.9157M5.85697 18.9157C3.95086 17.2214 2.75 14.7509 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 14.7509 20.0491 17.2214 18.143 18.9157M15.25 10C15.25 11.7949 13.7949 13.25 12 13.25C10.2051 13.25 8.75 11.7949 8.75 10C8.75 8.20507 10.2051 6.75 12 6.75C13.7949 6.75 15.25 8.20507 15.25 10Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>`;
+IconPeopleCircle._regularSVG = `<path d="M5.85697 18.9157C7.17056 16.9968 9.33203 15.75 12 15.75C14.668 15.75 16.8294 16.9968 18.143 18.9157M18.143 18.9157C20.0491 17.2214 21.25 14.7509 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 14.7509 3.95086 17.2214 5.85697 18.9157C7.49061 20.3679 9.6423 21.25 12 21.25C14.3577 21.25 16.5094 20.3679 18.143 18.9157ZM15.25 10C15.25 11.7949 13.7949 13.25 12 13.25C10.2051 13.25 8.75 11.7949 8.75 10C8.75 8.20507 10.2051 6.75 12 6.75C13.7949 6.75 15.25 8.20507 15.25 10Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>`;
 /** @private */
 IconPeopleCircle._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 14.897 3.23192 17.5063 5.20047 19.3326C6.98474 20.9879 9.37418 22 12 22C14.6258 22 17.0153 20.9879 18.7995 19.3326C20.7681 17.5063 22 14.897 22 12C22 6.47715 17.5228 2 12 2ZM5.97605 17.9968C7.29919 16.174 9.41114 15 12 15C14.5889 15 16.7008 16.174 18.0239 17.9968C16.4847 19.543 14.3541 20.5 12 20.5C9.64589 20.5 7.51531 19.543 5.97605 17.9968ZM15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10Z" fill="currentColor"/>`;
 /** @private */

package/components/icon/icons/people-remove.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconPeopleRemove = class extends GdsIcon {
 };
 /** @private */
-IconPeopleRemove._regularSVG = `<path d="M20 16L18 18M18 18L16 20M18 18L16 16M18 18L20 20M11.8523 13.2513C7.74082 13.3226 4.86459 16.3717 4.5 20.25H12.25M11.8523 13.2513C11.9014 13.2504 11.9506 13.25 12 13.25C12.5201 13.25 13.0209 13.2974 13.5 13.3879M11.8523 13.2513C11.2023 13.2626 10.5834 13.3483 10.0001 13.5M15.75 6.5C15.75 8.57107 14.0711 10.25 12 10.25C9.92893 10.25 8.25 8.57107 8.25 6.5C8.25 4.42893 9.92893 2.75 12 2.75C14.0711 2.75 15.75 4.42893 15.75 6.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+IconPeopleRemove._regularSVG = `<path d="M20 16L18 18M18 18L16 20M18 18L16 16M18 18L20 20M13.5 13.3879C13.0209 13.2974 12.5201 13.25 12 13.25C11.9506 13.25 11.9014 13.2504 11.8523 13.2513C7.74082 13.3226 4.86459 16.3717 4.5 20.25H12.25M11.8523 13.2513C11.2023 13.2626 10.5834 13.3483 10.0001 13.5M15.75 6.5C15.75 8.57107 14.0711 10.25 12 10.25C9.92893 10.25 8.25 8.57107 8.25 6.5C8.25 4.42893 9.92893 2.75 12 2.75C14.0711 2.75 15.75 4.42893 15.75 6.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
 /** @private */
 IconPeopleRemove._solidSVG = `<path d="M12 2C9.51472 2 7.5 4.01472 7.5 6.5C7.5 8.98528 9.51472 11 12 11C14.4853 11 16.5 8.98528 16.5 6.5C16.5 4.01472 14.4853 2 12 2Z" fill="currentColor"/><path d="M3.7533 20.1798C4.15473 15.9097 7.38415 12.5 12 12.5C13.7415 12.5 15.2857 12.9854 16.5551 13.8192C15.8117 13.6307 14.9907 13.8273 14.409 14.409C13.5303 15.2877 13.5303 16.7123 14.409 17.591L14.818 18L14.409 18.409C13.708 19.11 13.5663 20.1585 13.9838 21H4.5C4.28888 21 4.08754 20.911 3.94541 20.7549C3.80328 20.5988 3.73354 20.39 3.7533 20.1798Z" fill="currentColor"/><path d="M20.5303 16.5303C20.8232 16.2374 20.8232 15.7626 20.5303 15.4697C20.2374 15.1768 19.7626 15.1768 19.4697 15.4697L18 16.9393L16.5303 15.4697C16.2374 15.1768 15.7626 15.1768 15.4697 15.4697C15.1768 15.7626 15.1768 16.2374 15.4697 16.5303L16.9393 18L15.4697 19.4697C15.1768 19.7626 15.1768 20.2374 15.4697 20.5303C15.7626 20.8232 16.2374 20.8232 16.5303 20.5303L18 19.0607L19.4697 20.5303C19.7626 20.8232 20.2374 20.8232 20.5303 20.5303C20.8232 20.2374 20.8232 19.7626 20.5303 19.4697L19.0607 18L20.5303 16.5303Z" fill="currentColor"/>`;
 /** @private */

package/components/icon/icons/printer.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconPrinter = class extends GdsIcon {
 };
 /** @private */
-IconPrinter._regularSVG = `<path d="M9.25 10.75H6.75M6.75 13.75V21.25H17.25V13.75M6.75 13.75H17.25M6.75 13.75V17.25H2.75V6.75H21.25V17.25H17.25V13.75M6.75 2.75H17.25V6.75H6.75V2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+IconPrinter._regularSVG = `<path d="M9.25 10.75H6.75M17.25 13.75V17.25H21.25V6.75H2.75V17.25H6.75V13.75H17.25V21.25H6.75V13.75M6.75 2.75H17.25V6.75H6.75V2.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
 /** @private */
 IconPrinter._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 2C6.33579 2 6 2.33579 6 2.75V6H2.75C2.33579 6 2 6.33579 2 6.75V17.25C2 17.6642 2.33579 18 2.75 18H6V21.25C6 21.6642 6.33579 22 6.75 22H17.25C17.6642 22 18 21.6642 18 21.25V18H21.25C21.6642 18 22 17.6642 22 17.25V6.75C22 6.33579 21.6642 6 21.25 6H18V2.75C18 2.33579 17.6642 2 17.25 2H6.75ZM16.5 6V3.5H7.5V6H16.5ZM16.5 14.5H7.5V20.5H16.5V14.5ZM6 10.75C6 10.3358 6.33579 10 6.75 10H9.25C9.66421 10 10 10.3358 10 10.75C10 11.1642 9.66421 11.5 9.25 11.5H6.75C6.33579 11.5 6 11.1642 6 10.75Z" fill="currentColor"/>`;
 /** @private */

package/components/icon/icons/pure.d.ts

@@ -201,6 +201,7 @@ export * from './money-hand.component';
 export * from './moneybag.component';
 export * from './moon.component';
 export * from './mute.component';
+export * from './newspaper.component';
 export * from './office.component';
 export * from './page-add.component';
 export * from './paper-plane-top-right.component';

package/components/icon/icons/pure.js

@@ -201,6 +201,7 @@ export * from "./money-hand.component.js";
 export * from "./moneybag.component.js";
 export * from "./moon.component.js";
 export * from "./mute.component.js";
+export * from "./newspaper.component.js";
 export * from "./office.component.js";
 export * from "./page-add.component.js";
 export * from "./paper-plane-top-right.component.js";

package/components/icon/icons/sort-ascending.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconSortAscending = class extends GdsIcon {
 };
 /** @private */
-IconSortAscending._regularSVG = `<path d="M14.3482 10.25L15.5606 7.75M15.5606 7.75L17.5005 3.75L19.4338 7.75M15.5606 7.75H19.4338M19.4338 7.75L20.6421 10.25M14.75 13.75H20.25L14.75 20.25H20.25M7 3.75V20.25M7 20.25L4 17.25M7 20.25L10 17.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+IconSortAscending._regularSVG = `<path d="M19.4338 7.75L17.5005 3.75L15.5606 7.75L14.3482 10.25M15.5606 7.75H19.4338M19.4338 7.75L20.6421 10.25M14.75 13.75H20.25L14.75 20.25H20.25M7 3.75V20.25M10 17.25L7 20.25L4 17.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
 /** @private */
 IconSortAscending._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5005 3C17.788 3.00019 18.0501 3.16475 18.1753 3.42363L20.1018 7.40968C20.1067 7.41918 20.1113 7.42881 20.1158 7.43854L21.3169 9.92363C21.4971 10.2966 21.3409 10.745 20.968 10.9253C20.5951 11.1055 20.1466 10.9493 19.9664 10.5764L18.9628 8.5H16.0299L15.0225 10.5773C14.8417 10.95 14.3931 11.1056 14.0204 10.9248C13.6477 10.7441 13.4921 10.2954 13.6728 9.92273L14.8781 7.4376C14.8825 7.42789 14.8872 7.4183 14.892 7.40883L16.8252 3.42273C16.9506 3.16402 17.213 2.99981 17.5005 3ZM16.7574 7H18.2378L17.4989 5.47111L16.7574 7Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 13.75C14 13.3358 14.3358 13 14.75 13H20.25C20.542 13 20.8075 13.1695 20.9304 13.4344C21.0533 13.6994 21.0112 14.0115 20.8225 14.2345L16.3671 19.5H20.25C20.6642 19.5 21 19.8358 21 20.25C21 20.6642 20.6642 21 20.25 21H14.75C14.458 21 14.1925 20.8305 14.0696 20.5656C13.9467 20.3006 13.9888 19.9885 14.1775 19.7655L18.6329 14.5H14.75C14.3358 14.5 14 14.1642 14 13.75Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3C7.41421 3 7.75 3.33579 7.75 3.75V18.4393L9.46967 16.7197C9.76256 16.4268 10.2374 16.4268 10.5303 16.7197C10.8232 17.0126 10.8232 17.4874 10.5303 17.7803L7.53033 20.7803C7.23744 21.0732 6.76256 21.0732 6.46967 20.7803L3.46967 17.7803C3.17678 17.4874 3.17678 17.0126 3.46967 16.7197C3.76256 16.4268 4.23744 16.4268 4.53033 16.7197L6.25 18.4393V3.75C6.25 3.33579 6.58579 3 7 3Z" fill="currentColor"/>`;
 /** @private */

package/components/icon/icons/sort-descending.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconSortDescending = class extends GdsIcon {
 };
 /** @private */
-IconSortDescending._regularSVG = `<path d="M14.3477 20.25L15.5601 17.75M15.5601 17.75L17.5 13.75L19.4333 17.75M15.5601 17.75H19.4333M19.4333 17.75L20.6416 20.25M14.75 3.75H20.25L14.75 10.25H20.25M7 3.75V20.25M7 20.25L4 17.25M7 20.25L10 17.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+IconSortDescending._regularSVG = `<path d="M20.6416 20.25L19.4333 17.75L17.5 13.75L15.5601 17.75L14.3477 20.25M15.5601 17.75H19.4333M14.75 3.75H20.25L14.75 10.25H20.25M7 3.75V20.25M10 17.25L7 20.25L4 17.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
 /** @private */
 IconSortDescending._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5005 13C17.788 13.0002 18.0501 13.1647 18.1753 13.4236L20.1018 17.4097C20.1067 17.4192 20.1113 17.4288 20.1158 17.4385L21.3169 19.9236C21.4971 20.2966 21.3409 20.745 20.968 20.9253C20.5951 21.1055 20.1466 20.9493 19.9664 20.5764L18.9628 18.5H16.0299L15.0225 20.5773C14.8417 20.95 14.3931 21.1056 14.0204 20.9248C13.6477 20.7441 13.4921 20.2954 13.6728 19.9227L14.8781 17.4376C14.8825 17.4279 14.8872 17.4183 14.892 17.4088L16.8252 13.4227C16.9506 13.164 17.213 12.9998 17.5005 13ZM16.7574 17H18.2378L17.4989 15.4711L16.7574 17Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 3.75C14 3.33579 14.3358 3 14.75 3H20.25C20.542 3 20.8075 3.16951 20.9304 3.43444C21.0533 3.69936 21.0112 4.01152 20.8225 4.23446L16.3671 9.5H20.25C20.6642 9.5 21 9.83579 21 10.25C21 10.6642 20.6642 11 20.25 11H14.75C14.458 11 14.1925 10.8305 14.0696 10.5656C13.9467 10.3006 13.9888 9.98848 14.1775 9.76554L18.6329 4.5H14.75C14.3358 4.5 14 4.16421 14 3.75Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3C7.41421 3 7.75 3.33579 7.75 3.75V18.4393L9.46967 16.7197C9.76256 16.4268 10.2374 16.4268 10.5303 16.7197C10.8232 17.0126 10.8232 17.4874 10.5303 17.7803L7.53033 20.7803C7.23744 21.0732 6.76256 21.0732 6.46967 20.7803L3.46967 17.7803C3.17678 17.4874 3.17678 17.0126 3.46967 16.7197C3.76256 16.4268 4.23744 16.4268 4.53033 16.7197L6.25 18.4393V3.75C6.25 3.33579 6.58579 3 7 3Z" fill="currentColor"/>`;
 /** @private */

package/components/icon/icons/square-arrow-top-right.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconSquareArrowTopRight = class extends GdsIcon {
 };
 /** @private */
-IconSquareArrowTopRight._regularSVG = `<path d="M9.25 3.75H3.75V20.25H20.25V14.75M13.75 3.75H20.25M20.25 3.75V10.25M20.25 3.75L11 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+IconSquareArrowTopRight._regularSVG = `<path d="M9.25 3.75H3.75V20.25H20.25V14.75M20.25 10.25V3.75H13.75M20.25 3.75L11 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
 /** @private */
 IconSquareArrowTopRight._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3.75C3 3.33579 3.33579 3 3.75 3H9.25C9.66421 3 10 3.33579 10 3.75C10 4.16421 9.66421 4.5 9.25 4.5H4.5V19.5H19.5V14.75C19.5 14.3358 19.8358 14 20.25 14C20.6642 14 21 14.3358 21 14.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V3.75ZM13 3.75C13 3.33579 13.3358 3 13.75 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56066L11.5303 13.5303C11.2374 13.8232 10.7626 13.8232 10.4697 13.5303C10.1768 13.2374 10.1768 12.7626 10.4697 12.4697L18.4393 4.5H13.75C13.3358 4.5 13 4.16421 13 3.75Z" fill="currentColor"/>`;
 /** @private */

package/components/icon/icons/warning-sign.component.js

@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
 let IconWarningSign = class extends GdsIcon {
 };
 /** @private */
-IconWarningSign._regularSVG = `<path d="M2.75 20.25L6.75 3.75H17.25M17.25 3.75L21.25 20.25M17.25 3.75L13.25 20.25M4 16.75H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
+IconWarningSign._regularSVG = `<path d="M21.25 20.25L17.25 3.75H6.75L2.75 20.25M17.25 3.75L13.25 20.25M4 16.75H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
 /** @private */
 IconWarningSign._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M6.0211 3.5733C6.10266 3.23689 6.40384 3 6.74999 3H17.25C17.5961 3 17.8973 3.23689 17.9789 3.5733L21.9789 20.0733C22.0765 20.4759 21.8292 20.8813 21.4267 20.9789C21.0241 21.0765 20.6187 20.8293 20.5211 20.4267L19.8116 17.5H14.6884L13.9789 20.4267C13.8813 20.8293 13.4758 21.0765 13.0733 20.9789C12.6707 20.8813 12.4235 20.4759 12.5211 20.0733L13.1449 17.5H4.18838L3.47888 20.4267C3.38129 20.8293 2.97584 21.0765 2.57329 20.9789C2.17074 20.8813 1.92351 20.4759 2.0211 20.0733L6.0211 3.5733ZM17.25 6.93336L15.052 16H19.448L17.25 6.93336Z" fill="currentColor"/>`;
 /** @private */

package/components/table/table.component.js

@@ -751,19 +751,27 @@ renderColumnHeader_fn = function(column) {
         style=${style}
         data-col-key=${ifDefined(column.sticky ? column.key : void 0)}
         aria-sort="${isSorted ? sortDirection === "asc" ? "ascending" : "descending" : "none"}"
-        @click=${column.sortable ? () => __privateMethod(this, _handleSort, handleSort_fn).call(this, column.key) : null}
       >
-        <div class="column-header">
-          <span class="column-label" aria-label="${ariaLabel}">
-            ${column.label}
-          </span>
-          ${when(
+        ${when(
     column.sortable,
     () => html`
+            <button
+              type="button"
+              class="column-header"
+              aria-label="${ariaLabel}"
+              aria-pressed=${isSorted}
+              @click=${() => __privateMethod(this, _handleSort, handleSort_fn).call(this, column.key)}
+            >
+              <span class="column-label">${column.label}</span>
               <span class="sort-icon">${__privateMethod(this, _renderSortIcon, renderSortIcon_fn).call(this, column)}</span>
-            `
+            </button>
+          `,
+    () => html`
+            <div class="column-header">
+              <span class="column-label">${column.label}</span>
+            </div>
+          `
   )}
-        </div>
       </th>
     `;
 };

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);
   }