npm - @okta/odyssey-react-mui - Versions diffs - 1.42.0 → 1.44.0 - Mend

@okta/odyssey-react-mui 1.42.0 → 1.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1482) hide show

package/dist/cjs/Tag.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.cjs","names":["_react","require","_styled","_interopRequireDefault","_index","_MuiPropsContext","_OdysseyDesignTokensContext","_TagListContext","_useContrastMode","_reactI18next","_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 { Chip as MuiChip, ChipProps as MuiChipProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback, useContext } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport { HtmlProps } from \"./HtmlProps.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\";\nimport { useTranslation } from \"react-i18next\";\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 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 Color variant of the Tag, affecting its appearance\n /\n colorVariant?: TagColorVariant;\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":[]}
1	+ {"version":3,"file":"Tag.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_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\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { HtmlProps } from \"./HtmlProps.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 CHANGED Viewed

@@ -32,9 +32,9 @@ const TagList = ({
     component: "ul",
     "data-se": testId,
     direction: "row",
+    flexWrap: "wrap",
     spacing: 2,
     useFlexGap: true,
-    flexWrap: "wrap",
     children: (0, _jsxRuntime.jsx)(_TagListContext.TagListContext.Provider, {
       value: providerValue,
       children: children

package/dist/cjs/TagList.cjs.map CHANGED Viewed

	@@ -1 +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","~~spacing~~","~~useFlexGap~~","~~flexWrap~~","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 { ~~Tag~~ } from \"~~./Tag.js~~\";\nimport { ~~Stack~~ } from \"~~@mui/material~~\";\nimport { ~~memo,~~ ~~ReactElement, useMemo~~ } from \"~~react~~\";\nimport { ~~ChipElementType,~~ ~~TagListContext~~ } from \"./~~TagListContext~~.js\";\nimport { ~~HtmlProps~~ } from \"./~~HtmlProps~~.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 spacing={2}\n useFlexGap\n ~~flexWrap=\"wrap\"\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":";;;;;;;~~AAcA~~,IAAAA,MAAA,GAAAC,OAAA;~~AACA~~,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;~~AAftE~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;~~AAeA~~,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,OAAO,EAAE,CAAE;IACXC,UAAU;~~IACVC,QAAQ,EAAC,MAAM;~~IAAAX,QAAA,~~EAEf~~,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":[]}
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":[]}

package/dist/cjs/TextField.cjs CHANGED Viewed

@@ -136,8 +136,8 @@ const TextField = (0, _react.forwardRef)(({
       translate: translate,
       children: startAdornment
     }),
-    type: type,
-    translate: translate
+    translate: translate,
+    type: type
   }), [autoCompleteType, inputValues, hasInitialFocus, endAdornment, inputMode, isMultiline, nameOverride, onBlur, onChange, onFocus, placeholder, isOptional, isReadOnly, ref, startAdornment, testId, translate, type]);
   return (0, _jsxRuntime.jsx)(_Field.Field, {
     ariaDescribedBy: ariaDescribedBy,

package/dist/cjs/TextField.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TextFieldTestSelector","exports","accessibleText","errorMessage","hint","label","children","link","elementSelector","method","options","role","textFieldTypeValues","TextField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessageList","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","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","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 {\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n InputHTMLAttributes,\n memo,\n ReactElement,\n useCallback,\n useImperativeHandle,\n useRef,\n} from \"react\";\nimport { InputAdornment, InputBase } from \"@mui/material\";\n\nimport {\n FieldComponentProps,\n FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { Field } from \"./Field.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, useInputValues, getControlState } from \"./inputUtils.js\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\n\nexport const TextFieldTestSelector = {\n accessibleText: {\n errorMessage: \"errorMessage\",\n hint: \"description\",\n label: \"label\",\n },\n children: {\n link: {\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"link\",\n },\n },\n },\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"textbox\",\n },\n} as const satisfies TestSelector;\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 The ref forwarded to the TextField\n /\n inputRef?: React.RefObject<FocusHandle>;\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 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 type={type}\n translate={translate}\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":[]}
1	+ {"version":3,"file":"TextField.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TextFieldTestSelector","exports","accessibleText","errorMessage","hint","label","children","link","elementSelector","method","options","role","textFieldTypeValues","TextField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessageList","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","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","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\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\n\nexport const TextFieldTestSelector = {\n accessibleText: {\n errorMessage: \"errorMessage\",\n hint: \"description\",\n label: \"label\",\n },\n children: {\n link: {\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"link\",\n },\n },\n },\n elementSelector: {\n method: \"ByRole\",\n options: {\n label: \"name\",\n },\n role: \"textbox\",\n },\n} as const satisfies TestSelector;\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":";;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAYA,IAAAC,MAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AAA+E,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA/B/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwBO,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,cAAc,EAAE;IACdC,YAAY,EAAE,cAAc;IAC5BC,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,eAAe,EAAE;QACfC,MAAM,EAAE,QAAQ;QAChBC,OAAO,EAAE;UACPL,KAAK,EAAE;QACT,CAAC;QACDM,IAAI,EAAE;MACR;IACF;EACF,CAAC;EACDH,eAAe,EAAE;IACfC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE;MACPL,KAAK,EAAE;IACT,CAAC;IACDM,IAAI,EAAE;EACR;AACF,CAAiC;AAE1B,MAAMC,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,CACjC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,KAAK,CACG;AA0EV,MAAMC,SAAS,GAAG,IAAAC,iBAAU,EAC1B,CACE;EACEC,eAAe;EACfC,gBAAgB;EAChBC,YAAY;EACZC,eAAe;EACfC,YAAY;EACZhB,YAAY;EACZiB,gBAAgB;EAChBhB,IAAI;EACJiB,iBAAiB;EACjBC,EAAE,EAAEC,UAAU;EACdC,QAAQ;EACRC,SAAS;EACTC,UAAU,GAAG,KAAK;EAClBC,WAAW,GAAG,KAAK;EACnBC,WAAW,GAAG,KAAK;EACnBC,UAAU,GAAG,KAAK;EAClBC,UAAU;EACVzB,KAAK;EACL0B,IAAI,EAAEC,YAAY;EAClBC,MAAM;EACNC,QAAQ,EAAEC,YAAY;EACtBC,OAAO;EACPC,WAAW;EACXC,cAAc;EACdC,MAAM;EACNC,SAAS;EACTC,IAAI,GAAG,MAAM;EACbC,KAAK,EAAEA;AACT,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAC/B,IAAAC,2BAAe,EAAC;IACdC,eAAe,EAAEL,KAAK;IACtBM,iBAAiB,EAAE/B;EACrB,CAAC,CACH,CAAC;EACD,MAAMgC,WAAW,GAAG,IAAAC,0BAAc,EAAC;IACjCjC,YAAY;IACZyB,KAAK;IACLS,YAAY,EAAEP,kBAAkB,CAACQ;EACnC,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG,IAAAR,aAAM,EAAmB,IAAI,CAAC;EACpD,IAAAS,0BAAmB,EAAC9B,QAAQ,EAAE,MAAM;IAClC,OAAO;MACL+B,KAAK,EAAEA,CAAA,KAAM;QACXF,aAAa,CAACD,OAAO,EAAEG,KAAK,CAAC,CAAC;MAChC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMrB,QAAQ,GAAG,IAAAsB,kBAAW,EAGzBC,KAAK,IAAK;IACTtB,YAAY,GAAGsB,KAAK,CAAC;EACvB,CAAC,EACD,CAACtB,YAAY,CACf,CAAC;EAED,MAAMuB,oBAAoB,GAAG,IAAAF,kBAAW,EACtC,CAAC;IACCzC,eAAe;IACf4C,qBAAqB;IACrBrC,EAAE;IACFsC;EACgB,CAAC,KACjB,IAAAjE,WAAA,CAAAkE,GAAA,EAAAC,WAAA,CAAA/D,OAAA;IAAA,GACMkD,WAAW;IACf,oBAAkBlC,eAAgB;IAClCgD,YAAY,EAAE/C,gBAAiB;IAE/BgD,SAAS,EAAE9C,eAAgB;IAC3BC,YAAY,EACVA,YAAY,IACV,IAAAxB,WAAA,CAAAkE,GAAA,EAAAI,gBAAA,CAAAlE,OAAA;MAAgBmE,QAAQ,EAAC,KAAK;MAAC1B,SAAS,EAAEA,SAAU;MAAAlC,QAAA,EACjDa;IAAY,CACC,CAEnB;IACDG,EAAE,EAAEA,EAAG;IACP6C,UAAU,EAAE;MACV,mBAAmB,EAAER,qBAAqB;MAC1C,iBAAiB,EAAEC,cAAc;MACjC,SAAS,EAAErB,MAAM;MACjBd;IACF,CAAE;IACFD,QAAQ,EAAE6B,aAAc;IACxBe,SAAS,EAAExC,WAAY;IACvBG,IAAI,EAAEC,YAAY,IAAIV,EAAG;IACzBW,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAY;IACzBgC,QAAQ,EAAEvC,UAAW;IACrBa,GAAG,EAAEA,GAAI;IACT2B,QAAQ,EAAE,CAACzC,UAAW;IACtBS,cAAc,EACZA,cAAc,IACZ,IAAA3C,WAAA,CAAAkE,GAAA,EAAAI,gBAAA,CAAAlE,OAAA;MAAgBmE,QAAQ,EAAC,OAAO;MAAC1B,SAAS,EAAEA,SAAU;MAAAlC,QAAA,EACnDgC;IAAc,CACD,CAEnB;IACDE,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA;EAAK,CACZ,CACF,EACD,CACEzB,gBAAgB,EAChBiC,WAAW,EACX/B,eAAe,EACfC,YAAY,EACZM,SAAS,EACTG,WAAW,EACXI,YAAY,EACZC,MAAM,EACNC,QAAQ,EACRE,OAAO,EACPC,WAAW,EACXR,UAAU,EACVC,UAAU,EACVa,GAAG,EACHL,cAAc,EACdC,MAAM,EACNC,SAAS,EACTC,IAAI,CAER,CAAC;EAED,OACE,IAAA9C,WAAA,CAAAkE,GAAA,EAACpE,MAAA,CAAA8E,KAAK;IACJxD,eAAe,EAAEA,eAAgB;IACjCZ,YAAY,EAAEA,YAAa;IAC3BiB,gBAAgB,EAAEA,gBAAiB;IACnCoD,SAAS,EAAC,QAAQ;IAClBC,eAAe;IACfrE,IAAI,EAAEA,IAAK;IACXiB,iBAAiB,EAAEA,iBAAkB;IACrCC,EAAE,EAAEC,UAAW;IACfG,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBE,UAAU,EAAEA,UAAW;IACvBxB,KAAK,EAAEA,KAAM;IACbqD,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CACF,CAAC;AAED,MAAMgB,iBAAiB,GAAAzE,OAAA,CAAAY,SAAA,GAAG,IAAA8D,WAAI,EAAC9D,SAAS,CAAC;AACzC6D,iBAAiB,CAACE,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/cjs/Toast.cjs CHANGED Viewed

@@ -58,11 +58,11 @@ const Toast = ({
   }, [onHideProp]);
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: (0, _jsxRuntime.jsx)(_Snackbar2.default, {
-      open: isVisible,
       autoHideDuration: isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration,
-      onClose: onHide,
       className: "Toast",
       ClickAwayListenerProps: ClickAwayListenerProps,
+      onClose: onHide,
+      open: isVisible,
       children: (0, _jsxRuntime.jsxs)(_Alert2.default, {
         action: isDismissable === true && (0, _jsxRuntime.jsx)(_index.Button, {
           ariaLabel: t("close.text"),
@@ -83,8 +83,8 @@ const Toast = ({
           }), text]
         }), linkUrl && (0, _jsxRuntime.jsx)(_Link.Link, {
           href: linkUrl,
-          variant: "monochrome",
           translate: translate,
+          variant: "monochrome",
           children: linkText
         })]
       })

package/dist/cjs/Toast.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.cjs","names":["_react","require","_reactI18next","_index","_index2","_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","~~open~~","~~undefined~~","onClose","~~className~~","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 { ~~useEffect~~, ~~memo~~, ~~useState,~~ ~~useCallback~~ } from \"~~react~~\";\nimport { ~~useTranslation~~ } from \"react~~-i18next~~\";\nimport { ~~Alert,~~ ~~AlertTitle, Snackbar~~ } from \"~~@mui/material~~\";\n\nimport { Button } from \"./Buttons/index.js\";\nimport { HtmlProps } from \"./HtmlProps.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 ~~open={isVisible}\n~~ autoHideDuration={\n isDismissable \|\| autoHideDuration <= 0 ? undefined : autoHideDuration\n }\n ~~onClose={onHide}\n~~ className=\"Toast\"\n ClickAwayListenerProps={ClickAwayListenerProps}\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} variant=\"monochrome\" ~~translate={translate}~~>\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":";;;;;;;;;~~AAYA~~,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;~~AAGA~~,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAAyD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApBzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYO,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU;AACpD,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,CACjC,SAAS,EACT,MAAM,EACN,SAAS,EACT,OAAO,CACC;AA+CV,MAAMC,sBAAsB,GAAG;EAAEC,WAAW,EAAEA,CAAA,KAAM;AAAM,CAAC;AAE3D,MAAMC,KAAK,GAAGA,CAAC;EACbC,gBAAgB,GAAG,IAAI;EACvBC,aAAa;EACbC,QAAQ;EACRC,OAAO;EACPC,SAAS,EAAEC,aAAa;EACxBC,MAAM,EAAEC,UAAU;EAClBC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC;AACU,CAAC,KAAK;EAChB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAC9B,MAAM,CAACV,SAAS,EAAEW,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAACX,aAAa,CAAC;EAEzD,IAAAY,gBAAS,EAAC,MAAM;IACdF,YAAY,CAACV,aAAa,CAAC;EAC7B,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,MAAMC,MAAM,GAAG,IAAAY,kBAAW,EAAC,MAAM;IAC/BH,YAAY,CAAC,KAAK,CAAC;IACnBR,UAAU,GAAG,CAAC;EAChB,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,OACE,IAAAlB,WAAA,CAAA8B,GAAA,EAAA9B,WAAA,CAAA+B,QAAA;IAAAC,QAAA,EACE,IAAAhC,WAAA,CAAA8B,GAAA,EAAAG,UAAA,CAAA7B,OAAA;~~MACE8B~~,~~IAAI,EAAEnB,SAAU;MAChBJ,~~gBAAgB,EACdC,aAAa,IAAID,gBAAgB,IAAI,CAAC,~~GAAGwB~~,SAAS,~~GAAGxB~~,gBACtD;~~MACDyB~~,~~OAAO,EAAEnB,MAAO;MAChBoB,~~SAAS,EAAC,OAAO;~~MACjB7B~~,sBAAsB,EAAEA,sBAAuB;~~MAAAwB~~,QAAA,~~EAE/C~~,IAAAhC,WAAA,CAAAsC,IAAA,EAAAC,OAAA,CAAAnC,OAAA;QACEoC,MAAM,EACJ5B,aAAa,KAAK,IAAI,IACpB,IAAAZ,WAAA,CAAA8B,GAAA,EAAClC,MAAA,CAAA6C,MAAM;UACLC,SAAS,EAAElB,CAAC,CAAC,YAAY,CAAE;UAC3BmB,OAAO,EAAE1B,MAAO;UAChB2B,IAAI,EAAC,OAAO;UACZC,SAAS,EAAE,IAAA7C,WAAA,CAAA8B,GAAA,EAACjC,OAAA,CAAAiD,SAAS,IAAE,CAAE;UACzBC,OAAO,EAAC;QAAU,CACnB,CAEJ;QACD,WAAS1B,MAAO;QAChBF,IAAI,EAAEA,IAAK;QACXC,QAAQ,EAAEA,QAAS;QACnB2B,OAAO,EAAC,OAAO;QAAAf,QAAA,GAEf,IAAAhC,WAAA,CAAAsC,IAAA,EAAAU,YAAA,CAAA5C,OAAA;UAAYmB,SAAS,EAAEA,SAAU;UAAAS,QAAA,GAC/B,IAAAhC,WAAA,CAAAsC,IAAA,EAACvC,iBAAA,CAAAkD,gBAAgB;YAAC1B,SAAS,EAAEA,SAAU;YAAAS,QAAA,GACpCR,CAAC,CAAC,YAAYJ,QAAQ,EAAE,CAAC,EAAC,GAC7B;UAAA,CAAkB,CAAC,EAClBE,IAAI;QAAA,CACK,CAAC,EACZR,OAAO,IACN,IAAAd,WAAA,CAAA8B,GAAA,EAAChC,KAAA,CAAAoD,IAAI;UAACC,IAAI,EAAErC,OAAQ;~~UAACiC~~,~~OAAO~~,~~EAAC~~,~~YAAY~~;~~UAACxB~~,~~SAAS~~,~~EAAEA~~,~~SAAU~~;~~UAAAS~~,QAAA,EAC5DnB;QAAQ,CACL,CACP;MAAA,CACI;IAAC,CACA;EAAC,CACX,CAAC;AAEP,CAAC;AAED,MAAMuC,aAAa,GAAA9C,OAAA,CAAAI,KAAA,GAAG,IAAA2C,WAAI,EAAC3C,KAAK,CAAC;AACjC0C,aAAa,CAACE,WAAW,GAAG,OAAO","ignoreList":[]}
1	+ {"version":3,"file":"Toast.cjs","names":["_react","require","_reactI18next","_index","_index2","_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\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"./Buttons/index.js\";\nimport { HtmlProps } from \"./HtmlProps.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.map CHANGED Viewed

	@@ -1 +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 { ~~memo~~, ~~ReactElement~~ } from \"~~react~~\";\nimport { ~~Box~~, ~~Snackbar~~ } from \"~~@mui/material~~\";\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":";;;;;;;;~~AAYA~~,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;~~AAZ3C~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;~~AAaA~~,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":[]}
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":[]}

package/dist/cjs/Tooltip.cjs CHANGED Viewed

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tooltip = void 0;
 var _Tooltip2 = _interopRequireDefault(require("@mui/material/Tooltip"));
-var _MuiPropsChild = require("./MuiPropsChild.cjs");
 var _react = require("react");
+var _MuiPropsChild = require("./MuiPropsChild.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!

package/dist/cjs/Tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.cjs","names":["~~_MuiPropsChild~~","require","~~_react~~","_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 { ~~Tooltip~~ as ~~MuiTooltip~~ } from \"@mui/material\";\nimport ~~type~~ { ~~TooltipProps~~ as ~~MuiTooltipProps~~ } from \"@mui/material\";\n\nimport { ~~MuiPropsChild~~ } from \"~~./MuiPropsChild.js~~\";\nimport { ~~ReactElement,~~ ~~memo~~ } from \"~~react~~\";\nimport { ~~HtmlProps~~ } from \"./~~HtmlProps~~.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,~~cAAA~~,GAAAC,OAAA;~~AACA~~,IAAAC,~~MAAA~~,GAAAD,OAAA;~~AAA2C~~,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;~~AAhB3C~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;~~AA4BA~~,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,~~EAACf~~,cAAA,~~CAAAmB~~,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":[]}
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":[]}

package/dist/cjs/Typography.cjs CHANGED Viewed

@@ -42,11 +42,12 @@ const Typography = ({
   children,
   color,
   component: componentProp,
+  id,
+  isPresentational,
   testId,
   translate,
   typographyRef,
-  variant = "body",
-  isPresentational
+  variant = "body"
 }) => {
   const component = (0, _react.useMemo)(() => {
     if (!componentProp) {
@@ -75,11 +76,12 @@ const Typography = ({
     color: color,
     component: component,
     "data-se": testId,
+    id: id,
     ref: localTypographyRef,
+    role: isPresentational ? "presentation" : undefined,
     tabIndex: -1,
     translate: translate,
-    variant: typographyVariantMapping[variant],
-    role: isPresentational ? "presentation" : undefined
+    variant: typographyVariantMapping[variant]
   });
 };
 const MemoizedTypography = exports.Typography = (0, _react.memo)(Typography);
@@ -92,9 +94,10 @@ const Heading1 = ({
   children,
   color,
   component,
+  id,
+  isPresentational,
   testId,
-  translate,
-  isPresentational
+  translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
   ariaCurrent: ariaCurrent,
   ariaDescribedBy: ariaDescribedBy,
@@ -103,10 +106,11 @@ const Heading1 = ({
   children: children,
   color: color,
   component: component,
+  id: id,
+  isPresentational: isPresentational,
   testId: testId,
   translate: translate,
-  variant: "h1",
-  isPresentational: isPresentational
+  variant: "h1"
 });
 const MemoizedHeading1 = exports.Heading1 = (0, _react.memo)(Heading1);
 MemoizedHeading1.displayName = "Heading1";
@@ -118,6 +122,7 @@ const Heading2 = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -128,6 +133,7 @@ const Heading2 = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "h2"
@@ -142,6 +148,7 @@ const Heading3 = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -152,6 +159,7 @@ const Heading3 = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "h3"
@@ -166,6 +174,7 @@ const Heading4 = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -176,6 +185,7 @@ const Heading4 = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "h4"
@@ -190,6 +200,7 @@ const Heading5 = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -200,6 +211,7 @@ const Heading5 = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "h5"
@@ -214,6 +226,7 @@ const Heading6 = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -224,6 +237,7 @@ const Heading6 = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "h6"
@@ -238,6 +252,7 @@ const Paragraph = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -248,6 +263,7 @@ const Paragraph = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "body"
@@ -262,6 +278,7 @@ const Subordinate = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -272,6 +289,7 @@ const Subordinate = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "subordinate"
@@ -286,6 +304,7 @@ const Support = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -296,6 +315,7 @@ const Support = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "support"
@@ -309,6 +329,7 @@ const Legend = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -318,6 +339,7 @@ const Legend = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "legend"
@@ -331,6 +353,7 @@ const Overline = ({
   children,
   color,
   component,
+  id,
   testId,
   translate
 }) => (0, _jsxRuntime.jsx)(Typography, {
@@ -340,6 +363,7 @@ const Overline = ({
   children: children,
   color: color,
   component: component,
+  id: id,
   testId: testId,
   translate: translate,
   variant: "overline"