@okta/odyssey-react-mui 0.22.0 → 0.24.0

package/src/TextField.tsx

@@ -10,24 +10,21 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import { InputBase } from "@mui/material";
+import { InputAdornment, InputBase } from "@mui/material";
 import {
   ChangeEventHandler,
   FocusEventHandler,
   forwardRef,
   InputHTMLAttributes,
   memo,
-  ReactNode,
+  ReactElement,
   useCallback,
 } from "react";
 
 import { Field } from "./Field";
+import { Icon } from "./Icon";
 
 export type TextFieldProps = {
-  /**
-   * If `true`, the component will receive focus automatically.
-   */
-  autoFocus?: boolean;
   /**
    * This prop helps users to fill forms faster, especially on mobile devices.
    * The name can be confusing, as it's more like an autofill.
@@ -37,11 +34,15 @@ export type TextFieldProps = {
   /**
    * End `InputAdornment` for this component.
    */
-  endAdornment?: ReactNode;
+  endAdornment?: string | ReactElement<typeof Icon>;
   /**
    * If `error` is not undefined, the `input` will indicate an error.
    */
   errorMessage?: string;
+  /**
+   * If `true`, the component will receive focus automatically.
+   */
+  hasInitialFocus?: boolean;
   /**
    * The helper text content.
    */
@@ -59,13 +60,13 @@ export type TextFieldProps = {
    */
   isMultiline?: boolean;
   /**
-   * It prevents the user from changing the value of the field
+   * If `true`, the `input` element is not required.
    */
-  isReadOnly?: boolean;
+  isOptional?: boolean;
   /**
-   * If `true`, the `input` element is required.
+   * It prevents the user from changing the value of the field
    */
-  isRequired?: boolean;
+  isReadOnly?: boolean;
   /**
    * The label for the `input` element.
    */
@@ -82,10 +83,6 @@ export type TextFieldProps = {
    * Callback fired when the `input` element get focus.
    */
   onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-  /**
-   * The label for the `input` element if the it's not optional
-   */
-  optionalLabel?: string;
   /**
    * The short hint displayed in the `input` before the user enters a value.
    */
@@ -93,7 +90,7 @@ export type TextFieldProps = {
   /**
    * Start `InputAdornment` for this component.
    */
-  startAdornment?: ReactNode;
+  startAdornment?: string | ReactElement<typeof Icon>;
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    */
@@ -108,20 +105,19 @@ const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
   (
     {
       autoCompleteType,
-      autoFocus,
+      hasInitialFocus,
       endAdornment,
       errorMessage,
       hint,
       id: idOverride,
       isDisabled = false,
       isMultiline = false,
+      isOptional = false,
       isReadOnly,
-      isRequired = true,
       label,
       onBlur,
       onChange,
       onFocus,
-      optionalLabel,
       placeholder,
       startAdornment,
       type = "text",
@@ -135,24 +131,33 @@ const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
           aria-describedby={ariaDescribedBy}
           autoComplete={autoCompleteType}
           /* eslint-disable-next-line jsx-a11y/no-autofocus */
-          autoFocus={autoFocus}
-          endAdornment={endAdornment}
+          autoFocus={hasInitialFocus}
+          endAdornment={
+            endAdornment && (
+              <InputAdornment position="end">{endAdornment}</InputAdornment>
+            )
+          }
           id={id}
           multiline={isMultiline}
+          name={id}
           onBlur={onBlur}
           onChange={onChange}
           onFocus={onFocus}
           placeholder={placeholder}
           readOnly={isReadOnly}
           ref={ref}
-          startAdornment={startAdornment}
+          startAdornment={
+            startAdornment && (
+              <InputAdornment position="start">{startAdornment}</InputAdornment>
+            )
+          }
           type={type}
           value={value}
         />
       ),
       [
         autoCompleteType,
-        autoFocus,
+        hasInitialFocus,
         endAdornment,
         isMultiline,
         onChange,
@@ -170,13 +175,13 @@ const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
     return (
       <Field
         errorMessage={errorMessage}
+        fieldType="single"
         hasVisibleLabel
         hint={hint}
         id={idOverride}
         isDisabled={isDisabled}
-        isRequired={isRequired}
+        isOptional={isOptional}
         label={label}
-        optionalLabel={optionalLabel}
         renderFieldComponent={renderFieldComponent}
       />
     );
@@ -184,5 +189,6 @@ const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
 );
 
 const MemoizedTextField = memo(TextField);
+MemoizedTextField.displayName = "TextField";
 
 export { MemoizedTextField as TextField };

package/src/Toast.tsx

@@ -0,0 +1,140 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { AlertColor } from "@mui/material";
+import { useEffect, memo, useState, useCallback } from "react";
+import {
+  Alert,
+  AlertTitle,
+  CloseIcon,
+  Link,
+  Snackbar,
+  visuallyHidden,
+} from ".";
+import { Button } from "./Button";
+import { useTranslation } from "react-i18next";
+
+export type ToastProps = {
+  /**
+   * If set, this determines how long the toast should appear before automatically disappearing in milliseconds.
+   * It will only take effect if the toast is not dismissible.
+   * If left blank, it defaults to 6000.
+   */
+  autoHideDuration?: number;
+  /**
+   * If `true`, the alert will include a close button.
+   */
+  isDismissable?: boolean;
+  /**
+   * If true, the Toast is visible
+   */
+  isVisible?: boolean;
+  /**
+   * If linkUrl is not undefined, this is the text of the link.
+   * If left blank, it defaults to "Learn more".
+   * Note that linkText does nothing if linkUrl is not defined
+   */
+  linkText?: string;
+  /**
+   * If defined, the alert will include a link to the URL
+   */
+  linkUrl?: string;
+  /**
+   * An optional function to run when the Toast is closed.
+   */
+  onHide?: () => void;
+  /**
+   * Sets the ARIA role of the alert
+   * ("status" for something that dynamically updates, "alert" for errors, null for something
+   * unchanging)
+   */
+  role?: "status" | "alert";
+  /**
+   * Determine the color and icon of the alert
+   */
+  severity: AlertColor;
+  /**
+   * The text content of the alert
+   */
+  text: string;
+};
+
+const ClickAwayListenerProps = { onClickAway: () => false };
+
+const Toast = ({
+  autoHideDuration = 6000,
+  isDismissable,
+  linkText,
+  linkUrl,
+  isVisible: isVisibleProp,
+  onHide: onHideProp,
+  role,
+  severity,
+  text,
+}: ToastProps) => {
+  const { t } = useTranslation();
+
+  const [isVisible, setIsVisible] = useState(isVisibleProp);
+
+  useEffect(() => {
+    setIsVisible(isVisibleProp);
+  }, [isVisibleProp]);
+
+  const onHide = useCallback(() => {
+    setIsVisible(false);
+    onHideProp?.();
+  }, [onHideProp]);
+
+  return (
+    <Snackbar
+      open={isVisible}
+      autoHideDuration={
+        isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration
+      }
+      onClose={onHide}
+      className="Toast"
+      ClickAwayListenerProps={ClickAwayListenerProps}
+    >
+      <Alert
+        action={
+          isDismissable === true && (
+            <Button
+              aria-label={t("toast.close.text")}
+              onClick={onHide}
+              size="small"
+              startIcon={<CloseIcon />}
+              variant="floating"
+            />
+          )
+        }
+        role={role}
+        severity={severity}
+        variant="toast"
+      >
+        <AlertTitle>
+          <span style={visuallyHidden}>{severity}:</span>
+          {text}
+        </AlertTitle>
+        {linkUrl && (
+          <Link href={linkUrl} variant="monochrome">
+            {linkText}
+          </Link>
+        )}
+      </Alert>
+    </Snackbar>
+  );
+};
+
+const MemoizedToast = memo(Toast);
+MemoizedToast.displayName = "Toast";
+
+export { MemoizedToast as Toast };

package/src/{ThemeProvider.tsx → ToastStack.tsx}

@@ -11,16 +11,23 @@
  */
 
 import { memo, ReactElement } from "react";
+import { Box, Snackbar } from ".";
+import { Toast } from "./Toast";
 
-import { OdysseyCacheProvider } from "./OdysseyCacheProvider";
-import { OdysseyThemeProvider } from "./OdysseyThemeProvider";
+export type ToastStackProps = {
+  children: ReactElement<typeof Toast> | Array<ReactElement<typeof Toast>>;
+};
 
-const ThemeProvider = ({ children }: { children: ReactElement }) => (
-  <OdysseyCacheProvider>
-    <OdysseyThemeProvider>{children}</OdysseyThemeProvider>
-  </OdysseyCacheProvider>
-);
+const ToastStack = ({ children }: ToastStackProps) => {
+  return (
+    <Snackbar open={true}>
+      <Box display="flex" flexDirection="column-reverse" gap={2}>
+        {children}
+      </Box>
+    </Snackbar>
+  );
+};
 
-const MemoizedThemeProvider = memo(ThemeProvider);
+const MemoizedToastStack = memo(ToastStack);
 
-export { MemoizedThemeProvider as ThemeProvider };
+export { MemoizedToastStack as ToastStack };

package/src/Tooltip.tsx

@@ -0,0 +1,39 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { Tooltip as MuiTooltip } from "@mui/material";
+import type { TooltipProps as MuiTooltipProps } from "@mui/material";
+
+import { MuiPropsChild } from "./MuiPropsChild";
+import { ReactElement } from "react";
+
+export type TooltipProps = {
+  children: ReactElement;
+  ariaType: "description" | "label";
+  text: string;
+  placement?: MuiTooltipProps["placement"];
+};
+
+export const Tooltip = ({
+  ariaType,
+  children,
+  text,
+  placement,
+}: TooltipProps) => (
+  <MuiTooltip
+    describeChild={ariaType === "description"}
+    placement={placement}
+    title={text}
+  >
+    <MuiPropsChild>{children}</MuiPropsChild>
+  </MuiTooltip>
+);

package/src/iconDictionary/Add.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -29,10 +29,10 @@ export const AddIcon = forwardRef<SVGSVGElement, AddIconProps>((props, ref) => {
     >
       <>
         <path
+          fill="currentColor"
           fillRule="evenodd"
+          d="M7.5 1V7.5H1v1H7.5V15h1V8.5H15v-1H8.5V1h-1Z"
           clipRule="evenodd"
-          d="M7.5 1V1.03201V1.06396V1.09586V1.1277V1.15949V1.19123V1.22291V1.25454V1.28612V1.31764V1.34911V1.38053V1.41189V1.4432V1.47446V1.50567V1.53683V1.56794V1.59899V1.62999V1.66095V1.69185V1.7227V1.75351V1.78426V1.81496V1.84562V1.87622V1.90678V1.93728V1.96774V1.99815V2.02851V2.05883V2.08909V2.11931V2.14948V2.17961V2.20969V2.23972V2.2697V2.29964V2.32953V2.35938V2.38918V2.41894V2.44865V2.47831V2.50793V2.53751V2.56704V2.59653V2.62598V2.65538V2.68474V2.71405V2.74332V2.77255V2.80174V2.83088V2.85998V2.88905V2.91806V2.94704V2.97598V3.00487V3.03373V3.06254V3.09131V3.12004V3.14874V3.17739V3.206V3.23458V3.26311V3.29161V3.32007V3.34849V3.37687V3.40521V3.43352V3.46179V3.49002V3.51821V3.54637V3.57448V3.60257V3.63061V3.65863V3.6866V3.71454V3.74244V3.77031V3.79815V3.82594V3.85371V3.88144V3.90913V3.93679V3.96442V3.99202V4.01958V4.04711V4.0746V4.10206V4.12949V4.15689V4.18426V4.21159V4.2389V4.26617V4.29341V4.32062V4.34779V4.37494V4.40206V4.42915V4.45621V4.48323V4.51023V4.5372V4.56414V4.59105V4.61794V4.64479V4.67162V4.69842V4.72519V4.75193V4.77865V4.80534V4.832V4.85864V4.88525V4.91183V4.93839V4.96492V4.99142V5.0179V5.04436V5.07079V5.0972V5.12358V5.14993V5.17627V5.20258V5.22886V5.25512V5.28136V5.30758V5.33377V5.35994V5.38609V5.41222V5.43832V5.4644V5.49047V5.51651V5.54252V5.56852V5.5945V5.62046V5.64639V5.67231V5.69821V5.72408V5.74994V5.77578V5.8016V5.8274V5.85319V5.87895V5.9047V5.93043V5.95614V5.98183V6.00751V6.03317V6.05881V6.08444V6.11005V6.13564V6.16122V6.18678V6.21233V6.23786V6.26338V6.28888V6.31437V6.33984V6.3653V6.39074V6.41617V6.44159V6.467V6.49239V6.51777V6.54313V6.56848V6.59382V6.61915V6.64447V6.66978V6.69507V6.72035V6.74562V6.77089V6.79614V6.82138V6.84661V6.87183V6.89704V6.92224V6.94743V6.97261V6.99779V7.02295V7.04811V7.07326V7.0984V7.12353V7.14866V7.17378V7.19889V7.22399V7.24909V7.27418V7.29927V7.32435V7.34942V7.37449V7.39955V7.42461V7.44966V7.47471V7.49975V7.5H7.49975H7.47471H7.44966H7.42461H7.39955H7.37449H7.34942H7.32435H7.29927H7.27418H7.24909H7.22399H7.19889H7.17378H7.14866H7.12353H7.0984H7.07326H7.04811H7.02295H6.99779H6.97261H6.94743H6.92224H6.89704H6.87183H6.84661H6.82138H6.79614H6.77089H6.74562H6.72035H6.69507H6.66978H6.64447H6.61915H6.59382H6.56848H6.54313H6.51777H6.49239H6.467H6.44159H6.41617H6.39074H6.3653H6.33984H6.31437H6.28888H6.26338H6.23786H6.21233H6.18678H6.16122H6.13564H6.11005H6.08444H6.05881H6.03317H6.00751H5.98183H5.95614H5.93043H5.9047H5.87895H5.85319H5.8274H5.8016H5.77578H5.74994H5.72408H5.69821H5.67231H5.64639H5.62046H5.5945H5.56852H5.54252H5.51651H5.49047H5.4644H5.43832H5.41222H5.38609H5.35994H5.33377H5.30758H5.28136H5.25512H5.22886H5.20258H5.17627H5.14993H5.12358H5.0972H5.07079H5.04436H5.0179H4.99142H4.96492H4.93839H4.91183H4.88525H4.85864H4.832H4.80534H4.77865H4.75193H4.72519H4.69842H4.67162H4.64479H4.61794H4.59105H4.56414H4.5372H4.51023H4.48323H4.45621H4.42915H4.40206H4.37494H4.34779H4.32062H4.29341H4.26617H4.2389H4.21159H4.18426H4.15689H4.12949H4.10207H4.0746H4.04711H4.01958H3.99202H3.96442H3.9368H3.90913H3.88144H3.85371H3.82594H3.79815H3.77031H3.74244H3.71454H3.6866H3.65863H3.63061H3.60257H3.57448H3.54637H3.51821H3.49002H3.46179H3.43352H3.40521H3.37687H3.34849H3.32007H3.29161H3.26311H3.23458H3.20601H3.17739H3.14874H3.12004H3.09131H3.06254H3.03373H3.00487H2.97598H2.94704H2.91806H2.88904H2.85999H2.83088H2.80174H2.77255H2.74332H2.71405H2.68474H2.65538H2.62598H2.59653H2.56704H2.53751H2.50793H2.47831H2.44865H2.41894H2.38918H2.35938H2.32953H2.29964H2.2697H2.23972H2.20969H2.17961H2.14948H2.11931H2.08909H2.05883H2.02851H1.99815H1.96774H1.93728H1.90678H1.87622H1.84562H1.81496H1.78426H1.75351H1.7227H1.69185H1.66095H1.62999H1.59899H1.56794H1.53683H1.50567H1.47446H1.4432H1.41189H1.38053H1.34911H1.31764H1.28612H1.25454H1.22291H1.19123H1.15949H1.1277H1.09586H1.06396H1.03201H1V8.5H1.03201H1.06396H1.09586H1.1277H1.15949H1.19123H1.22291H1.25454H1.28612H1.31764H1.34911H1.38053H1.41189H1.4432H1.47446H1.50567H1.53683H1.56794H1.59899H1.62999H1.66095H1.69185H1.7227H1.75351H1.78426H1.81496H1.84562H1.87622H1.90678H1.93728H1.96774H1.99815H2.02851H2.05883H2.08909H2.11931H2.14948H2.17961H2.20969H2.23972H2.2697H2.29964H2.32953H2.35938H2.38918H2.41894H2.44865H2.47831H2.50793H2.53751H2.56704H2.59653H2.62598H2.65538H2.68474H2.71405H2.74332H2.77255H2.80174H2.83088H2.85999H2.88904H2.91806H2.94704H2.97598H3.00487H3.03373H3.06254H3.09131H3.12004H3.14874H3.17739H3.20601H3.23458H3.26311H3.29161H3.32007H3.34849H3.37687H3.40521H3.43352H3.46179H3.49002H3.51821H3.54637H3.57448H3.60257H3.63061H3.65863H3.6866H3.71454H3.74244H3.77031H3.79815H3.82594H3.85371H3.88144H3.90913H3.9368H3.96442H3.99202H4.01958H4.04711H4.0746H4.10207H4.12949H4.15689H4.18426H4.21159H4.2389H4.26617H4.29341H4.32062H4.34779H4.37494H4.40206H4.42915H4.45621H4.48323H4.51023H4.5372H4.56414H4.59105H4.61794H4.64479H4.67162H4.69842H4.72519H4.75193H4.77865H4.80534H4.832H4.85864H4.88525H4.91183H4.93839H4.96492H4.99142H5.0179H5.04436H5.07079H5.0972H5.12358H5.14993H5.17627H5.20258H5.22886H5.25512H5.28136H5.30758H5.33377H5.35994H5.38609H5.41222H5.43832H5.4644H5.49047H5.51651H5.54252H5.56852H5.5945H5.62046H5.64639H5.67231H5.69821H5.72408H5.74994H5.77578H5.8016H5.8274H5.85319H5.87895H5.9047H5.93043H5.95614H5.98183H6.00751H6.03317H6.05881H6.08444H6.11005H6.13564H6.16122H6.18678H6.21233H6.23786H6.26338H6.28888H6.31437H6.33984H6.3653H6.39074H6.41617H6.44159H6.467H6.49239H6.51777H6.54313H6.56848H6.59382H6.61915H6.64447H6.66978H6.69507H6.72035H6.74562H6.77089H6.79614H6.82138H6.84661H6.87183H6.89704H6.92224H6.94743H6.97261H6.99779H7.02295H7.04811H7.07326H7.0984H7.12353H7.14866H7.17378H7.19889H7.22399H7.24909H7.27418H7.29927H7.32435H7.34942H7.37449H7.39955H7.42461H7.44966H7.47471H7.49975H7.5V8.50025V8.52529V8.55034V8.57539V8.60045V8.62551V8.65058V8.67565V8.70073V8.72582V8.75091V8.77601V8.80111V8.82622V8.85134V8.87647V8.9016V8.92674V8.95189V8.97705V9.00221V9.02739V9.05257V9.07776V9.10296V9.12817V9.15339V9.17862V9.20386V9.22911V9.25438V9.27965V9.30493V9.33022V9.35553V9.38085V9.40618V9.43152V9.45687V9.48223V9.50761V9.533V9.55841V9.58383V9.60926V9.6347V9.66016V9.68563V9.71112V9.73662V9.76214V9.78767V9.81322V9.83878V9.86436V9.88995V9.91556V9.94119V9.96683V9.99249V10.0182V10.0439V10.0696V10.0953V10.121V10.1468V10.1726V10.1984V10.2242V10.2501V10.2759V10.3018V10.3277V10.3536V10.3795V10.4055V10.4315V10.4575V10.4835V10.5095V10.5356V10.5617V10.5878V10.6139V10.6401V10.6662V10.6924V10.7186V10.7449V10.7711V10.7974V10.8237V10.8501V10.8764V10.9028V10.9292V10.9556V10.9821V11.0086V11.0351V11.0616V11.0882V11.1148V11.1414V11.168V11.1947V11.2214V11.2481V11.2748V11.3016V11.3284V11.3552V11.3821V11.4089V11.4359V11.4628V11.4898V11.5168V11.5438V11.5709V11.5979V11.6251V11.6522V11.6794V11.7066V11.7338V11.7611V11.7884V11.8157V11.8431V11.8705V11.8979V11.9254V11.9529V11.9804V12.008V12.0356V12.0632V12.0909V12.1186V12.1463V12.1741V12.2019V12.2297V12.2576V12.2855V12.3134V12.3414V12.3694V12.3974V12.4255V12.4536V12.4818V12.51V12.5382V12.5665V12.5948V12.6231V12.6515V12.6799V12.7084V12.7369V12.7654V12.794V12.8226V12.8513V12.88V12.9087V12.9375V12.9663V12.9951V13.024V13.053V13.0819V13.111V13.14V13.1691V13.1983V13.2274V13.2567V13.2859V13.3153V13.3446V13.374V13.4035V13.433V13.4625V13.4921V13.5217V13.5514V13.5811V13.6108V13.6406V13.6705V13.7004V13.7303V13.7603V13.7903V13.8204V13.8505V13.8807V13.9109V13.9412V13.9715V14.0018V14.0323V14.0627V14.0932V14.1238V14.1544V14.185V14.2157V14.2465V14.2773V14.3081V14.3391V14.37V14.401V14.4321V14.4632V14.4943V14.5255V14.5568V14.5881V14.6195V14.6509V14.6824V14.7139V14.7455V14.7771V14.8088V14.8405V14.8723V14.9041V14.936V14.968V15H8.5V14.968V14.936V14.9041V14.8723V14.8405V14.8088V14.7771V14.7455V14.7139V14.6824V14.6509V14.6195V14.5881V14.5568V14.5255V14.4943V14.4632V14.4321V14.401V14.37V14.3391V14.3081V14.2773V14.2465V14.2157V14.185V14.1544V14.1238V14.0932V14.0627V14.0323V14.0018V13.9715V13.9412V13.9109V13.8807V13.8505V13.8204V13.7903V13.7603V13.7303V13.7004V13.6705V13.6406V13.6108V13.5811V13.5514V13.5217V13.4921V13.4625V13.433V13.4035V13.374V13.3446V13.3153V13.2859V13.2567V13.2274V13.1983V13.1691V13.14V13.111V13.0819V13.053V13.024V12.9951V12.9663V12.9375V12.9087V12.88V12.8513V12.8226V12.794V12.7654V12.7369V12.7084V12.6799V12.6515V12.6231V12.5948V12.5665V12.5382V12.51V12.4818V12.4536V12.4255V12.3974V12.3694V12.3414V12.3134V12.2855V12.2576V12.2297V12.2019V12.1741V12.1463V12.1186V12.0909V12.0632V12.0356V12.008V11.9804V11.9529V11.9254V11.8979V11.8705V11.8431V11.8157V11.7884V11.7611V11.7338V11.7066V11.6794V11.6522V11.6251V11.5979V11.5709V11.5438V11.5168V11.4898V11.4628V11.4359V11.4089V11.3821V11.3552V11.3284V11.3016V11.2748V11.2481V11.2214V11.1947V11.168V11.1414V11.1148V11.0882V11.0616V11.0351V11.0086V10.9821V10.9556V10.9292V10.9028V10.8764V10.8501V10.8237V10.7974V10.7711V10.7449V10.7186V10.6924V10.6662V10.6401V10.6139V10.5878V10.5617V10.5356V10.5095V10.4835V10.4575V10.4315V10.4055V10.3795V10.3536V10.3277V10.3018V10.2759V10.2501V10.2242V10.1984V10.1726V10.1468V10.121V10.0953V10.0696V10.0439V10.0182V9.99249V9.96683V9.94119V9.91556V9.88995V9.86436V9.83878V9.81322V9.78767V9.76214V9.73662V9.71112V9.68563V9.66016V9.6347V9.60926V9.58383V9.55841V9.533V9.50761V9.48223V9.45687V9.43152V9.40618V9.38085V9.35553V9.33022V9.30493V9.27965V9.25438V9.22911V9.20386V9.17862V9.15339V9.12817V9.10296V9.07776V9.05257V9.02739V9.00221V8.97705V8.95189V8.92674V8.9016V8.87647V8.85134V8.82622V8.80111V8.77601V8.75091V8.72582V8.70073V8.67565V8.65058V8.62551V8.60045V8.57539V8.55034V8.52529V8.50025V8.5H8.50025H8.52529H8.55034H8.57539H8.60045H8.62551H8.65058H8.67565H8.70073H8.72582H8.75091H8.77601H8.80111H8.82622H8.85134H8.87647H8.9016H8.92674H8.95189H8.97705H9.00221H9.02739H9.05257H9.07776H9.10296H9.12817H9.15339H9.17862H9.20386H9.22911H9.25438H9.27965H9.30493H9.33022H9.35553H9.38085H9.40617H9.43152H9.45687H9.48223H9.50761H9.533L9.55841 8.5H9.58383H9.60926H9.6347H9.66016H9.68563H9.71112H9.73662H9.76214H9.78767H9.81322H9.83878H9.86436H9.88995H9.91556H9.94119H9.96683H9.99249H10.0182H10.0439H10.0696H10.0953H10.121H10.1468H10.1726H10.1984H10.2242H10.2501H10.2759H10.3018H10.3277H10.3536H10.3795H10.4055H10.4315H10.4575H10.4835H10.5095H10.5356H10.5617H10.5878H10.6139H10.6401H10.6662H10.6924H10.7186H10.7449H10.7711H10.7974H10.8237H10.8501H10.8764H10.9028H10.9292H10.9556H10.9821H11.0086H11.0351H11.0616H11.0882H11.1148H11.1414H11.168H11.1947H11.2214H11.2481H11.2748H11.3016H11.3284H11.3552H11.3821H11.4089H11.4359H11.4628H11.4898H11.5168H11.5438H11.5709H11.5979H11.6251H11.6522H11.6794H11.7066H11.7338H11.7611H11.7884H11.8157H11.8431H11.8705H11.8979H11.9254H11.9529H11.9804H12.008H12.0356H12.0632H12.0909H12.1186H12.1463H12.1741H12.2019H12.2297H12.2576H12.2855H12.3134H12.3414H12.3694H12.3974H12.4255H12.4536H12.4818H12.51H12.5382H12.5665H12.5948H12.6231H12.6515H12.6799H12.7084H12.7369H12.7654H12.794H12.8226H12.8513H12.88H12.9087H12.9375H12.9663H12.9951H13.024H13.053H13.0819H13.111H13.14H13.1691H13.1983H13.2274H13.2567H13.2859H13.3153H13.3446H13.374H13.4035H13.433H13.4625H13.4921H13.5217H13.5514H13.5811H13.6108H13.6406H13.6705H13.7004H13.7303H13.7603H13.7903H13.8204H13.8505H13.8807H13.9109H13.9412H13.9715H14.0018H14.0323H14.0627H14.0932H14.1238H14.1544H14.185H14.2157H14.2465H14.2773H14.3081H14.3391H14.37H14.401H14.4321H14.4632H14.4943H14.5255H14.5568H14.5881H14.6195H14.6509H14.6824H14.7139H14.7455H14.7771H14.8088H14.8405H14.8723H14.9041H14.936H14.968H15V7.5H14.968H14.936H14.9041H14.8723H14.8405H14.8088H14.7771H14.7455H14.7139H14.6824H14.6509H14.6195H14.5881H14.5568H14.5255H14.4943H14.4632H14.4321H14.401H14.37H14.3391H14.3081H14.2773H14.2465H14.2157H14.185H14.1544H14.1238H14.0932H14.0627H14.0323H14.0018H13.9715H13.9412H13.9109H13.8807H13.8505H13.8204H13.7903H13.7603H13.7303H13.7004H13.6705H13.6406H13.6108H13.5811H13.5514H13.5217H13.4921H13.4625H13.433H13.4035H13.374H13.3446H13.3153H13.2859H13.2567H13.2274H13.1983H13.1691H13.14H13.111H13.0819H13.053H13.024H12.9951H12.9663H12.9375H12.9087H12.88H12.8513H12.8226H12.794H12.7654H12.7369H12.7084H12.6799H12.6515H12.6231H12.5948H12.5665H12.5382H12.51H12.4818H12.4536H12.4255H12.3974H12.3694H12.3414H12.3134H12.2855H12.2576H12.2297H12.2019H12.1741H12.1463H12.1186H12.0909H12.0632H12.0356H12.008H11.9804H11.9529H11.9254H11.8979H11.8705H11.8431H11.8157H11.7884H11.7611H11.7338H11.7066H11.6794H11.6522H11.6251H11.5979H11.5709H11.5438H11.5168H11.4898H11.4628H11.4359H11.4089H11.3821H11.3552H11.3284H11.3016H11.2748H11.2481H11.2214H11.1947H11.168H11.1414H11.1148H11.0882H11.0616H11.0351H11.0086H10.9821H10.9556H10.9292H10.9028H10.8764H10.8501H10.8237H10.7974H10.7711H10.7449H10.7186H10.6924H10.6662H10.6401H10.6139H10.5878H10.5617H10.5356H10.5095H10.4835H10.4575H10.4315H10.4055H10.3795H10.3536H10.3277H10.3018H10.2759H10.2501H10.2242H10.1984H10.1726H10.1468H10.121H10.0953H10.0696H10.0439H10.0182H9.99249H9.96683H9.94119H9.91556H9.88995H9.86436H9.83878H9.81322H9.78767H9.76214H9.73662H9.71112H9.68563H9.66016H9.6347H9.60926H9.58383H9.55841L9.533 7.5H9.50761H9.48223H9.45687H9.43152H9.40618H9.38085H9.35553H9.33022H9.30493H9.27965H9.25438H9.22911H9.20386H9.17862H9.15339H9.12817H9.10296H9.07776H9.05257H9.02739H9.00221H8.97705H8.95189H8.92674H8.9016H8.87647H8.85134H8.82622H8.80111H8.77601H8.75091H8.72582H8.70073H8.67565H8.65058H8.62551H8.60045H8.57539H8.55034H8.52529H8.50025H8.5V7.49975V7.47471V7.44966V7.42461V7.39955V7.37449V7.34942V7.32435V7.29927V7.27418V7.24909V7.22399V7.19889V7.17378V7.14866V7.12353V7.0984V7.07326V7.04811V7.02295V6.99779V6.97261V6.94743V6.92224V6.89704V6.87183V6.84661V6.82138V6.79614V6.77089V6.74562V6.72035V6.69507V6.66978V6.64447V6.61915V6.59382V6.56848V6.54313V6.51777V6.49239V6.467V6.44159V6.41617V6.39074V6.3653V6.33984V6.31437V6.28888V6.26338V6.23786V6.21233V6.18678V6.16122V6.13564V6.11005V6.08444V6.05881V6.03317V6.00751V5.98183V5.95614V5.93043V5.9047V5.87895V5.85319V5.8274V5.8016V5.77578V5.74994V5.72408V5.69821V5.67231V5.64639V5.62046V5.5945V5.56852V5.54252V5.51651V5.49047V5.4644V5.43832V5.41222V5.38609V5.35994V5.33377V5.30758V5.28136V5.25512V5.22886V5.20258V5.17627V5.14993V5.12358V5.0972V5.07079V5.04436V5.0179V4.99142V4.96492V4.93839V4.91183V4.88525V4.85864V4.832V4.80534V4.77865V4.75193V4.72519V4.69842V4.67162V4.64479V4.61794V4.59105V4.56414V4.5372V4.51023V4.48323V4.45621V4.42915V4.40206V4.37494V4.34779V4.32062V4.29341V4.26617V4.2389V4.21159V4.18426V4.15689V4.12949V4.10206V4.0746V4.04711V4.01958V3.99202V3.96442V3.93679V3.90913V3.88144V3.85371V3.82594V3.79815V3.77031V3.74244V3.71454V3.6866V3.65863V3.63061V3.60257V3.57448V3.54637V3.51821V3.49002V3.46179V3.43352V3.40521V3.37687V3.34849V3.32007V3.29161V3.26311V3.23458V3.206V3.17739V3.14874V3.12004V3.09131V3.06254V3.03373V3.00487V2.97598V2.94704V2.91806V2.88905V2.85998V2.83088V2.80174V2.77255V2.74332V2.71405V2.68474V2.65538V2.62598V2.59653V2.56704V2.53751V2.50793V2.47831V2.44865V2.41894V2.38918V2.35938V2.32953V2.29964V2.2697V2.23972V2.20969V2.17961V2.14948V2.11931V2.08909V2.05883V2.02851V1.99815V1.96774V1.93728V1.90678V1.87622V1.84562V1.81496V1.78426V1.75351V1.7227V1.69185V1.66095V1.62999V1.59899V1.56794V1.53683V1.50567V1.47446V1.4432V1.41189V1.38053V1.34911V1.31764V1.28612V1.25454V1.22291V1.19123V1.15949V1.1277V1.09586V1.06396V1.03201V1H7.5Z"
-          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/iconDictionary/AddCircle.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -30,10 +30,10 @@ export const AddCircleIcon = forwardRef<SVGSVGElement, AddCircleIconProps>(
       >
         <>
           <path
+            fill="currentColor"
             fillRule="evenodd"
+            d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7 8A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm-.5-5V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1Z"
             clipRule="evenodd"
-            d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7.5 11V8.5H5V7.5H7.5V5H8.5V7.5H11V8.5H8.5V11H7.5Z"
-            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/iconDictionary/AlertCircle.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -30,10 +30,10 @@ export const AlertCircleIcon = forwardRef<SVGSVGElement, AlertCircleIconProps>(
       >
         <>
           <path
+            fill="currentColor"
             fillRule="evenodd"
+            d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8 4a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-.5-3.5a.5.5 0 0 0 1 0V4h-1v4.5Z"
             clipRule="evenodd"
-            d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 12C8.14834 12 8.29334 11.956 8.41668 11.8736C8.54001 11.7912 8.63614 11.6741 8.69291 11.537C8.74968 11.4 8.76453 11.2492 8.73559 11.1037C8.70665 10.9582 8.63522 10.8246 8.53033 10.7197C8.42544 10.6148 8.29181 10.5434 8.14632 10.5144C8.00083 10.4855 7.85003 10.5003 7.71299 10.5571C7.57594 10.6139 7.45881 10.71 7.3764 10.8333C7.29399 10.9567 7.25 11.1017 7.25 11.25C7.25 11.4489 7.32902 11.6397 7.46967 11.7803C7.61032 11.921 7.80109 12 8 12ZM7.5 8.5C7.5 8.77614 7.72386 9 8 9C8.27614 9 8.5 8.77614 8.5 8.5V4H7.5L7.5 8.5Z"
-            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/iconDictionary/AlertCircleFilled.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -32,10 +32,10 @@ export const AlertCircleFilledIcon = forwardRef<
     >
       <>
         <path
+          fill="currentColor"
           fillRule="evenodd"
+          d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8 9a.5.5 0 0 1-.5-.5V4h1v4.5A.5.5 0 0 1 8 9Zm0 3a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
           clipRule="evenodd"
-          d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 9C7.72386 9 7.5 8.77614 7.5 8.5L7.5 4H8.5V8.5C8.5 8.77614 8.27614 9 8 9ZM8 12C8.14834 12 8.29334 11.956 8.41668 11.8736C8.54001 11.7912 8.63614 11.6741 8.69291 11.537C8.74968 11.4 8.76453 11.2492 8.73559 11.1037C8.70665 10.9582 8.63522 10.8246 8.53033 10.7197C8.42544 10.6148 8.2918 10.5434 8.14632 10.5144C8.00083 10.4855 7.85003 10.5003 7.71299 10.5571C7.57594 10.6139 7.45881 10.71 7.3764 10.8333C7.29399 10.9567 7.25 11.1017 7.25 11.25C7.25 11.4489 7.32902 11.6397 7.46967 11.7803C7.61032 11.921 7.80109 12 8 12Z"
-          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/iconDictionary/AlertTriangleFilled.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -32,10 +32,10 @@ export const AlertTriangleFilledIcon = forwardRef<
     >
       <>
         <path
+          fill="currentColor"
           fillRule="evenodd"
+          d="M13.983 14.647c-.512.353-1.35.353-3.026.353H5.042c-1.675 0-2.513 0-3.025-.353a2 2 0 0 1-.839-1.322c-.101-.614.256-1.372.97-2.888l2.957-6.284C6.029 2.189 6.49 1.207 7.125.898a2 2 0 0 1 1.75 0c.634.309 1.096 1.29 2.02 3.255l2.958 6.284c.713 1.516 1.07 2.274.969 2.888a2 2 0 0 1-.839 1.322ZM8 10a.5.5 0 0 1-.5-.5V5h1v4.5a.5.5 0 0 1-.5.5Zm0 3a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
           clipRule="evenodd"
-          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/iconDictionary/Anchor.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -30,12 +30,12 @@ export const AnchorIcon = forwardRef<SVGSVGElement, AnchorIconProps>(
       >
         <>
           <path
-            d="M8.32067 5.67758C7.79559 5.1527 7.08356 4.85784 6.34113 4.85784C5.59869 4.85784 4.88666 5.1527 4.36158 5.67758L1.81825 8.22267C1.42752 8.61434 1.16158 9.11298 1.054 9.65566C0.946411 10.1983 1.002 10.7607 1.21375 11.2718C1.42549 11.783 1.78391 12.2199 2.24375 12.5275C2.7036 12.8351 3.24426 12.9996 3.7975 13.0002C4.16467 13.0014 4.52845 12.9299 4.86785 12.7899C5.20725 12.6498 5.51557 12.4439 5.775 12.1841L7.875 10.0841C7.90289 10.0561 7.92186 10.0204 7.92951 9.98164C7.93716 9.94285 7.93315 9.90267 7.91798 9.86616C7.90282 9.82966 7.87718 9.79846 7.8443 9.77651C7.81143 9.75456 7.77278 9.74284 7.73325 9.74283H7.65333C7.2146 9.74422 6.77983 9.6598 6.3735 9.49433C6.33683 9.47928 6.29652 9.47546 6.25768 9.48336C6.21884 9.49125 6.18322 9.5105 6.15533 9.53867L4.64567 11.0501C4.53494 11.1648 4.40246 11.2563 4.25599 11.3192C4.10951 11.3822 3.95196 11.4153 3.79254 11.4167C3.63311 11.4181 3.475 11.3878 3.32744 11.3274C3.17988 11.2671 3.04582 11.1779 2.93308 11.0652C2.82035 10.9524 2.7312 10.8184 2.67084 10.6708C2.61047 10.5232 2.58011 10.3651 2.58151 10.2057C2.58292 10.0463 2.61606 9.88874 2.67901 9.74226C2.74197 9.59579 2.83346 9.46332 2.94817 9.35258L5.50083 6.80167C5.72581 6.577 6.03076 6.45081 6.34871 6.45081C6.66666 6.45081 6.9716 6.577 7.19658 6.80167C7.51217 7.09917 8.0045 7.09917 8.32008 6.80167C8.456 6.66575 8.53825 6.4855 8.55225 6.29417C8.55948 6.18089 8.54252 6.06738 8.50249 5.96117C8.46246 5.85496 8.40028 5.75849 8.32008 5.67817L8.32067 5.67758Z"
             fill="currentColor"
+            d="M8.32 5.678a2.8 2.8 0 0 0-3.958 0L1.818 8.223a2.8 2.8 0 0 0 3.957 3.961l2.1-2.1a.2.2 0 0 0-.142-.341h-.08a3.365 3.365 0 0 1-1.28-.249.2.2 0 0 0-.218.045l-1.51 1.511a1.2 1.2 0 1 1-1.697-1.697l2.553-2.551a1.2 1.2 0 0 1 1.696 0 .819.819 0 0 0 1.123 0 .8.8 0 0 0 .232-.508.8.8 0 0 0-.232-.616Z"
           />
           <path
-            d="M12.1783 1.82C11.6532 1.29512 10.9411 1.00026 10.1987 1.00026C9.45628 1.00026 8.74424 1.29512 8.21917 1.82L6.1215 3.91533C6.09294 3.94353 6.07351 3.97966 6.06575 4.01903C6.05798 4.05841 6.06224 4.09921 6.07797 4.13614C6.09369 4.17306 6.12016 4.2044 6.15393 4.22609C6.1877 4.24778 6.22721 4.25881 6.26733 4.25775H6.34142C6.77945 4.25689 7.21343 4.3417 7.61892 4.50742C7.65553 4.52254 7.6958 4.52645 7.73464 4.51866C7.77348 4.51088 7.80913 4.49173 7.83708 4.46367L9.34267 2.95983C9.4534 2.84513 9.58587 2.75363 9.73235 2.69068C9.87882 2.62773 10.0364 2.59458 10.1958 2.59318C10.3552 2.59177 10.5133 2.62214 10.6609 2.6825C10.8085 2.74286 10.9425 2.83201 11.0553 2.94475C11.168 3.05748 11.2571 3.19155 11.3175 3.33911C11.3779 3.48667 11.4082 3.64478 11.4068 3.8042C11.4054 3.96363 11.3723 4.12118 11.3093 4.26765C11.2464 4.41413 11.1549 4.5466 11.0402 4.65733L9.16475 6.531L9.149 6.54908L8.49275 7.20125C8.26777 7.42591 7.96282 7.5521 7.64487 7.5521C7.32693 7.5521 7.02198 7.42591 6.797 7.20125C6.6449 7.05827 6.444 6.97867 6.23525 6.97867C6.0265 6.97867 5.8256 7.05827 5.6735 7.20125C5.53679 7.33809 5.45431 7.51984 5.44133 7.71283C5.42675 7.94208 5.51133 8.16608 5.6735 8.32883C5.90474 8.56121 6.17531 8.75081 6.47267 8.88883C6.51525 8.90866 6.55725 8.925 6.59925 8.9425C6.64125 8.96058 6.685 8.97458 6.72758 8.99091C6.769 9.00666 6.81333 9.02066 6.85533 9.03291L6.97317 9.06441C7.05308 9.08483 7.133 9.10058 7.21525 9.11458C7.31383 9.12916 7.41358 9.1385 7.51275 9.14258H7.66442L7.78517 9.12858C7.82892 9.12683 7.875 9.11691 7.92692 9.11691H7.99517L8.13283 9.0965L8.197 9.08483L8.31308 9.06091H8.33467C8.82594 8.93747 9.27452 8.68304 9.63258 8.32475L12.1783 5.77908C12.7031 5.25401 12.998 4.54197 12.998 3.79954C12.998 3.05711 12.7031 2.34507 12.1783 1.82V1.82Z"
             fill="currentColor"
+            d="M12.178 1.82a2.8 2.8 0 0 0-3.959 0L6.122 3.915a.2.2 0 0 0 .145.343h.074c.438-.001.872.084 1.278.25a.2.2 0 0 0 .218-.044L9.343 2.96a1.2 1.2 0 1 1 1.697 1.697L9.165 6.531l-.016.018-.656.652a1.2 1.2 0 0 1-1.696 0 .82.82 0 0 0-1.123 0 .8.8 0 0 0 0 1.128c.23.232.501.422.799.56.042.02.084.036.126.054.042.018.086.032.129.048.041.016.085.03.127.042l.118.031c.08.02.16.037.242.05.099.015.199.024.298.029h.151l.121-.014c.044-.002.09-.012.142-.012h.068l.138-.02.064-.012.116-.024h.022a2.8 2.8 0 0 0 1.298-.736l2.545-2.546a2.8 2.8 0 0 0 0-3.959Z"
           />
         </>
       </SvgIcon>

package/src/iconDictionary/ArrowDown.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -30,10 +30,10 @@ export const ArrowDownIcon = forwardRef<SVGSVGElement, ArrowDownIconProps>(
       >
         <>
           <path
+            fill="currentColor"
             fillRule="evenodd"
+            d="m8.5 13.293 4.146-4.147.708.708-5 5a.5.5 0 0 1-.708 0l-5-5 .708-.708L7.5 13.293V1h1v12.293Z"
             clipRule="evenodd"
-            d="M8.50001 13.2929L12.6465 9.14645L13.3536 9.85355L8.35356 14.8536C8.1583 15.0488 7.84172 15.0488 7.64645 14.8536L2.64645 9.85355L3.35356 9.14645L7.50001 13.2929L7.50001 1L8.50001 1L8.50001 13.2929Z"
-            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/iconDictionary/ArrowLeft.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -30,10 +30,10 @@ export const ArrowLeftIcon = forwardRef<SVGSVGElement, ArrowLeftIconProps>(
       >
         <>
           <path
+            fill="currentColor"
             fillRule="evenodd"
+            d="m2.707 8.5 4.147 4.146-.708.708-5-5a.5.5 0 0 1 0-.708l5-5 .708.708L2.707 7.5H15v1H2.707Z"
             clipRule="evenodd"
-            d="M2.70711 8.5L6.85355 12.6464L6.14645 13.3536L1.14645 8.35355C0.951185 8.15829 0.951185 7.84171 1.14645 7.64645L6.14645 2.64645L6.85355 3.35355L2.70711 7.5L15 7.5L15 8.5L2.70711 8.5Z"
-            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/iconDictionary/ArrowRight.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -30,10 +30,10 @@ export const ArrowRightIcon = forwardRef<SVGSVGElement, ArrowRightIconProps>(
       >
         <>
           <path
+            fill="currentColor"
             fillRule="evenodd"
+            d="M13.293 7.5 9.146 3.354l.708-.708 5 5a.5.5 0 0 1 0 .708l-5 5-.708-.708L13.293 8.5H1v-1h12.293Z"
             clipRule="evenodd"
-            d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/iconDictionary/ArrowUp.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -30,10 +30,10 @@ export const ArrowUpIcon = forwardRef<SVGSVGElement, ArrowUpIconProps>(
       >
         <>
           <path
+            fill="currentColor"
             fillRule="evenodd"
+            d="M7.5 2.707 3.354 6.854l-.708-.708 5-5a.5.5 0 0 1 .708 0l5 5-.707.708L8.5 2.707V15h-1V2.707Z"
             clipRule="evenodd"
-            d="M7.50001 2.70711L3.35356 6.85355L2.64645 6.14645L7.64645 1.14645C7.84172 0.951185 8.1583 0.951185 8.35356 1.14645L13.3536 6.14645L12.6465 6.85355L8.50001 2.70711L8.50001 15L7.50001 15L7.50001 2.70711Z"
-            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/iconDictionary/ArrowUpDown.tsx

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -30,10 +30,10 @@ export const ArrowUpDownIcon = forwardRef<SVGSVGElement, ArrowUpDownIconProps>(
       >
         <>
           <path
+            fill="currentColor"
             fillRule="evenodd"
+            d="M5 12V3.707l2.646 2.647.708-.708-3.5-3.5a.5.5 0 0 0-.708 0l-3.5 3.5.708.708L4 3.707V12h1Zm6-8v8.293L8.354 9.646l-.708.708 3.5 3.5a.5.5 0 0 0 .708 0l3.5-3.5-.707-.708L12 12.293V4h-1Z"
             clipRule="evenodd"
-            d="M5.00001 12V3.70711L7.64645 6.35355L8.35356 5.64645L4.85356 2.14645C4.6583 1.95118 4.34172 1.95118 4.14646 2.14645L0.646454 5.64645L1.35356 6.35355L4.00001 3.70711L4.00001 12H5.00001ZM11 4L11 12.2929L8.35357 9.64644L7.64647 10.3536L11.1465 13.8536C11.3417 14.0488 11.6583 14.0488 11.8536 13.8536L15.3536 10.3536L14.6465 9.64644L12 12.2929L12 4L11 4Z"
-            fill="currentColor"
           />
         </>
       </SvgIcon>