Use new icon set

Author: LauraBeatris

packages/ui/src/components/ConfigureSSO/steps/ConfigureStep/saml/SamlCustomConfigureSteps.tsx

@@ -3,7 +3,7 @@ import { type JSX } from 'react';
 import { Col, descriptors, Heading, localizationKeys, Text } from '@/customizables';
 import { ClipboardInput } from '@/elements/ClipboardInput';
 import { Form } from '@/elements/Form';
-import { Check, ClipboardOutline } from '@/icons';
+import { Checkmark, Clipboard } from '@/icons';
 import { useFormControl } from '@/ui/utils/useFormControl';
 
 import { useConfigureSSO } from '../../../ConfigureSSOContext';
@@ -108,8 +108,8 @@ const SamlCustomCreateAppStep = (): JSX.Element => {
               <ClipboardInput
                 value={acsUrl}
                 readOnly
-                copyIcon={ClipboardOutline}
-                copiedIcon={Check}
+                copyIcon={Clipboard}
+                copiedIcon={Checkmark}
               />
             </Form.CommonInputWrapper>
           </Form.ControlRow>
@@ -119,8 +119,8 @@ const SamlCustomCreateAppStep = (): JSX.Element => {
               <ClipboardInput
                 value={spEntityId}
                 readOnly
-                copyIcon={ClipboardOutline}
-                copiedIcon={Check}
+                copyIcon={Clipboard}
+                copiedIcon={Checkmark}
               />
             </Form.CommonInputWrapper>
           </Form.ControlRow>

packages/ui/src/components/ConfigureSSO/steps/ConfigureStep/saml/SamlOktaConfigureSteps.tsx

@@ -3,7 +3,7 @@ import { type JSX } from 'react';
 import { Col, descriptors, Heading, localizationKeys, Text } from '@/customizables';
 import { ClipboardInput } from '@/elements/ClipboardInput';
 import { Form } from '@/elements/Form';
-import { Check, ClipboardOutline } from '@/icons';
+import { Checkmark, Clipboard } from '@/icons';
 import { useFormControl } from '@/ui/utils/useFormControl';
 
 import { useConfigureSSO } from '../../../ConfigureSSOContext';
@@ -180,8 +180,8 @@ const SamlOktaCreateAppStep = (): JSX.Element => {
               <ClipboardInput
                 value={acsUrl}
                 readOnly
-                copyIcon={ClipboardOutline}
-                copiedIcon={Check}
+                copyIcon={Clipboard}
+                copiedIcon={Checkmark}
               />
             </Form.CommonInputWrapper>
           </Form.ControlRow>
@@ -191,8 +191,8 @@ const SamlOktaCreateAppStep = (): JSX.Element => {
               <ClipboardInput
                 value={spEntityId}
                 readOnly
-                copyIcon={ClipboardOutline}
-                copiedIcon={Check}
+                copyIcon={Clipboard}
+                copiedIcon={Checkmark}
               />
             </Form.CommonInputWrapper>
           </Form.ControlRow>

packages/ui/src/components/ConfigureSSO/steps/ConfigureStep/saml/shared/IdentityProviderMetadataForm.tsx

@@ -20,7 +20,7 @@ import { useCardState } from '@/elements/contexts';
 import { Field } from '@/elements/FieldControl';
 import { Form } from '@/elements/Form';
 import { SegmentedControl } from '@/elements/SegmentedControl';
-import { Close, Upload } from '@/icons';
+import { ArrowUpTray, Close } from '@/icons';
 import type { FormControlState } from '@/ui/utils/useFormControl';
 import { useFormControl } from '@/ui/utils/useFormControl';
 import { handleError } from '@/utils/errorHandler';
@@ -369,7 +369,7 @@ const ManualEntryPanel = ({
                   onClick={() => certInputRef.current?.click()}
                 >
                   <Icon
-                    icon={Upload}
+                    icon={ArrowUpTray}
                     size='sm'
                     colorScheme='neutral'
                     sx={theme => ({ marginInlineEnd: theme.space.$1 })}