@sebgroup/green-react 3.15.0 → 3.17.0

package/README.md

@@ -1,5 +1,5 @@
 <div align="center">
-<img width="600" alt="green-react" src="https://github.com/sebgroup/green/assets/11420341/ad4c9fe3-137f-4230-9ea7-a4de87752aa9">
+<img width="600" alt="green-react" src="https://github.com/seb-oss/green/assets/11420341/ad4c9fe3-137f-4230-9ea7-a4de87752aa9">
 <h1>@sebgroup/green-react</h1>
 <p>
 React components with SEB's look and feel.

package/index.esm.js

@@ -9,8 +9,8 @@ import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown
 import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/index.js';
 import classNames from 'classnames';
 import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
+import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
 import { IconAirplaneUp as IconAirplaneUp$1 } from '@sebgroup/green-core/components/icon/icons/airplane-up.js';
-import { IconAppleMusic as IconAppleMusic$1 } from '@sebgroup/green-core/components/icon/icons/apple-music.js';
 import { IconArchive as IconArchive$1 } from '@sebgroup/green-core/components/icon/icons/archive.js';
 import { IconArrowBoxLeft as IconArrowBoxLeft$1 } from '@sebgroup/green-core/components/icon/icons/arrow-box-left.js';
 import { IconArrowBoxRight as IconArrowBoxRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-box-right.js';
@@ -37,9 +37,9 @@ import { IconArrowWallUp as IconArrowWallUp$1 } from '@sebgroup/green-core/compo
 import { IconArrow as IconArrow$1 } from '@sebgroup/green-core/components/icon/icons/arrow.js';
 import { IconArrowsRepeat as IconArrowsRepeat$1 } from '@sebgroup/green-core/components/icon/icons/arrows-repeat.js';
 import { IconAt as IconAt$1 } from '@sebgroup/green-core/components/icon/icons/at.js';
+import { IconBack as IconBack$1 } from '@sebgroup/green-core/components/icon/icons/back.js';
 import { IconBag as IconBag$1 } from '@sebgroup/green-core/components/icon/icons/bag.js';
 import { IconBank as IconBank$1 } from '@sebgroup/green-core/components/icon/icons/bank.js';
-import { IconBankid as IconBankid$1 } from '@sebgroup/green-core/components/icon/icons/bankid.js';
 import { IconBanknote as IconBanknote$1 } from '@sebgroup/green-core/components/icon/icons/banknote.js';
 import { IconBarcode as IconBarcode$1 } from '@sebgroup/green-core/components/icon/icons/barcode.js';
 import { IconBarsThree as IconBarsThree$1 } from '@sebgroup/green-core/components/icon/icons/bars-three.js';
@@ -54,6 +54,21 @@ import { IconBookmarkPlus as IconBookmarkPlus$1 } from '@sebgroup/green-core/com
 import { IconBookmarkRemove as IconBookmarkRemove$1 } from '@sebgroup/green-core/components/icon/icons/bookmark-remove.js';
 import { IconBookmark as IconBookmark$1 } from '@sebgroup/green-core/components/icon/icons/bookmark.js';
 import { IconBooks as IconBooks$1 } from '@sebgroup/green-core/components/icon/icons/books.js';
+import { IconBrandAppStore as IconBrandAppStore$1 } from '@sebgroup/green-core/components/icon/icons/brand-app-store.js';
+import { IconBrandAppleMusic as IconBrandAppleMusic$1 } from '@sebgroup/green-core/components/icon/icons/brand-apple-music.js';
+import { IconBrandBankid as IconBrandBankid$1 } from '@sebgroup/green-core/components/icon/icons/brand-bankid.js';
+import { IconBrandChrome as IconBrandChrome$1 } from '@sebgroup/green-core/components/icon/icons/brand-chrome.js';
+import { IconBrandFacebook as IconBrandFacebook$1 } from '@sebgroup/green-core/components/icon/icons/brand-facebook.js';
+import { IconBrandFigma as IconBrandFigma$1 } from '@sebgroup/green-core/components/icon/icons/brand-figma.js';
+import { IconBrandGithub as IconBrandGithub$1 } from '@sebgroup/green-core/components/icon/icons/brand-github.js';
+import { IconBrandGreen as IconBrandGreen$1 } from '@sebgroup/green-core/components/icon/icons/brand-green.js';
+import { IconBrandInstagram as IconBrandInstagram$1 } from '@sebgroup/green-core/components/icon/icons/brand-instagram.js';
+import { IconBrandLinkedin as IconBrandLinkedin$1 } from '@sebgroup/green-core/components/icon/icons/brand-linkedin.js';
+import { IconBrandPlayStore as IconBrandPlayStore$1 } from '@sebgroup/green-core/components/icon/icons/brand-play-store.js';
+import { IconBrandRssFeed as IconBrandRssFeed$1 } from '@sebgroup/green-core/components/icon/icons/brand-rss-feed.js';
+import { IconBrandSeb as IconBrandSeb$1 } from '@sebgroup/green-core/components/icon/icons/brand-seb.js';
+import { IconBrandSpotify as IconBrandSpotify$1 } from '@sebgroup/green-core/components/icon/icons/brand-spotify.js';
+import { IconBrandX as IconBrandX$1 } from '@sebgroup/green-core/components/icon/icons/brand-x.js';
 import { IconBrush as IconBrush$1 } from '@sebgroup/green-core/components/icon/icons/brush.js';
 import { IconBubbleAnnotation as IconBubbleAnnotation$1 } from '@sebgroup/green-core/components/icon/icons/bubble-annotation.js';
 import { IconBubbleDots as IconBubbleDots$1 } from '@sebgroup/green-core/components/icon/icons/bubble-dots.js';
@@ -86,7 +101,6 @@ import { IconChevronGrabberVertical as IconChevronGrabberVertical$1 } from '@seb
 import { IconChevronLeft as IconChevronLeft$1 } from '@sebgroup/green-core/components/icon/icons/chevron-left.js';
 import { IconChevronRight as IconChevronRight$1 } from '@sebgroup/green-core/components/icon/icons/chevron-right.js';
 import { IconChevronTop as IconChevronTop$1 } from '@sebgroup/green-core/components/icon/icons/chevron-top.js';
-import { IconChrome as IconChrome$1 } from '@sebgroup/green-core/components/icon/icons/chrome.js';
 import { IconCircleCheck as IconCircleCheck$1 } from '@sebgroup/green-core/components/icon/icons/circle-check.js';
 import { IconCircleInfo as IconCircleInfo$1 } from '@sebgroup/green-core/components/icon/icons/circle-info.js';
 import { IconCircleMinus as IconCircleMinus$1 } from '@sebgroup/green-core/components/icon/icons/circle-minus.js';
@@ -112,9 +126,10 @@ import { IconDotGridThree as IconDotGridThree$1 } from '@sebgroup/green-core/com
 import { IconDotGridTwo as IconDotGridTwo$1 } from '@sebgroup/green-core/components/icon/icons/dot-grid-two.js';
 import { IconEmail as IconEmail$1 } from '@sebgroup/green-core/components/icon/icons/email.js';
 import { IconEuro as IconEuro$1 } from '@sebgroup/green-core/components/icon/icons/euro.js';
-import { IconFacebook as IconFacebook$1 } from '@sebgroup/green-core/components/icon/icons/facebook.js';
+import { IconEyeOpen as IconEyeOpen$1 } from '@sebgroup/green-core/components/icon/icons/eye-open.js';
+import { IconEyeSlash as IconEyeSlash$1 } from '@sebgroup/green-core/components/icon/icons/eye-slash.js';
 import { IconFashion as IconFashion$1 } from '@sebgroup/green-core/components/icon/icons/fashion.js';
-import { IconFigma as IconFigma$1 } from '@sebgroup/green-core/components/icon/icons/figma.js';
+import { IconFastForward as IconFastForward$1 } from '@sebgroup/green-core/components/icon/icons/fast-forward.js';
 import { IconFileBend as IconFileBend$1 } from '@sebgroup/green-core/components/icon/icons/file-bend.js';
 import { IconFileChart as IconFileChart$1 } from '@sebgroup/green-core/components/icon/icons/file-chart.js';
 import { IconFileText as IconFileText$1 } from '@sebgroup/green-core/components/icon/icons/file-text.js';
@@ -128,10 +143,8 @@ import { IconFolderAddRight as IconFolderAddRight$1 } from '@sebgroup/green-core
 import { IconFolderPaper as IconFolderPaper$1 } from '@sebgroup/green-core/components/icon/icons/folder-paper.js';
 import { IconFolderUpload as IconFolderUpload$1 } from '@sebgroup/green-core/components/icon/icons/folder-upload.js';
 import { IconFolder as IconFolder$1 } from '@sebgroup/green-core/components/icon/icons/folder.js';
-import { IconGithub as IconGithub$1 } from '@sebgroup/green-core/components/icon/icons/github.js';
 import { IconGlobus as IconGlobus$1 } from '@sebgroup/green-core/components/icon/icons/globus.js';
 import { IconGraduateCap as IconGraduateCap$1 } from '@sebgroup/green-core/components/icon/icons/graduate-cap.js';
-import { IconGreen as IconGreen$1 } from '@sebgroup/green-core/components/icon/icons/green.js';
 import { IconGroup as IconGroup$1 } from '@sebgroup/green-core/components/icon/icons/group.js';
 import { IconGrowth as IconGrowth$1 } from '@sebgroup/green-core/components/icon/icons/growth.js';
 import { IconHeadphones as IconHeadphones$1 } from '@sebgroup/green-core/components/icon/icons/headphones.js';
@@ -144,7 +157,6 @@ import { IconHomeOpen as IconHomeOpen$1 } from '@sebgroup/green-core/components/
 import { IconHomeRoof as IconHomeRoof$1 } from '@sebgroup/green-core/components/icon/icons/home-roof.js';
 import { IconHorizontalAlignmentBottom as IconHorizontalAlignmentBottom$1 } from '@sebgroup/green-core/components/icon/icons/horizontal-alignment-bottom.js';
 import { IconImages as IconImages$1 } from '@sebgroup/green-core/components/icon/icons/images.js';
-import { IconInstagram as IconInstagram$1 } from '@sebgroup/green-core/components/icon/icons/instagram.js';
 import { IconInvite as IconInvite$1 } from '@sebgroup/green-core/components/icon/icons/invite.js';
 import { IconKnifeSpoon as IconKnifeSpoon$1 } from '@sebgroup/green-core/components/icon/icons/knife-spoon.js';
 import { IconLaw as IconLaw$1 } from '@sebgroup/green-core/components/icon/icons/law.js';
@@ -155,7 +167,6 @@ import { IconLineChartFour as IconLineChartFour$1 } from '@sebgroup/green-core/c
 import { IconLineChartOne as IconLineChartOne$1 } from '@sebgroup/green-core/components/icon/icons/line-chart-one.js';
 import { IconLineChartThree as IconLineChartThree$1 } from '@sebgroup/green-core/components/icon/icons/line-chart-three.js';
 import { IconLineChartTwo as IconLineChartTwo$1 } from '@sebgroup/green-core/components/icon/icons/line-chart-two.js';
-import { IconLinkedin as IconLinkedin$1 } from '@sebgroup/green-core/components/icon/icons/linkedin.js';
 import { IconLock as IconLock$1 } from '@sebgroup/green-core/components/icon/icons/lock.js';
 import { IconMacbookAir as IconMacbookAir$1 } from '@sebgroup/green-core/components/icon/icons/macbook-air.js';
 import { IconMagnifyingGlass as IconMagnifyingGlass$1 } from '@sebgroup/green-core/components/icon/icons/magnifying-glass.js';
@@ -170,6 +181,7 @@ import { IconMoon as IconMoon$1 } from '@sebgroup/green-core/components/icon/ico
 import { IconMute as IconMute$1 } from '@sebgroup/green-core/components/icon/icons/mute.js';
 import { IconPageText as IconPageText$1 } from '@sebgroup/green-core/components/icon/icons/page-text.js';
 import { IconPaperclip as IconPaperclip$1 } from '@sebgroup/green-core/components/icon/icons/paperclip.js';
+import { IconPause as IconPause$1 } from '@sebgroup/green-core/components/icon/icons/pause.js';
 import { IconPencelLine as IconPencelLine$1 } from '@sebgroup/green-core/components/icon/icons/pencel-line.js';
 import { IconPencilSparkle as IconPencilSparkle$1 } from '@sebgroup/green-core/components/icon/icons/pencil-sparkle.js';
 import { IconPencilWave as IconPencilWave$1 } from '@sebgroup/green-core/components/icon/icons/pencil-wave.js';
@@ -177,6 +189,7 @@ import { IconPeopleAdd as IconPeopleAdd$1 } from '@sebgroup/green-core/component
 import { IconPeopleAdded as IconPeopleAdded$1 } from '@sebgroup/green-core/components/icon/icons/people-added.js';
 import { IconPeopleCircle as IconPeopleCircle$1 } from '@sebgroup/green-core/components/icon/icons/people-circle.js';
 import { IconPeopleCopy as IconPeopleCopy$1 } from '@sebgroup/green-core/components/icon/icons/people-copy.js';
+import { IconPeopleProfile as IconPeopleProfile$1 } from '@sebgroup/green-core/components/icon/icons/people-profile.js';
 import { IconPeopleRemove as IconPeopleRemove$1 } from '@sebgroup/green-core/components/icon/icons/people-remove.js';
 import { IconPeople as IconPeople$1 } from '@sebgroup/green-core/components/icon/icons/people.js';
 import { IconPercent as IconPercent$1 } from '@sebgroup/green-core/components/icon/icons/percent.js';
@@ -202,11 +215,9 @@ import { IconReceiptBill as IconReceiptBill$1 } from '@sebgroup/green-core/compo
 import { IconReceiptionBell as IconReceiptionBell$1 } from '@sebgroup/green-core/components/icon/icons/receiption-bell.js';
 import { IconRobot as IconRobot$1 } from '@sebgroup/green-core/components/icon/icons/robot.js';
 import { IconRocket as IconRocket$1 } from '@sebgroup/green-core/components/icon/icons/rocket.js';
-import { IconRssFeed as IconRssFeed$1 } from '@sebgroup/green-core/components/icon/icons/rss-feed.js';
 import { IconSchool as IconSchool$1 } from '@sebgroup/green-core/components/icon/icons/school.js';
 import { IconScissors as IconScissors$1 } from '@sebgroup/green-core/components/icon/icons/scissors.js';
 import { IconSearchMenu as IconSearchMenu$1 } from '@sebgroup/green-core/components/icon/icons/search-menu.js';
-import { IconSeb as IconSeb$1 } from '@sebgroup/green-core/components/icon/icons/seb.js';
 import { IconSettingsGear as IconSettingsGear$1 } from '@sebgroup/green-core/components/icon/icons/settings-gear.js';
 import { IconSettingsSliderHor as IconSettingsSliderHor$1 } from '@sebgroup/green-core/components/icon/icons/settings-slider-hor.js';
 import { IconSettingsSliderThree as IconSettingsSliderThree$1 } from '@sebgroup/green-core/components/icon/icons/settings-slider-three.js';
@@ -216,7 +227,6 @@ import { IconShoppingBag as IconShoppingBag$1 } from '@sebgroup/green-core/compo
 import { IconSmartwatch as IconSmartwatch$1 } from '@sebgroup/green-core/components/icon/icons/smartwatch.js';
 import { IconSolarPanel as IconSolarPanel$1 } from '@sebgroup/green-core/components/icon/icons/solar-panel.js';
 import { IconSolar as IconSolar$1 } from '@sebgroup/green-core/components/icon/icons/solar.js';
-import { IconSpotify as IconSpotify$1 } from '@sebgroup/green-core/components/icon/icons/spotify.js';
 import { IconSquareArrowTopRight as IconSquareArrowTopRight$1 } from '@sebgroup/green-core/components/icon/icons/square-arrow-top-right.js';
 import { IconSquareBehindSquare as IconSquareBehindSquare$1 } from '@sebgroup/green-core/components/icon/icons/square-behind-square.js';
 import { IconSquareCheck as IconSquareCheck$1 } from '@sebgroup/green-core/components/icon/icons/square-check.js';
@@ -247,7 +257,6 @@ import { IconTrendingThree as IconTrendingThree$1 } from '@sebgroup/green-core/c
 import { IconTrendingTwo as IconTrendingTwo$1 } from '@sebgroup/green-core/components/icon/icons/trending-two.js';
 import { IconTriangleExclamation as IconTriangleExclamation$1 } from '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import { IconTruck as IconTruck$1 } from '@sebgroup/green-core/components/icon/icons/truck.js';
-import { IconTwitter as IconTwitter$1 } from '@sebgroup/green-core/components/icon/icons/twitter.js';
 import { IconUmbrellaSecurity as IconUmbrellaSecurity$1 } from '@sebgroup/green-core/components/icon/icons/umbrella-security.js';
 import { IconUnlocked as IconUnlocked$1 } from '@sebgroup/green-core/components/icon/icons/unlocked.js';
 import { IconVerticalAlignmentRight as IconVerticalAlignmentRight$1 } from '@sebgroup/green-core/components/icon/icons/vertical-alignment-right.js';
@@ -2966,6 +2975,7 @@ var Modal = function Modal(_a) {
     _useState6 = _slicedToArray(_useState5, 2),
     shouldRender = _useState6[0],
     setShouldRender = _useState6[1];
+  var modalRef = useRef(null);
   useEffect(function () {
     if (isOpen && !shouldRender && status === UNMOUNTED) {
       setShouldRender(true);
@@ -2984,6 +2994,17 @@ var Modal = function Modal(_a) {
         setShouldRender(false);
       }, DELAY);
     }
+    if (isOpen && modalRef.current) {
+      // Disable scrolling on the body when the modal is open
+      disableBodyScroll(modalRef.current);
+    } else if (modalRef.current) {
+      // Enable scrolling on the body when the modal is closed
+      enableBodyScroll(modalRef.current);
+    }
+    return function () {
+      // Cleanup by enabling body scroll and removing all scroll locks
+      clearAllBodyScrollLocks();
+    };
   }, [isOpen, shouldRender, status]);
   if (!isOpen) return null;
   var bodyId = "".concat(uuid, "_body");
@@ -3006,6 +3027,7 @@ var Modal = function Modal(_a) {
         modalContent = jsxs("aside", Object.assign({
           className: className
         }, dialogProps, {
+          ref: modalRef,
           children: [jsx(ModalHeader, Object.assign({
             id: headerId,
             setStatus: setStatus,
@@ -3020,6 +3042,7 @@ var Modal = function Modal(_a) {
     case 'takeover':
       {
         modalContent = jsxs("main", Object.assign({}, dialogProps, {
+          ref: modalRef,
           children: [jsx(ModalHeader, Object.assign({
             id: headerId
           }, props)), jsx(ModalBody, Object.assign({
@@ -3032,6 +3055,7 @@ var Modal = function Modal(_a) {
       {
         modalContent = jsx("div", {
           className: "gds-dialog-wrapper",
+          ref: modalRef,
           children: jsxs("section", Object.assign({}, dialogProps, {
             children: [jsx(ModalHeader, Object.assign({
               id: headerId
@@ -3080,12 +3104,6 @@ var IconAirplaneUp = createComponent({
   react: React
 });
 
-var IconAppleMusic = createComponent({
-  tagName: getScopedTagName('gds-icon-apple-music'),
-  elementClass: IconAppleMusic$1,
-  react: React
-});
-
 var IconArchive = createComponent({
   tagName: getScopedTagName('gds-icon-archive'),
   elementClass: IconArchive$1,
@@ -3242,6 +3260,12 @@ var IconAt = createComponent({
   react: React
 });
 
+var IconBack = createComponent({
+  tagName: getScopedTagName('gds-icon-back'),
+  elementClass: IconBack$1,
+  react: React
+});
+
 var IconBag = createComponent({
   tagName: getScopedTagName('gds-icon-bag'),
   elementClass: IconBag$1,
@@ -3254,12 +3278,6 @@ var IconBank = createComponent({
   react: React
 });
 
-var IconBankid = createComponent({
-  tagName: getScopedTagName('gds-icon-bankid'),
-  elementClass: IconBankid$1,
-  react: React
-});
-
 var IconBanknote = createComponent({
   tagName: getScopedTagName('gds-icon-banknote'),
   elementClass: IconBanknote$1,
@@ -3344,6 +3362,96 @@ var IconBooks = createComponent({
   react: React
 });
 
+var IconBrandAppStore = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-app-store'),
+  elementClass: IconBrandAppStore$1,
+  react: React
+});
+
+var IconBrandAppleMusic = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-apple-music'),
+  elementClass: IconBrandAppleMusic$1,
+  react: React
+});
+
+var IconBrandBankid = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-bankid'),
+  elementClass: IconBrandBankid$1,
+  react: React
+});
+
+var IconBrandChrome = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-chrome'),
+  elementClass: IconBrandChrome$1,
+  react: React
+});
+
+var IconBrandFacebook = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-facebook'),
+  elementClass: IconBrandFacebook$1,
+  react: React
+});
+
+var IconBrandFigma = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-figma'),
+  elementClass: IconBrandFigma$1,
+  react: React
+});
+
+var IconBrandGithub = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-github'),
+  elementClass: IconBrandGithub$1,
+  react: React
+});
+
+var IconBrandGreen = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-green'),
+  elementClass: IconBrandGreen$1,
+  react: React
+});
+
+var IconBrandInstagram = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-instagram'),
+  elementClass: IconBrandInstagram$1,
+  react: React
+});
+
+var IconBrandLinkedin = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-linkedin'),
+  elementClass: IconBrandLinkedin$1,
+  react: React
+});
+
+var IconBrandPlayStore = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-play-store'),
+  elementClass: IconBrandPlayStore$1,
+  react: React
+});
+
+var IconBrandRssFeed = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-rss-feed'),
+  elementClass: IconBrandRssFeed$1,
+  react: React
+});
+
+var IconBrandSeb = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-seb'),
+  elementClass: IconBrandSeb$1,
+  react: React
+});
+
+var IconBrandSpotify = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-spotify'),
+  elementClass: IconBrandSpotify$1,
+  react: React
+});
+
+var IconBrandX = createComponent({
+  tagName: getScopedTagName('gds-icon-brand-x'),
+  elementClass: IconBrandX$1,
+  react: React
+});
+
 var IconBrush = createComponent({
   tagName: getScopedTagName('gds-icon-brush'),
   elementClass: IconBrush$1,
@@ -3536,12 +3644,6 @@ var IconChevronTop = createComponent({
   react: React
 });
 
-var IconChrome = createComponent({
-  tagName: getScopedTagName('gds-icon-chrome'),
-  elementClass: IconChrome$1,
-  react: React
-});
-
 var IconCircleCheck = createComponent({
   tagName: getScopedTagName('gds-icon-circle-check'),
   elementClass: IconCircleCheck$1,
@@ -3692,9 +3794,15 @@ var IconEuro = createComponent({
   react: React
 });
 
-var IconFacebook = createComponent({
-  tagName: getScopedTagName('gds-icon-facebook'),
-  elementClass: IconFacebook$1,
+var IconEyeOpen = createComponent({
+  tagName: getScopedTagName('gds-icon-eye-open'),
+  elementClass: IconEyeOpen$1,
+  react: React
+});
+
+var IconEyeSlash = createComponent({
+  tagName: getScopedTagName('gds-icon-eye-slash'),
+  elementClass: IconEyeSlash$1,
   react: React
 });
 
@@ -3704,9 +3812,9 @@ var IconFashion = createComponent({
   react: React
 });
 
-var IconFigma = createComponent({
-  tagName: getScopedTagName('gds-icon-figma'),
-  elementClass: IconFigma$1,
+var IconFastForward = createComponent({
+  tagName: getScopedTagName('gds-icon-fast-forward'),
+  elementClass: IconFastForward$1,
   react: React
 });
 
@@ -3788,12 +3896,6 @@ var IconFolder = createComponent({
   react: React
 });
 
-var IconGithub = createComponent({
-  tagName: getScopedTagName('gds-icon-github'),
-  elementClass: IconGithub$1,
-  react: React
-});
-
 var IconGlobus = createComponent({
   tagName: getScopedTagName('gds-icon-globus'),
   elementClass: IconGlobus$1,
@@ -3806,12 +3908,6 @@ var IconGraduateCap = createComponent({
   react: React
 });
 
-var IconGreen = createComponent({
-  tagName: getScopedTagName('gds-icon-green'),
-  elementClass: IconGreen$1,
-  react: React
-});
-
 var IconGroup = createComponent({
   tagName: getScopedTagName('gds-icon-group'),
   elementClass: IconGroup$1,
@@ -3884,12 +3980,6 @@ var IconImages = createComponent({
   react: React
 });
 
-var IconInstagram = createComponent({
-  tagName: getScopedTagName('gds-icon-instagram'),
-  elementClass: IconInstagram$1,
-  react: React
-});
-
 var IconInvite = createComponent({
   tagName: getScopedTagName('gds-icon-invite'),
   elementClass: IconInvite$1,
@@ -3950,12 +4040,6 @@ var IconLineChartTwo = createComponent({
   react: React
 });
 
-var IconLinkedin = createComponent({
-  tagName: getScopedTagName('gds-icon-linkedin'),
-  elementClass: IconLinkedin$1,
-  react: React
-});
-
 var IconLock = createComponent({
   tagName: getScopedTagName('gds-icon-lock'),
   elementClass: IconLock$1,
@@ -4040,6 +4124,12 @@ var IconPaperclip = createComponent({
   react: React
 });
 
+var IconPause = createComponent({
+  tagName: getScopedTagName('gds-icon-pause'),
+  elementClass: IconPause$1,
+  react: React
+});
+
 var IconPencelLine = createComponent({
   tagName: getScopedTagName('gds-icon-pencel-line'),
   elementClass: IconPencelLine$1,
@@ -4082,6 +4172,12 @@ var IconPeopleCopy = createComponent({
   react: React
 });
 
+var IconPeopleProfile = createComponent({
+  tagName: getScopedTagName('gds-icon-people-profile'),
+  elementClass: IconPeopleProfile$1,
+  react: React
+});
+
 var IconPeopleRemove = createComponent({
   tagName: getScopedTagName('gds-icon-people-remove'),
   elementClass: IconPeopleRemove$1,
@@ -4232,12 +4328,6 @@ var IconRocket = createComponent({
   react: React
 });
 
-var IconRssFeed = createComponent({
-  tagName: getScopedTagName('gds-icon-rss-feed'),
-  elementClass: IconRssFeed$1,
-  react: React
-});
-
 var IconSchool = createComponent({
   tagName: getScopedTagName('gds-icon-school'),
   elementClass: IconSchool$1,
@@ -4256,12 +4346,6 @@ var IconSearchMenu = createComponent({
   react: React
 });
 
-var IconSeb = createComponent({
-  tagName: getScopedTagName('gds-icon-seb'),
-  elementClass: IconSeb$1,
-  react: React
-});
-
 var IconSettingsGear = createComponent({
   tagName: getScopedTagName('gds-icon-settings-gear'),
   elementClass: IconSettingsGear$1,
@@ -4316,12 +4400,6 @@ var IconSolar = createComponent({
   react: React
 });
 
-var IconSpotify = createComponent({
-  tagName: getScopedTagName('gds-icon-spotify'),
-  elementClass: IconSpotify$1,
-  react: React
-});
-
 var IconSquareArrowTopRight = createComponent({
   tagName: getScopedTagName('gds-icon-square-arrow-top-right'),
   elementClass: IconSquareArrowTopRight$1,
@@ -4502,12 +4580,6 @@ var IconTruck = createComponent({
   react: React
 });
 
-var IconTwitter = createComponent({
-  tagName: getScopedTagName('gds-icon-twitter'),
-  elementClass: IconTwitter$1,
-  react: React
-});
-
 var IconUmbrellaSecurity = createComponent({
   tagName: getScopedTagName('gds-icon-umbrella-security'),
   elementClass: IconUmbrellaSecurity$1,
@@ -5118,4 +5190,4 @@ var Segment = function Segment(_a) {
   }, props));
 };
 
-export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, BankId, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Card, Check, Checkbox, ChevronDown, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, CoreSegementedControl, CoreSegment, Datepicker, Dropdown, Edit, EmailInput, Flexbox, Form, FormItem, FormItems, Group, GroupedList, IconAirplaneUp, IconAppleMusic, IconArchive, IconArrow, IconArrowBoxLeft, IconArrowBoxRight, IconArrowDown, IconArrowInbox, IconArrowLeft, IconArrowLeftRight, IconArrowOutOfBox, IconArrowRight, IconArrowRightCircle, IconArrowRightDownCircle, IconArrowRightUpCircle, IconArrowRotateClockwise, IconArrowRotateCounterClockwise, IconArrowRotateLeftRight, IconArrowRotateRightLeft, IconArrowShareLeft, IconArrowShareRight, IconArrowUp, IconArrowWallDown, IconArrowWallLeft, IconArrowWallRight, IconArrowWallUp, IconArrowsRepeat, IconAt, IconBag, IconBank, IconBankid, IconBanknote, IconBarcode, IconBarsThree, IconBarsTwo, IconBatteryLoading, IconBell, IconBlock, IconBook, IconBookmark, IconBookmarkCheck, IconBookmarkDelete, IconBookmarkPlus, IconBookmarkRemove, IconBooks, IconBrush, IconBubble, IconBubbleAnnotation, IconBubbleDots, IconBubbleQuestion, IconBubbleQuotes, IconBubbleText, IconBubbleWideAnnotation, IconBubbles, IconBuildings, IconButton, IconCainLink, IconCalculator, IconCalendar, IconCalendarCheck, IconCalenderAdd, IconCall, IconCar, IconChargingStation, IconChartOne, IconChartPresentation, IconChartTwo, IconChecklist, IconCheckmark, IconChevronBottom, IconChevronDoubleDown, IconChevronDoubleLeft, IconChevronDoubleRight, IconChevronDoubleUp, IconChevronGrabberVertical, IconChevronLeft, IconChevronRight, IconChevronTop, IconChrome, IconCircleCheck, IconCircleInfo, IconCircleMinus, IconCirclePlaceholderOn, IconCirclePlus, IconCircleQuestionmark, IconCircleX, IconCirclesThree, IconClock, IconCloudUpload, IconCloudySun, IconCompassRound, IconCreditCard, IconCrossLarge, IconCrossSmall, IconCupHot, IconDevices, IconDirection, IconDollar, IconDotGridOneHorizontal, IconDotGridOneVertical, IconDotGridThree, IconDotGridTwo, IconEmail, IconEuro, IconFacebook, IconFashion, IconFigma, IconFileBend, IconFileChart, IconFileText, IconFiles, IconFilter, IconFlag, IconFloppyDisk, IconFocus, IconFocusSquare, IconFolder, IconFolderAddRight, IconFolderPaper, IconFolderUpload, IconGithub, IconGlobus, IconGraduateCap, IconGreen, IconGroup, IconGrowth, IconHeadphones, IconHeart, IconHeartBeat, IconHistory, IconHomeEnergyOne, IconHomeEnergyTwo, IconHomeOpen, IconHomeRoof, IconHorizontalAlignmentBottom, IconImages, IconInstagram, IconInvite, IconKnifeSpoon, IconLaw, IconLightBulb, IconLightBulbSimple, IconLightning, IconLineChartFour, IconLineChartOne, IconLineChartThree, IconLineChartTwo, IconLinkedin, IconLock, IconMacbookAir, IconMagnifyingGlass, IconMaintenance, IconMapPin, IconMegaphone, IconMinusLarge, IconMinusSmall, IconMoneyHand, IconMoneybag, IconMoon, IconMute, IconPageText, IconPaperclip, IconPencelLine, IconPencilSparkle, IconPencilWave, IconPeople, IconPeopleAdd, IconPeopleAdded, IconPeopleCircle, IconPeopleCopy, IconPeopleRemove, IconPercent, IconPhone, IconPhoneDynamicIsland, IconPieChart, IconPiggyBank, IconPin, IconPinch, IconPlay, IconPlayCircle, IconPlusLarge, IconPlusSmall, IconPoop, IconPowerPlant, IconPrinter, IconPush, IconQrCode, IconRainy, IconRaisingHand, IconReadingList, IconReceiptBill, IconReceiptionBell, IconRobot, IconRocket, IconRssFeed, IconSchool, IconScissors, IconSearchMenu, IconSeb, IconSettingsGear, IconSettingsSliderHor, IconSettingsSliderThree, IconSettingsSliderVer, IconShare, IconShoppingBag, IconSmartwatch, IconSolar, IconSolarPanel, IconSpotify, IconSquareArrowTopRight, IconSquareBehindSquare, IconSquareCheck, IconSquareGridCircle, IconSquareInfo, IconSquareMinus, IconSquarePlaceholder, IconSquarePlus, IconSquareX, IconStar, IconStore, IconSuitcaseWork, IconSun, IconTag, IconTelevision, IconTennis, IconTextEdit, IconThermostat, IconThumbsDown, IconThumbsUp, IconTodos, IconTradingViewCandles, IconTrashCan, IconTree, IconTrendingFour, IconTrendingOne, IconTrendingThree, IconTrendingTwo, IconTriangleExclamation, IconTruck, IconTwitter, IconUmbrellaSecurity, IconUnlocked, IconVerticalAlignmentRight, IconVolumeFull, IconVolumeHalf, IconVolumeOff, IconWallet, IconWarningSign, IconZap, IconZoomIn, IconZoomOut, InPageWizardStepCard, InfoCircle, Input, Link, List$1 as List, ListItem, MenuItem, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, Segment, SegmentedControl, Select, Slider, SortDirection, SquareExclamation, SquareInfo, Stepper, Tab, Table, TableBody, TableCell, TableContext, TableHeader, TableHeaderCell, TableRow, Tabs, Text, TextArea, TextInput, Times, valueList$1 as ValueList, filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols, useTableContext };
+export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, BankId, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Card, Check, Checkbox, ChevronDown, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, CoreSegementedControl, CoreSegment, Datepicker, Dropdown, Edit, EmailInput, Flexbox, Form, FormItem, FormItems, Group, GroupedList, IconAirplaneUp, IconArchive, IconArrow, IconArrowBoxLeft, IconArrowBoxRight, IconArrowDown, IconArrowInbox, IconArrowLeft, IconArrowLeftRight, IconArrowOutOfBox, IconArrowRight, IconArrowRightCircle, IconArrowRightDownCircle, IconArrowRightUpCircle, IconArrowRotateClockwise, IconArrowRotateCounterClockwise, IconArrowRotateLeftRight, IconArrowRotateRightLeft, IconArrowShareLeft, IconArrowShareRight, IconArrowUp, IconArrowWallDown, IconArrowWallLeft, IconArrowWallRight, IconArrowWallUp, IconArrowsRepeat, IconAt, IconBack, IconBag, IconBank, IconBanknote, IconBarcode, IconBarsThree, IconBarsTwo, IconBatteryLoading, IconBell, IconBlock, IconBook, IconBookmark, IconBookmarkCheck, IconBookmarkDelete, IconBookmarkPlus, IconBookmarkRemove, IconBooks, IconBrandAppStore, IconBrandAppleMusic, IconBrandBankid, IconBrandChrome, IconBrandFacebook, IconBrandFigma, IconBrandGithub, IconBrandGreen, IconBrandInstagram, IconBrandLinkedin, IconBrandPlayStore, IconBrandRssFeed, IconBrandSeb, IconBrandSpotify, IconBrandX, IconBrush, IconBubble, IconBubbleAnnotation, IconBubbleDots, IconBubbleQuestion, IconBubbleQuotes, IconBubbleText, IconBubbleWideAnnotation, IconBubbles, IconBuildings, IconButton, IconCainLink, IconCalculator, IconCalendar, IconCalendarCheck, IconCalenderAdd, IconCall, IconCar, IconChargingStation, IconChartOne, IconChartPresentation, IconChartTwo, IconChecklist, IconCheckmark, IconChevronBottom, IconChevronDoubleDown, IconChevronDoubleLeft, IconChevronDoubleRight, IconChevronDoubleUp, IconChevronGrabberVertical, IconChevronLeft, IconChevronRight, IconChevronTop, IconCircleCheck, IconCircleInfo, IconCircleMinus, IconCirclePlaceholderOn, IconCirclePlus, IconCircleQuestionmark, IconCircleX, IconCirclesThree, IconClock, IconCloudUpload, IconCloudySun, IconCompassRound, IconCreditCard, IconCrossLarge, IconCrossSmall, IconCupHot, IconDevices, IconDirection, IconDollar, IconDotGridOneHorizontal, IconDotGridOneVertical, IconDotGridThree, IconDotGridTwo, IconEmail, IconEuro, IconEyeOpen, IconEyeSlash, IconFashion, IconFastForward, IconFileBend, IconFileChart, IconFileText, IconFiles, IconFilter, IconFlag, IconFloppyDisk, IconFocus, IconFocusSquare, IconFolder, IconFolderAddRight, IconFolderPaper, IconFolderUpload, IconGlobus, IconGraduateCap, IconGroup, IconGrowth, IconHeadphones, IconHeart, IconHeartBeat, IconHistory, IconHomeEnergyOne, IconHomeEnergyTwo, IconHomeOpen, IconHomeRoof, IconHorizontalAlignmentBottom, IconImages, IconInvite, IconKnifeSpoon, IconLaw, IconLightBulb, IconLightBulbSimple, IconLightning, IconLineChartFour, IconLineChartOne, IconLineChartThree, IconLineChartTwo, IconLock, IconMacbookAir, IconMagnifyingGlass, IconMaintenance, IconMapPin, IconMegaphone, IconMinusLarge, IconMinusSmall, IconMoneyHand, IconMoneybag, IconMoon, IconMute, IconPageText, IconPaperclip, IconPause, IconPencelLine, IconPencilSparkle, IconPencilWave, IconPeople, IconPeopleAdd, IconPeopleAdded, IconPeopleCircle, IconPeopleCopy, IconPeopleProfile, IconPeopleRemove, IconPercent, IconPhone, IconPhoneDynamicIsland, IconPieChart, IconPiggyBank, IconPin, IconPinch, IconPlay, IconPlayCircle, IconPlusLarge, IconPlusSmall, IconPoop, IconPowerPlant, IconPrinter, IconPush, IconQrCode, IconRainy, IconRaisingHand, IconReadingList, IconReceiptBill, IconReceiptionBell, IconRobot, IconRocket, IconSchool, IconScissors, IconSearchMenu, IconSettingsGear, IconSettingsSliderHor, IconSettingsSliderThree, IconSettingsSliderVer, IconShare, IconShoppingBag, IconSmartwatch, IconSolar, IconSolarPanel, IconSquareArrowTopRight, IconSquareBehindSquare, IconSquareCheck, IconSquareGridCircle, IconSquareInfo, IconSquareMinus, IconSquarePlaceholder, IconSquarePlus, IconSquareX, IconStar, IconStore, IconSuitcaseWork, IconSun, IconTag, IconTelevision, IconTennis, IconTextEdit, IconThermostat, IconThumbsDown, IconThumbsUp, IconTodos, IconTradingViewCandles, IconTrashCan, IconTree, IconTrendingFour, IconTrendingOne, IconTrendingThree, IconTrendingTwo, IconTriangleExclamation, IconTruck, IconUmbrellaSecurity, IconUnlocked, IconVerticalAlignmentRight, IconVolumeFull, IconVolumeHalf, IconVolumeOff, IconWallet, IconWarningSign, IconZap, IconZoomIn, IconZoomOut, InPageWizardStepCard, InfoCircle, Input, Link, List$1 as List, ListItem, MenuItem, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, Segment, SegmentedControl, Select, Slider, SortDirection, SquareExclamation, SquareInfo, Stepper, Tab, Table, TableBody, TableCell, TableContext, TableHeader, TableHeaderCell, TableRow, Tabs, Text, TextArea, TextInput, Times, valueList$1 as ValueList, filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols, useTableContext };

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "3.15.0",
+  "version": "3.17.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.38.1",
-    "@sebgroup/chlorophyll": "^3.4.1",
+    "@sebgroup/green-core": "^1.41.0",
+    "@sebgroup/chlorophyll": "^3.6.2",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",
-    "classnames": "^2.3.2"
+    "classnames": "^2.3.2",
+    "body-scroll-lock": "^3.1.5"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/sebgroup/green.git"
+    "url": "git+https://github.com/seb-oss/green.git"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -26,7 +27,7 @@
   "contributors": [],
   "license": "Apache-2.0",
   "bugs": {
-    "url": "https://github.com/sebgroup/green/labels/react"
+    "url": "https://github.com/seb-oss/green/labels/react"
   },
   "homepage": "https://storybook.seb.io/latest/react/",
   "module": "./index.esm.js",

package/src/lib/icon/icons/IconBack.d.ts

@@ -0,0 +1,2 @@
+import { IconBack as Icon } from '@sebgroup/green-core/components/icon/icons/back.js';
+export declare const IconBack: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandAppStore.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandAppStore as Icon } from '@sebgroup/green-core/components/icon/icons/brand-app-store.js';
+export declare const IconBrandAppStore: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandAppleMusic.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandAppleMusic as Icon } from '@sebgroup/green-core/components/icon/icons/brand-apple-music.js';
+export declare const IconBrandAppleMusic: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandBankid.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandBankid as Icon } from '@sebgroup/green-core/components/icon/icons/brand-bankid.js';
+export declare const IconBrandBankid: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandChrome.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandChrome as Icon } from '@sebgroup/green-core/components/icon/icons/brand-chrome.js';
+export declare const IconBrandChrome: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandFacebook.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandFacebook as Icon } from '@sebgroup/green-core/components/icon/icons/brand-facebook.js';
+export declare const IconBrandFacebook: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandFigma.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandFigma as Icon } from '@sebgroup/green-core/components/icon/icons/brand-figma.js';
+export declare const IconBrandFigma: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandGithub.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandGithub as Icon } from '@sebgroup/green-core/components/icon/icons/brand-github.js';
+export declare const IconBrandGithub: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandGreen.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandGreen as Icon } from '@sebgroup/green-core/components/icon/icons/brand-green.js';
+export declare const IconBrandGreen: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandInstagram.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandInstagram as Icon } from '@sebgroup/green-core/components/icon/icons/brand-instagram.js';
+export declare const IconBrandInstagram: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandLinkedin.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandLinkedin as Icon } from '@sebgroup/green-core/components/icon/icons/brand-linkedin.js';
+export declare const IconBrandLinkedin: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandPlayStore.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandPlayStore as Icon } from '@sebgroup/green-core/components/icon/icons/brand-play-store.js';
+export declare const IconBrandPlayStore: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandRssFeed.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandRssFeed as Icon } from '@sebgroup/green-core/components/icon/icons/brand-rss-feed.js';
+export declare const IconBrandRssFeed: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandSeb.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandSeb as Icon } from '@sebgroup/green-core/components/icon/icons/brand-seb.js';
+export declare const IconBrandSeb: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandSpotify.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandSpotify as Icon } from '@sebgroup/green-core/components/icon/icons/brand-spotify.js';
+export declare const IconBrandSpotify: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBrandX.d.ts

@@ -0,0 +1,2 @@
+import { IconBrandX as Icon } from '@sebgroup/green-core/components/icon/icons/brand-x.js';
+export declare const IconBrandX: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconEyeOpen.d.ts

@@ -0,0 +1,2 @@
+import { IconEyeOpen as Icon } from '@sebgroup/green-core/components/icon/icons/eye-open.js';
+export declare const IconEyeOpen: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconEyeSlash.d.ts

@@ -0,0 +1,2 @@
+import { IconEyeSlash as Icon } from '@sebgroup/green-core/components/icon/icons/eye-slash.js';
+export declare const IconEyeSlash: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconFastForward.d.ts

@@ -0,0 +1,2 @@
+import { IconFastForward as Icon } from '@sebgroup/green-core/components/icon/icons/fast-forward.js';
+export declare const IconFastForward: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconPause.d.ts

@@ -0,0 +1,2 @@
+import { IconPause as Icon } from '@sebgroup/green-core/components/icon/icons/pause.js';
+export declare const IconPause: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconPeopleProfile.d.ts

@@ -0,0 +1,2 @@
+import { IconPeopleProfile as Icon } from '@sebgroup/green-core/components/icon/icons/people-profile.js';
+export declare const IconPeopleProfile: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconSeb.d.ts

@@ -1,2 +1,3 @@
 import { IconSeb as Icon } from '@sebgroup/green-core/components/icon/icons/seb.js';
+/** @deprecated - Use `IconBrandSeb` instead */
 export declare const IconSeb: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/index.d.ts

@@ -1,5 +1,4 @@
 export * from './IconAirplaneUp';
-export * from './IconAppleMusic';
 export * from './IconArchive';
 export * from './IconArrowBoxLeft';
 export * from './IconArrowBoxRight';
@@ -26,9 +25,9 @@ export * from './IconArrowWallUp';
 export * from './IconArrow';
 export * from './IconArrowsRepeat';
 export * from './IconAt';
+export * from './IconBack';
 export * from './IconBag';
 export * from './IconBank';
-export * from './IconBankid';
 export * from './IconBanknote';
 export * from './IconBarcode';
 export * from './IconBarsThree';
@@ -43,6 +42,21 @@ export * from './IconBookmarkPlus';
 export * from './IconBookmarkRemove';
 export * from './IconBookmark';
 export * from './IconBooks';
+export * from './IconBrandAppStore';
+export * from './IconBrandAppleMusic';
+export * from './IconBrandBankid';
+export * from './IconBrandChrome';
+export * from './IconBrandFacebook';
+export * from './IconBrandFigma';
+export * from './IconBrandGithub';
+export * from './IconBrandGreen';
+export * from './IconBrandInstagram';
+export * from './IconBrandLinkedin';
+export * from './IconBrandPlayStore';
+export * from './IconBrandRssFeed';
+export * from './IconBrandSeb';
+export * from './IconBrandSpotify';
+export * from './IconBrandX';
 export * from './IconBrush';
 export * from './IconBubbleAnnotation';
 export * from './IconBubbleDots';
@@ -75,7 +89,6 @@ export * from './IconChevronGrabberVertical';
 export * from './IconChevronLeft';
 export * from './IconChevronRight';
 export * from './IconChevronTop';
-export * from './IconChrome';
 export * from './IconCircleCheck';
 export * from './IconCircleInfo';
 export * from './IconCircleMinus';
@@ -101,9 +114,10 @@ export * from './IconDotGridThree';
 export * from './IconDotGridTwo';
 export * from './IconEmail';
 export * from './IconEuro';
-export * from './IconFacebook';
+export * from './IconEyeOpen';
+export * from './IconEyeSlash';
 export * from './IconFashion';
-export * from './IconFigma';
+export * from './IconFastForward';
 export * from './IconFileBend';
 export * from './IconFileChart';
 export * from './IconFileText';
@@ -117,10 +131,8 @@ export * from './IconFolderAddRight';
 export * from './IconFolderPaper';
 export * from './IconFolderUpload';
 export * from './IconFolder';
-export * from './IconGithub';
 export * from './IconGlobus';
 export * from './IconGraduateCap';
-export * from './IconGreen';
 export * from './IconGroup';
 export * from './IconGrowth';
 export * from './IconHeadphones';
@@ -133,7 +145,6 @@ export * from './IconHomeOpen';
 export * from './IconHomeRoof';
 export * from './IconHorizontalAlignmentBottom';
 export * from './IconImages';
-export * from './IconInstagram';
 export * from './IconInvite';
 export * from './IconKnifeSpoon';
 export * from './IconLaw';
@@ -144,7 +155,6 @@ export * from './IconLineChartFour';
 export * from './IconLineChartOne';
 export * from './IconLineChartThree';
 export * from './IconLineChartTwo';
-export * from './IconLinkedin';
 export * from './IconLock';
 export * from './IconMacbookAir';
 export * from './IconMagnifyingGlass';
@@ -159,6 +169,7 @@ export * from './IconMoon';
 export * from './IconMute';
 export * from './IconPageText';
 export * from './IconPaperclip';
+export * from './IconPause';
 export * from './IconPencelLine';
 export * from './IconPencilSparkle';
 export * from './IconPencilWave';
@@ -166,6 +177,7 @@ export * from './IconPeopleAdd';
 export * from './IconPeopleAdded';
 export * from './IconPeopleCircle';
 export * from './IconPeopleCopy';
+export * from './IconPeopleProfile';
 export * from './IconPeopleRemove';
 export * from './IconPeople';
 export * from './IconPercent';
@@ -191,11 +203,9 @@ export * from './IconReceiptBill';
 export * from './IconReceiptionBell';
 export * from './IconRobot';
 export * from './IconRocket';
-export * from './IconRssFeed';
 export * from './IconSchool';
 export * from './IconScissors';
 export * from './IconSearchMenu';
-export * from './IconSeb';
 export * from './IconSettingsGear';
 export * from './IconSettingsSliderHor';
 export * from './IconSettingsSliderThree';
@@ -205,7 +215,6 @@ export * from './IconShoppingBag';
 export * from './IconSmartwatch';
 export * from './IconSolarPanel';
 export * from './IconSolar';
-export * from './IconSpotify';
 export * from './IconSquareArrowTopRight';
 export * from './IconSquareBehindSquare';
 export * from './IconSquareCheck';
@@ -236,7 +245,6 @@ export * from './IconTrendingThree';
 export * from './IconTrendingTwo';
 export * from './IconTriangleExclamation';
 export * from './IconTruck';
-export * from './IconTwitter';
 export * from './IconUmbrellaSecurity';
 export * from './IconUnlocked';
 export * from './IconVerticalAlignmentRight';

package/src/lib/icon/icons/IconAppleMusic.d.ts

@@ -1,2 +0,0 @@
-import { IconAppleMusic as Icon } from '@sebgroup/green-core/components/icon/icons/apple-music.js';
-export declare const IconAppleMusic: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconBankid.d.ts

@@ -1,2 +0,0 @@
-import { IconBankid as Icon } from '@sebgroup/green-core/components/icon/icons/bankid.js';
-export declare const IconBankid: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconChrome.d.ts

@@ -1,2 +0,0 @@
-import { IconChrome as Icon } from '@sebgroup/green-core/components/icon/icons/chrome.js';
-export declare const IconChrome: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconFacebook.d.ts

@@ -1,2 +0,0 @@
-import { IconFacebook as Icon } from '@sebgroup/green-core/components/icon/icons/facebook.js';
-export declare const IconFacebook: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconFigma.d.ts

@@ -1,2 +0,0 @@
-import { IconFigma as Icon } from '@sebgroup/green-core/components/icon/icons/figma.js';
-export declare const IconFigma: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconGithub.d.ts

@@ -1,2 +0,0 @@
-import { IconGithub as Icon } from '@sebgroup/green-core/components/icon/icons/github.js';
-export declare const IconGithub: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconGreen.d.ts

@@ -1,2 +0,0 @@
-import { IconGreen as Icon } from '@sebgroup/green-core/components/icon/icons/green.js';
-export declare const IconGreen: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconInstagram.d.ts

@@ -1,2 +0,0 @@
-import { IconInstagram as Icon } from '@sebgroup/green-core/components/icon/icons/instagram.js';
-export declare const IconInstagram: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconLinkedin.d.ts

@@ -1,2 +0,0 @@
-import { IconLinkedin as Icon } from '@sebgroup/green-core/components/icon/icons/linkedin.js';
-export declare const IconLinkedin: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconRssFeed.d.ts

@@ -1,2 +0,0 @@
-import { IconRssFeed as Icon } from '@sebgroup/green-core/components/icon/icons/rss-feed.js';
-export declare const IconRssFeed: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconSpotify.d.ts

@@ -1,2 +0,0 @@
-import { IconSpotify as Icon } from '@sebgroup/green-core/components/icon/icons/spotify.js';
-export declare const IconSpotify: import("@lit/react").ReactWebComponent<Icon, {}>;

package/src/lib/icon/icons/IconTwitter.d.ts

@@ -1,2 +0,0 @@
-import { IconTwitter as Icon } from '@sebgroup/green-core/components/icon/icons/twitter.js';
-export declare const IconTwitter: import("@lit/react").ReactWebComponent<Icon, {}>;