@okta/odyssey-react-mui 0.24.0 → 1.0.0

package/src/{iconDictionary → icons.generated}/ArrowUp.tsx

@@ -13,8 +13,7 @@
 // Code automatically generated by svgr; DO NOT EDIT.
 
 import { forwardRef } from "react";
-import { SvgIcon } from "./SvgIcon";
-import type { SvgIconNoChildrenProps } from "./types";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
 
 export type ArrowUpIconProps = SvgIconNoChildrenProps;
 
@@ -22,7 +21,7 @@ export const ArrowUpIcon = forwardRef<SVGSVGElement, ArrowUpIconProps>(
   (props, ref) => {
     return (
       <SvgIcon
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         ref={ref}
@@ -30,10 +29,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="m10.94 5.646-4.647 4.647 1.414 1.414L11 8.414V19h2V8.414l3.293 3.293 1.414-1.414-4.646-4.647a1.5 1.5 0 0 0-2.122 0Z"
+            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/icons.generated/ArrowUpperLeft.tsx

@@ -0,0 +1,44 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type ArrowUpperLeftIconProps = SvgIconNoChildrenProps;
+
+export const ArrowUpperLeftIcon = forwardRef<
+  SVGSVGElement,
+  ArrowUpperLeftIconProps
+>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6 7.5V14h2V9.414l8.293 8.293 1.414-1.414L9.414 8H14V6H7.5A1.5 1.5 0 0 0 6 7.5Z"
+          fill="currentColor"
+        />
+      </>
+    </SvgIcon>
+  );
+});
+
+ArrowUpperLeftIcon.displayName = "ArrowUpperLeftIcon";

package/src/icons.generated/ArrowUpperRight.tsx

@@ -0,0 +1,44 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type ArrowUpperRightIconProps = SvgIconNoChildrenProps;
+
+export const ArrowUpperRightIcon = forwardRef<
+  SVGSVGElement,
+  ArrowUpperRightIconProps
+>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M18 7.5V14h-2V9.414l-8.293 8.293-1.414-1.414L14.586 8H10V6h6.5A1.5 1.5 0 0 1 18 7.5Z"
+          fill="currentColor"
+        />
+      </>
+    </SvgIcon>
+  );
+});
+
+ArrowUpperRightIcon.displayName = "ArrowUpperRightIcon";

package/src/{iconDictionary/Eye.tsx → icons.generated/Bug.tsx}

@@ -13,15 +13,14 @@
 // Code automatically generated by svgr; DO NOT EDIT.
 
 import { forwardRef } from "react";
-import { SvgIcon } from "./SvgIcon";
-import type { SvgIconNoChildrenProps } from "./types";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
 
-export type EyeIconProps = SvgIconNoChildrenProps;
+export type BugIconProps = SvgIconNoChildrenProps;
 
-export const EyeIcon = forwardRef<SVGSVGElement, EyeIconProps>((props, ref) => {
+export const BugIcon = forwardRef<SVGSVGElement, BugIconProps>((props, ref) => {
   return (
     <SvgIcon
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       ref={ref}
@@ -29,14 +28,14 @@ export const EyeIcon = forwardRef<SVGSVGElement, EyeIconProps>((props, ref) => {
     >
       <>
         <path
-          fill="currentColor"
           fillRule="evenodd"
-          d="M3.898 11.55C2.896 10.7 2.042 9.5 1.156 8c.886-1.5 1.74-2.7 2.742-3.55C4.969 3.538 6.24 3 8 3c1.76 0 3.03.539 4.102 1.45 1.002.85 1.856 2.05 2.742 3.55-.886 1.5-1.74 2.7-2.742 3.55C11.031 12.462 9.76 13 8 13c-1.76 0-3.03-.539-4.102-1.45ZM8 14c4 0 6-2.5 8-6-2-3.5-4-6-8-6S2 4.5 0 8c2 3.5 4 6 8 6Zm3-6a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm1 0a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"
           clipRule="evenodd"
+          d="M17 16V8h-4v12.9a5.002 5.002 0 0 0 4-4.9Zm-6-8H7v8a5.002 5.002 0 0 0 4 4.9V8ZM5 8v4.382l-3.447 1.724.894 1.788L5 14.618V16c0 1.05.231 2.046.646 2.94l-2.353 2.353 1.414 1.414 2.059-2.059A6.983 6.983 0 0 0 12 23a6.983 6.983 0 0 0 5.234-2.352l2.059 2.06 1.414-1.415-2.353-2.353c.415-.894.646-1.89.646-2.94v-1.382l2.553 1.276.894-1.788L19 12.382V8h4V6h-6A5 5 0 0 0 7 6H1v2h4Zm4-2h6a3 3 0 1 0-6 0Z"
+          fill="currentColor"
         />
       </>
     </SvgIcon>
   );
 });
 
-EyeIcon.displayName = "EyeIcon";
+BugIcon.displayName = "BugIcon";

package/src/icons.generated/Calendar.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type CalendarIconProps = SvgIconNoChildrenProps;
+
+export const CalendarIcon = forwardRef<SVGSVGElement, CalendarIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9 1v3h6V1h2v3h5v15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4h5V1h2Zm6 5v2h2V6h3v3H4V6h3v2h2V6h6ZM4 11v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8H4Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+CalendarIcon.displayName = "CalendarIcon";

package/src/icons.generated/Call.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type CallIconProps = SvgIconNoChildrenProps;
+
+export const CallIcon = forwardRef<SVGSVGElement, CallIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M21 12a9 9 0 0 0-9-9V1c6.075 0 11 4.925 11 11h-2ZM6.83 6.358a1 1 0 0 0-1.47-.153 12.127 12.127 0 0 0-.373.375 5 5 0 0 0-1.36 3.298 12.1 12.1 0 0 0-.002.3v.087c0 .257 0 .357.004.452a5 5 0 0 0 1.287 3.154c.064.07.134.143.314.326l4.374 4.466c.209.213.291.297.372.372a5 5 0 0 0 3.174 1.334c.11.005.228.006.526.006h.13c.157 0 .218 0 .276-.002a5 5 0 0 0 3.471-1.518c.112-.108.137-.133.151-.149a1 1 0 0 0-.129-1.472 5.31 5.31 0 0 0-.174-.12l-2.7-1.83-1.673 1.604-.016.016c-.086.082-.188.18-.285.26a1.51 1.51 0 0 1-.517.284 1.5 1.5 0 0 1-.925-.018 1.51 1.51 0 0 1-.505-.303 4.718 4.718 0 0 1-.276-.27l-.016-.017-3.404-3.52-.016-.016c-.081-.084-.179-.184-.257-.28a1.508 1.508 0 0 1-.285-.51 1.5 1.5 0 0 1 .007-.916c.075-.229.198-.395.291-.505.08-.095.18-.194.262-.277l.016-.016 1.58-1.588-1.725-2.663a5.315 5.315 0 0 0-.126-.191Zm-2.8-1.647a3 3 0 0 1 4.41.46c.055.074.112.162.18.267l.015.023 1.813 2.799.01.016c.054.082.119.183.17.277a1.5 1.5 0 0 1 .172.475 1.5 1.5 0 0 1-.084.8 1.5 1.5 0 0 1-.265.43 4.29 4.29 0 0 1-.224.236l-.014.014-1.555 1.563 3.13 3.236 1.644-1.579.015-.013a4.39 4.39 0 0 1 .24-.22c.098-.081.242-.186.436-.258a1.5 1.5 0 0 1 .803-.068c.203.038.362.117.473.181.093.054.193.121.274.176l.016.011 2.834 1.922.022.014c.095.065.176.12.244.172a3 3 0 0 1 .387 4.416 5.219 5.219 0 0 1-.211.211l-.019.018-.01.01a7 7 0 0 1-4.805 2.073c-.085.002-.172.002-.311.002h-.169c-.265 0-.431 0-.594-.008A7 7 0 0 1 8.614 20.5c-.12-.111-.235-.23-.42-.42l-.019-.018-4.374-4.466-.015-.015c-.16-.163-.26-.265-.353-.368a7 7 0 0 1-1.802-4.416c-.006-.14-.006-.282-.006-.51v-.123c0-.152 0-.246.002-.34A7 7 0 0 1 3.77 4.966l.01-.01.02-.02a5.58 5.58 0 0 1 .23-.224ZM12 7a5 5 0 0 1 5 5h2a7 7 0 0 0-7-7v2Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+CallIcon.displayName = "CallIcon";

package/src/icons.generated/Chat.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type ChatIconProps = SvgIconNoChildrenProps;
+
+export const ChatIcon = forwardRef<SVGSVGElement, ChatIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.2 2h-.039c-.527 0-.981 0-1.356.03-.395.033-.789.104-1.167.297a3 3 0 0 0-1.311 1.311c-.193.378-.264.772-.296 1.167C2 5.18 2 5.635 2 6.161v10.566l1.498-.86 3.069-1.762H9v2.636c0 .39 0 .74.024 1.03.025.313.083.644.248.97a2.5 2.5 0 0 0 1.093 1.092c.325.165.656.223.968.248.292.024.642.024 1.03.024h5.07l3.07 1.762 1.497.86V11.364c0-.39 0-.74-.024-1.03a2.535 2.535 0 0 0-.248-.969 2.5 2.5 0 0 0-1.093-1.093 2.538 2.538 0 0 0-.968-.248C19.375 8 19.025 8 18.637 8H15V2H6.2Zm8.8 8c0 .503-.001.94-.03 1.3-.033.396-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.297-.336.027-.736.03-1.195.03v2.6c0 .437 0 .704.017.904a1.292 1.292 0 0 0 .034.215l.002.005a.5.5 0 0 0 .22.221l.008.004a1.285 1.285 0 0 0 .215.034c.2.017.468.017.904.017h5.567l.23.133L20 19.273V11.4c0-.437 0-.704-.017-.904a1.29 1.29 0 0 0-.034-.215l-.004-.008a.5.5 0 0 0-.226-.222 1.29 1.29 0 0 0-.215-.034A12.83 12.83 0 0 0 18.6 10H15ZM4.546 4.109c.05-.025.15-.063.422-.085C5.25 4 5.623 4 6.2 4H13v5.905c0 .577 0 .95-.024 1.232-.022.272-.06.373-.085.422a1 1 0 0 1-.437.437c-.05.025-.15.063-.422.085-.283.024-.655.024-1.232.024H6.033l-.23.133L4 13.273V6.2c0-.577 0-.949.024-1.232.022-.272.06-.373.085-.422a1 1 0 0 1 .437-.437Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+ChatIcon.displayName = "ChatIcon";

package/src/{iconDictionary → icons.generated}/Check.tsx

@@ -13,8 +13,7 @@
 // Code automatically generated by svgr; DO NOT EDIT.
 
 import { forwardRef } from "react";
-import { SvgIcon } from "./SvgIcon";
-import type { SvgIconNoChildrenProps } from "./types";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
 
 export type CheckIconProps = SvgIconNoChildrenProps;
 
@@ -22,7 +21,7 @@ export const CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(
   (props, ref) => {
     return (
       <SvgIcon
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         ref={ref}
@@ -30,10 +29,10 @@ export const CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(
       >
         <>
           <path
-            fill="currentColor"
             fillRule="evenodd"
-            d="m14.354 4.354-8 8a.5.5 0 0 1-.708 0l-4-4 .708-.708L6 11.293l7.646-7.647.708.708Z"
             clipRule="evenodd"
+            d="m19.707 7.707-8.646 8.647a1.5 1.5 0 0 1-2.122 0l-4.646-4.647 1.414-1.414L10 14.586l8.293-8.293 1.414 1.414Z"
+            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/{iconDictionary → icons.generated}/CheckCircleFilled.tsx

@@ -13,8 +13,7 @@
 // Code automatically generated by svgr; DO NOT EDIT.
 
 import { forwardRef } from "react";
-import { SvgIcon } from "./SvgIcon";
-import type { SvgIconNoChildrenProps } from "./types";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
 
 export type CheckCircleFilledIconProps = SvgIconNoChildrenProps;
 
@@ -24,7 +23,7 @@ export const CheckCircleFilledIcon = forwardRef<
 >((props, ref) => {
   return (
     <SvgIcon
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       ref={ref}
@@ -32,10 +31,10 @@ export const CheckCircleFilledIcon = forwardRef<
     >
       <>
         <path
-          fill="currentColor"
           fillRule="evenodd"
-          d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.646 2.354 4-4-.708-.708L7 9.293 5.354 7.646l-.708.708 2 2a.5.5 0 0 0 .708 0Z"
           clipRule="evenodd"
+          d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11Zm-15.078-.793 2.828 2.829 5.657-5.657 1.414 1.414-6.01 6.01a1.5 1.5 0 0 1-2.122 0l-3.182-3.182 1.415-1.414Z"
+          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/{iconDictionary → icons.generated}/ChevronDown.tsx

@@ -13,8 +13,7 @@
 // Code automatically generated by svgr; DO NOT EDIT.
 
 import { forwardRef } from "react";
-import { SvgIcon } from "./SvgIcon";
-import type { SvgIconNoChildrenProps } from "./types";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
 
 export type ChevronDownIconProps = SvgIconNoChildrenProps;
 
@@ -22,7 +21,7 @@ export const ChevronDownIcon = forwardRef<SVGSVGElement, ChevronDownIconProps>(
   (props, ref) => {
     return (
       <SvgIcon
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         ref={ref}
@@ -30,10 +29,10 @@ export const ChevronDownIcon = forwardRef<SVGSVGElement, ChevronDownIconProps>(
       >
         <>
           <path
-            fill="currentColor"
             fillRule="evenodd"
-            d="m8 10.293 4.646-4.647.708.708-5 5a.5.5 0 0 1-.708 0l-5-5 .708-.708L8 10.293Z"
             clipRule="evenodd"
+            d="m10.94 16.354-5.647-5.647 1.414-1.414L12 14.586l5.293-5.293 1.414 1.414-5.646 5.647a1.5 1.5 0 0 1-2.122 0Z"
+            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/icons.generated/ChevronLeft.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type ChevronLeftIconProps = SvgIconNoChildrenProps;
+
+export const ChevronLeftIcon = forwardRef<SVGSVGElement, ChevronLeftIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="m7.646 10.94 5.647-5.647 1.414 1.414L9.414 12l5.293 5.293-1.414 1.414-5.647-5.646a1.5 1.5 0 0 1 0-2.122Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+ChevronLeftIcon.displayName = "ChevronLeftIcon";

package/src/icons.generated/ChevronRight.tsx

@@ -0,0 +1,44 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type ChevronRightIconProps = SvgIconNoChildrenProps;
+
+export const ChevronRightIcon = forwardRef<
+  SVGSVGElement,
+  ChevronRightIconProps
+>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="m16.707 12.707-6 6-1.414-1.414L14.586 12 9.293 6.707l1.414-1.414 6 6a1 1 0 0 1 0 1.414Z"
+          fill="currentColor"
+        />
+      </>
+    </SvgIcon>
+  );
+});
+
+ChevronRightIcon.displayName = "ChevronRightIcon";

package/src/{iconDictionary → icons.generated}/ChevronUp.tsx

@@ -13,8 +13,7 @@
 // Code automatically generated by svgr; DO NOT EDIT.
 
 import { forwardRef } from "react";
-import { SvgIcon } from "./SvgIcon";
-import type { SvgIconNoChildrenProps } from "./types";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
 
 export type ChevronUpIconProps = SvgIconNoChildrenProps;
 
@@ -22,7 +21,7 @@ export const ChevronUpIcon = forwardRef<SVGSVGElement, ChevronUpIconProps>(
   (props, ref) => {
     return (
       <SvgIcon
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         ref={ref}
@@ -30,10 +29,10 @@ export const ChevronUpIcon = forwardRef<SVGSVGElement, ChevronUpIconProps>(
       >
         <>
           <path
-            fill="currentColor"
             fillRule="evenodd"
-            d="m8 5.707-4.646 4.647-.708-.708 5-5a.5.5 0 0 1 .708 0l5 5-.708.708L8 5.707Z"
             clipRule="evenodd"
+            d="m13.131 8.717 5.576 5.576-1.414 1.414L12 10.414l-5.293 5.293-1.414-1.414 5.576-5.576a1.6 1.6 0 0 1 2.262 0Z"
+            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/icons.generated/Clock.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type ClockIconProps = SvgIconNoChildrenProps;
+
+export const ClockIcon = forwardRef<SVGSVGElement, ClockIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm9-11C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1Zm-1 5v5.5a1.5 1.5 0 0 0 1.5 1.5H18v-2h-5V6h-2Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+ClockIcon.displayName = "ClockIcon";

package/src/{iconDictionary → icons.generated}/Close.tsx

@@ -13,8 +13,7 @@
 // Code automatically generated by svgr; DO NOT EDIT.
 
 import { forwardRef } from "react";
-import { SvgIcon } from "./SvgIcon";
-import type { SvgIconNoChildrenProps } from "./types";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
 
 export type CloseIconProps = SvgIconNoChildrenProps;
 
@@ -22,7 +21,7 @@ export const CloseIcon = forwardRef<SVGSVGElement, CloseIconProps>(
   (props, ref) => {
     return (
       <SvgIcon
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         ref={ref}
@@ -30,10 +29,10 @@ export const CloseIcon = forwardRef<SVGSVGElement, CloseIconProps>(
       >
         <>
           <path
-            fill="currentColor"
             fillRule="evenodd"
-            d="M8 7.293 2.354 1.646l-.708.708L7.293 8l-5.647 5.646.708.708L8 8.707l5.646 5.647.707-.708L8.707 8l5.647-5.646-.708-.708L8 7.293Z"
             clipRule="evenodd"
+            d="m10.586 12-4.293 4.293 1.414 1.414L12 13.414l4.293 4.293 1.414-1.414L13.414 12l4.293-4.293-1.414-1.414L12 10.586 7.707 6.293 6.293 7.707 10.586 12Z"
+            fill="currentColor"
           />
         </>
       </SvgIcon>

package/src/{iconDictionary → icons.generated}/CloseCircleFilled.tsx

@@ -13,8 +13,7 @@
 // Code automatically generated by svgr; DO NOT EDIT.
 
 import { forwardRef } from "react";
-import { SvgIcon } from "./SvgIcon";
-import type { SvgIconNoChildrenProps } from "./types";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
 
 export type CloseCircleFilledIconProps = SvgIconNoChildrenProps;
 
@@ -24,7 +23,7 @@ export const CloseCircleFilledIcon = forwardRef<
 >((props, ref) => {
   return (
     <SvgIcon
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       ref={ref}
@@ -32,10 +31,10 @@ export const CloseCircleFilledIcon = forwardRef<
     >
       <>
         <path
-          fill="currentColor"
           fillRule="evenodd"
-          d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-4.646-2.646L8.707 8l2.647 2.646-.708.708L8 8.707l-2.646 2.647-.708-.708L7.293 8 4.646 5.354l.708-.708L8 7.293l2.646-2.647.708.708Z"
           clipRule="evenodd"
+          d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11ZM7.05 15.536 10.586 12 7.05 8.464 8.464 7.05 12 10.586l3.536-3.536 1.414 1.414L13.414 12l3.536 3.536-1.414 1.414L12 13.414 8.464 16.95 7.05 15.536Z"
+          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/icons.generated/CollapseLeft.tsx

@@ -0,0 +1,44 @@
+/*!
+ * 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.
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type CollapseLeftIconProps = SvgIconNoChildrenProps;
+
+export const CollapseLeftIcon = forwardRef<
+  SVGSVGElement,
+  CollapseLeftIconProps
+>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M2 22V2h2v20H2Zm7.414-9H23v-2H9.414l5.293-5.293-1.414-1.414-6.434 6.434-.017.017c-.084.084-.185.184-.266.28-.094.111-.22.28-.295.513a1.5 1.5 0 0 0 0 .926c.075.233.2.402.295.513.081.096.182.196.266.28l.017.017 6.434 6.434 1.414-1.414L9.414 13Z"
+          fill="currentColor"
+        />
+      </>
+    </SvgIcon>
+  );
+});
+
+CollapseLeftIcon.displayName = "CollapseLeftIcon";