@okta/odyssey-react-mui 1.56.0 → 1.58.0

package/dist/cjs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","names":["_lab","require","_react","_Badge","_Box","_OdysseyDesignTokensContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TabLabel","label","notificationCount","notificationCountMax","tabState","value","odysseyDesignTokens","useOdysseyDesignTokens","jsxs","Fragment","children","undefined","jsx","Box","sx","marginInlineStart","Spacing2","Badge","badgeContent","badgeContentMax","type","Tabs","ariaLabel","initialValue","tabs","onChange","onChangeProp","setTabState","useState","scrollButtons","setScrollButtons","useCallback","event","useEffect","animationFrame","cleanup","cancelAnimationFrame","document","removeEventListener","refreshScrollButtons","requestAnimationFrame","addEventListener","renderTab","tab","index","testId","isDisabled","startIcon","_Tab2","disabled","icon","tabIndex","toString","TabContext","TabList","variant","map","TabPanel","MemoizedTabs","exports","memo","displayName"],"sources":["../../src/Tabs.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  TabContext as MuiTabContext,\n  TabList as MuiTabList,\n  TabListProps as MuiTabListProps,\n  TabPanel as MuiTabPanel,\n} from \"@mui/lab\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport { Badge, BadgeProps } from \"./Badge.js\";\nimport { Box } from \"./Box.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type TabItemProps = {\n  /**\n   * The content of the Tab itself\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the TabItem is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * The label text for the TabItem\n   */\n  label: string;\n  /**\n   * An optional icon to display at the start of the TabItem\n   */\n  startIcon?: ReactElement;\n  /**\n   * The value associated with the TabItem\n   */\n  value?: string;\n} & {\n  notificationCount?: BadgeProps[\"badgeContent\"];\n  notificationCountMax?: BadgeProps[\"badgeContentMax\"];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nexport type TabsProps = {\n  /**\n   * @deprecated please use the `value` prop instead\n   * When `value` is provided, `initialValue` isn't used.\n   */\n  initialValue?: string;\n  /**\n   * Callback fired when the active tab is changed.\n   */\n  onChange?: MuiTabListProps[\"onChange\"];\n  /**\n   * The TabItems to be included in the Tabs group\n   */\n  tabs: TabItemProps[];\n  /**\n   * Identifier for the selected tab.\n   */\n  value?: string;\n};\n\nconst TabLabel = ({\n  label,\n  notificationCount,\n  notificationCountMax,\n  tabState,\n  value,\n}: Pick<\n  TabItemProps,\n  \"label\" | \"notificationCount\" | \"notificationCountMax\" | \"value\"\n> & {\n  tabState: string;\n}) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <>\n      {label}\n      {notificationCount !== undefined && notificationCount > 0 && (\n        <Box\n          sx={{\n            marginInlineStart: notificationCount\n              ? odysseyDesignTokens.Spacing2\n              : 0,\n          }}\n        >\n          <Badge\n            badgeContent={notificationCount}\n            badgeContentMax={notificationCountMax}\n            type={value === tabState ? \"attention\" : \"default\"}\n          />\n        </Box>\n      )}\n    </>\n  );\n};\n\nconst Tabs = ({\n  ariaLabel,\n  initialValue,\n  tabs,\n  value,\n  onChange: onChangeProp,\n}: TabsProps & Pick<HtmlProps, \"ariaLabel\">) => {\n  const [tabState, setTabState] = useState(initialValue ?? value ?? \"0\");\n  /*\n    The scrollButtons prop is initially set to `false`.\n    It's then reset to `auto` when the document is visible.\n    This prevents a rare bug where scroll buttons appear\n    when the component is rendered while hidden and the\n    screen is wide enough to not need scroll buttons.\n  */\n  const [scrollButtons, setScrollButtons] =\n    useState<MuiTabListProps[\"scrollButtons\"]>(false);\n  const onChange = useCallback<NonNullable<MuiTabListProps[\"onChange\"]>>(\n    (event, value: string) => {\n      setTabState(value);\n      onChangeProp?.(event, value);\n    },\n    [onChangeProp],\n  );\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setTabState(value);\n    }\n  }, [value]);\n\n  // listen for visibility change to reset scroll buttons override\n  useEffect(() => {\n    // keep track of animation frame to cancel when needed\n    let animationFrame: number;\n\n    // called when unmounted or scroll buttons is reset\n    const cleanup = () => {\n      cancelAnimationFrame(animationFrame);\n      document.removeEventListener(\"visibilitychange\", refreshScrollButtons);\n    };\n\n    // Reset the scroll buttons override when the document becomes visible.\n    // If called, then the document is hidden because the event listener\n    // is only registered if the document is hidden\n    function refreshScrollButtons() {\n      animationFrame = requestAnimationFrame(() => {\n        cleanup();\n        setScrollButtons(\"auto\");\n      });\n    }\n\n    // don't override scroll buttons if it's already set to \"auto\"\n    if (scrollButtons !== \"auto\") {\n      document.addEventListener(\"visibilitychange\", refreshScrollButtons);\n    }\n    return () => {\n      cleanup();\n    };\n  }, [scrollButtons]);\n\n  const renderTab = useCallback(\n    (tab: TabItemProps, index: number) => {\n      const {\n        testId,\n        isDisabled,\n        label,\n        startIcon,\n        value,\n        notificationCount,\n        notificationCountMax,\n      } = tab;\n\n      return (\n        <MuiTab\n          data-se={testId}\n          disabled={isDisabled}\n          icon={startIcon}\n          key={value ? value : index.toString()}\n          label={\n            <TabLabel\n              label={label}\n              notificationCount={notificationCount}\n              notificationCountMax={notificationCountMax}\n              tabState={tabState}\n              value={value}\n            />\n          }\n          tabIndex={0}\n          value={value ? value : index.toString()}\n        />\n      );\n    },\n    [tabState],\n  );\n\n  return (\n    <MuiTabContext value={tabState}>\n      <MuiTabList\n        aria-label={ariaLabel}\n        onChange={onChange}\n        scrollButtons={scrollButtons}\n        variant=\"scrollable\"\n      >\n        {tabs.map((tab, index) => renderTab(tab, index))}\n      </MuiTabList>\n      {tabs.map((tab, index) => (\n        <MuiTabPanel\n          key={tab.value ? tab.value : index.toString()}\n          value={tab.value ? tab.value : index.toString()}\n        >\n          {tab.children}\n        </MuiTabPanel>\n      ))}\n    </MuiTabContext>\n  );\n};\n\nconst MemoizedTabs = memo(Tabs);\nMemoizedTabs.displayName = \"Tabs\";\n\nexport { MemoizedTabs as Tabs };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tabs.cjs","names":["_lab","require","_react","_Badge","_Box","_OdysseyDesignTokensContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TabLabel","label","notificationCount","notificationCountMax","tabState","value","odysseyDesignTokens","useOdysseyDesignTokens","jsxs","Fragment","children","undefined","jsx","Box","sx","marginInlineStart","Spacing2","Badge","badgeContent","badgeContentMax","type","Tabs","ariaLabel","initialValue","tabs","onChange","onChangeProp","setTabState","useState","scrollButtons","setScrollButtons","useCallback","event","useEffect","animationFrame","cleanup","cancelAnimationFrame","document","removeEventListener","refreshScrollButtons","requestAnimationFrame","addEventListener","renderTab","tab","index","testId","isDisabled","startIcon","_Tab2","disabled","icon","tabIndex","toString","TabContext","TabList","variant","map","TabPanel","MemoizedTabs","exports","memo","displayName"],"sources":["../../src/Tabs.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  TabContext as MuiTabContext,\n  TabList as MuiTabList,\n  TabListProps as MuiTabListProps,\n  TabPanel as MuiTabPanel,\n} from \"@mui/lab\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport { Badge, BadgeProps } from \"./Badge.js\";\nimport { Box } from \"./Box.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type TabItemProps = {\n  /**\n   * The content of the Tab itself\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the TabItem is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * The label text for the TabItem\n   */\n  label: string;\n  /**\n   * An optional icon to display at the start of the TabItem\n   */\n  startIcon?: ReactElement;\n  /**\n   * The value associated with the TabItem\n   */\n  value?: string;\n} & {\n  notificationCount?: BadgeProps[\"badgeContent\"];\n  notificationCountMax?: BadgeProps[\"badgeContentMax\"];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nexport type TabsProps = {\n  /**\n   * @deprecated please use the `value` prop instead\n   * When `value` is provided, `initialValue` isn't used.\n   */\n  initialValue?: string;\n  /**\n   * Callback fired when the active tab is changed.\n   */\n  onChange?: MuiTabListProps[\"onChange\"];\n  /**\n   * The TabItems to be included in the Tabs group\n   */\n  tabs: TabItemProps[];\n  /**\n   * Identifier for the selected tab.\n   */\n  value?: string;\n};\n\nconst TabLabel = ({\n  label,\n  notificationCount,\n  notificationCountMax,\n  tabState,\n  value,\n}: Pick<\n  TabItemProps,\n  \"label\" | \"notificationCount\" | \"notificationCountMax\" | \"value\"\n> & {\n  tabState: string;\n}) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <>\n      {label}\n      {notificationCount !== undefined && notificationCount > 0 && (\n        <Box\n          sx={{\n            marginInlineStart: notificationCount\n              ? odysseyDesignTokens.Spacing2\n              : 0,\n          }}\n        >\n          <Badge\n            badgeContent={notificationCount}\n            badgeContentMax={notificationCountMax}\n            type={value === tabState ? \"attention\" : \"default\"}\n          />\n        </Box>\n      )}\n    </>\n  );\n};\n\nconst Tabs = ({\n  ariaLabel,\n  initialValue,\n  tabs,\n  value,\n  onChange: onChangeProp,\n}: TabsProps & Pick<HtmlProps, \"ariaLabel\">) => {\n  const [tabState, setTabState] = useState(initialValue ?? value ?? \"0\");\n  /*\n    The scrollButtons prop is initially set to `false`.\n    It's then reset to `auto` when the document is visible.\n    This prevents a rare bug where scroll buttons appear\n    when the component is rendered while hidden and the\n    screen is wide enough to not need scroll buttons.\n  */\n  const [scrollButtons, setScrollButtons] =\n    useState<MuiTabListProps[\"scrollButtons\"]>(false);\n  const onChange = useCallback<NonNullable<MuiTabListProps[\"onChange\"]>>(\n    (event, value: string) => {\n      setTabState(value);\n      onChangeProp?.(event, value);\n    },\n    [onChangeProp],\n  );\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setTabState(value);\n    }\n  }, [value]);\n\n  // listen for visibility change to reset scroll buttons override\n  useEffect(() => {\n    // keep track of animation frame to cancel when needed\n    let animationFrame: number;\n\n    // called when unmounted or scroll buttons is reset\n    const cleanup = () => {\n      cancelAnimationFrame(animationFrame);\n      document.removeEventListener(\"visibilitychange\", refreshScrollButtons);\n    };\n\n    // Reset the scroll buttons override when the document becomes visible.\n    // If called, then the document is hidden because the event listener\n    // is only registered if the document is hidden\n    function refreshScrollButtons() {\n      animationFrame = requestAnimationFrame(() => {\n        cleanup();\n        setScrollButtons(\"auto\");\n      });\n    }\n\n    // don't override scroll buttons if it's already set to \"auto\"\n    if (scrollButtons !== \"auto\") {\n      document.addEventListener(\"visibilitychange\", refreshScrollButtons);\n    }\n    return () => {\n      cleanup();\n    };\n  }, [scrollButtons]);\n\n  const renderTab = useCallback(\n    (tab: TabItemProps, index: number) => {\n      const {\n        testId,\n        isDisabled,\n        label,\n        startIcon,\n        value,\n        notificationCount,\n        notificationCountMax,\n      } = tab;\n\n      return (\n        <MuiTab\n          data-se={testId}\n          disabled={isDisabled}\n          icon={startIcon}\n          key={value ? value : index.toString()}\n          label={\n            <TabLabel\n              label={label}\n              notificationCount={notificationCount}\n              notificationCountMax={notificationCountMax}\n              tabState={tabState}\n              value={value}\n            />\n          }\n          tabIndex={0}\n          value={value ? value : index.toString()}\n        />\n      );\n    },\n    [tabState],\n  );\n\n  return (\n    <MuiTabContext value={tabState}>\n      <MuiTabList\n        aria-label={ariaLabel}\n        onChange={onChange}\n        scrollButtons={scrollButtons}\n        variant=\"scrollable\"\n      >\n        {tabs.map((tab, index) => renderTab(tab, index))}\n      </MuiTabList>\n      {tabs.map((tab, index) => (\n        <MuiTabPanel\n          key={tab.value ? tab.value : index.toString()}\n          value={tab.value ? tab.value : index.toString()}\n        >\n          {tab.children}\n        </MuiTabPanel>\n      ))}\n    </MuiTabContext>\n  );\n};\n\nconst MemoizedTabs = memo(Tabs);\nMemoizedTabs.displayName = \"Tabs\";\n\nexport { MemoizedTabs as Tabs };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tag.cjs

@@ -249,5 +249,5 @@ const Tag = ({
   });
 };
 const MemoizedTag = exports.Tag = (0, _react.memo)(Tag);
-MemoizedTag.displayName = "Tag";
+MemoizedTag.displayName = "Tag::pkg=odyssey&odysseyV=1.58.0";
 //# sourceMappingURL=Tag.cjs.map

package/dist/cjs/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","names":["_styled","_interopRequireDefault","require","_react","_i18n","_index","_MuiPropsContext","_OdysseyDesignTokensContext","_TagListContext","_useContrastMode","_jsxRuntime","e","__esModule","default","tagSizeValues","exports","tagColorVariants","getChipColors","colorVariant","contrastMode","odysseyDesignTokens","colors","background","HueNeutral200","text","HueNeutral700","textDisabled","HueNeutral400","HueNeutral100","HueNeutral300","hover","active","border","deleteIcon","HueNeutral500","deleteIconHover","icon","iconDisabled","info","HueBlue200","HueBlue700","HueBlue400","HueBlue100","HueBlue300","HueBlue500","accentOne","HueAccentOne200","HueAccentOne700","HueAccentOne400","HueAccentOne100","HueAccentOne300","HueAccentOne500","accentTwo","HueAccentTwo200","HueAccentTwo800","HueAccentTwo400","HueAccentTwo100","HueAccentTwo700","HueAccentTwo300","HueAccentTwo500","accentThree","HueAccentThree200","HueAccentThree700","HueAccentThree400","HueAccentThree100","HueAccentThree300","HueAccentThree500","accentFour","HueAccentFour200","HueAccentFour700","HueAccentFour400","HueAccentFour100","HueAccentFour300","HueAccentFour500","StyledTag","styled","_Chip2","shouldForwardProp","prop","includes","clickable","size","backgroundColor","color","borderColor","paddingBlock","Spacing1","Tag","isDisabled","label","onClick","onRemove","testId","translate","t","useTranslation","useOdysseyDesignTokens","chipElementType","useContext","TagListContext","useContrastModeContext","renderTag","useCallback","muiProps","jsx","as","Boolean","CloseCircleFilledIcon","role","titleAccess","disabled","onDelete","MuiPropsContext","Consumer","children","MemoizedTag","memo","displayName"],"sources":["../../src/Tag.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { Chip as MuiChip, ChipProps as MuiChipProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback, useContext } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TagListContext } from \"./TagListContext.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nexport const tagSizeValues = [\"medium\", \"small\"] as const;\n\nexport const tagColorVariants = [\n  \"accentFour\",\n  \"accentOne\",\n  \"accentThree\",\n  \"accentTwo\",\n  \"default\",\n  \"info\",\n] as const;\n\ntype TagColorVariant = (typeof tagColorVariants)[number];\ntype TagSize = (typeof tagSizeValues)[number];\n\nexport type TagProps = {\n  /**\n   * Color variant of the Tag, affecting its appearance\n   */\n  colorVariant?: TagColorVariant;\n  icon?: ReactElement;\n  isDisabled?: boolean;\n  /**\n   * The label text for the Tag\n   */\n  label: string;\n  /**\n   * Callback fired when the Tag is clicked\n   */\n  onClick?: MuiChipProps[\"onClick\"];\n  /**\n   * Callback fired when the remove button of the Tag is clicked\n   */\n  onRemove?: MuiChipProps[\"onDelete\"];\n  /*\n   *  Size variant of the Tag\n   */\n  size?: TagSize;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst getChipColors = ({\n  colorVariant,\n  contrastMode,\n  odysseyDesignTokens,\n}: {\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n}) => {\n  const colors = {\n    default: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueNeutral200,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueNeutral100,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral300,\n      }),\n      hover: odysseyDesignTokens.HueNeutral200,\n      active: odysseyDesignTokens.HueNeutral300,\n      border: odysseyDesignTokens.HueNeutral200,\n      deleteIcon: odysseyDesignTokens.HueNeutral500,\n      deleteIconHover: odysseyDesignTokens.HueNeutral700,\n      icon: odysseyDesignTokens.HueNeutral700,\n      iconDisabled: odysseyDesignTokens.HueNeutral300,\n    },\n    info: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueBlue200,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueBlue100,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue300,\n      }),\n      hover: odysseyDesignTokens.HueBlue200,\n      active: odysseyDesignTokens.HueBlue300,\n      border: odysseyDesignTokens.HueBlue200,\n      deleteIcon: odysseyDesignTokens.HueBlue500,\n      deleteIconHover: odysseyDesignTokens.HueBlue700,\n      icon: odysseyDesignTokens.HueBlue700,\n      iconDisabled: odysseyDesignTokens.HueBlue300,\n    },\n    accentOne: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne200,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne100,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne300,\n      }),\n      hover: odysseyDesignTokens.HueAccentOne200,\n      active: odysseyDesignTokens.HueAccentOne300,\n      border: odysseyDesignTokens.HueAccentOne200,\n      deleteIcon: odysseyDesignTokens.HueAccentOne500,\n      deleteIconHover: odysseyDesignTokens.HueAccentOne700,\n      icon: odysseyDesignTokens.HueAccentOne700,\n      iconDisabled: odysseyDesignTokens.HueAccentOne300,\n    },\n    accentTwo: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo200,\n        text: odysseyDesignTokens.HueAccentTwo800,\n        textDisabled: odysseyDesignTokens.HueAccentTwo400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo100,\n        text: odysseyDesignTokens.HueAccentTwo700,\n        textDisabled: odysseyDesignTokens.HueAccentTwo300,\n      }),\n      hover: odysseyDesignTokens.HueAccentTwo200,\n      active: odysseyDesignTokens.HueAccentTwo300,\n      border: odysseyDesignTokens.HueAccentTwo200,\n      deleteIcon: odysseyDesignTokens.HueAccentTwo500,\n      deleteIconHover: odysseyDesignTokens.HueAccentTwo700,\n      icon: odysseyDesignTokens.HueAccentTwo700,\n      iconDisabled: odysseyDesignTokens.HueAccentTwo300,\n    },\n    accentThree: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree200,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree100,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree300,\n      }),\n      hover: odysseyDesignTokens.HueAccentThree200,\n      active: odysseyDesignTokens.HueAccentThree300,\n      border: odysseyDesignTokens.HueAccentThree200,\n      deleteIcon: odysseyDesignTokens.HueAccentThree500,\n      deleteIconHover: odysseyDesignTokens.HueAccentThree700,\n      icon: odysseyDesignTokens.HueAccentThree700,\n      iconDisabled: odysseyDesignTokens.HueAccentThree300,\n    },\n    accentFour: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour200,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour100,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour300,\n      }),\n      hover: odysseyDesignTokens.HueAccentFour200,\n      active: odysseyDesignTokens.HueAccentFour300,\n      border: odysseyDesignTokens.HueAccentFour200,\n      deleteIcon: odysseyDesignTokens.HueAccentFour500,\n      deleteIconHover: odysseyDesignTokens.HueAccentFour700,\n      icon: odysseyDesignTokens.HueAccentFour700,\n      iconDisabled: odysseyDesignTokens.HueAccentFour300,\n    },\n  };\n\n  return colors[colorVariant] || colors.default;\n};\n\nconst StyledTag = styled(MuiChip, {\n  shouldForwardProp: (prop) =>\n    ![\"colorVariant\", \"contrastMode\", \"odysseyDesignTokens\", \"size\"].includes(\n      prop,\n    ),\n})<{\n  as?: React.ElementType; // Allow the 'as' prop to be forwarded\n  clickable?: boolean;\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n  size?: TagSize;\n}>(({ colorVariant, contrastMode, odysseyDesignTokens, clickable, size }) => {\n  const colors = getChipColors({\n    colorVariant,\n    odysseyDesignTokens,\n    contrastMode,\n  });\n\n  return {\n    backgroundColor: colors.background,\n    color: colors.text,\n\n    ...(clickable === true && {\n      borderColor: colors.border,\n    }),\n\n    ...(clickable === false && {\n      borderColor: \"transparent\",\n    }),\n\n    ...(size === \"small\" && {\n      paddingBlock: `calc(${odysseyDesignTokens.Spacing1})`,\n    }),\n\n    \"&.MuiChip-clickable:hover\": {\n      backgroundColor: colors.hover,\n    },\n\n    \"&.MuiChip-clickable:active\": {\n      backgroundColor: colors.active,\n    },\n\n    \"&.Mui-disabled\": {\n      color: colors.textDisabled,\n      borderColor: colors.border,\n      \"& .MuiChip-icon, & .MuiChip-deleteIcon\": {\n        color: colors.iconDisabled,\n      },\n    },\n\n    \"& .MuiChip-icon\": {\n      color: colors.icon,\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      color: colors.deleteIcon,\n      \"&:hover\": {\n        color: colors.deleteIconHover,\n      },\n    },\n  };\n});\n\nconst Tag = ({\n  colorVariant = \"default\",\n  icon,\n  isDisabled,\n  label,\n  onClick,\n  onRemove,\n  size = \"medium\",\n  testId,\n  translate,\n}: TagProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { chipElementType } = useContext(TagListContext);\n  const { contrastMode } = useContrastModeContext();\n\n  const renderTag = useCallback(\n    (muiProps: MuiPropsContextType) => (\n      <StyledTag\n        {...muiProps}\n        aria-disabled={isDisabled}\n        as={chipElementType}\n        clickable={Boolean(onClick)}\n        colorVariant={colorVariant}\n        contrastMode={contrastMode}\n        data-se={testId}\n        deleteIcon={\n          <CloseCircleFilledIcon role=\"button\" titleAccess={t(\"tag.remove\")} />\n        }\n        disabled={isDisabled}\n        icon={icon}\n        label={label}\n        odysseyDesignTokens={odysseyDesignTokens}\n        onClick={onClick}\n        onDelete={onRemove}\n        size={size}\n        translate={translate}\n      />\n    ),\n    [\n      t,\n      chipElementType,\n      colorVariant,\n      contrastMode,\n      icon,\n      isDisabled,\n      label,\n      odysseyDesignTokens,\n      onClick,\n      onRemove,\n      size,\n      testId,\n      translate,\n    ],\n  );\n\n  return <MuiPropsContext.Consumer>{renderTag}</MuiPropsContext.Consumer>;\n};\n\nconst MemoizedTag = memo(Tag);\nMemoizedTag.displayName = \"Tag\";\n\nexport { MemoizedTag as Tag };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tag.cjs","names":["_styled","_interopRequireDefault","require","_react","_i18n","_index","_MuiPropsContext","_OdysseyDesignTokensContext","_TagListContext","_useContrastMode","_jsxRuntime","e","__esModule","default","tagSizeValues","exports","tagColorVariants","getChipColors","colorVariant","contrastMode","odysseyDesignTokens","colors","background","HueNeutral200","text","HueNeutral700","textDisabled","HueNeutral400","HueNeutral100","HueNeutral300","hover","active","border","deleteIcon","HueNeutral500","deleteIconHover","icon","iconDisabled","info","HueBlue200","HueBlue700","HueBlue400","HueBlue100","HueBlue300","HueBlue500","accentOne","HueAccentOne200","HueAccentOne700","HueAccentOne400","HueAccentOne100","HueAccentOne300","HueAccentOne500","accentTwo","HueAccentTwo200","HueAccentTwo800","HueAccentTwo400","HueAccentTwo100","HueAccentTwo700","HueAccentTwo300","HueAccentTwo500","accentThree","HueAccentThree200","HueAccentThree700","HueAccentThree400","HueAccentThree100","HueAccentThree300","HueAccentThree500","accentFour","HueAccentFour200","HueAccentFour700","HueAccentFour400","HueAccentFour100","HueAccentFour300","HueAccentFour500","StyledTag","styled","_Chip2","shouldForwardProp","prop","includes","clickable","size","backgroundColor","color","borderColor","paddingBlock","Spacing1","Tag","isDisabled","label","onClick","onRemove","testId","translate","t","useTranslation","useOdysseyDesignTokens","chipElementType","useContext","TagListContext","useContrastModeContext","renderTag","useCallback","muiProps","jsx","as","Boolean","CloseCircleFilledIcon","role","titleAccess","disabled","onDelete","MuiPropsContext","Consumer","children","MemoizedTag","memo","displayName"],"sources":["../../src/Tag.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { Chip as MuiChip, ChipProps as MuiChipProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback, useContext } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TagListContext } from \"./TagListContext.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nexport const tagSizeValues = [\"medium\", \"small\"] as const;\n\nexport const tagColorVariants = [\n  \"accentFour\",\n  \"accentOne\",\n  \"accentThree\",\n  \"accentTwo\",\n  \"default\",\n  \"info\",\n] as const;\n\ntype TagColorVariant = (typeof tagColorVariants)[number];\ntype TagSize = (typeof tagSizeValues)[number];\n\nexport type TagProps = {\n  /**\n   * Color variant of the Tag, affecting its appearance\n   */\n  colorVariant?: TagColorVariant;\n  icon?: ReactElement;\n  isDisabled?: boolean;\n  /**\n   * The label text for the Tag\n   */\n  label: string;\n  /**\n   * Callback fired when the Tag is clicked\n   */\n  onClick?: MuiChipProps[\"onClick\"];\n  /**\n   * Callback fired when the remove button of the Tag is clicked\n   */\n  onRemove?: MuiChipProps[\"onDelete\"];\n  /*\n   *  Size variant of the Tag\n   */\n  size?: TagSize;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst getChipColors = ({\n  colorVariant,\n  contrastMode,\n  odysseyDesignTokens,\n}: {\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n}) => {\n  const colors = {\n    default: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueNeutral200,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueNeutral100,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral300,\n      }),\n      hover: odysseyDesignTokens.HueNeutral200,\n      active: odysseyDesignTokens.HueNeutral300,\n      border: odysseyDesignTokens.HueNeutral200,\n      deleteIcon: odysseyDesignTokens.HueNeutral500,\n      deleteIconHover: odysseyDesignTokens.HueNeutral700,\n      icon: odysseyDesignTokens.HueNeutral700,\n      iconDisabled: odysseyDesignTokens.HueNeutral300,\n    },\n    info: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueBlue200,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueBlue100,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue300,\n      }),\n      hover: odysseyDesignTokens.HueBlue200,\n      active: odysseyDesignTokens.HueBlue300,\n      border: odysseyDesignTokens.HueBlue200,\n      deleteIcon: odysseyDesignTokens.HueBlue500,\n      deleteIconHover: odysseyDesignTokens.HueBlue700,\n      icon: odysseyDesignTokens.HueBlue700,\n      iconDisabled: odysseyDesignTokens.HueBlue300,\n    },\n    accentOne: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne200,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne100,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne300,\n      }),\n      hover: odysseyDesignTokens.HueAccentOne200,\n      active: odysseyDesignTokens.HueAccentOne300,\n      border: odysseyDesignTokens.HueAccentOne200,\n      deleteIcon: odysseyDesignTokens.HueAccentOne500,\n      deleteIconHover: odysseyDesignTokens.HueAccentOne700,\n      icon: odysseyDesignTokens.HueAccentOne700,\n      iconDisabled: odysseyDesignTokens.HueAccentOne300,\n    },\n    accentTwo: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo200,\n        text: odysseyDesignTokens.HueAccentTwo800,\n        textDisabled: odysseyDesignTokens.HueAccentTwo400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo100,\n        text: odysseyDesignTokens.HueAccentTwo700,\n        textDisabled: odysseyDesignTokens.HueAccentTwo300,\n      }),\n      hover: odysseyDesignTokens.HueAccentTwo200,\n      active: odysseyDesignTokens.HueAccentTwo300,\n      border: odysseyDesignTokens.HueAccentTwo200,\n      deleteIcon: odysseyDesignTokens.HueAccentTwo500,\n      deleteIconHover: odysseyDesignTokens.HueAccentTwo700,\n      icon: odysseyDesignTokens.HueAccentTwo700,\n      iconDisabled: odysseyDesignTokens.HueAccentTwo300,\n    },\n    accentThree: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree200,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree100,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree300,\n      }),\n      hover: odysseyDesignTokens.HueAccentThree200,\n      active: odysseyDesignTokens.HueAccentThree300,\n      border: odysseyDesignTokens.HueAccentThree200,\n      deleteIcon: odysseyDesignTokens.HueAccentThree500,\n      deleteIconHover: odysseyDesignTokens.HueAccentThree700,\n      icon: odysseyDesignTokens.HueAccentThree700,\n      iconDisabled: odysseyDesignTokens.HueAccentThree300,\n    },\n    accentFour: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour200,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour100,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour300,\n      }),\n      hover: odysseyDesignTokens.HueAccentFour200,\n      active: odysseyDesignTokens.HueAccentFour300,\n      border: odysseyDesignTokens.HueAccentFour200,\n      deleteIcon: odysseyDesignTokens.HueAccentFour500,\n      deleteIconHover: odysseyDesignTokens.HueAccentFour700,\n      icon: odysseyDesignTokens.HueAccentFour700,\n      iconDisabled: odysseyDesignTokens.HueAccentFour300,\n    },\n  };\n\n  return colors[colorVariant] || colors.default;\n};\n\nconst StyledTag = styled(MuiChip, {\n  shouldForwardProp: (prop) =>\n    ![\"colorVariant\", \"contrastMode\", \"odysseyDesignTokens\", \"size\"].includes(\n      prop,\n    ),\n})<{\n  as?: React.ElementType; // Allow the 'as' prop to be forwarded\n  clickable?: boolean;\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n  size?: TagSize;\n}>(({ colorVariant, contrastMode, odysseyDesignTokens, clickable, size }) => {\n  const colors = getChipColors({\n    colorVariant,\n    odysseyDesignTokens,\n    contrastMode,\n  });\n\n  return {\n    backgroundColor: colors.background,\n    color: colors.text,\n\n    ...(clickable === true && {\n      borderColor: colors.border,\n    }),\n\n    ...(clickable === false && {\n      borderColor: \"transparent\",\n    }),\n\n    ...(size === \"small\" && {\n      paddingBlock: `calc(${odysseyDesignTokens.Spacing1})`,\n    }),\n\n    \"&.MuiChip-clickable:hover\": {\n      backgroundColor: colors.hover,\n    },\n\n    \"&.MuiChip-clickable:active\": {\n      backgroundColor: colors.active,\n    },\n\n    \"&.Mui-disabled\": {\n      color: colors.textDisabled,\n      borderColor: colors.border,\n      \"& .MuiChip-icon, & .MuiChip-deleteIcon\": {\n        color: colors.iconDisabled,\n      },\n    },\n\n    \"& .MuiChip-icon\": {\n      color: colors.icon,\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      color: colors.deleteIcon,\n      \"&:hover\": {\n        color: colors.deleteIconHover,\n      },\n    },\n  };\n});\n\nconst Tag = ({\n  colorVariant = \"default\",\n  icon,\n  isDisabled,\n  label,\n  onClick,\n  onRemove,\n  size = \"medium\",\n  testId,\n  translate,\n}: TagProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { chipElementType } = useContext(TagListContext);\n  const { contrastMode } = useContrastModeContext();\n\n  const renderTag = useCallback(\n    (muiProps: MuiPropsContextType) => (\n      <StyledTag\n        {...muiProps}\n        aria-disabled={isDisabled}\n        as={chipElementType}\n        clickable={Boolean(onClick)}\n        colorVariant={colorVariant}\n        contrastMode={contrastMode}\n        data-se={testId}\n        deleteIcon={\n          <CloseCircleFilledIcon role=\"button\" titleAccess={t(\"tag.remove\")} />\n        }\n        disabled={isDisabled}\n        icon={icon}\n        label={label}\n        odysseyDesignTokens={odysseyDesignTokens}\n        onClick={onClick}\n        onDelete={onRemove}\n        size={size}\n        translate={translate}\n      />\n    ),\n    [\n      t,\n      chipElementType,\n      colorVariant,\n      contrastMode,\n      icon,\n      isDisabled,\n      label,\n      odysseyDesignTokens,\n      onClick,\n      onRemove,\n      size,\n      testId,\n      translate,\n    ],\n  );\n\n  return <MuiPropsContext.Consumer>{renderTag}</MuiPropsContext.Consumer>;\n};\n\nconst MemoizedTag = memo(Tag);\nMemoizedTag.displayName = \"Tag\";\n\nexport { MemoizedTag as Tag };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/TagList.cjs

@@ -42,5 +42,5 @@ const TagList = ({
   });
 };
 const MemoizedTagList = exports.TagList = (0, _react.memo)(TagList);
-MemoizedTagList.displayName = "TagList";
+MemoizedTagList.displayName = "TagList::pkg=odyssey&odysseyV=1.58.0";
 //# sourceMappingURL=TagList.cjs.map

package/dist/cjs/TagList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.cjs","names":["_react","require","_TagListContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TagList","children","testId","providerValue","useMemo","chipElementType","jsx","_Stack2","component","direction","flexWrap","spacing","useFlexGap","TagListContext","Provider","value","MemoizedTagList","exports","memo","displayName"],"sources":["../../src/TagList.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Stack } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { Tag } from \"./Tag.js\";\nimport { ChipElementType, TagListContext } from \"./TagListContext.js\";\n\nexport type TagListProps = {\n  /**\n   * The Tag or array of Tags within the TagList\n   */\n  children: ReactElement<typeof Tag> | Array<ReactElement<typeof Tag>>;\n} & Pick<HtmlProps, \"testId\">;\n\nconst TagList = ({ children, testId }: TagListProps) => {\n  const providerValue = useMemo<{\n    chipElementType: ChipElementType;\n  }>(\n    () => ({\n      chipElementType: \"li\",\n    }),\n    [],\n  );\n\n  return (\n    <Stack\n      component=\"ul\"\n      data-se={testId}\n      direction=\"row\"\n      flexWrap=\"wrap\"\n      spacing={2}\n      useFlexGap\n    >\n      <TagListContext.Provider value={providerValue}>\n        {children}\n      </TagListContext.Provider>\n    </Stack>\n  );\n};\n\nconst MemoizedTagList = memo(TagList);\nMemoizedTagList.displayName = \"TagList\";\n\nexport { MemoizedTagList as TagList };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACtD,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAG3B,OAAO;IACLC,eAAe,EAAE;EACnB,CAAC,CAAC,EACF,EACF,CAAC;EAED,OACE,IAAAV,WAAA,CAAAW,GAAA,EAAAC,OAAA,CAAAR,OAAA;IACES,SAAS,EAAC,IAAI;IACd,WAASN,MAAO;IAChBO,SAAS,EAAC,KAAK;IACfC,QAAQ,EAAC,MAAM;IACfC,OAAO,EAAE,CAAE;IACXC,UAAU;IAAAX,QAAA,EAEV,IAAAN,WAAA,CAAAW,GAAA,EAACZ,eAAA,CAAAmB,cAAc,CAACC,QAAQ;MAACC,KAAK,EAAEZ,aAAc;MAAAF,QAAA,EAC3CA;IAAQ,CACc;EAAC,CACrB,CAAC;AAEZ,CAAC;AAED,MAAMe,eAAe,GAAAC,OAAA,CAAAjB,OAAA,GAAG,IAAAkB,WAAI,EAAClB,OAAO,CAAC;AACrCgB,eAAe,CAACG,WAAW,GAAG,SAAS","ignoreList":[]}
+{"version":3,"file":"TagList.cjs","names":["_react","require","_TagListContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TagList","children","testId","providerValue","useMemo","chipElementType","jsx","_Stack2","component","direction","flexWrap","spacing","useFlexGap","TagListContext","Provider","value","MemoizedTagList","exports","memo","displayName"],"sources":["../../src/TagList.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Stack } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { Tag } from \"./Tag.js\";\nimport { ChipElementType, TagListContext } from \"./TagListContext.js\";\n\nexport type TagListProps = {\n  /**\n   * The Tag or array of Tags within the TagList\n   */\n  children: ReactElement<typeof Tag> | Array<ReactElement<typeof Tag>>;\n} & Pick<HtmlProps, \"testId\">;\n\nconst TagList = ({ children, testId }: TagListProps) => {\n  const providerValue = useMemo<{\n    chipElementType: ChipElementType;\n  }>(\n    () => ({\n      chipElementType: \"li\",\n    }),\n    [],\n  );\n\n  return (\n    <Stack\n      component=\"ul\"\n      data-se={testId}\n      direction=\"row\"\n      flexWrap=\"wrap\"\n      spacing={2}\n      useFlexGap\n    >\n      <TagListContext.Provider value={providerValue}>\n        {children}\n      </TagListContext.Provider>\n    </Stack>\n  );\n};\n\nconst MemoizedTagList = memo(TagList);\nMemoizedTagList.displayName = \"TagList\";\n\nexport { MemoizedTagList as TagList };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACtD,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAG3B,OAAO;IACLC,eAAe,EAAE;EACnB,CAAC,CAAC,EACF,EACF,CAAC;EAED,OACE,IAAAV,WAAA,CAAAW,GAAA,EAAAC,OAAA,CAAAR,OAAA;IACES,SAAS,EAAC,IAAI;IACd,WAASN,MAAO;IAChBO,SAAS,EAAC,KAAK;IACfC,QAAQ,EAAC,MAAM;IACfC,OAAO,EAAE,CAAE;IACXC,UAAU;IAAAX,QAAA,EAEV,IAAAN,WAAA,CAAAW,GAAA,EAACZ,eAAA,CAAAmB,cAAc,CAACC,QAAQ;MAACC,KAAK,EAAEZ,aAAc;MAAAF,QAAA,EAC3CA;IAAQ,CACc;EAAC,CACrB,CAAC;AAEZ,CAAC;AAED,MAAMe,eAAe,GAAAC,OAAA,CAAAjB,OAAA,GAAG,IAAAkB,WAAI,EAAClB,OAAO,CAAC;AACrCgB,eAAe,CAACG,WAAW,yCAAY","ignoreList":[]}

package/dist/cjs/TextField.cjs

@@ -43,12 +43,15 @@ const TextField = (0, _react.forwardRef)(({
   isOptional = false,
   isReadOnly,
   label,
+  max,
+  min,
   name: nameOverride,
   onBlur,
   onChange: onChangeProp,
   onFocus,
   placeholder,
   startAdornment,
+  step,
   testId,
   translate,
   type = "text",
@@ -93,8 +96,12 @@ const TextField = (0, _react.forwardRef)(({
     inputProps: {
       "aria-errormessage": errorMessageElementId,
       "aria-labelledby": labelElementId,
+      "aria-readonly": isReadOnly,
       "data-se": testId,
-      inputMode
+      inputMode,
+      max,
+      min,
+      step
     },
     inputRef: localInputRef,
     multiline: isMultiline,
@@ -113,7 +120,7 @@ const TextField = (0, _react.forwardRef)(({
     }),
     translate: translate,
     type: type
-  }), [autoCompleteType, inputValues, hasInitialFocus, endAdornment, inputMode, isMultiline, nameOverride, onBlur, onChange, onFocus, placeholder, isOptional, isReadOnly, ref, startAdornment, testId, translate, type]);
+  }), [autoCompleteType, inputValues, hasInitialFocus, endAdornment, inputMode, max, min, isMultiline, nameOverride, onBlur, onChange, onFocus, placeholder, isOptional, isReadOnly, ref, startAdornment, step, testId, translate, type]);
   return (0, _jsxRuntime.jsx)(_Field.Field, {
     ariaDescribedBy: ariaDescribedBy,
     errorMessage: errorMessage,
@@ -126,10 +133,11 @@ const TextField = (0, _react.forwardRef)(({
     isDisabled: isDisabled,
     isFullWidth: isFullWidth,
     isOptional: isOptional,
+    isReadOnly: isReadOnly,
     label: label,
     renderFieldComponent: renderFieldComponent
   });
 });
 const MemoizedTextField = exports.TextField = (0, _react.memo)(TextField);
-MemoizedTextField.displayName = "TextField";
+MemoizedTextField.displayName = "TextField::pkg=odyssey&odysseyV=1.58.0";
 //# sourceMappingURL=TextField.cjs.map

package/dist/cjs/TextField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","textFieldTypeValues","exports","TextField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","ref","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","localInputRef","useImperativeHandle","focus","useCallback","event","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_InputBase2","autoComplete","autoFocus","_InputAdornment2","position","children","inputProps","multiline","readOnly","required","Field","fieldType","hasVisibleLabel","MemoizedTextField","memo","displayName"],"sources":["../../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * 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).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      NonNullable<ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            inputMode,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          translate={translate}\n          type={type}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        testId,\n        translate,\n        type,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TextField.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","textFieldTypeValues","exports","TextField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","label","max","min","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","step","testId","translate","type","value","ref","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","localInputRef","useImperativeHandle","focus","useCallback","event","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_InputBase2","autoComplete","autoFocus","_InputAdornment2","position","children","inputProps","multiline","readOnly","required","Field","fieldType","hasVisibleLabel","MemoizedTextField","memo","displayName"],"sources":["../../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The maximum value for a `number` input.\n   */\n  max?: number;\n  /**\n   * The minimum value for a `number` input.\n   */\n  min?: number;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * The step interval for a `number` input.\n   */\n  step?: number;\n  /**\n   * 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).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      max,\n      min,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      step,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      NonNullable<ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"aria-readonly\": isReadOnly,\n            \"data-se\": testId,\n            inputMode,\n            max,\n            min,\n            step,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          translate={translate}\n          type={type}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        max,\n        min,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        step,\n        testId,\n        translate,\n        type,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        isReadOnly={isReadOnly}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Toast.cjs

@@ -92,5 +92,5 @@ const Toast = ({
   });
 };
 const MemoizedToast = exports.Toast = (0, _react.memo)(Toast);
-MemoizedToast.displayName = "Toast";
+MemoizedToast.displayName = "Toast::pkg=odyssey&odysseyV=1.58.0";
 //# sourceMappingURL=Toast.cjs.map

package/dist/cjs/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","names":["_react","require","_Button","_i18n","_index","_Link","_ScreenReaderText","_jsxRuntime","_interopRequireDefault","e","__esModule","default","toastRoleValues","exports","toastSeverityValues","ClickAwayListenerProps","onClickAway","Toast","autoHideDuration","isDismissable","linkText","linkUrl","isVisible","isVisibleProp","onHide","onHideProp","role","severity","testId","text","translate","t","useTranslation","setIsVisible","useState","useEffect","useCallback","jsx","Fragment","children","_Snackbar2","undefined","className","onClose","open","jsxs","_Alert2","action","Button","ariaLabel","onClick","size","startIcon","CloseIcon","variant","_AlertTitle2","ScreenReaderText","Link","href","MemoizedToast","memo","displayName"],"sources":["../../src/Toast.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Alert, AlertTitle, Snackbar } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useState } from \"react\";\n\nimport { Button } from \"./Buttons/Button.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { Link } from \"./Link.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport const toastRoleValues = [\"status\", \"alert\"] as const;\nexport const toastSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type ToastProps = {\n  /**\n   * If set, this determines how long the Toast should appear before automatically disappearing in milliseconds.\n   * It will only take effect if the Toast is not dismissible.\n   * If left blank, it defaults to 6000.\n   */\n  autoHideDuration?: number;\n  /**\n   * If `true`, the Toast will include a close button.\n   */\n  isDismissable?: boolean;\n  /**\n   * If true, the Toast is visible\n   */\n  isVisible?: boolean;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n  /**\n   * If defined, the Toast will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * An optional function to run when the Toast is closed.\n   */\n  onHide?: () => void;\n  /**\n   * Sets the ARIA role of the Toast\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof toastRoleValues)[number];\n  /**\n   * Determine the color and icon of the Toast\n   */\n  severity: (typeof toastSeverityValues)[number];\n  /**\n   * The text content of the Toast\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ClickAwayListenerProps = { onClickAway: () => false };\n\nconst Toast = ({\n  autoHideDuration = 6000,\n  isDismissable,\n  linkText,\n  linkUrl,\n  isVisible: isVisibleProp,\n  onHide: onHideProp,\n  role,\n  severity,\n  testId,\n  text,\n  translate,\n}: ToastProps) => {\n  const { t } = useTranslation();\n  const [isVisible, setIsVisible] = useState(isVisibleProp);\n\n  useEffect(() => {\n    setIsVisible(isVisibleProp);\n  }, [isVisibleProp]);\n\n  const onHide = useCallback(() => {\n    setIsVisible(false);\n    onHideProp?.();\n  }, [onHideProp]);\n\n  return (\n    <>\n      <Snackbar\n        autoHideDuration={\n          isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration\n        }\n        className=\"Toast\"\n        ClickAwayListenerProps={ClickAwayListenerProps}\n        onClose={onHide}\n        open={isVisible}\n      >\n        <Alert\n          action={\n            isDismissable === true && (\n              <Button\n                ariaLabel={t(\"close.text\")}\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<CloseIcon />}\n                variant=\"floating\"\n              />\n            )\n          }\n          data-se={testId}\n          role={role}\n          severity={severity}\n          variant=\"toast\"\n        >\n          <AlertTitle translate={translate}>\n            <ScreenReaderText translate={translate}>\n              {t(`severity.${severity}`)}:\n            </ScreenReaderText>\n            {text}\n          </AlertTitle>\n          {linkUrl && (\n            <Link href={linkUrl} translate={translate} variant=\"monochrome\">\n              {linkText}\n            </Link>\n          )}\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nconst MemoizedToast = memo(Toast);\nMemoizedToast.displayName = \"Toast\";\n\nexport { MemoizedToast as Toast };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toast.cjs","names":["_react","require","_Button","_i18n","_index","_Link","_ScreenReaderText","_jsxRuntime","_interopRequireDefault","e","__esModule","default","toastRoleValues","exports","toastSeverityValues","ClickAwayListenerProps","onClickAway","Toast","autoHideDuration","isDismissable","linkText","linkUrl","isVisible","isVisibleProp","onHide","onHideProp","role","severity","testId","text","translate","t","useTranslation","setIsVisible","useState","useEffect","useCallback","jsx","Fragment","children","_Snackbar2","undefined","className","onClose","open","jsxs","_Alert2","action","Button","ariaLabel","onClick","size","startIcon","CloseIcon","variant","_AlertTitle2","ScreenReaderText","Link","href","MemoizedToast","memo","displayName"],"sources":["../../src/Toast.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Alert, AlertTitle, Snackbar } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useState } from \"react\";\n\nimport { Button } from \"./Buttons/Button.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { Link } from \"./Link.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport const toastRoleValues = [\"status\", \"alert\"] as const;\nexport const toastSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type ToastProps = {\n  /**\n   * If set, this determines how long the Toast should appear before automatically disappearing in milliseconds.\n   * It will only take effect if the Toast is not dismissible.\n   * If left blank, it defaults to 6000.\n   */\n  autoHideDuration?: number;\n  /**\n   * If `true`, the Toast will include a close button.\n   */\n  isDismissable?: boolean;\n  /**\n   * If true, the Toast is visible\n   */\n  isVisible?: boolean;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n  /**\n   * If defined, the Toast will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * An optional function to run when the Toast is closed.\n   */\n  onHide?: () => void;\n  /**\n   * Sets the ARIA role of the Toast\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof toastRoleValues)[number];\n  /**\n   * Determine the color and icon of the Toast\n   */\n  severity: (typeof toastSeverityValues)[number];\n  /**\n   * The text content of the Toast\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ClickAwayListenerProps = { onClickAway: () => false };\n\nconst Toast = ({\n  autoHideDuration = 6000,\n  isDismissable,\n  linkText,\n  linkUrl,\n  isVisible: isVisibleProp,\n  onHide: onHideProp,\n  role,\n  severity,\n  testId,\n  text,\n  translate,\n}: ToastProps) => {\n  const { t } = useTranslation();\n  const [isVisible, setIsVisible] = useState(isVisibleProp);\n\n  useEffect(() => {\n    setIsVisible(isVisibleProp);\n  }, [isVisibleProp]);\n\n  const onHide = useCallback(() => {\n    setIsVisible(false);\n    onHideProp?.();\n  }, [onHideProp]);\n\n  return (\n    <>\n      <Snackbar\n        autoHideDuration={\n          isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration\n        }\n        className=\"Toast\"\n        ClickAwayListenerProps={ClickAwayListenerProps}\n        onClose={onHide}\n        open={isVisible}\n      >\n        <Alert\n          action={\n            isDismissable === true && (\n              <Button\n                ariaLabel={t(\"close.text\")}\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<CloseIcon />}\n                variant=\"floating\"\n              />\n            )\n          }\n          data-se={testId}\n          role={role}\n          severity={severity}\n          variant=\"toast\"\n        >\n          <AlertTitle translate={translate}>\n            <ScreenReaderText translate={translate}>\n              {t(`severity.${severity}`)}:\n            </ScreenReaderText>\n            {text}\n          </AlertTitle>\n          {linkUrl && (\n            <Link href={linkUrl} translate={translate} variant=\"monochrome\">\n              {linkText}\n            </Link>\n          )}\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nconst MemoizedToast = memo(Toast);\nMemoizedToast.displayName = \"Toast\";\n\nexport { MemoizedToast as Toast };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToastStack.cjs

@@ -37,5 +37,5 @@ const ToastStack = ({
   });
 };
 const MemoizedToastStack = exports.ToastStack = (0, _react.memo)(ToastStack);
-MemoizedToastStack.displayName = "ToastStack";
+MemoizedToastStack.displayName = "ToastStack::pkg=odyssey&odysseyV=1.58.0";
 //# sourceMappingURL=ToastStack.cjs.map

package/dist/cjs/ToastStack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastStack.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","ToastStack","children","jsx","_Snackbar2","open","_Box2","sx","display","flexDirection","gap","MemoizedToastStack","exports","memo","displayName"],"sources":["../../src/ToastStack.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Box, Snackbar } from \"@mui/material\";\nimport { memo, ReactElement } from \"react\";\n\nimport { Toast } from \"./Toast.js\";\n\nexport type ToastListProps = {\n  /**\n   * The Toast or array of Toasts within the ToastStack\n   */\n  children: ReactElement<typeof Toast> | Array<ReactElement<typeof Toast>>;\n};\n\nconst ToastStack = ({ children }: ToastListProps) => {\n  return (\n    <Snackbar open={true}>\n      <Box\n        sx={{\n          display: \"flex\",\n          flexDirection: \"column-reverse\",\n          gap: 2,\n        }}\n      >\n        {children}\n      </Box>\n    </Snackbar>\n  );\n};\n\nconst MemoizedToastStack = memo(ToastStack);\nMemoizedToastStack.displayName = \"ToastStack\";\n\nexport { MemoizedToastStack as ToastStack };\n"],"mappings":";;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAA2C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAb3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMG,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACnD,OACE,IAAAN,WAAA,CAAAO,GAAA,EAAAC,UAAA,CAAAJ,OAAA;IAAUK,IAAI,EAAE,IAAK;IAAAH,QAAA,EACnB,IAAAN,WAAA,CAAAO,GAAA,EAAAG,KAAA,CAAAN,OAAA;MACEO,EAAE,EAAE;QACFC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,gBAAgB;QAC/BC,GAAG,EAAE;MACP,CAAE;MAAAR,QAAA,EAEDA;IAAQ,CACN;EAAC,CACE,CAAC;AAEf,CAAC;AAED,MAAMS,kBAAkB,GAAAC,OAAA,CAAAX,UAAA,GAAG,IAAAY,WAAI,EAACZ,UAAU,CAAC;AAC3CU,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"ToastStack.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","ToastStack","children","jsx","_Snackbar2","open","_Box2","sx","display","flexDirection","gap","MemoizedToastStack","exports","memo","displayName"],"sources":["../../src/ToastStack.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Box, Snackbar } from \"@mui/material\";\nimport { memo, ReactElement } from \"react\";\n\nimport { Toast } from \"./Toast.js\";\n\nexport type ToastListProps = {\n  /**\n   * The Toast or array of Toasts within the ToastStack\n   */\n  children: ReactElement<typeof Toast> | Array<ReactElement<typeof Toast>>;\n};\n\nconst ToastStack = ({ children }: ToastListProps) => {\n  return (\n    <Snackbar open={true}>\n      <Box\n        sx={{\n          display: \"flex\",\n          flexDirection: \"column-reverse\",\n          gap: 2,\n        }}\n      >\n        {children}\n      </Box>\n    </Snackbar>\n  );\n};\n\nconst MemoizedToastStack = memo(ToastStack);\nMemoizedToastStack.displayName = \"ToastStack\";\n\nexport { MemoizedToastStack as ToastStack };\n"],"mappings":";;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAA2C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAb3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMG,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACnD,OACE,IAAAN,WAAA,CAAAO,GAAA,EAAAC,UAAA,CAAAJ,OAAA;IAAUK,IAAI,EAAE,IAAK;IAAAH,QAAA,EACnB,IAAAN,WAAA,CAAAO,GAAA,EAAAG,KAAA,CAAAN,OAAA;MACEO,EAAE,EAAE;QACFC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,gBAAgB;QAC/BC,GAAG,EAAE;MACP,CAAE;MAAAR,QAAA,EAEDA;IAAQ,CACN;EAAC,CACE,CAAC;AAEf,CAAC;AAED,MAAMS,kBAAkB,GAAAC,OAAA,CAAAX,UAAA,GAAG,IAAAY,WAAI,EAACZ,UAAU,CAAC;AAC3CU,kBAAkB,CAACG,WAAW,4CAAe","ignoreList":[]}

package/dist/cjs/Tooltip.cjs

@@ -39,5 +39,5 @@ const Tooltip = ({
   })
 });
 const MemoizedTooltip = exports.Tooltip = (0, _react.memo)(Tooltip);
-MemoizedTooltip.displayName = "Tooltip";
+MemoizedTooltip.displayName = "Tooltip::pkg=odyssey&odysseyV=1.58.0";
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/cjs/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","names":["_react","require","_MuiPropsChild","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Tooltip","ariaType","children","placement","testId","text","translate","jsx","_Tooltip2","describeChild","title","MuiPropsChild","MemoizedTooltip","exports","memo","displayName"],"sources":["../../src/Tooltip.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { TooltipProps as MuiTooltipProps } from \"@mui/material\";\n\nimport { Tooltip as MuiTooltip } from \"@mui/material\";\nimport { memo, ReactElement } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { MuiPropsChild } from \"./MuiPropsChild.js\";\n\nexport type TooltipProps = {\n  /**\n   * The type of ARIA attribute to use\n   */\n  ariaType: \"description\" | \"label\";\n  /**\n   * The content that triggers the Tooltip when hovered\n   */\n  children: ReactElement;\n  /**\n   * The placement of the Tooltip\n   */\n  placement?: MuiTooltipProps[\"placement\"];\n  /**\n   * The text to display in the Tooltip\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Tooltip = ({\n  ariaType,\n  children,\n  placement = \"top\",\n  testId,\n  text,\n  translate,\n}: TooltipProps) => (\n  <MuiTooltip\n    data-se={testId}\n    describeChild={ariaType === \"description\"}\n    placement={placement}\n    title={text}\n    translate={translate}\n  >\n    <MuiPropsChild>{children}</MuiPropsChild>\n  </MuiTooltip>\n);\n\nconst MemoizedTooltip = memo(Tooltip);\nMemoizedTooltip.displayName = \"Tooltip\";\n\nexport { MemoizedTooltip as Tooltip };\n"],"mappings":";;;;;;;AAeA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAlBnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA6BA,MAAMG,OAAO,GAAGA,CAAC;EACfC,QAAQ;EACRC,QAAQ;EACRC,SAAS,GAAG,KAAK;EACjBC,MAAM;EACNC,IAAI;EACJC;AACY,CAAC,KACb,IAAAX,WAAA,CAAAY,GAAA,EAAAC,SAAA,CAAAT,OAAA;EACE,WAASK,MAAO;EAChBK,aAAa,EAAER,QAAQ,KAAK,aAAc;EAC1CE,SAAS,EAAEA,SAAU;EACrBO,KAAK,EAAEL,IAAK;EACZC,SAAS,EAAEA,SAAU;EAAAJ,QAAA,EAErB,IAAAP,WAAA,CAAAY,GAAA,EAACb,cAAA,CAAAiB,aAAa;IAAAT,QAAA,EAAEA;EAAQ,CAAgB;AAAC,CAC/B,CACb;AAED,MAAMU,eAAe,GAAAC,OAAA,CAAAb,OAAA,GAAG,IAAAc,WAAI,EAACd,OAAO,CAAC;AACrCY,eAAe,CAACG,WAAW,GAAG,SAAS","ignoreList":[]}
+{"version":3,"file":"Tooltip.cjs","names":["_react","require","_MuiPropsChild","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Tooltip","ariaType","children","placement","testId","text","translate","jsx","_Tooltip2","describeChild","title","MuiPropsChild","MemoizedTooltip","exports","memo","displayName"],"sources":["../../src/Tooltip.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { TooltipProps as MuiTooltipProps } from \"@mui/material\";\n\nimport { Tooltip as MuiTooltip } from \"@mui/material\";\nimport { memo, ReactElement } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { MuiPropsChild } from \"./MuiPropsChild.js\";\n\nexport type TooltipProps = {\n  /**\n   * The type of ARIA attribute to use\n   */\n  ariaType: \"description\" | \"label\";\n  /**\n   * The content that triggers the Tooltip when hovered\n   */\n  children: ReactElement;\n  /**\n   * The placement of the Tooltip\n   */\n  placement?: MuiTooltipProps[\"placement\"];\n  /**\n   * The text to display in the Tooltip\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Tooltip = ({\n  ariaType,\n  children,\n  placement = \"top\",\n  testId,\n  text,\n  translate,\n}: TooltipProps) => (\n  <MuiTooltip\n    data-se={testId}\n    describeChild={ariaType === \"description\"}\n    placement={placement}\n    title={text}\n    translate={translate}\n  >\n    <MuiPropsChild>{children}</MuiPropsChild>\n  </MuiTooltip>\n);\n\nconst MemoizedTooltip = memo(Tooltip);\nMemoizedTooltip.displayName = \"Tooltip\";\n\nexport { MemoizedTooltip as Tooltip };\n"],"mappings":";;;;;;;AAeA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAlBnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA6BA,MAAMG,OAAO,GAAGA,CAAC;EACfC,QAAQ;EACRC,QAAQ;EACRC,SAAS,GAAG,KAAK;EACjBC,MAAM;EACNC,IAAI;EACJC;AACY,CAAC,KACb,IAAAX,WAAA,CAAAY,GAAA,EAAAC,SAAA,CAAAT,OAAA;EACE,WAASK,MAAO;EAChBK,aAAa,EAAER,QAAQ,KAAK,aAAc;EAC1CE,SAAS,EAAEA,SAAU;EACrBO,KAAK,EAAEL,IAAK;EACZC,SAAS,EAAEA,SAAU;EAAAJ,QAAA,EAErB,IAAAP,WAAA,CAAAY,GAAA,EAACb,cAAA,CAAAiB,aAAa;IAAAT,QAAA,EAAEA;EAAQ,CAAgB;AAAC,CAC/B,CACb;AAED,MAAMU,eAAe,GAAAC,OAAA,CAAAb,OAAA,GAAG,IAAAc,WAAI,EAACd,OAAO,CAAC;AACrCY,eAAe,CAACG,WAAW,yCAAY","ignoreList":[]}

package/dist/cjs/Typography.cjs

@@ -85,7 +85,7 @@ const Typography = ({
   });
 };
 const MemoizedTypography = exports.Typography = (0, _react.memo)(Typography);
-MemoizedTypography.displayName = "Typography";
+MemoizedTypography.displayName = "Typography::pkg=odyssey&odysseyV=1.58.0";
 const Heading1 = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -113,7 +113,7 @@ const Heading1 = ({
   variant: "h1"
 });
 const MemoizedHeading1 = exports.Heading1 = (0, _react.memo)(Heading1);
-MemoizedHeading1.displayName = "Heading1";
+MemoizedHeading1.displayName = "Heading1::pkg=odyssey&odysseyV=1.58.0";
 const Heading2 = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -139,7 +139,7 @@ const Heading2 = ({
   variant: "h2"
 });
 const MemoizedHeading2 = exports.Heading2 = (0, _react.memo)(Heading2);
-MemoizedHeading2.displayName = "Heading2";
+MemoizedHeading2.displayName = "Heading2::pkg=odyssey&odysseyV=1.58.0";
 const Heading3 = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -165,7 +165,7 @@ const Heading3 = ({
   variant: "h3"
 });
 const MemoizedHeading3 = exports.Heading3 = (0, _react.memo)(Heading3);
-MemoizedHeading3.displayName = "Heading3";
+MemoizedHeading3.displayName = "Heading3::pkg=odyssey&odysseyV=1.58.0";
 const Heading4 = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -191,7 +191,7 @@ const Heading4 = ({
   variant: "h4"
 });
 const MemoizedHeading4 = exports.Heading4 = (0, _react.memo)(Heading4);
-MemoizedHeading4.displayName = "Heading4";
+MemoizedHeading4.displayName = "Heading4::pkg=odyssey&odysseyV=1.58.0";
 const Heading5 = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -217,7 +217,7 @@ const Heading5 = ({
   variant: "h5"
 });
 const MemoizedHeading5 = exports.Heading5 = (0, _react.memo)(Heading5);
-MemoizedHeading5.displayName = "Heading5";
+MemoizedHeading5.displayName = "Heading5::pkg=odyssey&odysseyV=1.58.0";
 const Heading6 = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -243,7 +243,7 @@ const Heading6 = ({
   variant: "h6"
 });
 const MemoizedHeading6 = exports.Heading6 = (0, _react.memo)(Heading6);
-MemoizedHeading6.displayName = "Heading6";
+MemoizedHeading6.displayName = "Heading6::pkg=odyssey&odysseyV=1.58.0";
 const Paragraph = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -269,7 +269,7 @@ const Paragraph = ({
   variant: "body"
 });
 const MemoizedParagraph = exports.Paragraph = (0, _react.memo)(Paragraph);
-MemoizedParagraph.displayName = "Paragraph";
+MemoizedParagraph.displayName = "Paragraph::pkg=odyssey&odysseyV=1.58.0";
 const Subordinate = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -295,7 +295,7 @@ const Subordinate = ({
   variant: "subordinate"
 });
 const MemoizedSubordinate = exports.Subordinate = (0, _react.memo)(Subordinate);
-MemoizedSubordinate.displayName = "Subordinate";
+MemoizedSubordinate.displayName = "Subordinate::pkg=odyssey&odysseyV=1.58.0";
 const Support = ({
   ariaCurrent,
   ariaDescribedBy,
@@ -321,7 +321,7 @@ const Support = ({
   variant: "support"
 });
 const MemoizedSupport = exports.Support = (0, _react.memo)(Support);
-MemoizedSupport.displayName = "Support";
+MemoizedSupport.displayName = "Support::pkg=odyssey&odysseyV=1.58.0";
 const Legend = ({
   ariaDescribedBy,
   ariaLabel,
@@ -345,7 +345,7 @@ const Legend = ({
   variant: "legend"
 });
 const MemoizedLegend = exports.Legend = (0, _react.memo)(Legend);
-MemoizedLegend.displayName = "Legend";
+MemoizedLegend.displayName = "Legend::pkg=odyssey&odysseyV=1.58.0";
 const Overline = ({
   ariaDescribedBy,
   ariaLabel,
@@ -369,5 +369,5 @@ const Overline = ({
   variant: "overline"
 });
 const MemoizedOverline = exports.Overline = (0, _react.memo)(Overline);
-MemoizedOverline.displayName = "Overline";
+MemoizedOverline.displayName = "Overline::pkg=odyssey&odysseyV=1.58.0";
 //# sourceMappingURL=Typography.cjs.map