@nulogy/components 16.0.2 → 16.0.3

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 (151) hide show
  1. package/dist/main.js +1 -0
  2. package/dist/main.js.map +1 -1
  3. package/dist/main.module.js +1 -0
  4. package/dist/main.module.js.map +1 -1
  5. package/dist/src/Alert/Alert.story.d.ts +1 -1
  6. package/dist/src/Alert/Alert.story.js +11 -0
  7. package/dist/src/AppTag/stories/AppTag.story.d.ts +2 -2
  8. package/dist/src/AppTag/stories/AppTag.story.js +6 -4
  9. package/dist/src/AppTag/stories/AppTag.usecases.story.d.ts +13 -10
  10. package/dist/src/AppTag/stories/AppTag.usecases.story.js +71 -51
  11. package/dist/src/AsyncSelect/AsyncSelect.story.d.ts +17 -13
  12. package/dist/src/AsyncSelect/AsyncSelect.story.js +46 -23
  13. package/dist/src/BottomSheet/stories/BottomSheet.actions.story.d.ts +8 -1
  14. package/dist/src/BottomSheet/stories/BottomSheet.actions.story.js +22 -3
  15. package/dist/src/BottomSheet/stories/BottomSheet.features.story.d.ts +9 -2
  16. package/dist/src/BottomSheet/stories/BottomSheet.features.story.js +27 -12
  17. package/dist/src/BottomSheet/stories/BottomSheet.story.d.ts +7 -1
  18. package/dist/src/BottomSheet/stories/BottomSheet.story.js +20 -3
  19. package/dist/src/Box/Box.story.d.ts +22 -44
  20. package/dist/src/Box/Box.story.js +30 -30
  21. package/dist/src/BrandedNavBar/NavBar.story.d.ts +16 -28
  22. package/dist/src/BrandedNavBar/NavBar.story.js +41 -35
  23. package/dist/src/BrandedNavBar/SmallNavBar.story.d.ts +1 -1
  24. package/dist/src/Breadcrumbs/Breadcrumbs.story.d.ts +4 -8
  25. package/dist/src/Breadcrumbs/Breadcrumbs.story.js +4 -4
  26. package/dist/src/Button/Button.story.d.ts +14 -28
  27. package/dist/src/Button/Button.story.js +14 -14
  28. package/dist/src/Button/ControlIcon.story.js +1 -1
  29. package/dist/src/Button/IconicButton.story.d.ts +23 -45
  30. package/dist/src/Button/IconicButton.story.js +27 -25
  31. package/dist/src/ButtonGroup/ButtonGroup.story.d.ts +13 -23
  32. package/dist/src/ButtonGroup/ButtonGroup.story.js +10 -10
  33. package/dist/src/Card/Card.story.d.ts +3 -5
  34. package/dist/src/Card/Card.story.js +9 -7
  35. package/dist/src/Checkbox/Checkbox.story.d.ts +18 -34
  36. package/dist/src/Checkbox/Checkbox.story.js +28 -24
  37. package/dist/src/Checkbox/CheckboxGroup.story.d.ts +10 -20
  38. package/dist/src/Checkbox/CheckboxGroup.story.js +10 -10
  39. package/dist/src/DatePickers/stories/DatePicker.story.d.ts +9 -2
  40. package/dist/src/DatePickers/stories/DatePicker.story.js +43 -2
  41. package/dist/src/DatePickers/stories/MonthPicker.story.d.ts +8 -1
  42. package/dist/src/DatePickers/stories/MonthPicker.story.js +21 -2
  43. package/dist/src/DatePickers/stories/WeekPicker.story.d.ts +32 -4
  44. package/dist/src/DatePickers/stories/WeekPicker.story.js +57 -8
  45. package/dist/src/DateRange/DateRange.story.d.ts +16 -2
  46. package/dist/src/DateRange/DateRange.story.js +41 -3
  47. package/dist/src/DescriptionList/stories/DescriptionList.column.story.d.ts +1 -1
  48. package/dist/src/DescriptionList/stories/DescriptionList.column.story.js +10 -8
  49. package/dist/src/DescriptionList/stories/DescriptionList.group-min-width.story.d.ts +1 -1
  50. package/dist/src/DescriptionList/stories/DescriptionList.layout.story.d.ts +1 -1
  51. package/dist/src/DescriptionList/stories/DescriptionList.layout.story.js +12 -10
  52. package/dist/src/DescriptionList/stories/DescriptionList.playground.story.d.ts +1 -1
  53. package/dist/src/DescriptionList/stories/DescriptionList.story.d.ts +1 -0
  54. package/dist/src/DescriptionList/stories/DescriptionList.story.js +3 -0
  55. package/dist/src/DropdownMenu/DropdownMenu.story.d.ts +32 -32
  56. package/dist/src/DropdownMenu/DropdownMenu.story.js +58 -16
  57. package/dist/src/FieldLabel/FieldLabel.story.d.ts +2 -4
  58. package/dist/src/FieldLabel/FieldLabel.story.js +2 -2
  59. package/dist/src/Flex/Flex.story.d.ts +34 -68
  60. package/dist/src/Flex/Flex.story.js +36 -36
  61. package/dist/src/Form/Form.story.d.ts +8 -16
  62. package/dist/src/Form/Form.story.js +8 -8
  63. package/dist/src/Icon/Icon.story.d.ts +12 -24
  64. package/dist/src/Icon/Icon.story.js +15 -15
  65. package/dist/src/Input/Input.story.d.ts +16 -32
  66. package/dist/src/Input/Input.story.js +23 -23
  67. package/dist/src/Layout/Page.applicationFrame.story.d.ts +1 -1
  68. package/dist/src/Layout/Page.story.d.ts +1 -1
  69. package/dist/src/Layout/Sidebar.story.d.ts +1 -1
  70. package/dist/src/Link/Link.story.d.ts +16 -32
  71. package/dist/src/Link/Link.story.js +16 -17
  72. package/dist/src/List/List.story.d.ts +8 -16
  73. package/dist/src/List/List.story.js +8 -8
  74. package/dist/src/LoadingAnimation/LoadingAnimation.story.d.ts +4 -8
  75. package/dist/src/LoadingAnimation/LoadingAnimation.story.js +4 -4
  76. package/dist/src/MaybeTooltip/MaybeTooltip.story.d.ts +1 -1
  77. package/dist/src/Modal/Modal.story.d.ts +1 -1
  78. package/dist/src/Navigation/stories/Navigation.appSwitcher.story.d.ts +8 -1
  79. package/dist/src/Navigation/stories/Navigation.appSwitcher.story.js +19 -1
  80. package/dist/src/Navigation/stories/Navigation.logos.story.d.ts +2 -4
  81. package/dist/src/Navigation/stories/Navigation.logos.story.js +4 -4
  82. package/dist/src/Navigation/stories/Navigation.story.d.ts +7 -1
  83. package/dist/src/Navigation/stories/Navigation.story.js +145 -136
  84. package/dist/src/Navigation/stories/Navigation.userMenu.story.d.ts +8 -1
  85. package/dist/src/Navigation/stories/Navigation.userMenu.story.js +22 -1
  86. package/dist/src/Overlay/Overlay.story.d.ts +2 -4
  87. package/dist/src/Overlay/Overlay.story.js +2 -2
  88. package/dist/src/Pagination/Pagination.story.d.ts +14 -13
  89. package/dist/src/Pagination/Pagination.story.js +32 -11
  90. package/dist/src/Radio/Radio.story.d.ts +1 -1
  91. package/dist/src/Radio/Radio.story.js +44 -1
  92. package/dist/src/Radio/RadioGroup.story.d.ts +29 -21
  93. package/dist/src/Radio/RadioGroup.story.js +67 -14
  94. package/dist/src/RangeContainer/RangeContainer.story.d.ts +2 -4
  95. package/dist/src/RangeContainer/RangeContainer.story.js +2 -2
  96. package/dist/src/Select/Select.story.d.ts +37 -65
  97. package/dist/src/Select/Select.story.js +93 -49
  98. package/dist/src/StatusIndicator/StatusIndicator.story.d.ts +4 -8
  99. package/dist/src/StatusIndicator/StatusIndicator.story.js +4 -4
  100. package/dist/src/Switcher/Switcher.story.d.ts +8 -1
  101. package/dist/src/Switcher/Switcher.story.js +13 -1
  102. package/dist/src/Table/stories/BaseTable.story.d.ts +1 -1
  103. package/dist/src/Table/stories/BaseTable.story.js +1 -1
  104. package/dist/src/Table/stories/CustomContent.story.js +1 -1
  105. package/dist/src/Table/stories/Density.story.d.ts +4 -8
  106. package/dist/src/Table/stories/Density.story.js +4 -4
  107. package/dist/src/Table/stories/SortingColumnHeader.story.d.ts +1 -1
  108. package/dist/src/Table/stories/SortingColumnHeader.story.js +1 -1
  109. package/dist/src/Table/stories/Table.story.d.ts +1 -1
  110. package/dist/src/Table/stories/Table.story.js +37 -1
  111. package/dist/src/Table/stories/TableWithCustomSorting.story.d.ts +2 -4
  112. package/dist/src/Table/stories/TableWithCustomSorting.story.js +2 -2
  113. package/dist/src/Table/stories/TableWithExpandableRows.story.d.ts +4 -8
  114. package/dist/src/Table/stories/TableWithExpandableRows.story.js +5 -5
  115. package/dist/src/Table/stories/TableWithFiltering.story.d.ts +8 -8
  116. package/dist/src/Table/stories/TableWithFiltering.story.js +15 -4
  117. package/dist/src/Table/stories/TableWithSelectableRows.story.d.ts +8 -8
  118. package/dist/src/Table/stories/TableWithSelectableRows.story.js +22 -5
  119. package/dist/src/Table/stories/TableWithServerSidePagination.story.d.ts +2 -4
  120. package/dist/src/Table/stories/TableWithServerSidePagination.story.js +2 -2
  121. package/dist/src/Tabs/Tabs.story.d.ts +33 -33
  122. package/dist/src/Tabs/Tabs.story.js +52 -16
  123. package/dist/src/Textarea/Textarea.story.js +1 -1
  124. package/dist/src/TimePicker/TimePicker.js +2 -0
  125. package/dist/src/TimePicker/TimePicker.story.d.ts +24 -40
  126. package/dist/src/TimePicker/TimePicker.story.js +40 -27
  127. package/dist/src/TimeRange/TimeRange.story.d.ts +14 -20
  128. package/dist/src/TimeRange/TimeRange.story.js +34 -20
  129. package/dist/src/Toast/Toast.story.d.ts +24 -25
  130. package/dist/src/Toast/Toast.story.js +170 -142
  131. package/dist/src/ToastContainer/ToastContainer.story.d.ts +8 -1
  132. package/dist/src/ToastContainer/ToastContainer.story.js +13 -1
  133. package/dist/src/Toggle/Toggle.story.d.ts +25 -15
  134. package/dist/src/Toggle/Toggle.story.js +77 -43
  135. package/dist/src/Tooltip/Tooltip.story.d.ts +1 -1
  136. package/dist/src/Tooltip/Tooltip.story.js +16 -0
  137. package/dist/src/TopBar/stories/TopBar.story.d.ts +7 -1
  138. package/dist/src/TopBar/stories/TopBar.story.js +18 -1
  139. package/dist/src/TruncatedText/TruncatedText.story.d.ts +29 -34
  140. package/dist/src/TruncatedText/TruncatedText.story.js +46 -19
  141. package/dist/src/Type/Text.story.d.ts +10 -20
  142. package/dist/src/Type/Text.story.js +10 -10
  143. package/dist/src/Validation/InlineValidation.story.d.ts +6 -12
  144. package/dist/src/Validation/InlineValidation.story.js +6 -6
  145. package/dist/src/VisualTests/Select.story.d.ts +12 -24
  146. package/dist/src/VisualTests/Select.story.js +19 -19
  147. package/dist/src/pages/ErrorPage.story.d.ts +3 -5
  148. package/dist/src/pages/ErrorPage.story.js +10 -10
  149. package/dist/src/pages/LoginPage.story.d.ts +8 -16
  150. package/dist/src/pages/LoginPage.story.js +8 -8
  151. package/package.json +15 -23
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nulogy/components",
3
- "version": "16.0.2",
3
+ "version": "16.0.3",
4
4
  "type": "module",
5
5
  "description": "Component library for the Nulogy Design System - http://nulogy.design",
6
6
  "private": false,
@@ -9,9 +9,7 @@
9
9
  },
10
10
  "scripts": {
11
11
  "ci": "pnpm && pnpm build && pnpm build:verify && pnpm test && pnpm run check",
12
- "start-server": "pnpm build:storybook && pnpm http-server -p 9999 ./storybook-static",
13
12
  "start": "concurrently \"pnpm build:watch\" \"pnpm start:storybook\"",
14
- "start:cypress": "start-server-and-test start 9999 'cypress open'",
15
13
  "start:storybook": "storybook dev -p 9999",
16
14
  "clean:storybook": "rm -rf node_modules/.cache/storybook && rm -rf ./storybook-static",
17
15
  "build": "rm -rf dist && tsc -p tsconfig.build.json && vite build",
@@ -20,16 +18,17 @@
20
18
  "build:storybook": "storybook build --stats-json",
21
19
  "warn:prepush": "echo \"Make sure you also run all the other CI steps before pushing by running 'pnpm ci'\"",
22
20
  "check": "pnpm warn:prepush && pnpm check:types && pnpm check:lint && pnpm check:format",
23
- "check:types": "tsc && cd cypress && tsc --noEmit",
21
+ "check:types": "tsc",
24
22
  "check:lint": "eslint '**/*.{js,ts,jsx,tsx}'",
25
23
  "check:format": "prettier -c .",
26
24
  "fix": "pnpm fix:lint && pnpm fix:format",
27
25
  "fix:lint": "pnpm check:lint --fix",
28
26
  "fix:format": "prettier -w .",
29
- "test": "pnpm test:components && pnpm run test:cypress",
27
+ "test": "pnpm test:components && pnpm test:storybook",
30
28
  "test:components": "vitest run",
31
29
  "test:components:watch": "vitest",
32
- "test:cypress": "start-server-and-test start-server 9999 'cypress run'",
30
+ "test:storybook": "vitest run --config vitest.storybook.config.ts",
31
+ "test:storybook:watch": "vitest --config vitest.storybook.config.ts",
33
32
  "test:visual": "npx chromatic --project-token $CHROMATIC_TOKEN --exit-zero-on-changes",
34
33
  "prepare": "husky"
35
34
  },
@@ -78,15 +77,10 @@
78
77
  "@semantic-release/github": "^8.0.7",
79
78
  "@semantic-release/npm": "^9.0.0",
80
79
  "@semantic-release/release-notes-generator": "^10.0.3",
81
- "@storybook/addon-a11y": "~8.6.15",
82
- "@storybook/addon-actions": "~8.6.15",
83
- "@storybook/addon-docs": "~8.6.15",
84
- "@storybook/addon-storysource": "~8.6.14",
85
- "@storybook/addon-toolbars": "~8.6.15",
86
- "@storybook/addon-viewport": "~8.6.15",
87
- "@storybook/react": "~8.6.15",
88
- "@storybook/react-vite": "~8.6.15",
89
- "@storybook/theming": "~8.6.14",
80
+ "@storybook/addon-a11y": "10.2.14",
81
+ "@storybook/addon-docs": "10.2.14",
82
+ "@storybook/addon-vitest": "10.2.14",
83
+ "@storybook/react-vite": "10.2.14",
90
84
  "@testing-library/react": "^16.0.0",
91
85
  "@types/css-mediaquery": "^0.1.4",
92
86
  "@types/deep-equal": "^1.0.4",
@@ -96,24 +90,23 @@
96
90
  "@typescript-eslint/eslint-plugin": "^8.49.0",
97
91
  "@typescript-eslint/parser": "^8.0.0",
98
92
  "@vitejs/plugin-react": "^5.0.0",
93
+ "@vitest/browser": "^4.0.18",
94
+ "@vitest/browser-playwright": "^4.0.18",
99
95
  "chromatic": "^13.3.4",
100
96
  "concurrently": "^9.2.0",
101
97
  "css-mediaquery": "^0.1.2",
102
- "cypress": "^13.17.0",
103
- "cypress-enter-plugin": "^1.0.1",
104
- "cypress-plugin-tab": "^1.0.1",
105
- "cypress-real-events": "^1.14.0",
106
98
  "eslint": "^9.0.0",
107
99
  "eslint-plugin-jsx-a11y": "^6.10.0",
108
100
  "eslint-plugin-prettier": "^5.2.0",
109
101
  "eslint-plugin-react": "^7.37.0",
110
102
  "eslint-plugin-react-hooks": "^7.0.0",
103
+ "eslint-plugin-storybook": "10.2.14",
111
104
  "globals": "^15.0.0",
112
105
  "graphql": "16.13.0",
113
- "http-server": "^14.0.0",
114
106
  "husky": "^9.1.7",
115
107
  "jsdom": "^27.2.0",
116
108
  "mockdate": "^3.0.5",
109
+ "playwright": "^1.58.2",
117
110
  "prettier": "^3.4.2",
118
111
  "re-resizable": "^6.10.3",
119
112
  "react": "18.3.1",
@@ -121,14 +114,13 @@
121
114
  "react-dom": "18.3.1",
122
115
  "react-router-dom": "^6.0.0",
123
116
  "semantic-release": "^24.2.5",
124
- "start-server-and-test": "^2.1.3",
125
- "storybook": "8.6.15",
117
+ "storybook": "10.2.14",
126
118
  "styled-components": "^6.1.19",
127
119
  "svg-sprite-loader": "^6.0.11",
128
120
  "typescript": "^5.9.3",
129
121
  "typescript-eslint": "^8.49.0",
130
122
  "vite": "^7.0.0",
131
- "vitest": "^4.0.0"
123
+ "vitest": "^4.0.18"
132
124
  },
133
125
  "dependencies": {
134
126
  "@emotion/is-prop-valid": "^1.3.1",