@wf-financing/ui 4.7.3 → 4.7.4

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.es.js +6871 -6850
  3. package/dist/ui.css +1 -1
  4. package/package.json +3 -3
  5. package/src/components/banner/CloseButton.tsx +3 -3
  6. package/src/components/modal/Modal.tsx +2 -2
  7. package/src/components/modal/ModalFooter.tsx +2 -2
  8. package/src/utils/getModalItems.ts +2 -6
package/dist/ui.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--app-theme-key: wayflyer;--app-override-key: wayflyer;--defaults-borderRadius: 8px;--defaults-button-borderRadius: 9999px;--defaults-button-sizes-normal: 40px;--defaults-button-sizes-small: 32px;--defaults-modal-large-width-lg: 900px;--defaults-modal-large-width-md: 900px;--defaults-modal-normal-width-lg: 600px;--defaults-modal-normal-width-md: 504px;--defaults-page-width: 968px;--sizes-spacing-0: 0px;--sizes-spacing-0-5: 2px;--sizes-spacing-1: 4px;--sizes-spacing-1-5: 6px;--sizes-spacing-2: 8px;--sizes-spacing-3: 12px;--sizes-spacing-4: 16px;--sizes-spacing-5: 20px;--sizes-spacing-6: 24px;--sizes-spacing-7: 28px;--sizes-spacing-8: 32px;--sizes-spacing-9: 36px;--sizes-spacing-10: 40px;--sizes-spacing-11: 44px;--sizes-spacing-12: 48px;--sizes-spacing-13: 52px;--sizes-spacing-14: 56px;--sizes-spacing-15: 60px;--sizes-spacing-16: 64px;--sizes-spacing-17: 68px;--sizes-spacing-18: 72px;--sizes-spacing-19: 76px;--sizes-spacing-20: 80px;--sizes-spacing-24: 96px;--sizes-spacing-32: 128px;--sizes-spacing-auto: auto;--cta-content: default;--cta-surface: light;--effects-blur: blur(6px);--effects-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 2px var(--palette-border-interactive-focusRingOuter);--effects-shadow: 0px 2px 20px rgba(22, 21, 23, .08);--palette-bg-accent-strong: #001eff;--palette-bg-accent-subtle: #e4edff;--palette-bg-interactive-active: #000000;--palette-bg-interactive-activeInverse: #ffffff;--palette-bg-interactive-activeSubtle: #000000;--palette-bg-interactive-activeSubtleInverse: #ffffff;--palette-bg-interactive-hover: #000000;--palette-bg-interactive-hoverInverse: #ffffff;--palette-bg-interactive-hoverSubtle: #000000;--palette-bg-interactive-hoverSubtleInverse: #ffffff;--palette-bg-neutral-base: #ffffff;--palette-bg-neutral-inverse: #333333;--palette-bg-neutral-medium: #f5f5f5;--palette-bg-neutral-overlay: #000000;--palette-bg-neutral-step: #929292;--palette-bg-neutral-strong: #d9d9d9;--palette-bg-neutral-subtle: #f9f9f8;--palette-bg-status-critical: #fde4e4;--palette-bg-status-criticalStrong: #cf2048;--palette-bg-status-info: #dcf0fe;--palette-bg-status-neutral: #ededed;--palette-bg-status-positive: #d8f3d8;--palette-bg-status-positiveStrong: #48834d;--palette-bg-status-warning: #ffe4d7;--palette-bg-status-warningStrong: #c94f30;--palette-border-accent-strong: #001eff;--palette-border-interactive-active: #000000;--palette-border-interactive-activeInverse: #ffffff;--palette-border-interactive-focusRingInner: #ffffff;--palette-border-interactive-focusRingInnerInverse: #333333;--palette-border-interactive-focusRingOuter: #001eff;--palette-border-interactive-focusRingOuterInverse: #f0f5ff;--palette-border-interactive-hover: #000000;--palette-border-interactive-hoverInverse: #ffffff;--palette-border-neutral-inverse: #333333;--palette-border-neutral-onInverse: #ffffff;--palette-border-neutral-strong: #8d8d8d;--palette-border-neutral-subtle: #d9d9d9;--palette-border-status-critical: #cf2048;--palette-border-status-info: #117baf;--palette-border-status-neutral: #8d8d8d;--palette-border-status-positive: #48834d;--palette-border-status-warning: #c94f30;--palette-content-accent-onAccent: #ffffff;--palette-content-accent-strong: #001eff;--palette-content-interactive-active: #000000;--palette-content-interactive-activeInverse: #ffffff;--palette-content-interactive-hover: #000000;--palette-content-interactive-hoverInverse: #ffffff;--palette-content-neutral-onInverse: #ffffff;--palette-content-neutral-strong: #333333;--palette-content-neutral-subtle: #737373;--palette-content-status-critical: #cf2048;--palette-content-status-info: #117baf;--palette-content-status-neutral: #333333;--palette-content-status-onCritical: #ffffff;--palette-content-status-positive: #48834d;--palette-content-status-warning: #c94f30;--palette-datavis-accent: #001eff;--palette-datavis-accentStrong: #000b6a;--palette-datavis-accentSubtle: #82aaff;--sizes-blur-100: 12px;--sizes-breakpoint-lg: 1280px;--sizes-breakpoint-md: 1024px;--sizes-breakpoint-sm: 768px;--sizes-breakpoint-xl: 1536px;--sizes-breakpoint-xs: 640px;--sizes-breakpoint-xxl: 1920px;--sizes-breakpoint-xxs: 375px;--sizes-breakpoint-xxxl: 2560px;--sizes-breakpoint-xxxs: 320px;--sizes-radius-2xl: 24px;--sizes-radius-full: 9999px;--sizes-radius-lg: 12px;--sizes-radius-md: 8px;--sizes-radius-none: 0px;--sizes-radius-sm: 4px;--sizes-radius-xl: 16px;--sizes-stroke-default: 1px;--sizes-stroke-focusRing: 2px;--sizes-stroke-strong: 2px;--typography-fontFamily-primaryTypeface: Inter;--typography-fontFamily-secondaryTypeface: Inter;--typography-fontSize-2xl: 22px;--typography-fontSize-3xl: 24px;--typography-fontSize-4xl: 28px;--typography-fontSize-5xl: 32px;--typography-fontSize-6xl: 36px;--typography-fontSize-lg: 18px;--typography-fontSize-md: 16px;--typography-fontSize-sm: 14px;--typography-fontSize-xl: 20px;--typography-fontSize-xs: 12px;--typography-fontWeight-medium: 500;--typography-fontWeight-mediumItalic: 500;--typography-fontWeight-regular: 400;--typography-fontWeight-regularItalic: 400;--typography-fontWeight-semibold: 600;--typography-fontWeight-semiboldItalic: 600;--typography-lineHeight-loose: 1.5;--typography-lineHeight-none: 1;--typography-lineHeight-normal: 1.4;--typography-lineHeight-tight: 1.2;--extendedPalette-chart-background: #fff;--extendedPalette-chart-boxShadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);--extendedPalette-chart-color: fade(@black, 85%);--extendedPalette-chart-colors-deselectedColor: #C0C0C0;--extendedPalette-chart-colors-gridColor: #E8E8E8;--extendedPalette-chart-colors-primaryColor: #54C4FC;--extendedPalette-chart-colors-primaryLabelColor: #262626;--extendedPalette-chart-colors-secondaryColor: #FCB779;--extendedPalette-chart-colors-secondaryColorPaler: #ada8ae;--extendedPalette-chart-colors-secondaryLabelColor: #8c8c8c;--extendedPalette-chart-delta-negative: #AD0000;--extendedPalette-chart-delta-positive: #0D610C;--extendedPalette-chart-multichartColors-chart1: #6B7280;--extendedPalette-chart-multichartColors-chart10: #6366F1;--extendedPalette-chart-multichartColors-chart11: #8B5CF6;--extendedPalette-chart-multichartColors-chart12: #EC4899;--extendedPalette-chart-multichartColors-chart13: #F43F5E;--extendedPalette-chart-multichartColors-chart2: #EF4444;--extendedPalette-chart-multichartColors-chart3: #F97316;--extendedPalette-chart-multichartColors-chart4: #F59E0B;--extendedPalette-chart-multichartColors-chart5: #0D610C;--extendedPalette-chart-multichartColors-chart6: #14B8A6;--extendedPalette-chart-multichartColors-chart7: #06B6D4;--extendedPalette-chart-multichartColors-chart8: #0EA5E9;--extendedPalette-chart-multichartColors-chart9: #3B82F6;--extendedPalette-chart-multiLineBarChartColors-bar-color1: #A7F3D0;--extendedPalette-chart-multiLineBarChartColors-bar-color2: #34D399;--extendedPalette-chart-multiLineBarChartColors-bar-color3: #059669;--extendedPalette-chart-multiLineBarChartColors-bar-color4: #06B6D4;--extendedPalette-chart-multiLineBarChartColors-bar-color5: #0EA5E9;--extendedPalette-chart-multiLineBarChartColors-bar-color6: #3B82F6;--extendedPalette-chart-multiLineBarChartColors-line-color1: #F59E0B;--extendedPalette-chart-multiLineBarChartColors-line-color2: #6366F1;--extendedPalette-chart-multiLineBarChartColors-line-color3: #EF4444;--extendedPalette-chart-multiLineBarChartColors-line-color4: #10B981;--extendedPalette-chart-multiLineBarChartColors-line-color5: #EC4899;--extendedPalette-chart-multiLineBarChartColors-line-color6: #F43F5E;--extendedPalette-chart-shadowColor: rgba(0, 0, 0, .15);--extendedPalette-pinnedMetrics-borderColor-default: #FFFFFF;--extendedPalette-pinnedMetrics-borderColor-sorted: #1D44CE;--extendedPalette-pinnedMetrics-borderColor-summary: #0D610C;--extendedPalette-pinnedMetrics-borderStyle: solid;--extendedPalette-pinnedMetrics-borderWidth: 2;--extendedPalette-scaler-iconColor: #ffffff;--extendedPalette-task-completed: #059669;--extendedPalette-task-pending: #faad14}
1
+ :root,:host{--app-theme-key: wayflyer;--app-override-key: wayflyer;--defaults-borderRadius: 8px;--defaults-button-borderRadius: 9999px;--defaults-button-sizes-normal: 40px;--defaults-button-sizes-small: 32px;--defaults-modal-large-width-lg: 900px;--defaults-modal-large-width-md: 900px;--defaults-modal-normal-width-lg: 600px;--defaults-modal-normal-width-md: 504px;--defaults-page-width: 968px;--sizes-spacing-0: 0px;--sizes-spacing-0-5: 2px;--sizes-spacing-1: 4px;--sizes-spacing-1-5: 6px;--sizes-spacing-2: 8px;--sizes-spacing-3: 12px;--sizes-spacing-4: 16px;--sizes-spacing-5: 20px;--sizes-spacing-6: 24px;--sizes-spacing-7: 28px;--sizes-spacing-8: 32px;--sizes-spacing-9: 36px;--sizes-spacing-10: 40px;--sizes-spacing-11: 44px;--sizes-spacing-12: 48px;--sizes-spacing-13: 52px;--sizes-spacing-14: 56px;--sizes-spacing-15: 60px;--sizes-spacing-16: 64px;--sizes-spacing-17: 68px;--sizes-spacing-18: 72px;--sizes-spacing-19: 76px;--sizes-spacing-20: 80px;--sizes-spacing-24: 96px;--sizes-spacing-32: 128px;--sizes-spacing-auto: auto;--cta-content: default;--cta-surface: light;--effects-blur: blur(6px);--effects-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 2px var(--palette-border-interactive-focusRingOuter);--effects-shadow: 0px 2px 20px rgba(22, 21, 23, .08);--palette-bg-accent-strong: #001eff;--palette-bg-accent-subtle: #e4edff;--palette-bg-interactive-active: #000000;--palette-bg-interactive-activeInverse: #ffffff;--palette-bg-interactive-activeSubtle: #000000;--palette-bg-interactive-activeSubtleInverse: #ffffff;--palette-bg-interactive-hover: #000000;--palette-bg-interactive-hoverInverse: #ffffff;--palette-bg-interactive-hoverSubtle: #000000;--palette-bg-interactive-hoverSubtleInverse: #ffffff;--palette-bg-neutral-base: #ffffff;--palette-bg-neutral-inverse: #333333;--palette-bg-neutral-medium: #f5f5f5;--palette-bg-neutral-overlay: #000000;--palette-bg-neutral-step: #929292;--palette-bg-neutral-strong: #d9d9d9;--palette-bg-neutral-subtle: #f9f9f8;--palette-bg-status-critical: #fde4e4;--palette-bg-status-criticalStrong: #cf2048;--palette-bg-status-info: #dcf0fe;--palette-bg-status-neutral: #ededed;--palette-bg-status-positive: #d8f3d8;--palette-bg-status-positiveStrong: #48834d;--palette-bg-status-warning: #ffe4d7;--palette-bg-status-warningStrong: #c94f30;--palette-border-accent-strong: #001eff;--palette-border-interactive-active: #000000;--palette-border-interactive-activeInverse: #ffffff;--palette-border-interactive-focusRingInner: #ffffff;--palette-border-interactive-focusRingInnerInverse: #333333;--palette-border-interactive-focusRingOuter: #001eff;--palette-border-interactive-focusRingOuterInverse: #f0f5ff;--palette-border-interactive-hover: #000000;--palette-border-interactive-hoverInverse: #ffffff;--palette-border-neutral-inverse: #333333;--palette-border-neutral-onInverse: #ffffff;--palette-border-neutral-strong: #8d8d8d;--palette-border-neutral-subtle: #d9d9d9;--palette-border-status-critical: #cf2048;--palette-border-status-info: #117baf;--palette-border-status-neutral: #8d8d8d;--palette-border-status-positive: #48834d;--palette-border-status-warning: #c94f30;--palette-content-accent-onAccent: #ffffff;--palette-content-accent-strong: #001eff;--palette-content-interactive-active: #000000;--palette-content-interactive-activeInverse: #ffffff;--palette-content-interactive-hover: #000000;--palette-content-interactive-hoverInverse: #ffffff;--palette-content-neutral-onInverse: #ffffff;--palette-content-neutral-strong: #333333;--palette-content-neutral-subtle: #737373;--palette-content-status-critical: #cf2048;--palette-content-status-info: #117baf;--palette-content-status-neutral: #333333;--palette-content-status-onCritical: #ffffff;--palette-content-status-positive: #48834d;--palette-content-status-warning: #c94f30;--palette-datavis-accent: #001eff;--palette-datavis-accentStrong: #000b6a;--palette-datavis-accentSubtle: #82aaff;--sizes-blur-100: 12px;--sizes-breakpoint-lg: 1280px;--sizes-breakpoint-md: 1024px;--sizes-breakpoint-sm: 768px;--sizes-breakpoint-xl: 1536px;--sizes-breakpoint-xs: 640px;--sizes-breakpoint-xxl: 1920px;--sizes-breakpoint-xxs: 375px;--sizes-breakpoint-xxxl: 2560px;--sizes-breakpoint-xxxs: 320px;--sizes-radius-2xl: 24px;--sizes-radius-full: 9999px;--sizes-radius-lg: 12px;--sizes-radius-md: 8px;--sizes-radius-none: 0px;--sizes-radius-sm: 4px;--sizes-radius-xl: 16px;--sizes-stroke-default: 1px;--sizes-stroke-focusRing: 2px;--sizes-stroke-strong: 2px;--typography-fontFamily-primaryTypeface: Inter;--typography-fontFamily-secondaryTypeface: Inter;--typography-fontFeatureSettings: "tnum", "ss01" 1, "ss02" 1, "ss04" 1;--typography-fontSize-2xl: 22px;--typography-fontSize-3xl: 24px;--typography-fontSize-4xl: 28px;--typography-fontSize-5xl: 32px;--typography-fontSize-6xl: 36px;--typography-fontSize-lg: 18px;--typography-fontSize-md: 16px;--typography-fontSize-sm: 14px;--typography-fontSize-xl: 20px;--typography-fontSize-xs: 12px;--typography-fontWeight-medium: 500;--typography-fontWeight-mediumItalic: 500;--typography-fontWeight-regular: 400;--typography-fontWeight-regularItalic: 400;--typography-fontWeight-semibold: 600;--typography-fontWeight-semiboldItalic: 600;--typography-lineHeight-loose: 1.5;--typography-lineHeight-none: 1;--typography-lineHeight-normal: 1.4;--typography-lineHeight-tight: 1.2;--extendedPalette-chart-background: #fff;--extendedPalette-chart-boxShadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);--extendedPalette-chart-color: fade(@black, 85%);--extendedPalette-chart-colors-deselectedColor: #C0C0C0;--extendedPalette-chart-colors-gridColor: #E8E8E8;--extendedPalette-chart-colors-primaryColor: #54C4FC;--extendedPalette-chart-colors-primaryLabelColor: #262626;--extendedPalette-chart-colors-secondaryColor: #FCB779;--extendedPalette-chart-colors-secondaryColorPaler: #ada8ae;--extendedPalette-chart-colors-secondaryLabelColor: #8c8c8c;--extendedPalette-chart-delta-negative: #AD0000;--extendedPalette-chart-delta-positive: #0D610C;--extendedPalette-chart-multichartColors-chart1: #6B7280;--extendedPalette-chart-multichartColors-chart10: #6366F1;--extendedPalette-chart-multichartColors-chart11: #8B5CF6;--extendedPalette-chart-multichartColors-chart12: #EC4899;--extendedPalette-chart-multichartColors-chart13: #F43F5E;--extendedPalette-chart-multichartColors-chart2: #EF4444;--extendedPalette-chart-multichartColors-chart3: #F97316;--extendedPalette-chart-multichartColors-chart4: #F59E0B;--extendedPalette-chart-multichartColors-chart5: #0D610C;--extendedPalette-chart-multichartColors-chart6: #14B8A6;--extendedPalette-chart-multichartColors-chart7: #06B6D4;--extendedPalette-chart-multichartColors-chart8: #0EA5E9;--extendedPalette-chart-multichartColors-chart9: #3B82F6;--extendedPalette-chart-multiLineBarChartColors-bar-color1: #A7F3D0;--extendedPalette-chart-multiLineBarChartColors-bar-color2: #34D399;--extendedPalette-chart-multiLineBarChartColors-bar-color3: #059669;--extendedPalette-chart-multiLineBarChartColors-bar-color4: #06B6D4;--extendedPalette-chart-multiLineBarChartColors-bar-color5: #0EA5E9;--extendedPalette-chart-multiLineBarChartColors-bar-color6: #3B82F6;--extendedPalette-chart-multiLineBarChartColors-line-color1: #F59E0B;--extendedPalette-chart-multiLineBarChartColors-line-color2: #6366F1;--extendedPalette-chart-multiLineBarChartColors-line-color3: #EF4444;--extendedPalette-chart-multiLineBarChartColors-line-color4: #10B981;--extendedPalette-chart-multiLineBarChartColors-line-color5: #EC4899;--extendedPalette-chart-multiLineBarChartColors-line-color6: #F43F5E;--extendedPalette-chart-shadowColor: rgba(0, 0, 0, .15);--extendedPalette-pinnedMetrics-borderColor-default: #FFFFFF;--extendedPalette-pinnedMetrics-borderColor-sorted: #1D44CE;--extendedPalette-pinnedMetrics-borderColor-summary: #0D610C;--extendedPalette-pinnedMetrics-borderStyle: solid;--extendedPalette-pinnedMetrics-borderWidth: 2;--extendedPalette-scaler-iconColor: #ffffff;--extendedPalette-task-completed: #059669;--extendedPalette-task-pending: #faad14}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wf-financing/ui",
3
- "version": "4.7.3",
3
+ "version": "4.7.4",
4
4
  "exports": {
5
5
  ".": {
6
6
  "import": "./dist/index.es.js",
@@ -37,10 +37,10 @@
37
37
  "react-intl": "^6.2.5",
38
38
  "react-markdown": "^10.1.0",
39
39
  "styled-components": "^6.1.19",
40
+ "@wf-financing/headless": "3.3.3",
40
41
  "@wf-financing/embedded-types": "1.1.1",
41
42
  "@wf-financing/logger": "2.2.2",
42
- "@wf-financing/ui-assets": "1.1.3",
43
- "@wf-financing/headless": "3.3.3"
43
+ "@wf-financing/ui-assets": "1.1.3"
44
44
  },
45
45
  "publishConfig": {
46
46
  "access": "public"
package/src/components/banner/CloseButton.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Button, Flex, useDetectDeviceSize } from '@wayflyer/flyui';
2
- import { IconX16Line } from '@wayflyer/flyui-icons/16/line';
2
+ import { IconXmark16Line } from '@wayflyer/flyui-icons/16/line';
3
3
 
4
4
  import { Logger } from '@wf-financing/logger';
5
5
  import { useDismissCta, usePartnerContext } from '../../hooks';
@@ -30,7 +30,7 @@ export const CloseButton = ({ isOnDarkTheme }: { isOnDarkTheme: boolean }) => {
30
30
  <MobileCloseContainer>
31
31
  <Button onClick={handleCloseWidget} variant={isOnDarkTheme ? 'TertiaryOnInverse' : 'Tertiary'}>
32
32
  <Flex padding="2">
33
- <IconX16Line />
33
+ <IconXmark16Line />
34
34
  </Flex>
35
35
  </Button>
36
36
  </MobileCloseContainer>
@@ -40,7 +40,7 @@ export const CloseButton = ({ isOnDarkTheme }: { isOnDarkTheme: boolean }) => {
40
40
  return (
41
41
  <Button onClick={handleCloseWidget} variant={isOnDarkTheme ? 'TertiaryOnInverse' : 'Tertiary'}>
42
42
  <Flex padding="2">
43
- <IconX16Line />
43
+ <IconXmark16Line />
44
44
  </Flex>
45
45
  </Button>
46
46
  );
package/src/components/modal/Modal.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Button, Dialog, Flex, useDetectDeviceSize } from '@wayflyer/flyui';
2
- import { IconX16Line } from '@wayflyer/flyui-icons/16/line';
2
+ import { IconXmark16Line } from '@wayflyer/flyui-icons/16/line';
3
3
  import { AnimatePresence, LazyMotion, domAnimation } from 'framer-motion';
4
4
  import { ReactNode, useId, useRef } from 'react';
5
5
  import { UNSAFE_PortalProvider as PortalProvider } from 'react-aria';
@@ -53,7 +53,7 @@ export const Modal = ({ isModalOpen, setIsModalOpen, children }: ModalProps) =>
53
53
  <div style={{ position: 'absolute', right: '10px', top: '10px' }}>
54
54
  <Button variant="Tertiary" onClick={() => setIsModalOpen(false)}>
55
55
  <Flex padding="2">
56
- <IconX16Line />
56
+ <IconXmark16Line />
57
57
  </Flex>
58
58
  </Button>
59
59
  </div>
package/src/components/modal/ModalFooter.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { Dispatch, SetStateAction } from 'react';
2
2
  import { Button, Flex, useDetectDeviceSize } from '@wayflyer/flyui';
3
- import { IconArrowOnSquareUpRight16Line } from '@wayflyer/flyui-icons/16/line';
3
+ import { IconOpenNewWindow16Line } from '@wayflyer/flyui-icons/16/line';
4
4
  import { StartHostedApplicationResponseType } from '@wf-financing/embedded-types';
5
5
  import { Logger } from '@wf-financing/logger';
6
6
 
@@ -37,7 +37,7 @@ export const ModalFooter = ({ button, termsAndConditions, setIsModalOpen }: Moda
37
37
  <Flex gap="2" direction={isSmallScreen || isMobile ? 'column' : 'row'}>
38
38
  <Button fullWidth onClick={handleStartApplication} loading={isLoading} variant="Primary" external>
39
39
  {button}
40
- {!isLoading && <IconArrowOnSquareUpRight16Line />}
40
+ {!isLoading && <IconOpenNewWindow16Line />}
41
41
  </Button>
42
42
  </Flex>
43
43
  <TemplateWithUrl templateString={termsAndConditions} />
package/src/utils/getModalItems.ts CHANGED
@@ -1,8 +1,4 @@
1
- import {
2
- IconArrowsCwHorizontal24Line,
3
- IconCheckCircle24Line,
4
- IconPersonCircle24Line,
5
- } from '@wayflyer/flyui-icons/24/line';
1
+ import { IconRefreshDouble24Line, IconCheckCircle24Line, IconProfileCircle24Line } from '@wayflyer/flyui-icons/24/line';
6
2
 
7
3
  type ModalDescriptions = {
8
4
  title: string;
@@ -10,7 +6,7 @@ type ModalDescriptions = {
10
6
  };
11
7
 
12
8
  export const getModalItems = (consentModalDescription: ModalDescriptions[]) => {
13
- const modalIcons = [IconPersonCircle24Line, IconArrowsCwHorizontal24Line, IconCheckCircle24Line];
9
+ const modalIcons = [IconProfileCircle24Line, IconRefreshDouble24Line, IconCheckCircle24Line];
14
10
 
15
11
  return consentModalDescription.map((description, id) => ({
16
12
  ...description,