@nulogy/components 16.0.1 → 16.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/main.js +45 -59
  2. package/dist/main.js.map +1 -1
  3. package/dist/main.module.js +45 -59
  4. package/dist/main.module.js.map +1 -1
  5. package/dist/src/BottomSheet/BottomSheet.parts.d.ts +2 -2
  6. package/dist/src/BottomSheet/BottomSheet.styled.d.ts +10 -6
  7. package/dist/src/Box/Box.d.ts +12 -13
  8. package/dist/src/BrandedNavBar/DesktopMenu.d.ts +3 -1
  9. package/dist/src/BrandedNavBar/NavBar.js +2 -2
  10. package/dist/src/Button/DangerButton.d.ts +3 -1
  11. package/dist/src/Button/PrimaryButton.d.ts +3 -1
  12. package/dist/src/Button/QuietButton.d.ts +3 -1
  13. package/dist/src/DateRange/EndTime.d.ts +5 -7
  14. package/dist/src/DateRange/StartTime.d.ts +5 -7
  15. package/dist/src/DescriptionList/stories/fixtures.d.ts +2 -2
  16. package/dist/src/DropdownMenu/DropdownMenuContainer.d.ts +1 -1
  17. package/dist/src/DropdownMenu/DropdownText.d.ts +1 -1
  18. package/dist/src/FieldLabel/HelpText.d.ts +1 -1
  19. package/dist/src/Icon/Icon.d.ts +6 -2
  20. package/dist/src/Link/Link.story.js +1 -1
  21. package/dist/src/Modal/Modal.d.ts +5 -3
  22. package/dist/src/Modal/Modal.js +2 -2
  23. package/dist/src/Modal/Modal.story.d.ts +1 -23
  24. package/dist/src/Modal/ModalCloseButton.d.ts +4 -2
  25. package/dist/src/Modal/ModalContent.d.ts +1 -1
  26. package/dist/src/Navigation/components/AppSwitcher/parts/Item.d.ts +3 -1
  27. package/dist/src/Navigation/components/AppSwitcher/parts/index.d.ts +15 -7
  28. package/dist/src/Navigation/components/DesktopNav/parts/MoreMenuItem.d.ts +5 -1
  29. package/dist/src/Navigation/components/MenuSubItem/parts/styled.d.ts +17 -5
  30. package/dist/src/Navigation/components/MobileNav/parts/styled.d.ts +10 -4
  31. package/dist/src/Navigation/components/UserMenu/UserMenu.d.ts +5 -1
  32. package/dist/src/Navigation/components/UserMenu/parts/styled.d.ts +6 -2
  33. package/dist/src/Navigation/components/shared/NavigationMenuContent.d.ts +5 -1
  34. package/dist/src/Navigation/components/shared/NavigationMenuItem.d.ts +3 -1
  35. package/dist/src/Navigation/components/shared/components.d.ts +35 -9
  36. package/dist/src/Radio/Radio.story.d.ts +12 -14
  37. package/dist/src/Summary/Summary.d.ts +1 -2
  38. package/dist/src/Summary/Summary.js +2 -2
  39. package/dist/src/Summary/SummaryContext.d.ts +3 -1
  40. package/dist/src/Summary/SummaryContext.js +2 -2
  41. package/dist/src/Summary/SummaryItem.d.ts +1 -1
  42. package/dist/src/Summary/SummaryItem.js +2 -2
  43. package/dist/src/Switcher/Switcher.d.ts +2 -2
  44. package/dist/src/Switcher/Switcher.js +2 -2
  45. package/dist/src/Tabs/TabScrollIndicator.d.ts +1 -1
  46. package/dist/src/Tabs/TabScrollIndicator.js +2 -2
  47. package/dist/src/TimePicker/TimePicker.d.ts +1 -1
  48. package/dist/src/TimePicker/TimePickerInput.d.ts +3 -1
  49. package/dist/src/TimeRange/TimeRange.d.ts +3 -2
  50. package/dist/src/ToastContainer/ToastFunction.js +2 -2
  51. package/dist/src/Toggle/ToggleButton.js +2 -2
  52. package/dist/src/TopBar/TopBar.styled.d.ts +16 -15
  53. package/dist/src/TopBar/components/BackLink.d.ts +3 -1
  54. package/dist/src/TopBar/components/MenuItemLink.d.ts +3 -1
  55. package/dist/src/TopBar/stories/TopBar.backButton.story.js +1 -1
  56. package/dist/src/TopBar/stories/TopBar.menu.story.js +1 -1
  57. package/dist/src/Type/Headings.d.ts +4 -4
  58. package/dist/src/utils/story/dashed.d.ts +1 -3
  59. package/dist/src/utils/story/resizable.d.ts +4 -2
  60. package/dist/src/utils/ts/FocusManager.d.ts +1 -1
  61. package/dist/src/utils/ts/FocusManager.js +2 -2
  62. package/package.json +11 -12
package/dist/src/Type/Headings.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { TextProps } from "./Text";
2
- export declare const Heading1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
2
+ export declare const Heading1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
3
3
  variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
4
4
  inline?: boolean;
5
5
  compact?: boolean;
@@ -11,7 +11,7 @@ export declare const Heading1: import("styled-components/dist/types").IStyledCom
11
11
  }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
12
12
  ref?: import("react").Ref<HTMLHeadingElement>;
13
13
  }>, never>, TextProps>> & string;
14
- export declare const Heading2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
14
+ export declare const Heading2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
15
15
  variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
16
16
  inline?: boolean;
17
17
  compact?: boolean;
@@ -23,7 +23,7 @@ export declare const Heading2: import("styled-components/dist/types").IStyledCom
23
23
  }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
24
24
  ref?: import("react").Ref<HTMLHeadingElement>;
25
25
  }>, never>, never>> & string;
26
- export declare const Heading3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
26
+ export declare const Heading3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
27
27
  variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
28
28
  inline?: boolean;
29
29
  compact?: boolean;
@@ -35,7 +35,7 @@ export declare const Heading3: import("styled-components/dist/types").IStyledCom
35
35
  }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
36
36
  ref?: import("react").Ref<HTMLHeadingElement>;
37
37
  }>, never>, never>> & string;
38
- export declare const Heading4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
38
+ export declare const Heading4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
39
39
  variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;
40
40
  inline?: boolean;
41
41
  compact?: boolean;
package/dist/src/utils/story/dashed.d.ts CHANGED
@@ -4,6 +4,4 @@ import { ComponentType } from "react";
4
4
  * to highlight its boundaries. To be used in Storybook exclusively.
5
5
  * Do not export for production.
6
6
  */
7
- export declare const dashed: <P extends Record<string, unknown>>(component: ComponentType<P>) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("react").PropsWithoutRef<P> & import("react").RefAttributes<import("react").Component<P, any, any>>) | (import("react").PropsWithRef<P & {
8
- children?: import("react").ReactNode | undefined;
9
- }> & import("styled-components/dist/types").BaseObject), import("styled-components/dist/types").BaseObject>> & (string & (Omit<import("react").ComponentClass<P, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<P>, keyof import("react").Component<any, {}, any>>));
7
+ export declare const dashed: <P extends Record<string, unknown>>(component: ComponentType<P>) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("react").PropsWithoutRef<P> & import("react").RefAttributes<import("react").Component<P, any, any>>) | (import("react").PropsWithRef<P> & import("styled-components/dist/types").BaseObject), import("styled-components/dist/types").BaseObject>> & (string & (Omit<import("react").ComponentClass<P, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<P>, keyof import("react").Component<any, {}, any>>));
package/dist/src/utils/story/resizable.d.ts CHANGED
@@ -6,14 +6,16 @@ interface ResizableProps {
6
6
  showContainerOutline?: boolean;
7
7
  }
8
8
  export declare const Resizable: ({ children, containerWidth, onResize, showContainerOutline, }: ResizableProps) => import("react/jsx-runtime").JSX.Element;
9
- export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
9
+ export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
10
10
  variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
11
11
  inline?: boolean;
12
12
  compact?: boolean;
13
13
  disabled?: boolean;
14
14
  textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
15
15
  fontSize?: string;
16
- } & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
16
+ } & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, "ref"> & {
17
+ ref?: React.Ref<HTMLElement | SVGElement>;
18
+ }, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
17
19
  variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
18
20
  inline?: boolean;
19
21
  compact?: boolean;
package/dist/src/utils/ts/FocusManager.d.ts CHANGED
@@ -13,5 +13,5 @@ type FocusManagerProps = {
13
13
  defaultFocusedIndex: number | null;
14
14
  children: (handlers: ChildrenHandlers) => ReactNode;
15
15
  };
16
- declare const FocusManager: React.FC<React.PropsWithChildren<FocusManagerProps>>;
16
+ declare function FocusManager({ children, refs, defaultFocusedIndex }: FocusManagerProps): import("react/jsx-runtime").JSX.Element;
17
17
  export default FocusManager;
package/dist/src/utils/ts/FocusManager.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useEffect, useRef, useState } from "react";
3
- const FocusManager = ({ children, refs = undefined, defaultFocusedIndex, }) => {
3
+ function FocusManager({ children, refs = undefined, defaultFocusedIndex }) {
4
4
  const [focusedIndex, setFocusedIndex] = useState(defaultFocusedIndex ?? 0);
5
5
  const prevFocusedIndex = useRef(focusedIndex);
6
6
  const focusPrevious = () => {
@@ -37,5 +37,5 @@ const FocusManager = ({ children, refs = undefined, defaultFocusedIndex, }) => {
37
37
  setFocusedIndex,
38
38
  handleArrowNavigation,
39
39
  }) }));
40
- };
40
+ }
41
41
  export default FocusManager;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nulogy/components",
3
- "version": "16.0.1",
3
+ "version": "16.0.2",
4
4
  "type": "module",
5
5
  "description": "Component library for the Nulogy Design System - http://nulogy.design",
6
6
  "private": false,
@@ -66,7 +66,7 @@
66
66
  "react": ">=16.10.2 <19.0.0",
67
67
  "react-dom": ">=16.10.2 <19.0.0",
68
68
  "styled-components": "^6.0.0",
69
- "typescript": "4.9.5"
69
+ "typescript": ">=4.9.5"
70
70
  },
71
71
  "devDependencies": {
72
72
  "@apollo/client": "^3.11.8",
@@ -87,13 +87,12 @@
87
87
  "@storybook/react": "~8.6.15",
88
88
  "@storybook/react-vite": "~8.6.15",
89
89
  "@storybook/theming": "~8.6.14",
90
- "@testing-library/react": "^12.1.5",
90
+ "@testing-library/react": "^16.0.0",
91
91
  "@types/css-mediaquery": "^0.1.4",
92
92
  "@types/deep-equal": "^1.0.4",
93
93
  "@types/node": "^24.10.4",
94
- "@types/react": "^17.0.39",
95
- "@types/react-dom": "^17.0.20",
96
- "@types/react-router-dom": "5.3.0",
94
+ "@types/react": "^18.0.0",
95
+ "@types/react-dom": "^18.0.0",
97
96
  "@typescript-eslint/eslint-plugin": "^8.49.0",
98
97
  "@typescript-eslint/parser": "^8.0.0",
99
98
  "@vitejs/plugin-react": "^5.0.0",
@@ -110,17 +109,17 @@
110
109
  "eslint-plugin-react": "^7.37.0",
111
110
  "eslint-plugin-react-hooks": "^7.0.0",
112
111
  "globals": "^15.0.0",
113
- "graphql": "15.8.0",
112
+ "graphql": "16.13.0",
114
113
  "http-server": "^14.0.0",
115
114
  "husky": "^9.1.7",
116
115
  "jsdom": "^27.2.0",
117
116
  "mockdate": "^3.0.5",
118
117
  "prettier": "^3.4.2",
119
118
  "re-resizable": "^6.10.3",
120
- "react": "17.0.2",
119
+ "react": "18.3.1",
121
120
  "react-color": "^2.18.1",
122
- "react-dom": "17.0.2",
123
- "react-router-dom": "^5.3.3",
121
+ "react-dom": "18.3.1",
122
+ "react-router-dom": "^6.0.0",
124
123
  "semantic-release": "^24.2.5",
125
124
  "start-server-and-test": "^2.1.3",
126
125
  "storybook": "8.6.15",
@@ -162,8 +161,8 @@
162
161
  },
163
162
  "resolutions": {
164
163
  "@emotion/serialize": "1.1.3",
165
- "@types/react": "^17.0.0",
166
- "@types/react-dom": "^17.0.0",
164
+ "@types/react": "^18.0.0",
165
+ "@types/react-dom": "^18.0.0",
167
166
  "csstype": "^3.2.3"
168
167
  }
169
168
  }