@okta/odyssey-react-mui 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -3,6 +3,80 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.2](https://github.com/okta/odyssey/compare/v1.0.1...v1.0.2) (2023-08-04)
+
+### Features
+
+- add `isDisabled` in context from Fieldset to Field ([#1911](https://github.com/okta/odyssey/issues/1911)) ([135dbbb](https://github.com/okta/odyssey/commit/135dbbb6bf98514deb164713b84ea23b5a4296d1))
+- add Button types ([#1903](https://github.com/okta/odyssey/issues/1903)) ([5b78259](https://github.com/okta/odyssey/commit/5b78259045eb36e50a2a24f387c6b213471bbcac))
+- adds ScopedCssBaseline to OdysseyThemeProvider ([#1904](https://github.com/okta/odyssey/issues/1904)) ([bbb734d](https://github.com/okta/odyssey/commit/bbb734d6c17a9831502cd6d4fd620d5cf1066a34))
+- **odyssey-react-mui:** add icon support to Tag ([6d1adc4](https://github.com/okta/odyssey/commit/6d1adc4422609b9623a320fa6bb4dcafa088f13d))
+- **odyssey-react-mui:** add sub2 type style ([0d7b2a0](https://github.com/okta/odyssey/commit/0d7b2a082c6a89c3395c84708b2e9de2796817f5))
+- **odyssey-react-mui:** add transparency and blur to Toast ([497ed8c](https://github.com/okta/odyssey/commit/497ed8c00dc45214a0455623aed89610b40562d2))
+- **odyssey-react-mui:** generate new and updated icon components ([a5aa7ab](https://github.com/okta/odyssey/commit/a5aa7ab62b0ac3b50163b98730b5eb9fe23ac791))
+- **odyssey-react-mui:** include color properties in type styles ([a817ffb](https://github.com/okta/odyssey/commit/a817ffb56f8c960840b342cde701247a1f2fcbc4))
+- **odyssey-react-mui:** manually update icon index, update references in styling ([6ed2aab](https://github.com/okta/odyssey/commit/6ed2aabf9635f0c5dd31b626bdf55bf6e6c46fd9))
+- **odyssey-react-mui:** update Button to match Rebrand ([d017b46](https://github.com/okta/odyssey/commit/d017b467b56999d62c35c9681c6829faa96eb487))
+- **odyssey-react-mui:** update Dialog to match Rebrand ([2894c1d](https://github.com/okta/odyssey/commit/2894c1d6854be19721a9830062f27c73e93242b2))
+- **odyssey-react-mui:** update Link to match new brand standards ([5afc6ed](https://github.com/okta/odyssey/commit/5afc6ed73e81c13d1feeede8e686eee42dee37c8))
+- **odyssey-react-mui:** update Status styles and variants to match brand ([2da6aa6](https://github.com/okta/odyssey/commit/2da6aa69c65f79f84c19a6a360a31ad17666749d))
+- **odyssey-react-mui:** updated ScopedCSSBaseline for rebrand ([e9e2514](https://github.com/okta/odyssey/commit/e9e2514cf8cefeaefe0afe9cbfc0d65f8f09e947))
+- remove Icon component ([#1864](https://github.com/okta/odyssey/issues/1864)) ([b897485](https://github.com/okta/odyssey/commit/b897485c5e7bfedae2770b0329b9ce6d7c974e69))
+
+### Bug Fixes
+
+- add play test for dialog, menubutton, select, tag, passwordfield ([#1861](https://github.com/okta/odyssey/issues/1861)) ([2957e6a](https://github.com/okta/odyssey/commit/2957e6ab7685301dd0713556129c3fd7a44451ae))
+- broken styles in MuiInputBase ([#1921](https://github.com/okta/odyssey/issues/1921)) ([42fc2c4](https://github.com/okta/odyssey/commit/42fc2c4d0503f8e1bfbb8ae83c4da6f35760d720))
+- Button's `tooltipText` needs to show on hover ([#1817](https://github.com/okta/odyssey/issues/1817)) ([0ca21ff](https://github.com/okta/odyssey/commit/0ca21ff190a35ecaf05e1f1c9e71bd0757edee4d))
+- change to DesignTokens type rather than the overrides in theme ([#1816](https://github.com/okta/odyssey/issues/1816)) ([47c106b](https://github.com/okta/odyssey/commit/47c106bdeb2cdec597c58ba3b7ca9040091a10e4))
+- clicking MenuItem closes MenuButton ([#1820](https://github.com/okta/odyssey/issues/1820)) ([bde9d88](https://github.com/okta/odyssey/commit/bde9d880a87038949e2df22cf02e6380168bd3eb))
+- enable a11y tests in CI ([#1826](https://github.com/okta/odyssey/issues/1826)) ([cd98022](https://github.com/okta/odyssey/commit/cd9802265de5fc10a96a8ed28ce3f2e762c530cc))
+- memoize the Link component ([#1813](https://github.com/okta/odyssey/issues/1813)) ([a98dd87](https://github.com/okta/odyssey/commit/a98dd873a2a92a558202901e4aa456f9be4d0cae))
+- **odyssey-react-mui:** add aria-disabled to Tag ([f798e48](https://github.com/okta/odyssey/commit/f798e481b4f03eeb8834bb8e413b85f3aef18f03))
+- **odyssey-react-mui:** autocomplete is now RTL friendly ([e14265e](https://github.com/okta/odyssey/commit/e14265ea4eeee6cd4f108f032a8158272402f3b2))
+- **odyssey-react-mui:** lengthy field labels are no longer cut off ([6231951](https://github.com/okta/odyssey/commit/6231951d9d98a5815c48820b73505beeb6319659))
+- **odyssey-react-mui:** make Form, Infobox spacing constent across uses ([752461c](https://github.com/okta/odyssey/commit/752461c711235310e63cb96ff18c09ff3a1f7640))
+- orrectly import zh-CN and zh-TW files ([659d140](https://github.com/okta/odyssey/commit/659d14091476e3b4b3785f39254e80f4842453d7))
+- revert Odyssey bundle exports ([#1920](https://github.com/okta/odyssey/issues/1920)) ([dfc32ab](https://github.com/okta/odyssey/commit/dfc32ab8034658e0a1925beafab94feaf37118c0))
+- Upgrade many packages to fix vulns ([#1880](https://github.com/okta/odyssey/issues/1880)) ([6f617e2](https://github.com/okta/odyssey/commit/6f617e2efb5fc23be5ec47af7b88f3519ac59261))
+- use odyssey tokens inside mui components style override ([6863535](https://github.com/okta/odyssey/commit/68635351df8f17eb6401b94f43b9b7672eb9684e))
+
+## [1.0.1](https://github.com/okta/odyssey/compare/v1.0.0...v1.0.1) (2023-08-02)
+
+### Features
+
+- add `isDisabled` in context from Fieldset to Field ([#1911](https://github.com/okta/odyssey/issues/1911)) ([135dbbb](https://github.com/okta/odyssey/commit/135dbbb6bf98514deb164713b84ea23b5a4296d1))
+- add Button types ([#1903](https://github.com/okta/odyssey/issues/1903)) ([5b78259](https://github.com/okta/odyssey/commit/5b78259045eb36e50a2a24f387c6b213471bbcac))
+- adds ScopedCssBaseline to OdysseyThemeProvider ([#1904](https://github.com/okta/odyssey/issues/1904)) ([bbb734d](https://github.com/okta/odyssey/commit/bbb734d6c17a9831502cd6d4fd620d5cf1066a34))
+- **odyssey-react-mui:** add icon support to Tag ([6d1adc4](https://github.com/okta/odyssey/commit/6d1adc4422609b9623a320fa6bb4dcafa088f13d))
+- **odyssey-react-mui:** add sub2 type style ([0d7b2a0](https://github.com/okta/odyssey/commit/0d7b2a082c6a89c3395c84708b2e9de2796817f5))
+- **odyssey-react-mui:** add transparency and blur to Toast ([497ed8c](https://github.com/okta/odyssey/commit/497ed8c00dc45214a0455623aed89610b40562d2))
+- **odyssey-react-mui:** generate new and updated icon components ([a5aa7ab](https://github.com/okta/odyssey/commit/a5aa7ab62b0ac3b50163b98730b5eb9fe23ac791))
+- **odyssey-react-mui:** include color properties in type styles ([a817ffb](https://github.com/okta/odyssey/commit/a817ffb56f8c960840b342cde701247a1f2fcbc4))
+- **odyssey-react-mui:** manually update icon index, update references in styling ([6ed2aab](https://github.com/okta/odyssey/commit/6ed2aabf9635f0c5dd31b626bdf55bf6e6c46fd9))
+- **odyssey-react-mui:** update Button to match Rebrand ([d017b46](https://github.com/okta/odyssey/commit/d017b467b56999d62c35c9681c6829faa96eb487))
+- **odyssey-react-mui:** update Dialog to match Rebrand ([2894c1d](https://github.com/okta/odyssey/commit/2894c1d6854be19721a9830062f27c73e93242b2))
+- **odyssey-react-mui:** update Link to match new brand standards ([5afc6ed](https://github.com/okta/odyssey/commit/5afc6ed73e81c13d1feeede8e686eee42dee37c8))
+- **odyssey-react-mui:** update Status styles and variants to match brand ([2da6aa6](https://github.com/okta/odyssey/commit/2da6aa69c65f79f84c19a6a360a31ad17666749d))
+- **odyssey-react-mui:** updated ScopedCSSBaseline for rebrand ([e9e2514](https://github.com/okta/odyssey/commit/e9e2514cf8cefeaefe0afe9cbfc0d65f8f09e947))
+- remove Icon component ([#1864](https://github.com/okta/odyssey/issues/1864)) ([b897485](https://github.com/okta/odyssey/commit/b897485c5e7bfedae2770b0329b9ce6d7c974e69))
+
+### Bug Fixes
+
+- add play test for dialog, menubutton, select, tag, passwordfield ([#1861](https://github.com/okta/odyssey/issues/1861)) ([2957e6a](https://github.com/okta/odyssey/commit/2957e6ab7685301dd0713556129c3fd7a44451ae))
+- Button's `tooltipText` needs to show on hover ([#1817](https://github.com/okta/odyssey/issues/1817)) ([0ca21ff](https://github.com/okta/odyssey/commit/0ca21ff190a35ecaf05e1f1c9e71bd0757edee4d))
+- change to DesignTokens type rather than the overrides in theme ([#1816](https://github.com/okta/odyssey/issues/1816)) ([47c106b](https://github.com/okta/odyssey/commit/47c106bdeb2cdec597c58ba3b7ca9040091a10e4))
+- clicking MenuItem closes MenuButton ([#1820](https://github.com/okta/odyssey/issues/1820)) ([bde9d88](https://github.com/okta/odyssey/commit/bde9d880a87038949e2df22cf02e6380168bd3eb))
+- enable a11y tests in CI ([#1826](https://github.com/okta/odyssey/issues/1826)) ([cd98022](https://github.com/okta/odyssey/commit/cd9802265de5fc10a96a8ed28ce3f2e762c530cc))
+- memoize the Link component ([#1813](https://github.com/okta/odyssey/issues/1813)) ([a98dd87](https://github.com/okta/odyssey/commit/a98dd873a2a92a558202901e4aa456f9be4d0cae))
+- **odyssey-react-mui:** add aria-disabled to Tag ([f798e48](https://github.com/okta/odyssey/commit/f798e481b4f03eeb8834bb8e413b85f3aef18f03))
+- **odyssey-react-mui:** autocomplete is now RTL friendly ([e14265e](https://github.com/okta/odyssey/commit/e14265ea4eeee6cd4f108f032a8158272402f3b2))
+- **odyssey-react-mui:** lengthy field labels are no longer cut off ([6231951](https://github.com/okta/odyssey/commit/6231951d9d98a5815c48820b73505beeb6319659))
+- **odyssey-react-mui:** make Form, Infobox spacing constent across uses ([752461c](https://github.com/okta/odyssey/commit/752461c711235310e63cb96ff18c09ff3a1f7640))
+- orrectly import zh-CN and zh-TW files ([659d140](https://github.com/okta/odyssey/commit/659d14091476e3b4b3785f39254e80f4842453d7))
+- Upgrade many packages to fix vulns ([#1880](https://github.com/okta/odyssey/issues/1880)) ([6f617e2](https://github.com/okta/odyssey/commit/6f617e2efb5fc23be5ec47af7b88f3519ac59261))
+- use odyssey tokens inside mui components style override ([6863535](https://github.com/okta/odyssey/commit/68635351df8f17eb6401b94f43b9b7672eb9684e))
+
 ## [1.0.0](https://github.com/okta/odyssey/compare/v0.24.0...v1.0.0) (2023-07-31)
 
 ### Features

package/README.md

@@ -2,19 +2,16 @@
 
 ## Production Readiness
 
-This project has not yet hit version 1.0.0 and is still in active development.
+Odyssey is production-ready and available to use for real things. The API
+is stable for the duration of the point-release, meaning that while Odyssey is
+in version 1.x.x, there will be no changes that break the API.
 
-That said, it is beyond the early alpha stage in some key areas. For some
-early-adopters that means it is good enough to use for real things. Some
-other people think this means it is not ready yet.
+This project follows semantic versioning conventions:
 
-Even though the project is in development, effort is still made to keep
-the API stable. Patch versions are intended for backwards-compatible
-changes and minor versions are intended for backwards-incompatible changes.
-
-If you plan to use this for something real, you should either pin the
-exact version (maximum safety) or pin the major and minor versions
-(only accept backwards-compatible upgrades).
+- **Major point releases** may include breaking changes, but the API is stable for the duration of
+  the major point release (for example, 1.x.x)
+- **Minor point releases** include new features and are backwards-compatible (eg, x.1.x)
+- **Patch releases** include bug fixes (eg, x.x.1)
 
 ## Getting Started
 

package/dist/Box.js

@@ -16,12 +16,14 @@ export const Box = forwardRef((_ref, ref) => {
   let {
     children,
     component,
+    id,
     sx
   } = _ref;
   return _jsx(_Box, {
     ref: ref,
     children: children,
     component: component,
+    id: id,
     sx: sx
   });
 });

package/dist/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","names":["forwardRef","jsx","_jsx","Box","_ref","ref","children","component","sx","_Box","displayName"],"sources":["../src/Box.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-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 as MuiBox, BoxProps as MuiBoxProps } from \"@mui/material\";\nimport { ReactNode, forwardRef } from \"react\";\n\nexport type BoxProps = {\n  children?: ReactNode;\n  component?: MuiBoxProps[\"component\"];\n  sx?: MuiBoxProps[\"sx\"];\n};\n\nexport const Box = forwardRef<HTMLElement, BoxProps>(\n  ({ children, component, sx }, ref) => (\n    <MuiBox ref={ref} children={children} component={component} sx={sx} />\n  )\n);\n\nBox.displayName = \"Box\";\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAAoBA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9C,OAAO,MAAMC,GAAG,GAAGH,UAAU,CAC3B,CAAAI,IAAA,EAA8BC,GAAG;EAAA,IAAhC;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAG,CAAC,GAAAJ,IAAA;EAAA,OAC1BF,IAAA,CAAAO,IAAA;IAAQJ,GAAG,EAAEA,GAAI;IAACC,QAAQ,EAAEA,QAAS;IAACC,SAAS,EAAEA,SAAU;IAACC,EAAE,EAAEA;EAAG,CAAE,CAAC;AAAA,CAE1E,CAAC;AAEDL,GAAG,CAACO,WAAW,GAAG,KAAK"}
+{"version":3,"file":"Box.js","names":["forwardRef","jsx","_jsx","Box","_ref","ref","children","component","id","sx","_Box","displayName"],"sources":["../src/Box.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-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 as MuiBox, BoxProps as MuiBoxProps } from \"@mui/material\";\nimport { ReactNode, forwardRef } from \"react\";\n\nexport type BoxProps = {\n  children?: ReactNode;\n  component?: MuiBoxProps[\"component\"];\n  id?: MuiBoxProps[\"id\"];\n  sx?: MuiBoxProps[\"sx\"];\n};\n\nexport const Box = forwardRef<HTMLElement, BoxProps>(\n  ({ children, component, id, sx }, ref) => (\n    <MuiBox\n      ref={ref}\n      children={children}\n      component={component}\n      id={id}\n      sx={sx}\n    />\n  )\n);\n\nBox.displayName = \"Box\";\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAAoBA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS9C,OAAO,MAAMC,GAAG,GAAGH,UAAU,CAC3B,CAAAI,IAAA,EAAkCC,GAAG;EAAA,IAApC;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,EAAE;IAAEC;EAAG,CAAC,GAAAL,IAAA;EAAA,OAC9BF,IAAA,CAAAQ,IAAA;IACEL,GAAG,EAAEA,GAAI;IACTC,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEA,SAAU;IACrBC,EAAE,EAAEA,EAAG;IACPC,EAAE,EAAEA;EAAG,CACR,CAAC;AAAA,CAEN,CAAC;AAEDN,GAAG,CAACQ,WAAW,GAAG,KAAK"}

package/dist/Fieldset.js

@@ -12,7 +12,7 @@ import _Box from "@mui/material/Box";
  */
 import { memo, useMemo } from "react";
 import { FieldsetContext } from "./FieldsetContext.js";
-import { Legend, Subordinate } from "./Typography.js";
+import { Legend, Support } from "./Typography.js";
 import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
 import { useUniqueId } from "./useUniqueId.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -49,8 +49,7 @@ const Fieldset = _ref => {
     },
     children: [_jsx(Legend, {
       children: legend
-    }), description && _jsx(Subordinate, {
-      component: "p",
+    }), description && _jsx(Support, {
       children: description
     }), alert, _jsx(FieldsetContext.Provider, {
       value: fieldsetContextValue,

package/dist/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","names":["memo","useMemo","FieldsetContext","Legend","Subordinate","useOdysseyDesignTokens","useUniqueId","jsx","_jsx","jsxs","_jsxs","Fieldset","_ref","alert","children","description","id","idOverride","isDisabled","legend","name","odysseyDesignTokens","fieldsetContextValue","_Box","component","disabled","sx","border","margin","Spacing0","marginBlockEnd","Spacing6","maxWidth","TypographyLineLengthMax","padding","Provider","value","MemoizedFieldset","displayName"],"sources":["../src/Fieldset.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 } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { Callout } from \"./Callout\";\nimport { FieldsetContext } from \"./FieldsetContext\";\nimport { Legend, Subordinate } from \"./Typography\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type FieldsetProps = {\n  /**\n   * A Callout indicating a Fieldset-wide error or status update.\n   */\n  alert?: ReactElement<typeof Callout>;\n  /**\n   * The Field components within the Fieldset\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n  /**\n   * Disables the component and any wrapped input fields.\n   */\n  isDisabled?: boolean;\n  /**\n   * The title of the Fieldset\n   */\n  legend: string;\n  /**\n   * The name associated with the group.\n   */\n  name?: string;\n};\n\nconst Fieldset = ({\n  alert,\n  children,\n  description,\n  id: idOverride,\n  isDisabled = false,\n  legend,\n  name,\n}: FieldsetProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n\n  const fieldsetContextValue = useMemo(\n    () => ({\n      isDisabled,\n    }),\n    [isDisabled]\n  );\n\n  return (\n    <Box\n      component=\"fieldset\"\n      disabled={isDisabled}\n      name={name}\n      id={id}\n      sx={{\n        border: \"0\",\n        margin: odysseyDesignTokens.Spacing0,\n        marginBlockEnd: odysseyDesignTokens.Spacing6,\n        maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n        padding: odysseyDesignTokens.Spacing0,\n\n        \"&:last-child\": {\n          marginBlockEnd: odysseyDesignTokens.Spacing0,\n        },\n      }}\n    >\n      <Legend>{legend}</Legend>\n\n      {description && <Subordinate component=\"p\">{description}</Subordinate>}\n\n      {alert}\n\n      <FieldsetContext.Provider value={fieldsetContextValue}>\n        {children}\n      </FieldsetContext.Provider>\n    </Box>\n  );\n};\n\nconst MemoizedFieldset = memo(Fieldset);\nMemoizedFieldset.displayName = \"Fieldset\";\n\nexport { MemoizedFieldset as Fieldset };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAAC,SAG3CC,eAAe;AAAA,SACfC,MAAM,EAAEC,WAAW;AAAA,SACnBC,sBAAsB;AAAA,SACtBC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAiCpB,MAAMC,QAAQ,GAAGC,IAAA,IAQI;EAAA,IARH;IAChBC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,EAAE,EAAEC,UAAU;IACdC,UAAU,GAAG,KAAK;IAClBC,MAAM;IACNC;EACa,CAAC,GAAAR,IAAA;EACd,MAAMS,mBAAmB,GAAGhB,sBAAsB,CAAC,CAAC;EACpD,MAAMW,EAAE,GAAGV,WAAW,CAACW,UAAU,CAAC;EAElC,MAAMK,oBAAoB,GAAGrB,OAAO,CAClC,OAAO;IACLiB;EACF,CAAC,CAAC,EACF,CAACA,UAAU,CACb,CAAC;EAED,OACER,KAAA,CAAAa,IAAA;IACEC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAEP,UAAW;IACrBE,IAAI,EAAEA,IAAK;IACXJ,EAAE,EAAEA,EAAG;IACPU,EAAE,EAAE;MACFC,MAAM,EAAE,GAAG;MACXC,MAAM,EAAEP,mBAAmB,CAACQ,QAAQ;MACpCC,cAAc,EAAET,mBAAmB,CAACU,QAAQ;MAC5CC,QAAQ,EAAEX,mBAAmB,CAACY,uBAAuB;MACrDC,OAAO,EAAEb,mBAAmB,CAACQ,QAAQ;MAErC,cAAc,EAAE;QACdC,cAAc,EAAET,mBAAmB,CAACQ;MACtC;IACF,CAAE;IAAAf,QAAA,GAEFN,IAAA,CAACL,MAAM;MAAAW,QAAA,EAAEK;IAAM,CAAS,CAAC,EAExBJ,WAAW,IAAIP,IAAA,CAACJ,WAAW;MAACoB,SAAS,EAAC,GAAG;MAAAV,QAAA,EAAEC;IAAW,CAAc,CAAC,EAErEF,KAAK,EAENL,IAAA,CAACN,eAAe,CAACiC,QAAQ;MAACC,KAAK,EAAEd,oBAAqB;MAAAR,QAAA,EACnDA;IAAQ,CACe,CAAC;EAAA,CACxB,CAAC;AAEV,CAAC;AAED,MAAMuB,gBAAgB,GAAGrC,IAAI,CAACW,QAAQ,CAAC;AACvC0B,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAI1B,QAAQ"}
+{"version":3,"file":"Fieldset.js","names":["memo","useMemo","FieldsetContext","Legend","Support","useOdysseyDesignTokens","useUniqueId","jsx","_jsx","jsxs","_jsxs","Fieldset","_ref","alert","children","description","id","idOverride","isDisabled","legend","name","odysseyDesignTokens","fieldsetContextValue","_Box","component","disabled","sx","border","margin","Spacing0","marginBlockEnd","Spacing6","maxWidth","TypographyLineLengthMax","padding","Provider","value","MemoizedFieldset","displayName"],"sources":["../src/Fieldset.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 } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { Callout } from \"./Callout\";\nimport { FieldsetContext } from \"./FieldsetContext\";\nimport { Legend, Support } from \"./Typography\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type FieldsetProps = {\n  /**\n   * A Callout indicating a Fieldset-wide error or status update.\n   */\n  alert?: ReactElement<typeof Callout>;\n  /**\n   * The Field components within the Fieldset\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n  /**\n   * Disables the component and any wrapped input fields.\n   */\n  isDisabled?: boolean;\n  /**\n   * The title of the Fieldset\n   */\n  legend: string;\n  /**\n   * The name associated with the group.\n   */\n  name?: string;\n};\n\nconst Fieldset = ({\n  alert,\n  children,\n  description,\n  id: idOverride,\n  isDisabled = false,\n  legend,\n  name,\n}: FieldsetProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n\n  const fieldsetContextValue = useMemo(\n    () => ({\n      isDisabled,\n    }),\n    [isDisabled]\n  );\n\n  return (\n    <Box\n      component=\"fieldset\"\n      disabled={isDisabled}\n      name={name}\n      id={id}\n      sx={{\n        border: \"0\",\n        margin: odysseyDesignTokens.Spacing0,\n        marginBlockEnd: odysseyDesignTokens.Spacing6,\n        maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n        padding: odysseyDesignTokens.Spacing0,\n\n        \"&:last-child\": {\n          marginBlockEnd: odysseyDesignTokens.Spacing0,\n        },\n      }}\n    >\n      <Legend>{legend}</Legend>\n\n      {description && <Support>{description}</Support>}\n\n      {alert}\n\n      <FieldsetContext.Provider value={fieldsetContextValue}>\n        {children}\n      </FieldsetContext.Provider>\n    </Box>\n  );\n};\n\nconst MemoizedFieldset = memo(Fieldset);\nMemoizedFieldset.displayName = \"Fieldset\";\n\nexport { MemoizedFieldset as Fieldset };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAAC,SAG3CC,eAAe;AAAA,SACfC,MAAM,EAAEC,OAAO;AAAA,SACfC,sBAAsB;AAAA,SACtBC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAiCpB,MAAMC,QAAQ,GAAGC,IAAA,IAQI;EAAA,IARH;IAChBC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,EAAE,EAAEC,UAAU;IACdC,UAAU,GAAG,KAAK;IAClBC,MAAM;IACNC;EACa,CAAC,GAAAR,IAAA;EACd,MAAMS,mBAAmB,GAAGhB,sBAAsB,CAAC,CAAC;EACpD,MAAMW,EAAE,GAAGV,WAAW,CAACW,UAAU,CAAC;EAElC,MAAMK,oBAAoB,GAAGrB,OAAO,CAClC,OAAO;IACLiB;EACF,CAAC,CAAC,EACF,CAACA,UAAU,CACb,CAAC;EAED,OACER,KAAA,CAAAa,IAAA;IACEC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAEP,UAAW;IACrBE,IAAI,EAAEA,IAAK;IACXJ,EAAE,EAAEA,EAAG;IACPU,EAAE,EAAE;MACFC,MAAM,EAAE,GAAG;MACXC,MAAM,EAAEP,mBAAmB,CAACQ,QAAQ;MACpCC,cAAc,EAAET,mBAAmB,CAACU,QAAQ;MAC5CC,QAAQ,EAAEX,mBAAmB,CAACY,uBAAuB;MACrDC,OAAO,EAAEb,mBAAmB,CAACQ,QAAQ;MAErC,cAAc,EAAE;QACdC,cAAc,EAAET,mBAAmB,CAACQ;MACtC;IACF,CAAE;IAAAf,QAAA,GAEFN,IAAA,CAACL,MAAM;MAAAW,QAAA,EAAEK;IAAM,CAAS,CAAC,EAExBJ,WAAW,IAAIP,IAAA,CAACJ,OAAO;MAAAU,QAAA,EAAEC;IAAW,CAAU,CAAC,EAE/CF,KAAK,EAENL,IAAA,CAACN,eAAe,CAACiC,QAAQ;MAACC,KAAK,EAAEd,oBAAqB;MAAAR,QAAA,EACnDA;IAAQ,CACe,CAAC;EAAA,CACxB,CAAC;AAEV,CAAC;AAED,MAAMuB,gBAAgB,GAAGrC,IAAI,CAACW,QAAQ,CAAC;AACvC0B,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAI1B,QAAQ"}

package/dist/src/Box.d.ts

@@ -14,6 +14,7 @@ import { ReactNode } from "react";
 export type BoxProps = {
     children?: ReactNode;
     component?: MuiBoxProps["component"];
+    id?: MuiBoxProps["id"];
     sx?: MuiBoxProps["sx"];
 };
 export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLElement>>;

package/dist/src/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiB,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,GAAG,kGAIf,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiB,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,GAAG,kGAUf,CAAC"}

package/dist/src/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,UAAU,kBACN,YAAY,KAC1B,YAAY,CAAC,YAAY,CAuqE3B,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU,kBACN,YAAY,KAC1B,YAAY,CAAC,YAAY,CAuqE3B,CAAC"}

package/dist/theme/components.js

@@ -1358,12 +1358,12 @@ export const components = odysseyTokens => {
           },
           [`&::-webkit-search-cancel-button`]: {
             display: "none",
-            "-webkit-appearance": "none",
-            "-moz-appearance": "none"
+            MozAppearance: "none",
+            WebkitAppearance: "none"
           },
           [`&::-moz-search-cancel-button`]: {
             display: "none",
-            "-moz-appearance": "none"
+            MozAppearance: "none"
           },
           [`&::-ms-clear`]: {
             display: "none"