@okta/odyssey-react-mui 0.24.0 → 1.0.0

package/src/icons.generated/Folder.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 FolderIconProps = SvgIconNoChildrenProps;
+
+export const FolderIcon = forwardRef<SVGSVGElement, FolderIconProps>(
+  (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="M8.607 5c.575 0 .638.012.678.025a.5.5 0 0 1 .18.104c.031.029.072.077.358.576l3.309 5.791.288.504H21v4.8c0 .577 0 .949-.024 1.232-.022.272-.06.373-.085.422a1 1 0 0 1-.437.437c-.05.025-.15.063-.422.085C19.75 19 19.377 19 18.8 19H5.2c-.577 0-.949 0-1.232-.024-.272-.022-.373-.06-.422-.085a1 1 0 0 1-.437-.437c-.025-.05-.063-.15-.085-.422C3 17.75 3 17.377 3 16.8V5h5.607Zm1.298-1.877C9.522 2.998 9.112 3 8.705 3H1v13.838c0 .528 0 .982.03 1.357.033.395.104.789.297 1.167a3 3 0 0 0 1.311 1.311c.378.193.772.264 1.167.296.375.031.83.031 1.356.031H18.84c.527 0 .982 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.167.031-.375.031-.83.031-1.356V5H11.723l-.164-.287-.048-.085c-.201-.354-.404-.71-.703-.98a2.5 2.5 0 0 0-.903-.525ZM12.866 7l1.714 3H21V7h-8.134Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+FolderIcon.displayName = "FolderIcon";

package/src/icons.generated/Globe.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 GlobeIconProps = SvgIconNoChildrenProps;
+
+export const GlobeIcon = forwardRef<SVGSVGElement, GlobeIconProps>(
+  (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="M11.17 3.473c.36-.381.64-.473.83-.473.189 0 .47.091.83.473.363.384.736.992 1.07 1.827.581 1.454.986 3.443 1.08 5.7H9.02c.094-2.257.499-4.246 1.08-5.7.334-.835.707-1.443 1.07-1.827ZM7.019 11c.094-2.467.534-4.718 1.224-6.442.128-.32.267-.627.416-.918A9.009 9.009 0 0 0 3.055 11h3.964Zm-3.964 2a9.009 9.009 0 0 0 5.604 7.36c-.15-.29-.288-.598-.416-.918-.69-1.724-1.13-3.975-1.224-6.442H3.055Zm5.966 0h5.958c-.093 2.257-.498 4.246-1.079 5.7-.334.835-.707 1.444-1.07 1.827-.36.381-.641.473-.83.473-.189 0-.47-.091-.83-.473-.363-.384-.736-.992-1.07-1.827-.581-1.454-.986-3.443-1.08-5.7Zm7.96 0c-.094 2.467-.534 4.718-1.224 6.442-.128.32-.267.627-.416.918A9.009 9.009 0 0 0 20.945 13h-3.964Zm3.964-2a9.009 9.009 0 0 0-5.604-7.36c.15.29.288.598.416.918.69 1.724 1.13 3.975 1.224 6.442h3.964ZM23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+GlobeIcon.displayName = "GlobeIcon";

package/src/icons.generated/Grid.tsx

@@ -0,0 +1,46 @@
+/*!
+ * 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 GridIconProps = SvgIconNoChildrenProps;
+
+export const GridIcon = forwardRef<SVGSVGElement, GridIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <circle cx={5} cy={5} r={2} fill="currentColor" />
+          <circle cx={5} cy={12} r={2} fill="currentColor" />
+          <circle cx={5} cy={19} r={2} fill="currentColor" />
+          <circle cx={12} cy={5} r={2} fill="currentColor" />
+          <circle cx={12} cy={12} r={2} fill="currentColor" />
+          <circle cx={12} cy={19} r={2} fill="currentColor" />
+          <circle cx={19} cy={5} r={2} fill="currentColor" />
+          <circle cx={19} cy={12} r={2} fill="currentColor" />
+          <circle cx={19} cy={19} r={2} fill="currentColor" />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+GridIcon.displayName = "GridIcon";

package/src/{iconDictionary/Globe.tsx → icons.generated/Group.tsx}

@@ -13,16 +13,15 @@
 // 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 GlobeIconProps = SvgIconNoChildrenProps;
+export type GroupIconProps = SvgIconNoChildrenProps;
 
-export const GlobeIcon = forwardRef<SVGSVGElement, GlobeIconProps>(
+export const GroupIcon = forwardRef<SVGSVGElement, GroupIconProps>(
   (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 GlobeIcon = forwardRef<SVGSVGElement, GlobeIconProps>(
       >
         <>
           <path
-            fill="currentColor"
             fillRule="evenodd"
-            d="M4.51 8.5H1.019a7.003 7.003 0 0 0 5.779 6.397A11.445 11.445 0 0 1 4.511 8.5Zm1.002 0h4.976A10.453 10.453 0 0 1 8 14.801 10.453 10.453 0 0 1 5.512 8.5Zm4.976-1H5.512C5.624 5.1 6.542 2.913 8 1.199A10.453 10.453 0 0 1 10.488 7.5Zm1.001 1a11.446 11.446 0 0 1-2.286 6.397 7.003 7.003 0 0 0 5.78-6.397h-3.494Zm3.493-1H11.49a11.445 11.445 0 0 0-2.286-6.397 7.003 7.003 0 0 1 5.78 6.397Zm-10.471 0H1.018a7.003 7.003 0 0 1 5.779-6.397A11.445 11.445 0 0 0 4.511 7.5ZM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Z"
             clipRule="evenodd"
+            d="M19 6.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm2 0a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-11 5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm2 0a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM7.5 19c-1.807 0-3.479 1.744-3.5 4.01l-2-.02C2.03 19.872 4.368 17 7.5 17c3.135 0 5.482 2.86 5.5 5.994l-2 .012C10.987 20.738 9.316 19 7.5 19Zm5.583-1.808C13.45 15.317 14.921 14 16.5 14c1.81 0 3.487 1.74 3.5 4.006l2-.012C21.982 14.86 19.628 12 16.5 12c-2.735 0-4.87 2.204-5.38 4.808-.075.384-.116.78-.12 1.183l2 .018a4.47 4.47 0 0 1 .083-.817Z"
+            fill="currentColor"
           />
         </>
       </SvgIcon>
@@ -41,4 +40,4 @@ export const GlobeIcon = forwardRef<SVGSVGElement, GlobeIconProps>(
   }
 );
 
-GlobeIcon.displayName = "GlobeIcon";
+GroupIcon.displayName = "GroupIcon";

package/src/icons.generated/Hide.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 HideIconProps = SvgIconNoChildrenProps;
+
+export const HideIcon = forwardRef<SVGSVGElement, HideIconProps>(
+  (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="M12 3c2.353 0 4.267.745 5.791 1.786l-1.65 1.32A8.09 8.09 0 0 0 12 5C8.746 5 6.506 6.761 5.034 8.62A14.153 14.153 0 0 0 3.068 12a14.275 14.275 0 0 0 1.78 3.14l-1.561 1.25A16.256 16.256 0 0 1 1.2 12.714a10.039 10.039 0 0 1-.137-.362l-.008-.024-.002-.007-.001-.003c0-.001 0-.002.948-.318a91.698 91.698 0 0 1-.948-.317v-.004l.003-.007.008-.024.029-.08c.025-.067.06-.163.108-.282a16.15 16.15 0 0 1 2.266-3.907C5.16 5.24 7.92 3 12 3ZM2 12l-.949.316L.946 12l.105-.316L2 12Zm10-5c.835 0 1.623.205 2.315.567l-1.838 1.47a3 3 0 0 0-3.471 2.777l-1.84 1.472A5 5 0 0 1 12 7Zm2.992 4.787-3.858 3.086a3 3 0 0 0 3.858-3.087Zm-5.6 4.48L7.576 17.72A8.098 8.098 0 0 0 12 19c3.254 0 5.494-1.761 6.966-3.62A14.151 14.151 0 0 0 20.932 12a14.152 14.152 0 0 0-1.972-3.387l-2.224 1.779a5 5 0 0 1-7.344 5.875Zm11.13-8.904 2.603-2.082-1.25-1.562-20 16 1.25 1.562 2.818-2.255C7.508 20.165 9.508 21 12 21c4.08 0 6.84-2.239 8.534-4.38a16.147 16.147 0 0 0 2.266-3.906 10.026 10.026 0 0 0 .137-.362l.008-.024.002-.007.001-.003c0-.001 0-.002-.948-.318l.949.316.105-.316-.105-.316L22 12c.949-.316.949-.317.948-.317v-.004l-.003-.007-.008-.024a7.012 7.012 0 0 0-.137-.362 16.147 16.147 0 0 0-2.279-3.922Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+HideIcon.displayName = "HideIcon";

package/src/icons.generated/Home.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 HomeIconProps = SvgIconNoChildrenProps;
+
+export const HomeIcon = forwardRef<SVGSVGElement, HomeIconProps>(
+  (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="m12 .655.669.602 10 9 .331.298V20a3 3 0 0 1-3 3h-5v-7a3 3 0 1 0-6 0v7H4a3 3 0 0 1-3-3v-9.445l.331-.298 10-9L12 .655Zm-9 10.79V20a1 1 0 0 0 1 1h3v-5a5 5 0 0 1 10 0v5h3a1 1 0 0 0 1-1v-8.555l-9-8.1-9 8.1Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+HomeIcon.displayName = "HomeIcon";

package/src/{iconDictionary → icons.generated}/InformationCircle.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 InformationCircleIconProps = SvgIconNoChildrenProps;
 
@@ -24,7 +23,7 @@ export const InformationCircleIcon = 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 InformationCircleIcon = forwardRef<
     >
       <>
         <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 0ZM8 5.5A.75.75 0 1 0 8 4a.75.75 0 0 0 0 1.5Zm.5 2a.5.5 0 0 0-1 0V12h1V7.5Z"
           clipRule="evenodd"
+          d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11-3.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1 2.75a1 1 0 1 0-2 0v6h2v-6Z"
+          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/{iconDictionary → icons.generated}/InformationCircleFilled.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 InformationCircleFilledIconProps = SvgIconNoChildrenProps;
 
@@ -24,7 +23,7 @@ export const InformationCircleFilledIcon = 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 InformationCircleFilledIcon = forwardRef<
     >
       <>
         <path
-          fill="currentColor"
           fillRule="evenodd"
-          d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8 5.5A.75.75 0 1 0 8 4a.75.75 0 0 0 0 1.5ZM8 7a.5.5 0 0 1 .5.5V12h-1V7.5A.5.5 0 0 1 8 7Z"
           clipRule="evenodd"
+          d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11ZM12 8.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 1.75a1 1 0 0 1 1 1v6h-2v-6a1 1 0 0 1 1-1Z"
+          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/icons.generated/Link.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 LinkIconProps = SvgIconNoChildrenProps;
+
+export const LinkIcon = forwardRef<SVGSVGElement, LinkIconProps>(
+  (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="m20.927 2.934.069.068.068.069c.395.395.689.688.899.994a4 4 0 0 1 0 4.526c-.21.306-.504.6-.899.994l-.068.068-4.023 4.023-.03.03c-.569.569-1.038 1.039-1.452 1.39-.43.365-.865.66-1.383.829a4 4 0 0 1-2.472 0c-.518-.168-.954-.464-1.383-.829a21.726 21.726 0 0 1-1.2-1.138l1.414-1.414c.456.455.792.783 1.08 1.027.335.285.54.398.707.452a2 2 0 0 0 1.236 0c.167-.054.371-.167.706-.452.345-.292.757-.703 1.363-1.309l4.023-4.023c.493-.493.64-.647.732-.78a2 2 0 0 0 0-2.263c-.092-.133-.239-.286-.732-.78-.494-.493-.647-.64-.78-.731a2 2 0 0 0-2.263 0c-.133.091-.286.238-.78.732l-1.181 1.181a5.153 5.153 0 0 0-.721-.297 6 6 0 0 0-1.526-.284l2.014-2.015.068-.068c.395-.395.688-.688.994-.898a4 4 0 0 1 4.526 0c.306.21.6.503.994.898Zm-6.305 5.098c.351.298.742.682 1.2 1.138l-1.414 1.415a19.95 19.95 0 0 0-1.08-1.028c-.336-.285-.54-.397-.707-.451a2 2 0 0 0-1.236 0c-.167.054-.372.166-.707.451-.344.292-.756.704-1.362 1.31l-4.9 4.898c-.493.494-.64.647-.731.78a2 2 0 0 0 0 2.263c.091.133.238.286.732.78.493.494.646.64.78.732a2 2 0 0 0 2.263 0c.133-.091.286-.238.78-.732l2.057-2.058c.223.112.463.213.72.297a5.982 5.982 0 0 0 1.527.285l-2.89 2.89-.069.069c-.395.395-.688.688-.994.898a4 4 0 0 1-4.526 0c-.306-.21-.6-.503-.994-.898l-.069-.069-.068-.068c-.395-.395-.688-.688-.898-.994a4 4 0 0 1 0-4.526c.21-.306.503-.6.898-.994l.068-.069 4.9-4.899.029-.03c.569-.568 1.039-1.038 1.453-1.39.43-.365.865-.66 1.383-.829a4 4 0 0 1 2.472 0c.518.169.953.464 1.383.83Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+LinkIcon.displayName = "LinkIcon";

package/src/icons.generated/List.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 ListIconProps = SvgIconNoChildrenProps;
+
+export const ListIcon = forwardRef<SVGSVGElement, ListIconProps>(
+  (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="M5 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-2 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm5-7h15v-2H8v2Zm15-6H8V5h15v2ZM8 19h15v-2H8v2Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+ListIcon.displayName = "ListIcon";

package/src/icons.generated/Lock.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 LockIconProps = SvgIconNoChildrenProps;
+
+export const LockIcon = forwardRef<SVGSVGElement, LockIconProps>(
+  (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="M5 11h14v7a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-7Zm2-5v3H3v9a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5V9h-4V6A5 5 0 0 0 7 6Zm8 3V6a3 3 0 1 0-6 0v3h6Zm-3 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+LockIcon.displayName = "LockIcon";

package/src/icons.generated/More.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 MoreIconProps = SvgIconNoChildrenProps;
+
+export const MoreIcon = forwardRef<SVGSVGElement, MoreIconProps>(
+  (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="M13.5 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM12 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+MoreIcon.displayName = "MoreIcon";

package/src/{iconDictionary → icons.generated}/Notification.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 NotificationIconProps = SvgIconNoChildrenProps;
 
@@ -24,7 +23,7 @@ export const NotificationIcon = 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 NotificationIcon = forwardRef<
     >
       <>
         <path
-          fill="currentColor"
           fillRule="evenodd"
-          d="m15.125 12 .375 1H11a3 3 0 1 1-6 0H.5l.375-1 .736-1.963a8.88 8.88 0 0 0 .511-2.138l.326-2.93a5.586 5.586 0 0 1 11.104 0l.326 2.93a8.88 8.88 0 0 0 .51 2.138L15.126 12ZM6 13a2 2 0 1 0 4 0H6Zm-1-1H1.943l.605-1.612a9.88 9.88 0 0 0 .568-2.378l.326-2.93a4.586 4.586 0 0 1 9.116 0l.326 2.93a9.88 9.88 0 0 0 .569 2.378L14.056 12H5Z"
           clipRule="evenodd"
+          d="M12 1C7.544 1 4.03 4.556 3.637 8.899c-.298 3.284-.794 6.258-1.591 8.802L1.639 19h5.458c.454 2.302 2.454 4 4.903 4 2.45 0 4.448-1.698 4.903-4h5.458l-.407-1.3c-.797-2.543-1.293-5.517-1.59-8.801C19.968 4.556 16.455 1 12 1Zm2.837 18H9.163c.402 1.179 1.502 2 2.837 2 1.335 0 2.435-.821 2.837-2ZM5.628 9.08C5.938 5.67 8.673 3 12 3s6.062 2.671 6.372 6.08c.257 2.84.664 5.513 1.3 7.92H4.328c.636-2.407 1.043-5.08 1.3-7.92Z"
+          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/icons.generated/Pause.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 PauseIconProps = SvgIconNoChildrenProps;
+
+export const PauseIcon = forwardRef<SVGSVGElement, PauseIconProps>(
+  (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="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm7-5h2v10H8V7Zm8 0h-2v10h2V7Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+PauseIcon.displayName = "PauseIcon";

package/src/{iconDictionary → icons.generated}/QuestionCircle.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 QuestionCircleIconProps = SvgIconNoChildrenProps;
 
@@ -24,7 +23,7 @@ export const QuestionCircleIcon = 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 QuestionCircleIcon = forwardRef<
     >
       <>
         <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.5ZM6.354 5.854C6.82 5.387 7.458 5 8 5a1.5 1.5 0 0 1 1.5 1.5c0 .363-.148.616-.472.93-.15.143-.32.285-.523.453l-.09.075c-.237.197-.501.421-.769.688a.5.5 0 1 0 .708.708c.232-.233.468-.433.7-.627l.088-.073c.199-.165.402-.333.58-.505.426-.41.778-.907.778-1.649A2.5 2.5 0 0 0 8 4c-.939 0-1.82.613-2.354 1.146l.708.708Z"
           clipRule="evenodd"
+          d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.022-4c-.82 0-1.494.675-1.494 1.494h-2A3.501 3.501 0 0 1 12.022 6a3.501 3.501 0 0 1 3.494 3.494c0 1.406-.736 2.462-1.875 3.113l-.024.014-.025.012a2.027 2.027 0 0 0-.676.579c-.195.26-.268.49-.268.647a1 1 0 1 1-2 0c0-.717.302-1.36.668-1.847a4.03 4.03 0 0 1 1.353-1.153c.592-.345.847-.782.847-1.365A1.5 1.5 0 0 0 12.022 8Zm.928 9.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"
+          fill="currentColor"
         />
       </>
     </SvgIcon>

package/src/{iconDictionary → icons.generated}/QuestionCircleFilled.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 QuestionCircleFilledIconProps = SvgIconNoChildrenProps;
 
@@ -24,7 +23,7 @@ export const QuestionCircleFilledIcon = 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 QuestionCircleFilledIcon = forwardRef<
     >
       <>
         <path
-          fill="currentColor"
           fillRule="evenodd"
-          d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8 5c-.542 0-1.18.387-1.646.854l-.708-.708C6.18 4.613 7.061 4 8 4a2.5 2.5 0 0 1 2.5 2.5c0 .742-.352 1.238-.778 1.649-.178.172-.381.34-.58.505l-.088.073a10.09 10.09 0 0 0-.7.627.5.5 0 1 1-.708-.708c.268-.267.532-.491.769-.688l.09-.075c.203-.168.374-.31.523-.454.324-.313.472-.566.472-.929A1.5 1.5 0 0 0 8 5Zm0 7a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
           clipRule="evenodd"
+          d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11ZM12.022 8c-.82 0-1.494.675-1.494 1.494h-2A3.501 3.501 0 0 1 12.022 6a3.501 3.501 0 0 1 3.494 3.494c0 1.406-.736 2.462-1.875 3.113l-.024.014-.025.012a2.027 2.027 0 0 0-.676.579c-.195.26-.268.49-.268.647a1 1 0 1 1-2 0c0-.717.302-1.36.668-1.847a4.03 4.03 0 0 1 1.353-1.153c.592-.345.847-.782.847-1.365A1.5 1.5 0 0 0 12.022 8ZM11.7 18.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"
+          fill="currentColor"
         />
       </>
     </SvgIcon>