@okta/odyssey-react-mui 1.20.0 → 1.21.1

package/dist/labs/TopNav.js

@@ -0,0 +1,280 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import styled from "@emotion/styled";
+import { memo, useMemo, useCallback } from "react";
+import { QuestionCircleIcon, SettingsIcon } from "../icons.generated/index.js";
+import { Link } from "../Link.js";
+import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
+import { Subordinate } from "../Typography.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+const UserProfileContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  paddingRight: odysseyDesignTokens.Spacing4
+}));
+const UserProfileIconContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  paddingRight: odysseyDesignTokens.Spacing2
+}));
+const UserProfileInfoContainer = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column"
+}));
+const UserProfile = ({
+  profileIcon,
+  userName,
+  orgName
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  return _jsxs(UserProfileContainer, {
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: [profileIcon && _jsx(UserProfileIconContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: profileIcon
+    }), _jsxs(UserProfileInfoContainer, {
+      children: [_jsx(Subordinate, {
+        color: "textPrimary",
+        children: userName
+      }), _jsx(Subordinate, {
+        color: "textSecondary",
+        children: orgName
+      })]
+    })]
+  });
+};
+const TopNavListContainer = styled("ul")(() => ({
+  padding: 0,
+  listStyle: "none",
+  listStyleType: "none",
+  display: "flex",
+  alignItems: "center"
+}));
+const TopNavItemLabelContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  fontSize: odysseyDesignTokens.TypographyScale0,
+  fontWeight: odysseyDesignTokens.TypographyWeightHeading
+}));
+const TopNavListItemContainer = styled("li", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isDisabled"
+})(({
+  odysseyDesignTokens,
+  isDisabled
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  cursor: isDisabled ? "default" : "pointer",
+  pointerEvents: isDisabled ? "none" : "auto",
+  color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,
+  "& a": {
+    display: "flex",
+    alignItems: "center",
+    padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,
+    color: `${odysseyDesignTokens.TypographyColorHeading} !important`
+  },
+  "& a:hover": {
+    textDecoration: "none",
+    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
+  },
+  "& div[role='button']:hover": {
+    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
+  },
+  "& a:focus-visible": {
+    outlineOffset: 0,
+    borderRadius: 0,
+    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,
+    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
+  }
+}));
+const NavItemContentClickContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  width: "100%",
+  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,
+  "&:focus-visible": {
+    borderRadius: 0,
+    outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,
+    outlineStyle: odysseyDesignTokens.FocusOutlineStyle,
+    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,
+    backgroundColor: odysseyDesignTokens.HueNeutral50,
+    textDecoration: "none"
+  }
+}));
+const TopNavItemContent = ({
+  id,
+  label,
+  href,
+  target,
+  onClick,
+  isDisabled
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const topNavItemContentKeyHandler = useCallback(event => {
+    if (event?.key === "Enter") {
+      event.preventDefault();
+      event.stopPropagation();
+      onClick?.(event);
+    }
+  }, [onClick]);
+  return _jsx(TopNavListItemContainer, {
+    id: id,
+    "aria-disabled": isDisabled,
+    isDisabled: isDisabled,
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: isDisabled ? _jsx(NavItemContentClickContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: _jsx(TopNavItemLabelContainer, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: label
+      })
+    }) : !href ? _jsx(NavItemContentClickContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      role: "button",
+      tabIndex: 0,
+      onClick: onClick,
+      onKeyDown: topNavItemContentKeyHandler,
+      children: _jsx(TopNavItemLabelContainer, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: label
+      })
+    }) : _jsx(Link, {
+      href: href,
+      target: target,
+      onClick: onClick,
+      children: _jsx(TopNavItemLabelContainer, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: label
+      })
+    })
+  }, id);
+};
+const LinkAndProfileWrapper = styled("div")(() => ({
+  display: "flex",
+  alignItems: "center",
+  marginLeft: "auto"
+}));
+const AdditionalLinkContainerWithBorder = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  marginRight: odysseyDesignTokens.Spacing3,
+  borderRight: `${odysseyDesignTokens.BorderWidthMain} solid ${odysseyDesignTokens.HueNeutral200}`
+}));
+const LinkContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  paddingRight: odysseyDesignTokens.Spacing3,
+  "& a": {
+    color: `${odysseyDesignTokens.TypographyColorHeading} !important`
+  }
+}));
+const TopNavContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  backgroundColor: odysseyDesignTokens.HueNeutralWhite,
+  height: odysseyDesignTokens.Spacing9
+}));
+const SearchFieldContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  width: "350px",
+  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing3}`
+}));
+const AdditionalNavItemContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  padding: `0 ${odysseyDesignTokens.Spacing3}`
+}));
+const TopNav = ({
+  SearchFieldComponent,
+  topNavLinkItems,
+  AdditionalNavItemComponent,
+  settingsPageHref,
+  helpPageHref,
+  userProfile
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const processedNavItems = useMemo(() => topNavLinkItems.map(item => _createElement(TopNavItemContent, {
+    ...item,
+    key: item.id
+  })), [topNavLinkItems]);
+  return _jsxs(TopNavContainer, {
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: [SearchFieldComponent && _jsx(SearchFieldContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: SearchFieldComponent
+    }), _jsx(TopNavListContainer, {
+      children: processedNavItems?.map(item => item)
+    }), _jsxs(LinkAndProfileWrapper, {
+      children: [(AdditionalNavItemComponent || settingsPageHref || helpPageHref) && _jsxs(AdditionalLinkContainerWithBorder, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: [AdditionalNavItemComponent && _jsx(AdditionalNavItemContainer, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          children: AdditionalNavItemComponent
+        }), settingsPageHref && _jsx(LinkContainer, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          children: _jsx(Link, {
+            href: settingsPageHref,
+            ariaLabel: "settings page",
+            children: _jsx(SettingsIcon, {})
+          })
+        }), helpPageHref && _jsx(LinkContainer, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          children: _jsx(Link, {
+            href: helpPageHref,
+            ariaLabel: "help page",
+            children: _jsx(QuestionCircleIcon, {})
+          })
+        })]
+      }), userProfile && _jsx(UserProfile, {
+        ...userProfile
+      })]
+    })]
+  });
+};
+const MemoizedTopNav = memo(TopNav);
+MemoizedTopNav.displayName = "TopNav";
+export { MemoizedTopNav as TopNav };
+//# sourceMappingURL=TopNav.js.map

package/dist/labs/TopNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNav.js","names":["styled","memo","useMemo","useCallback","QuestionCircleIcon","SettingsIcon","Link","useOdysseyDesignTokens","Subordinate","jsx","_jsx","jsxs","_jsxs","createElement","_createElement","UserProfileContainer","shouldForwardProp","prop","odysseyDesignTokens","display","alignItems","paddingRight","Spacing4","UserProfileIconContainer","Spacing2","UserProfileInfoContainer","flexDirection","UserProfile","profileIcon","userName","orgName","children","color","TopNavListContainer","padding","listStyle","listStyleType","TopNavItemLabelContainer","flexWrap","fontSize","TypographyScale0","fontWeight","TypographyWeightHeading","TopNavListItemContainer","isDisabled","cursor","pointerEvents","TypographyColorDisabled","TypographyColorHeading","textDecoration","backgroundColor","HueNeutral50","outlineOffset","borderRadius","outlineWidth","FocusOutlineWidthMain","NavItemContentClickContainer","width","outlineColor","FocusOutlineColorPrimary","outlineStyle","FocusOutlineStyle","TopNavItemContent","id","label","href","target","onClick","topNavItemContentKeyHandler","event","key","preventDefault","stopPropagation","role","tabIndex","onKeyDown","LinkAndProfileWrapper","marginLeft","AdditionalLinkContainerWithBorder","marginRight","Spacing3","borderRight","BorderWidthMain","HueNeutral200","LinkContainer","TopNavContainer","HueNeutralWhite","height","Spacing9","SearchFieldContainer","AdditionalNavItemContainer","TopNav","SearchFieldComponent","topNavLinkItems","AdditionalNavItemComponent","settingsPageHref","helpPageHref","userProfile","processedNavItems","map","item","ariaLabel","MemoizedTopNav","displayName"],"sources":["../../src/labs/TopNav.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 {\n  memo,\n  useMemo,\n  ReactElement,\n  useCallback,\n  MouseEventHandler,\n  KeyboardEventHandler,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps\";\nimport { QuestionCircleIcon, SettingsIcon } from \"../icons.generated\";\nimport { Link } from \"../Link\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { Subordinate } from \"../Typography\";\n\nexport type TopNavLinkItem = {\n  id: string;\n  label: string;\n  /**\n   * link added to the nav item. if it is undefined, static text will be displayed.\n   * fires onClick event when it is passed\n   */\n  href?: string;\n  /**\n   * determines whether the link item is diabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Event fired when the nav item is clicked\n   */\n  onClick?: MouseEventHandler<HTMLAnchorElement> &\n    MouseEventHandler<HTMLDivElement> &\n    KeyboardEventHandler<HTMLDivElement>;\n  /**\n   * The link target prop. e.g., \"_blank\"\n   */\n  target?: string;\n};\n\nexport type UserProfileProps = {\n  /**\n   * Logged in user profile icon to be displayed in the top nav\n   */\n  profileIcon?: ReactElement;\n  /**\n   * Logged in user info to be displayed in the top nav\n   */\n  userName: string;\n  /**\n   * Org name of the logged in user\n   */\n  orgName: string;\n};\n\nexport type TopNavProps = {\n  /**\n   *  Pass in a SearchField component with the variant=\"filled\" prop set\n   */\n  SearchFieldComponent?: ReactElement;\n  /**\n   * Nav links in the top nav\n   */\n  topNavLinkItems: TopNavLinkItem[];\n  /**\n   * Pass in an additional component like `Button` that will be displayed after the nav link items\n   */\n  AdditionalNavItemComponent?: ReactElement;\n  /**\n   * URL to settings page.\n   */\n  settingsPageHref?: string;\n  /**\n   * URL to the help page.\n   */\n  helpPageHref?: string;\n  /**\n   * Displays user account info\n   */\n  userProfile?: UserProfileProps;\n} & Pick<HtmlProps, \"testId\">;\n\nconst UserProfileContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  paddingRight: odysseyDesignTokens.Spacing4,\n}));\n\nconst UserProfileIconContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  paddingRight: odysseyDesignTokens.Spacing2,\n}));\n\nconst UserProfileInfoContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n}));\n\nconst UserProfile = ({ profileIcon, userName, orgName }: UserProfileProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UserProfileContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {profileIcon && (\n        <UserProfileIconContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {profileIcon}\n        </UserProfileIconContainer>\n      )}\n      <UserProfileInfoContainer>\n        <Subordinate color=\"textPrimary\">{userName}</Subordinate>\n        <Subordinate color=\"textSecondary\">{orgName}</Subordinate>\n      </UserProfileInfoContainer>\n    </UserProfileContainer>\n  );\n};\n\nconst TopNavListContainer = styled(\"ul\")(() => ({\n  padding: 0,\n  listStyle: \"none\",\n  listStyleType: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n}));\n\nconst TopNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographyScale0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n}));\n\nconst TopNavListItemContainer = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isDisabled\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isDisabled?: boolean;\n}>(({ odysseyDesignTokens, isDisabled }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  cursor: isDisabled ? \"default\" : \"pointer\",\n  pointerEvents: isDisabled ? \"none\" : \"auto\",\n  color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,\n  \"& a\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& div[role='button']:hover\": {\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& a:focus-visible\": {\n    outlineOffset: 0,\n    borderRadius: 0,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n}));\n\nconst NavItemContentClickContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,\n  \"&:focus-visible\": {\n    borderRadius: 0,\n    outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n    outlineStyle: odysseyDesignTokens.FocusOutlineStyle,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: odysseyDesignTokens.HueNeutral50,\n    textDecoration: \"none\",\n  },\n}));\n\nconst TopNavItemContent = ({\n  id,\n  label,\n  href,\n  target,\n  onClick,\n  isDisabled,\n}: TopNavLinkItem) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const topNavItemContentKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLDivElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        event.stopPropagation();\n        onClick?.(event);\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <TopNavListItemContainer\n      id={id}\n      key={id}\n      aria-disabled={isDisabled}\n      isDisabled={isDisabled}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {\n        // Use Link for nav items with links and div for disabled or non-link items\n        isDisabled ? (\n          <NavItemContentClickContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </NavItemContentClickContainer>\n        ) : !href ? (\n          <NavItemContentClickContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            role=\"button\"\n            tabIndex={0}\n            onClick={onClick}\n            onKeyDown={topNavItemContentKeyHandler}\n          >\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </NavItemContentClickContainer>\n        ) : (\n          <Link href={href} target={target} onClick={onClick}>\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </Link>\n        )\n      }\n    </TopNavListItemContainer>\n  );\n};\n\nconst LinkAndProfileWrapper = styled(\"div\")(() => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n}));\n\nconst AdditionalLinkContainerWithBorder = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginRight: odysseyDesignTokens.Spacing3,\n  borderRight: `${odysseyDesignTokens.BorderWidthMain} solid ${odysseyDesignTokens.HueNeutral200}`,\n}));\n\nconst LinkContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingRight: odysseyDesignTokens.Spacing3,\n  \"& a\": {\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n}));\n\nconst TopNavContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  height: odysseyDesignTokens.Spacing9,\n}));\n\nconst SearchFieldContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  width: \"350px\",\n  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing3}`,\n}));\n\nconst AdditionalNavItemContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  padding: `0 ${odysseyDesignTokens.Spacing3}`,\n}));\n\nconst TopNav = ({\n  SearchFieldComponent,\n  topNavLinkItems,\n  AdditionalNavItemComponent,\n  settingsPageHref,\n  helpPageHref,\n  userProfile,\n}: TopNavProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const processedNavItems = useMemo(\n    () =>\n      topNavLinkItems.map((item) => (\n        <TopNavItemContent {...item} key={item.id} />\n      )),\n    [topNavLinkItems],\n  );\n\n  return (\n    <TopNavContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {SearchFieldComponent && (\n        <SearchFieldContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {SearchFieldComponent}\n        </SearchFieldContainer>\n      )}\n      <TopNavListContainer>\n        {processedNavItems?.map((item) => item)}\n      </TopNavListContainer>\n      <LinkAndProfileWrapper>\n        {(AdditionalNavItemComponent || settingsPageHref || helpPageHref) && (\n          <AdditionalLinkContainerWithBorder\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {AdditionalNavItemComponent && (\n              <AdditionalNavItemContainer\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {AdditionalNavItemComponent}\n              </AdditionalNavItemContainer>\n            )}\n            {settingsPageHref && (\n              <LinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n                <Link href={settingsPageHref} ariaLabel=\"settings page\">\n                  <SettingsIcon />\n                </Link>\n              </LinkContainer>\n            )}\n            {helpPageHref && (\n              <LinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n                <Link href={helpPageHref} ariaLabel=\"help page\">\n                  <QuestionCircleIcon />\n                </Link>\n              </LinkContainer>\n            )}\n          </AdditionalLinkContainerWithBorder>\n        )}\n        {userProfile && <UserProfile {...userProfile} />}\n      </LinkAndProfileWrapper>\n    </TopNavContainer>\n  );\n};\n\nconst MemoizedTopNav = memo(TopNav);\nMemoizedTopNav.displayName = \"TopNav\";\n\nexport { MemoizedTopNav as TopNav };\n"],"mappings":"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"}

package/dist/labs/datePickerTheme.js

@@ -161,16 +161,19 @@ export const datePickerTheme = {
     },
     MuiPickersLayout: {
       styleOverrides: {
-        root: {
-          display: "block"
-        },
+        root: ({
+          theme
+        }) => ({
+          display: "block",
+          width: "calc(100vw - 64px)",
+          maxWidth: theme.mixins.maxWidth
+        }),
         contentWrapper: ({
           theme
         }) => ({
-          width: `${352 / 14}rem`,
+          width: "100%",
           paddingInline: theme.spacing(3),
           "@media (pointer: fine)": {
-            width: `${352 / 14}rem`,
             borderColor: theme.palette.divider,
             borderStyle: theme.mixins.borderStyle,
             borderWidth: theme.mixins.borderWidth,

package/dist/labs/datePickerTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerTheme.js","names":["createOdysseyMuiTheme","odysseyTokens","popupSpacingValue","odysseyTheme","dateStyles","default","theme","color","palette","text","primary","disabled","backgroundColor","hover","grey","focus","boxShadow","common","white","main","outline","outlineOffset","hoverSelected","dark","contrastText","outsideOfMonth","selected","border","today","todayDotStyles","borderRadius","bottom","spacing","content","height","typography","fontSize","position","transform","width","yearStyles","paddingBlock","paddingInline","lighter","secondary","yearCheckStyles","h6","maskImage","maskPosition","maskRepeat","right","datePickerTheme","components","MuiDateCalendar","styleOverrides","root","MuiPickersLayout","display","contentWrapper","borderColor","divider","borderStyle","mixins","borderWidth","MuiDatePickerToolbar","title","marginBlockStart","marginBlockEnd","MuiDayCalendar","header","justifyContent","monthContainer","weekContainer","marginBottom","marginLeft","marginRight","padding","gap","weekDayLabel","flexShrink","overline","fontWeight","lineHeight","letterSpacing","textTransform","MuiDatePicker","defaultProps","slotProps","popper","popperOptions","placement","showDaysOutsideCurrentMonth","views","MuiPickersCalendarHeader","label","h5","margin","maxHeight","minHeight","paddingBlockStart","paddingBlockEnd","borderBottom","labelContainer","overflow","switchViewButton","marginInlineStart","MuiPickersDay","dayWithMargin","flexBasis","body1","fontWeightBold","MuiPickersPopper","paper","marginTop","MuiYearCalendar","marginInlineEnd","MuiPickersYear","yearButton","alignItems","shape","MuiPickersArrowSwitcher","flexDirection","spacer","button"],"sources":["../../src/labs/datePickerTheme.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 { CSSInterpolation } from \"@mui/material/styles\";\nimport { createOdysseyMuiTheme } from \"../theme\";\nimport { ThemeOptions } from \"@mui/material\";\nimport * as odysseyTokens from \"@okta/odyssey-design-tokens\";\n\nconst popupSpacingValue = 5;\n\nconst odysseyTheme = createOdysseyMuiTheme({ odysseyTokens });\n\ntype ThemeStyles = ({\n  theme,\n}: {\n  theme: typeof odysseyTheme;\n}) => CSSInterpolation;\n\ntype StateStyles = Record<string, ThemeStyles>;\n\nconst dateStyles: StateStyles = {\n  default: ({ theme }) => ({\n    color: theme.palette.text.primary,\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  focus: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    boxShadow: `0 0 0 2px ${theme.palette.common.white}, 0 0 0 4px ${theme.palette.primary.main}`,\n    outline: \"2px solid transparent\",\n    outlineOffset: \"1px\",\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.dark,\n    color: theme.palette.primary.contrastText,\n\n    \"@media (pointer: fine)\": {\n      backgroundColor: theme.palette.primary.main,\n    },\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.grey[400],\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    border: \"none\",\n  }),\n  today: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n    border: \"none\",\n  }),\n};\n\nconst todayDotStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: \"50%\",\n    bottom: theme.spacing(1),\n    content: '\" \"',\n    height: `${2 / theme.typography.fontSize}em`,\n    position: \"absolute\",\n    transform: \"translateY(-50%)\",\n    width: `${2 / theme.typography.fontSize}em`,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.contrastText,\n  }),\n};\n\nconst yearStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.primary,\n    paddingBlock: theme.spacing(3),\n    paddingInline: theme.spacing(4),\n    width: \"auto\",\n    height: \"auto\",\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.lighter,\n    color: theme.palette.primary.main,\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.secondary,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n  }),\n};\n\nconst yearCheckStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    content: '\"\"',\n    height: theme.typography.h6.fontSize,\n    maskImage:\n      \"url(\\\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A\\\")\",\n    maskPosition: \"50% 50%\",\n    maskRepeat: \"no-repeat\",\n    position: \"absolute\",\n    right: theme.spacing(4),\n    width: theme.spacing(4),\n  }),\n};\n\nexport const datePickerTheme: ThemeOptions = {\n  components: {\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: () => ({\n          width: \"100%\",\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        root: {\n          display: \"block\",\n        },\n        contentWrapper: ({ theme }) => ({\n          width: `${352 / 14}rem`,\n          paddingInline: theme.spacing(3),\n\n          \"@media (pointer: fine)\": {\n            width: `${352 / 14}rem`,\n            borderColor: theme.palette.divider,\n            borderStyle: theme.mixins.borderStyle,\n            borderWidth: theme.mixins.borderWidth,\n            borderRadius: theme.mixins.borderRadius,\n            paddingBlock: theme.spacing(3),\n            paddingInline: theme.spacing(3),\n          },\n        }),\n      },\n    },\n    MuiDatePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          paddingInline: theme.spacing(4),\n          paddingBlock: theme.spacing(4),\n        }),\n        title: ({ theme }) => ({\n          marginBlockStart: theme.spacing(1),\n          marginBlockEnd: 0,\n        }),\n      },\n    },\n    MuiDayCalendar: {\n      styleOverrides: {\n        header: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBlockStart: theme.spacing(5),\n          paddingInline: theme.spacing(1),\n        }),\n        monthContainer: ({ theme }) => ({\n          // padding needed to be able to show focus state for calendar days\n          paddingBlock: theme.spacing(1),\n          paddingInline: theme.spacing(1),\n        }),\n        weekContainer: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBottom: theme.spacing(1),\n          marginLeft: 0,\n          marginRight: 0,\n          padding: 0,\n          gap: theme.spacing(1),\n\n          \"&:last-child\": {\n            marginBottom: 0,\n          },\n        }),\n        weekDayLabel: ({ theme }) => ({\n          color: theme.palette.grey[900],\n          flexShrink: 0,\n          marginBottom: theme.spacing(2),\n          marginLeft: 0,\n          marginRight: 0,\n          width: theme.spacing(6),\n          height: \"auto\",\n          fontSize: theme.typography.overline.fontSize,\n          fontWeight: theme.typography.overline.fontWeight,\n          lineHeight: theme.typography.overline.lineHeight,\n          letterSpacing: theme.typography.overline.letterSpacing,\n          textTransform: theme.typography.overline.textTransform,\n        }),\n      },\n    },\n    MuiDatePicker: {\n      defaultProps: {\n        slotProps: {\n          popper: {\n            popperOptions: {\n              placement: \"bottom-start\",\n            },\n          },\n        },\n        showDaysOutsideCurrentMonth: true,\n        views: [\"year\", \"day\"],\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        label: ({ theme }) => ({\n          ...theme.typography.h5,\n          margin: 0,\n        }),\n        root: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBlockEnd: 0,\n          marginBlockStart: 0,\n          maxHeight: theme.spacing(8),\n          minHeight: theme.spacing(8),\n          paddingInline: theme.spacing(1),\n          paddingBlockStart: theme.spacing(1),\n          paddingBlockEnd: theme.spacing(4),\n          width: \"auto\",\n          borderBottom: `1px solid ${theme.palette.grey[100]}`,\n        }),\n        labelContainer: {\n          marginRight: 0,\n          overflow: \"visible\",\n        },\n        switchViewButton: ({ theme }) => ({\n          marginInlineStart: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersDay: {\n      styleOverrides: {\n        dayWithMargin: () => ({\n          marginLeft: 0,\n          marginRight: 0,\n        }),\n        root: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            border: \"none\",\n            borderRadius: theme.mixins.borderRadius,\n            flexBasis: theme.spacing(6),\n            flexShrink: 0,\n            fontSize: theme.typography.body1.fontSize,\n            height: theme.spacing(6),\n            width: theme.spacing(6),\n\n            \"&.MuiPickersDay-today\": [\n              dateStyles.today({ theme }),\n              {\n                fontWeight: theme.typography.fontWeightBold,\n              },\n            ],\n\n            \"&.MuiPickersDay-today::after\": todayDotStyles.default({ theme }),\n            \"&.MuiPickersDay-today.Mui-selected::after\":\n              todayDotStyles.selected({ theme }),\n            \"&.MuiPickersDay-dayOutsideMonth\": dateStyles.outsideOfMonth({\n              theme,\n            }),\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiPickersPopper: {\n      styleOverrides: {\n        paper: ({ theme }) => ({\n          boxShadow: `0 ${(1 / 16) * (16 / 14)}rem ${\n            (4 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(4 / 16) * (16 / 14)}rem ${\n            (10 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(8 / 16) * (16 / 14)}rem ${\n            (30 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.1)`,\n          marginTop: theme.spacing(1),\n        }),\n      },\n    },\n    MuiYearCalendar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          display: \"block\",\n          width: \"auto\",\n          maxHeight: `${284 / 14}rem`,\n          marginBottom: `-${theme.spacing(popupSpacingValue)}`,\n          marginInlineEnd: 0,\n          paddingInline: 0,\n        }),\n      },\n    },\n    MuiPickersYear: {\n      styleOverrides: {\n        root: () => ({\n          width: \"100%\",\n          justifyContent: \"flex-start\",\n        }),\n        yearButton: ({ theme }) => [\n          yearStyles.default({ theme }),\n          {\n            position: \"relative\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"flex-start\",\n            width: \"100%\",\n            marginBottom: 0,\n            marginTop: 0,\n            paddingBlock: theme.spacing(3),\n            paddingInline: theme.spacing(4),\n            borderRadius: theme.shape.borderRadius,\n            fontSize: theme.typography.body1.fontSize,\n\n            \"&:hover\": yearStyles.hover({ theme }),\n\n            \"&:not(.Mui-selected)\": {\n              border: \"none\",\n            },\n\n            \"&.Mui-disabled\": yearStyles.disabled({ theme }),\n          },\n        ],\n        selected: ({ theme }) => ({\n          \"&, &:focus\": yearStyles.selected({ theme }),\n          \"&:hover\": yearStyles.hoverSelected({ theme }),\n          \"&::after\": yearCheckStyles.default({ theme }),\n        }),\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        root: {\n          \":dir(rtl)\": {\n            flexDirection: \"row-reverse\",\n          },\n        },\n        spacer: ({ theme }) => ({\n          width: theme.spacing(3),\n        }),\n        button: {\n          margin: 0,\n        },\n      },\n    },\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"datePickerTheme.js","names":["createOdysseyMuiTheme","odysseyTokens","popupSpacingValue","odysseyTheme","dateStyles","default","theme","color","palette","text","primary","disabled","backgroundColor","hover","grey","focus","boxShadow","common","white","main","outline","outlineOffset","hoverSelected","dark","contrastText","outsideOfMonth","selected","border","today","todayDotStyles","borderRadius","bottom","spacing","content","height","typography","fontSize","position","transform","width","yearStyles","paddingBlock","paddingInline","lighter","secondary","yearCheckStyles","h6","maskImage","maskPosition","maskRepeat","right","datePickerTheme","components","MuiDateCalendar","styleOverrides","root","MuiPickersLayout","display","maxWidth","mixins","contentWrapper","borderColor","divider","borderStyle","borderWidth","MuiDatePickerToolbar","title","marginBlockStart","marginBlockEnd","MuiDayCalendar","header","justifyContent","monthContainer","weekContainer","marginBottom","marginLeft","marginRight","padding","gap","weekDayLabel","flexShrink","overline","fontWeight","lineHeight","letterSpacing","textTransform","MuiDatePicker","defaultProps","slotProps","popper","popperOptions","placement","showDaysOutsideCurrentMonth","views","MuiPickersCalendarHeader","label","h5","margin","maxHeight","minHeight","paddingBlockStart","paddingBlockEnd","borderBottom","labelContainer","overflow","switchViewButton","marginInlineStart","MuiPickersDay","dayWithMargin","flexBasis","body1","fontWeightBold","MuiPickersPopper","paper","marginTop","MuiYearCalendar","marginInlineEnd","MuiPickersYear","yearButton","alignItems","shape","MuiPickersArrowSwitcher","flexDirection","spacer","button"],"sources":["../../src/labs/datePickerTheme.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 { CSSInterpolation } from \"@mui/material/styles\";\nimport { createOdysseyMuiTheme } from \"../theme\";\nimport { ThemeOptions } from \"@mui/material\";\nimport * as odysseyTokens from \"@okta/odyssey-design-tokens\";\n\nconst popupSpacingValue = 5;\n\nconst odysseyTheme = createOdysseyMuiTheme({ odysseyTokens });\n\ntype ThemeStyles = ({\n  theme,\n}: {\n  theme: typeof odysseyTheme;\n}) => CSSInterpolation;\n\ntype StateStyles = Record<string, ThemeStyles>;\n\nconst dateStyles: StateStyles = {\n  default: ({ theme }) => ({\n    color: theme.palette.text.primary,\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  focus: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    boxShadow: `0 0 0 2px ${theme.palette.common.white}, 0 0 0 4px ${theme.palette.primary.main}`,\n    outline: \"2px solid transparent\",\n    outlineOffset: \"1px\",\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.dark,\n    color: theme.palette.primary.contrastText,\n\n    \"@media (pointer: fine)\": {\n      backgroundColor: theme.palette.primary.main,\n    },\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.grey[400],\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    border: \"none\",\n  }),\n  today: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n    border: \"none\",\n  }),\n};\n\nconst todayDotStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: \"50%\",\n    bottom: theme.spacing(1),\n    content: '\" \"',\n    height: `${2 / theme.typography.fontSize}em`,\n    position: \"absolute\",\n    transform: \"translateY(-50%)\",\n    width: `${2 / theme.typography.fontSize}em`,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.contrastText,\n  }),\n};\n\nconst yearStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.primary,\n    paddingBlock: theme.spacing(3),\n    paddingInline: theme.spacing(4),\n    width: \"auto\",\n    height: \"auto\",\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.lighter,\n    color: theme.palette.primary.main,\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.secondary,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n  }),\n};\n\nconst yearCheckStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    content: '\"\"',\n    height: theme.typography.h6.fontSize,\n    maskImage:\n      \"url(\\\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A\\\")\",\n    maskPosition: \"50% 50%\",\n    maskRepeat: \"no-repeat\",\n    position: \"absolute\",\n    right: theme.spacing(4),\n    width: theme.spacing(4),\n  }),\n};\n\nexport const datePickerTheme: ThemeOptions = {\n  components: {\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: () => ({\n          width: \"100%\",\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          display: \"block\",\n          // Matches Popper width\n          width: \"calc(100vw - 64px)\",\n          maxWidth: theme.mixins.maxWidth,\n        }),\n        contentWrapper: ({ theme }) => ({\n          width: \"100%\",\n          paddingInline: theme.spacing(3),\n\n          \"@media (pointer: fine)\": {\n            borderColor: theme.palette.divider,\n            borderStyle: theme.mixins.borderStyle,\n            borderWidth: theme.mixins.borderWidth,\n            borderRadius: theme.mixins.borderRadius,\n            paddingBlock: theme.spacing(3),\n            paddingInline: theme.spacing(3),\n          },\n        }),\n      },\n    },\n    MuiDatePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          paddingInline: theme.spacing(4),\n          paddingBlock: theme.spacing(4),\n        }),\n        title: ({ theme }) => ({\n          marginBlockStart: theme.spacing(1),\n          marginBlockEnd: 0,\n        }),\n      },\n    },\n    MuiDayCalendar: {\n      styleOverrides: {\n        header: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBlockStart: theme.spacing(5),\n          paddingInline: theme.spacing(1),\n        }),\n        monthContainer: ({ theme }) => ({\n          // padding needed to be able to show focus state for calendar days\n          paddingBlock: theme.spacing(1),\n          paddingInline: theme.spacing(1),\n        }),\n        weekContainer: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBottom: theme.spacing(1),\n          marginLeft: 0,\n          marginRight: 0,\n          padding: 0,\n          gap: theme.spacing(1),\n\n          \"&:last-child\": {\n            marginBottom: 0,\n          },\n        }),\n        weekDayLabel: ({ theme }) => ({\n          color: theme.palette.grey[900],\n          flexShrink: 0,\n          marginBottom: theme.spacing(2),\n          marginLeft: 0,\n          marginRight: 0,\n          width: theme.spacing(6),\n          height: \"auto\",\n          fontSize: theme.typography.overline.fontSize,\n          fontWeight: theme.typography.overline.fontWeight,\n          lineHeight: theme.typography.overline.lineHeight,\n          letterSpacing: theme.typography.overline.letterSpacing,\n          textTransform: theme.typography.overline.textTransform,\n        }),\n      },\n    },\n    MuiDatePicker: {\n      defaultProps: {\n        slotProps: {\n          popper: {\n            popperOptions: {\n              placement: \"bottom-start\",\n            },\n          },\n        },\n        showDaysOutsideCurrentMonth: true,\n        views: [\"year\", \"day\"],\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        label: ({ theme }) => ({\n          ...theme.typography.h5,\n          margin: 0,\n        }),\n        root: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBlockEnd: 0,\n          marginBlockStart: 0,\n          maxHeight: theme.spacing(8),\n          minHeight: theme.spacing(8),\n          paddingInline: theme.spacing(1),\n          paddingBlockStart: theme.spacing(1),\n          paddingBlockEnd: theme.spacing(4),\n          width: \"auto\",\n          borderBottom: `1px solid ${theme.palette.grey[100]}`,\n        }),\n        labelContainer: {\n          marginRight: 0,\n          overflow: \"visible\",\n        },\n        switchViewButton: ({ theme }) => ({\n          marginInlineStart: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersDay: {\n      styleOverrides: {\n        dayWithMargin: () => ({\n          marginLeft: 0,\n          marginRight: 0,\n        }),\n        root: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            border: \"none\",\n            borderRadius: theme.mixins.borderRadius,\n            flexBasis: theme.spacing(6),\n            flexShrink: 0,\n            fontSize: theme.typography.body1.fontSize,\n            height: theme.spacing(6),\n            width: theme.spacing(6),\n\n            \"&.MuiPickersDay-today\": [\n              dateStyles.today({ theme }),\n              {\n                fontWeight: theme.typography.fontWeightBold,\n              },\n            ],\n\n            \"&.MuiPickersDay-today::after\": todayDotStyles.default({ theme }),\n            \"&.MuiPickersDay-today.Mui-selected::after\":\n              todayDotStyles.selected({ theme }),\n            \"&.MuiPickersDay-dayOutsideMonth\": dateStyles.outsideOfMonth({\n              theme,\n            }),\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiPickersPopper: {\n      styleOverrides: {\n        paper: ({ theme }) => ({\n          boxShadow: `0 ${(1 / 16) * (16 / 14)}rem ${\n            (4 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(4 / 16) * (16 / 14)}rem ${\n            (10 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(8 / 16) * (16 / 14)}rem ${\n            (30 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.1)`,\n          marginTop: theme.spacing(1),\n        }),\n      },\n    },\n    MuiYearCalendar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          display: \"block\",\n          width: \"auto\",\n          maxHeight: `${284 / 14}rem`,\n          marginBottom: `-${theme.spacing(popupSpacingValue)}`,\n          marginInlineEnd: 0,\n          paddingInline: 0,\n        }),\n      },\n    },\n    MuiPickersYear: {\n      styleOverrides: {\n        root: () => ({\n          width: \"100%\",\n          justifyContent: \"flex-start\",\n        }),\n        yearButton: ({ theme }) => [\n          yearStyles.default({ theme }),\n          {\n            position: \"relative\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"flex-start\",\n            width: \"100%\",\n            marginBottom: 0,\n            marginTop: 0,\n            paddingBlock: theme.spacing(3),\n            paddingInline: theme.spacing(4),\n            borderRadius: theme.shape.borderRadius,\n            fontSize: theme.typography.body1.fontSize,\n\n            \"&:hover\": yearStyles.hover({ theme }),\n\n            \"&:not(.Mui-selected)\": {\n              border: \"none\",\n            },\n\n            \"&.Mui-disabled\": yearStyles.disabled({ theme }),\n          },\n        ],\n        selected: ({ theme }) => ({\n          \"&, &:focus\": yearStyles.selected({ theme }),\n          \"&:hover\": yearStyles.hoverSelected({ theme }),\n          \"&::after\": yearCheckStyles.default({ theme }),\n        }),\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        root: {\n          \":dir(rtl)\": {\n            flexDirection: \"row-reverse\",\n          },\n        },\n        spacer: ({ theme }) => ({\n          width: theme.spacing(3),\n        }),\n        button: {\n          margin: 0,\n        },\n      },\n    },\n  },\n};\n"],"mappings":"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"}

package/dist/labs/index.js

@@ -27,4 +27,5 @@ export * from "./GroupPicker.js";
 export * from "./Switch.js";
 export * from "./NavAccordion.js";
 export * from "./SideNav.js";
+export * from "./TopNav.js";
 //# sourceMappingURL=index.js.map

package/dist/labs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AdapterDateFns","LocalizationProvider"],"sources":["../../src/labs/index.ts"],"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\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\nexport * from \"./DatePicker\";\nexport * from \"./datePickerTheme\";\n\nexport * from \"./DataComponents\";\n\n/** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */\nexport * from \"./DataTablePagination\";\nexport * from \"./DataFilters\";\nexport * from \"./FileUpload\";\nexport * from \"./Layout\";\nexport * from \"./materialReactTableTypes\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./StaticTable\";\nexport * from \"./PageTemplate\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./PaginatedTable\";\n\nexport * from \"./GroupPicker\";\n\nexport * from \"./Switch\";\n\nexport * from \"./NavAccordion\";\nexport * from \"./SideNav\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,oCAAoC;AACnE,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["AdapterDateFns","LocalizationProvider"],"sources":["../../src/labs/index.ts"],"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\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\nexport * from \"./DatePicker\";\nexport * from \"./datePickerTheme\";\n\nexport * from \"./DataComponents\";\n\n/** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */\nexport * from \"./DataTablePagination\";\nexport * from \"./DataFilters\";\nexport * from \"./FileUpload\";\nexport * from \"./Layout\";\nexport * from \"./materialReactTableTypes\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./StaticTable\";\nexport * from \"./PageTemplate\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./PaginatedTable\";\n\nexport * from \"./GroupPicker\";\n\nexport * from \"./Switch\";\n\nexport * from \"./NavAccordion\";\nexport * from \"./SideNav\";\nexport * from \"./TopNav\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,oCAAoC;AACnE,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/labs/{useDatePickerTranslations.js → useDateFieldsTranslations.js}

@@ -11,7 +11,7 @@
  */
 
 import { useTranslation } from "react-i18next";
-export const useDatePickerTranslations = () => {
+export const useDateFieldsTranslations = () => {
   const {
     t
   } = useTranslation();
@@ -68,4 +68,4 @@ export const useDatePickerTranslations = () => {
     year: `${t("picker.view.name.year")}`
   };
 };
-//# sourceMappingURL=useDatePickerTranslations.js.map
+//# sourceMappingURL=useDateFieldsTranslations.js.map

package/dist/labs/{useDatePickerTranslations.js.map → useDateFieldsTranslations.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDatePickerTranslations.js","names":["useTranslation","useDatePickerTranslations","t","calendarViewSwitchingButtonAriaLabel","view","calendarWeekNumberHeaderLabel","calendarWeekNumberHeaderText","calendarWeekNumberAriaLabelText","calendarWeekNumberText","cancelButtonLabel","clearButtonLabel","clockLabelText","time","adapter","format","datePickerToolbarTitle","dateRangePickerToolbarTitle","dateTableLabel","dateTimePickerToolbarTitle","day","empty","end","endDate","endTime","fieldClearLabel","fieldDayPlaceholder","fieldMonthPlaceholder","fieldYearPlaceholder","fieldHoursPlaceholder","fieldMinutesPlaceholder","fieldSecondsPlaceholder","fieldMeridiemPlaceholder","fieldWeekDayPlaceholder","hours","hoursClockNumberText","meridiem","minutes","minutesClockNumberText","month","nextMonth","okButtonLabel","openDatePickerDialogue","value","utils","isValid","openNextView","openPreviousView","openTimePickerDialogue","previousMonth","seconds","secondsClockNumberText","selectViewText","start","startDate","startTime","todayButtonLabel","timePickerToolbarTitle","timeTableLabel","weekDay","year"],"sources":["../../src/labs/useDatePickerTranslations.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 { PickersLocaleText } from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const useDatePickerTranslations = (): PickersLocaleText<DateTime> => {\n  const { t } = useTranslation();\n\n  return {\n    calendarViewSwitchingButtonAriaLabel: (view) =>\n      view === \"year\"\n        ? `${t(\"picker.view.navigation.switch.calendarview\")}`\n        : `${t(\"picker.view.navigation.switch.yearview\")}`,\n    // not translated because we aren't using it\n    calendarWeekNumberHeaderLabel: \"\",\n    calendarWeekNumberHeaderText: \"\",\n    calendarWeekNumberAriaLabelText: () => \"\",\n    calendarWeekNumberText: () => \"\",\n\n    cancelButtonLabel: `${t(\"picker.labels.action.cancel\")}`,\n    clearButtonLabel: `${t(\"clear.text\")}`,\n    clockLabelText: (view, time, adapter) =>\n      `${t(\"picker.labels.select\")} ${view}. ${\n        time === null\n          ? `${t(\"picker.labels.clock.empty\")}`\n          : `${t(\"picker.labels.clock.selected\")} ${adapter.format(time, \"fullTime\")}`\n      }`,\n    datePickerToolbarTitle: `${t(\"picker.date.toolbar.title\")}`,\n    dateRangePickerToolbarTitle: `${t(\"picker.daterange.toolbar.title\")}`,\n    dateTableLabel: `${t(\"picker.labels.table.date\")}`,\n    dateTimePickerToolbarTitle: `${t(\"picker.datetime.toolbar.title\")}`,\n    day: `${t(\"picker.view.name.day\")}`,\n    empty: `${t(\"picker.labels.empty\")}`,\n    end: `${t(\"picker.labels.range.end\")}`,\n    endDate: `${t(\"picker.labels.range.enddate\")}`,\n    endTime: `${t(\"picker.labels.range.endTime\")}`,\n    fieldClearLabel: `${t(\"picker.labels.field.clear\")}`,\n    fieldDayPlaceholder: () => `${t(\"picker.field.placeholder.day\")}`,\n    fieldMonthPlaceholder: () => `${t(\"picker.field.placeholder.month\")}`,\n    fieldYearPlaceholder: () => `${t(\"picker.field.placeholder.year\")}`,\n    fieldHoursPlaceholder: () => `${t(\"picker.field.placeholder.hours\")}`,\n    fieldMinutesPlaceholder: () => `${t(\"picker.field.placeholder.minutes\")}`,\n    fieldSecondsPlaceholder: () => `${t(\"picker.field.placeholder.seconds\")}`,\n    fieldMeridiemPlaceholder: () => `${t(\"picker.field.placeholder.meridiem\")}`,\n    // not translated because we aren't using it\n    fieldWeekDayPlaceholder: () => \"\",\n    hours: `${t(\"picker.view.name.hours\")}`,\n    hoursClockNumberText: (hours) =>\n      `${hours} ${t(\"picker.labels.clock.hours\")}`,\n    meridiem: `${t(\"picker.view.name.meridiem\")}`,\n    minutes: `${t(\"picker.view.name.minutes\")}`,\n    minutesClockNumberText: (minutes) =>\n      `${minutes} ${t(\"picker.labels.clock.minutes\")}`,\n    month: `${t(\"picker.view.name.month\")}`,\n    nextMonth: `${t(\"picker.calendar.navigation.nextmonth\")}`,\n    okButtonLabel: `${t(\"picker.labels.action.apply\")}`,\n    openDatePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.date.choose\")}, ${t(\"picker.labels.date.selected\")} ${utils.format(value, \"fullDate\")}`\n        : `${t(\"picker.labels.date.choose\")}`,\n    openNextView: `${t(\"picker.view.navigation.open.nextview\")}`,\n    openPreviousView: `${t(\"picker.view.navigation.open.previousview\")}`,\n    openTimePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.time.choose\")}, ${t(\"picker.labels.time.selected\")} ${utils.format(value, \"fullTime\")}`\n        : `${t(\"picker.labels.time.choose\")}`,\n    previousMonth: `${t(\"picker.calendar.navigation.previousmonth\")}`,\n    seconds: `${t(\"picker.view.name.seconds\")}`,\n    secondsClockNumberText: (seconds) =>\n      `${seconds} ${t(\"picker.labels.clock.seconds\")}`,\n    selectViewText: (view) => `${t(\"picker.labels.select\")} ${view}`,\n    start: `${t(\"picker.labels.range.start\")}`,\n    startDate: `${t(\"picker.labels.range.startdate\")}`,\n    startTime: `${t(\"picker.labels.range.starttime\")}`,\n    todayButtonLabel: `${t(\"picker.labels.action.today\")}`,\n    timePickerToolbarTitle: `${t(\"picker.time.toolbar.title\")}`,\n    timeTableLabel: `${t(\"picker.labels.table.time\")}`,\n    weekDay: `${t(\"picker.view.name.weekday\")}`,\n    year: `${t(\"picker.view.name.year\")}`,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useDateFieldsTranslations.js","names":["useTranslation","useDateFieldsTranslations","t","calendarViewSwitchingButtonAriaLabel","view","calendarWeekNumberHeaderLabel","calendarWeekNumberHeaderText","calendarWeekNumberAriaLabelText","calendarWeekNumberText","cancelButtonLabel","clearButtonLabel","clockLabelText","time","adapter","format","datePickerToolbarTitle","dateRangePickerToolbarTitle","dateTableLabel","dateTimePickerToolbarTitle","day","empty","end","endDate","endTime","fieldClearLabel","fieldDayPlaceholder","fieldMonthPlaceholder","fieldYearPlaceholder","fieldHoursPlaceholder","fieldMinutesPlaceholder","fieldSecondsPlaceholder","fieldMeridiemPlaceholder","fieldWeekDayPlaceholder","hours","hoursClockNumberText","meridiem","minutes","minutesClockNumberText","month","nextMonth","okButtonLabel","openDatePickerDialogue","value","utils","isValid","openNextView","openPreviousView","openTimePickerDialogue","previousMonth","seconds","secondsClockNumberText","selectViewText","start","startDate","startTime","todayButtonLabel","timePickerToolbarTitle","timeTableLabel","weekDay","year"],"sources":["../../src/labs/useDateFieldsTranslations.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 { PickersLocaleText } from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type DateFieldsTranslations = PickersLocaleText<DateTime>;\n\nexport const useDateFieldsTranslations = (): DateFieldsTranslations => {\n  const { t } = useTranslation();\n\n  return {\n    calendarViewSwitchingButtonAriaLabel: (view) =>\n      view === \"year\"\n        ? `${t(\"picker.view.navigation.switch.calendarview\")}`\n        : `${t(\"picker.view.navigation.switch.yearview\")}`,\n    // not translated because we aren't using it\n    calendarWeekNumberHeaderLabel: \"\",\n    calendarWeekNumberHeaderText: \"\",\n    calendarWeekNumberAriaLabelText: () => \"\",\n    calendarWeekNumberText: () => \"\",\n\n    cancelButtonLabel: `${t(\"picker.labels.action.cancel\")}`,\n    clearButtonLabel: `${t(\"clear.text\")}`,\n    clockLabelText: (view, time, adapter) =>\n      `${t(\"picker.labels.select\")} ${view}. ${\n        time === null\n          ? `${t(\"picker.labels.clock.empty\")}`\n          : `${t(\"picker.labels.clock.selected\")} ${adapter.format(time, \"fullTime\")}`\n      }`,\n    datePickerToolbarTitle: `${t(\"picker.date.toolbar.title\")}`,\n    dateRangePickerToolbarTitle: `${t(\"picker.daterange.toolbar.title\")}`,\n    dateTableLabel: `${t(\"picker.labels.table.date\")}`,\n    dateTimePickerToolbarTitle: `${t(\"picker.datetime.toolbar.title\")}`,\n    day: `${t(\"picker.view.name.day\")}`,\n    empty: `${t(\"picker.labels.empty\")}`,\n    end: `${t(\"picker.labels.range.end\")}`,\n    endDate: `${t(\"picker.labels.range.enddate\")}`,\n    endTime: `${t(\"picker.labels.range.endTime\")}`,\n    fieldClearLabel: `${t(\"picker.labels.field.clear\")}`,\n    fieldDayPlaceholder: () => `${t(\"picker.field.placeholder.day\")}`,\n    fieldMonthPlaceholder: () => `${t(\"picker.field.placeholder.month\")}`,\n    fieldYearPlaceholder: () => `${t(\"picker.field.placeholder.year\")}`,\n    fieldHoursPlaceholder: () => `${t(\"picker.field.placeholder.hours\")}`,\n    fieldMinutesPlaceholder: () => `${t(\"picker.field.placeholder.minutes\")}`,\n    fieldSecondsPlaceholder: () => `${t(\"picker.field.placeholder.seconds\")}`,\n    fieldMeridiemPlaceholder: () => `${t(\"picker.field.placeholder.meridiem\")}`,\n    // not translated because we aren't using it\n    fieldWeekDayPlaceholder: () => \"\",\n    hours: `${t(\"picker.view.name.hours\")}`,\n    hoursClockNumberText: (hours) =>\n      `${hours} ${t(\"picker.labels.clock.hours\")}`,\n    meridiem: `${t(\"picker.view.name.meridiem\")}`,\n    minutes: `${t(\"picker.view.name.minutes\")}`,\n    minutesClockNumberText: (minutes) =>\n      `${minutes} ${t(\"picker.labels.clock.minutes\")}`,\n    month: `${t(\"picker.view.name.month\")}`,\n    nextMonth: `${t(\"picker.calendar.navigation.nextmonth\")}`,\n    okButtonLabel: `${t(\"picker.labels.action.apply\")}`,\n    openDatePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.date.choose\")}, ${t(\"picker.labels.date.selected\")} ${utils.format(value, \"fullDate\")}`\n        : `${t(\"picker.labels.date.choose\")}`,\n    openNextView: `${t(\"picker.view.navigation.open.nextview\")}`,\n    openPreviousView: `${t(\"picker.view.navigation.open.previousview\")}`,\n    openTimePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.time.choose\")}, ${t(\"picker.labels.time.selected\")} ${utils.format(value, \"fullTime\")}`\n        : `${t(\"picker.labels.time.choose\")}`,\n    previousMonth: `${t(\"picker.calendar.navigation.previousmonth\")}`,\n    seconds: `${t(\"picker.view.name.seconds\")}`,\n    secondsClockNumberText: (seconds) =>\n      `${seconds} ${t(\"picker.labels.clock.seconds\")}`,\n    selectViewText: (view) => `${t(\"picker.labels.select\")} ${view}`,\n    start: `${t(\"picker.labels.range.start\")}`,\n    startDate: `${t(\"picker.labels.range.startdate\")}`,\n    startTime: `${t(\"picker.labels.range.starttime\")}`,\n    todayButtonLabel: `${t(\"picker.labels.action.today\")}`,\n    timePickerToolbarTitle: `${t(\"picker.time.toolbar.title\")}`,\n    timeTableLabel: `${t(\"picker.labels.table.time\")}`,\n    weekDay: `${t(\"picker.view.name.weekday\")}`,\n    year: `${t(\"picker.view.name.year\")}`,\n  };\n};\n"],"mappings":"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"}