@nimbus-ds/patterns 1.16.0-rc.3 β†’ 1.17.0-rc.1

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 (11) hide show
  1. package/CHANGELOG.md +320 -0
  2. package/dist/AppShell/index.d.ts +61 -1
  3. package/dist/AppShell/index.js +1 -1
  4. package/dist/CHANGELOG.md +10 -0
  5. package/dist/Menu/index.d.ts +27 -1
  6. package/dist/Menu/index.js +1 -1
  7. package/dist/MenuButton/index.d.ts +9 -1
  8. package/dist/MenuButton/index.js +1 -1
  9. package/dist/index.d.ts +85 -1
  10. package/dist/index.js +1 -1
  11. package/package.json +3 -4
package/CHANGELOG.md ADDED
@@ -0,0 +1,320 @@
1
+ # Changelog
2
+
3
+ Nimbus is an open-source Design System created by Tiendanube / Nuvesmhop’s team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
4
+
5
+
6
+ ## 2025-08-05 `1.15.0`
7
+
8
+ #### πŸŽ‰ New features
9
+
10
+ - Updated MenuFooter ChevronRightIcon size from 14px to 16px for visual consistency with MenuButton icons. ([#115](https://github.com/TiendaNube/nimbus-patterns/pull/115) by [@noecondoleo](https://github.com/noecondoleo) [@FedeTrevi-se](https://github.com/FedeTrevi-se))
11
+
12
+ - Updated MenuButton icon size from 14px to 16px for better visual consistency. ([#115](https://github.com/TiendaNube/nimbus-patterns/pull/115) by [@noecondoleo](https://github.com/noecondoleo) [@FedeTrevi-se](https://github.com/FedeTrevi-se))
13
+
14
+
15
+ ## 2025-06-04 `1.14.1`
16
+
17
+ #### πŸŽ‰ New features
18
+
19
+ - Added `components-props.json` file to the build output. ([#114](https://github.com/TiendaNube/nimbus-patterns/pull/114) by [@joacotornello](https://github.com/joacotornello))
20
+
21
+ ## 2025-04-25 `1.14.0`
22
+
23
+ #### πŸŽ‰ New features
24
+
25
+ - Added `ProductDataList` component. ([#111](https://github.com/TiendaNube/nimbus-patterns/pull/111) by [@joacotornello](https://github.com/joacotornello))
26
+
27
+ ## 2025-04-25 `1.13.0`
28
+
29
+ #### πŸŽ‰ New features
30
+
31
+ - Added `Sortable` component. ([#109](https://github.com/TiendaNube/nimbus-patterns/pull/109) by [@joacotornello](https://github.com/joacotornello))
32
+
33
+ ## 2025-03-18 `1.12.0`
34
+
35
+ #### πŸŽ‰ New features
36
+
37
+ - Adds `use-client` directive to the build output in order to support NextJS applications. ([#104](https://github.com/TiendaNube/nimbus-patterns/pull/104) by [@joacotornello](https://github.com/joacotornello))
38
+
39
+ - Implemented new webpack configuration to move useful files into the build output directory and inject the `use client` directive. ([#104](https://github.com/TiendaNube/nimbus-patterns/pull/104) by [@joacotornello](https://github.com/joacotornello))
40
+
41
+ ### πŸ’‘ Others
42
+
43
+ - Rebuild after build process changes to add support for modular imports and Server Components. ([#104](https://github.com/TiendaNube/nimbus-patterns/pull/104) by [@joacotornello](https://github.com/joacotornello))
44
+
45
+ ## 2025-02-28 `1.11.1`
46
+
47
+ #### πŸ› Bug fixes
48
+
49
+ - Fixed `InitialScreen.Hero` missing key warnings. ([#101](https://github.com/TiendaNube/nimbus-patterns/pull/101) by [@joacotornello](https://github.com/joacotornello))
50
+
51
+ ## 2025-02-12 `1.11.0`
52
+
53
+ - Added new Landing Screen template. ([#100](https://github.com/TiendaNube/nimbus-patterns/pull/100) by [@joacotornello](https://github.com/joacotornello))
54
+
55
+ ## 2025-02-12 `1.10.0`
56
+
57
+ - Added new `@nimbus-ds/initial-screen` component. ([#97](https://github.com/TiendaNube/nimbus-patterns/pull/97) by [@joacotornello](https://github.com/joacotornello))
58
+
59
+ ## 2024-02-17 `1.9.1`
60
+
61
+ - Fixed `PlanDisplay` not being exported and not working on NextJS. ([#99](https://github.com/TiendaNube/nimbus-patterns/pull/99) by [@joacotornello](https://github.com/joacotornello))
62
+
63
+ ## 2024-02-17 `1.9.0`
64
+
65
+ - Added new `PlanDisplay` component. ([#98](https://github.com/TiendaNube/nimbus-patterns/pull/98) by [@joacotornello](https://github.com/joacotornello))
66
+
67
+ ## 2024-03-06 `1.8.0`
68
+
69
+ ### πŸŽ‰ New features
70
+
71
+ - Added new `EmptyApp` component. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
72
+ - Added new `EmptyAppContentImageElement` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
73
+ - Added new `EmptyAppContentSection` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
74
+ - Added new `EmptyAppContentTextElement` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
75
+ - Added new `EmptyAppHeroSection` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
76
+ - Added new `EmptyAppPlanCard` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
77
+ - Added new `EmptyAppPlanItem` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
78
+ - Added `children` property to `EmptyApp` component API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
79
+ - Added `src` and `alt` properties to `EmptyAppContentImageElement` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
80
+ - Added `title`, `subtitle`, `actions` and `children` properties to `EmptyAppContentSection` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
81
+ - Added `title`, `content` and `bottomDivider` properties to `EmptyAppContentTextElement` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
82
+ - Added `src`, `alt`, `title`, `subtitle`, `content` and `actions` properties to `EmptyAppHeroSection` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
83
+ - Added `planContext`, `planName` and `children` properties to `EmptyAppPlanCard` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
84
+ - Added `label` and `disabled` properties to `EmptyAppPlanItem` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
85
+
86
+ ### πŸ“š 3rd party library updates
87
+
88
+ - Updated `@nimbus-ds/styles@9.11.0`. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
89
+ - Updated `@nimbus-ds/components@5.5.1`. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
90
+
91
+ ## 2024-02-07 `1.7.8`
92
+
93
+ ### πŸŽ‰ New features
94
+
95
+ - Add `wordBreak="break-all"` property to `MenuButton` component to allow overflowing text to be trimmed at any position. ([#94](https://github.com/TiendaNube/nimbus-patterns/pull/94) by [@juanchigallego](https://github.com/juanchigallego))
96
+
97
+ ## 2024-01-09 `1.7.7`
98
+
99
+ #### πŸ› Bug fixes
100
+
101
+ - Remove visual focus box-shadow from `MenuButton` component because it visually hints the element is on focus even after an action has been performed. ([#93](https://github.com/TiendaNube/nimbus-patterns/pull/93) by [@juanchigallego](https://github.com/juanchigallego))
102
+
103
+ ## 2024-01-04 `1.7.6`
104
+
105
+ #### πŸ› Bug fixes
106
+
107
+ - Explicitly export type for `FormFieldInput` component. ([#92](https://github.com/TiendaNube/nimbus-patterns/pull/92) by [@juanchigallego](https://github.com/juanchigallego))
108
+ - Explicitly export type for `FormFieldSelect` component. ([#92](https://github.com/TiendaNube/nimbus-patterns/pull/92) by [@juanchigallego](https://github.com/juanchigallego))
109
+ - Explicitly export type for `FormFieldTextarea` component. ([#92](https://github.com/TiendaNube/nimbus-patterns/pull/92) by [@juanchigallego](https://github.com/juanchigallego))
110
+
111
+ #### πŸŽ‰ New features
112
+
113
+ - Update `AppShell` component with new design requirements. ([#91](https://github.com/TiendaNube/nimbus-patterns/pull/91) by [@juanchigallego](https://github.com/juanchigallego))
114
+ - Update `CalloutCard` component with new design requirements. ([#91](https://github.com/TiendaNube/nimbus-patterns/pull/91) by [@juanchigallego](https://github.com/juanchigallego))
115
+ - Update `SideModal` component with new design requirements. ([#91](https://github.com/TiendaNube/nimbus-patterns/pull/91) by [@juanchigallego](https://github.com/juanchigallego))
116
+
117
+ ## 2023-12-18 `1.7.5`
118
+
119
+ - Adjust component padding and size of the icon child on `MenuButton` component. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
120
+ - Adjust padding on `MenuButtonAccordion` subcomponent. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
121
+ - Adjust padding of `MenuBody` subcomponent. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
122
+ - Adjust padding and icon sizing on `MenuFooter` subcomponent. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
123
+ - Adjust colors and padding on `MenuSection` subcomponent. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
124
+
125
+ ## 2023-12-06 `1.7.4`
126
+
127
+ #### πŸ› Bug fixes
128
+
129
+ - Added possibility to forward ref of `FormField.Input` component. Fix [issue #88](https://github.com/TiendaNube/nimbus-patterns/issues/88) ([#89](https://github.com/TiendaNube/nimbus-patterns/pull/89) by [@hrchioest](https://github.com/hrchioest))
130
+ - Added possibility to forward ref of `FormField.Select` component. Fix [issue #88](https://github.com/TiendaNube/nimbus-patterns/issues/88) ([#89](https://github.com/TiendaNube/nimbus-patterns/pull/89) by [@hrchioest](https://github.com/hrchioest))
131
+ - Added possibility to forward ref of `FormField.Textarea` component. Fix [issue #88](https://github.com/TiendaNube/nimbus-patterns/issues/88) ([#89](https://github.com/TiendaNube/nimbus-patterns/pull/89) by [@hrchioest](https://github.com/hrchioest))
132
+
133
+ #### πŸ“š 3rd party library updates
134
+
135
+ - Updated `@nimbus-ds/icons@1.x`. ([#89](https://github.com/TiendaNube/nimbus-patterns/pull/89) by [@hrchioest](https://github.com/hrchioest))
136
+
137
+ ## 2023-11-16 `1.7.3`
138
+
139
+ #### πŸ’‘ Others
140
+
141
+ - Remove `Editor` component from bundle until `lexical` supports SSR to prevent erros with server-side rendering projects. ([#86](https://github.com/TiendaNube/nimbus-patterns/pull/86) by [@juanchigallego](https://github.com/juanchigallego))
142
+
143
+ ## 2023-11-15 `1.7.2`
144
+
145
+ #### πŸ“š 3rd party library updates
146
+
147
+ - Update packages. ([#85](https://github.com/TiendaNube/nimbus-patterns/pull/85) by [@juanchigallego](https://github.com/juanchigallego))
148
+
149
+ #### πŸ’‘ Others
150
+
151
+ - Changed `helpIcon` and `helpText` appearance to `neutral-textDisabled` on `FormField` component. ([#85](https://github.com/TiendaNube/nimbus-patterns/pull/85) by [@juanchigallego](https://github.com/juanchigallego))
152
+
153
+ ## 2023-10-25 `1.7.1`
154
+
155
+ #### πŸ› Bug fixes
156
+
157
+ - Fixed text and object alignment issues on `EmptyMessage` component's `illustration` variant. ([#81](https://github.com/TiendaNube/nimbus-patterns/pull/81) by [@juanchigallego](https://github.com/juanchigallego))
158
+ - Adjusted text and spacing styles to match `EmptyMessage` component's UI design pattern. ([#81](https://github.com/TiendaNube/nimbus-patterns/pull/81) by [@juanchigallego](https://github.com/juanchigallego))
159
+
160
+ ## 2023-10-17 `1.7.0`
161
+
162
+ #### πŸŽ‰ New features
163
+
164
+ - Added new `Editor` component. ([#80](https://github.com/TiendaNube/nimbus-patterns/pull/80) by [@juniorconquista](https://github.com/juniorconquista))
165
+
166
+ #### πŸ› Bug fixes
167
+
168
+ - Fixed externally controlled visibility working correctly in the `ProductUpdate` component. ([#80](https://github.com/TiendaNube/nimbus-patterns/pull/80)
169
+
170
+ ## 2023-09-25 `1.6.0`
171
+
172
+ #### πŸŽ‰ New features
173
+
174
+ - Added new `Calendar` component. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
175
+ - Added `hideBorder`, `containerProps`, `stickyWeekdays` and `fullWidthDays` properties to the `Calendar` component API. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
176
+ - Added new `CustomCaptionLabel` subcomponent. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
177
+ - Added new `CustomDay` subcomponent. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
178
+ - Added new `Weekdays` subcomponent. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
179
+ - Added new `Wrapper` subcomponent. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
180
+ - Added `children` property to the `Wrapper` subcomponent API. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
181
+
182
+ ## 2023-07-21 `1.5.1`
183
+
184
+ #### πŸ› Bug fixes
185
+
186
+ - Fixed a bug on `CalloutCard` where `onClick` attribute would only work when clicking the chevron icon instead of the whole component. ([#72](https://github.com/TiendaNube/nimbus-patterns/pull/72) by [@juanchigallego](https://github.com/juanchigallego))
187
+
188
+ ## 2023-07-18 `1.5.0`
189
+
190
+ #### πŸŽ‰ New features
191
+
192
+ - Added new `menuProperties` prop to `AppShell` component to control menu responsiveness. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
193
+ - Added `ref` property to `FormField.Input` component API. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista)).
194
+ - Added `ref` property to `FormField.Select` component API. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista)).
195
+ - Added `ref` property to `Input.Textarea` component API. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista)).
196
+
197
+ #### πŸ› Bug fixes
198
+
199
+ - Adjusted the property typing of the footer buttons so that they contain all the properties available in the `SideModal` component. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
200
+ - Adjusted the `toggle` property to contain all properties available in the `InteractiveList.ToggleItemSkeleton` component. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
201
+ - Adjusted the `pagination` property to contain all properties available in the `DataTable.Footer` component. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
202
+
203
+ ## 2023-06-21 `1.4.3`
204
+
205
+ #### πŸ› Bug fixes
206
+
207
+ - Fixed typing of `InteractiveList.CheckboxItem`, `InteractiveList.ButtonItem`, `InteractiveList.RadioItem` and `InteractiveList.ToggleItem` internal components to extend native HTML props. ([#66](https://github.com/TiendaNube/nimbus-patterns/pull/66) by [@juniorconquista](https://github.com/juniorconquista))
208
+
209
+ ## 2023-06-15 `1.4.2`
210
+
211
+ #### πŸ’‘ Others
212
+
213
+ - Removed module key from `package.json` in all components. ([#62](https://github.com/TiendaNube/nimbus-patterns/pull/62) by [@juniorconquista](https://github.com/juniorconquista))
214
+
215
+ ## 2023-05-23 `1.4.0`
216
+
217
+ #### πŸ’‘ Others
218
+
219
+ - Some patterns extend the properties of the `Box` component which has undergone some significant changes, so you should consult the `Box` component documentation when performing this update. ([#56](https://github.com/TiendaNube/nimbus-patterns/pull/56) by [@juniorconquista](https://github.com/juniorconquista))
220
+
221
+ #### πŸ“š 3rd party library updates
222
+
223
+ - Updated `@nimbus-ds/components@4.x` to `@nimbus-ds/components@5.x`. ([#56](https://github.com/TiendaNube/nimbus-patterns/pull/56) by [@juniorconquista](https://github.com/juniorconquista))
224
+
225
+ ## 2023-05-08 `1.3.0`
226
+
227
+ #### πŸŽ‰ New features
228
+
229
+ - Added `as` property to the `MenuButton.Accordion` component API. ([#50](https://github.com/TiendaNube/nimbus-patterns/pull/50) by [@juniorconquista](https://github.com/juniorconquista))
230
+
231
+ ## 2023-05-02 `1.2.2`
232
+
233
+ #### πŸŽ‰ New features
234
+
235
+ - Update component design styles on `EmptyMessage` component. ([#49](https://github.com/TiendaNube/nimbus-design-system/pull/49) by [@juanchigallego](https://github.com/juanchigallego))
236
+
237
+ ## 2023-04-24 `1.2.1`
238
+
239
+ #### πŸ› Bug fixes
240
+
241
+ - Fixed typing of `Page`, `Page.Header` and `Page.Body` components to correctly extend `Box` properties. ([#48](https://github.com/TiendaNube/nimbus-patterns/pull/48) by [@juniorconquista](https://github.com/juniorconquista))
242
+ - Fixed bug where it was not possible to change the paddings of the `Page.Header` and `Page.Body` components. ([#48](https://github.com/TiendaNube/nimbus-patterns/pull/48) by [@juniorconquista](https://github.com/juniorconquista))
243
+ - Renamed `controlled` property to `open` in `MenuButton.Accordion` component API. ([#48](https://github.com/TiendaNube/nimbus-patterns/pull/48) by [@juniorconquista](https://github.com/juniorconquista))
244
+ - Changed the background color of the `MenuButton.Accordion` component when it is open. ([#48](https://github.com/TiendaNube/nimbus-patterns/pull/48) by [@juniorconquista](https://github.com/juniorconquista))
245
+
246
+ ## 2023-04-18 `1.2.0`
247
+
248
+ #### πŸŽ‰ New features
249
+
250
+ - Added `Menu.ButtonAccordion` subcomponent of `Menu` component. ([#44](https://github.com/TiendaNube/nimbus-patterns/pull/44) by [@juniorconquista](https://github.com/juniorconquista))
251
+ - Added `MenuButton.Accordion` subcomponent of `MenuButton` component. ([#44](https://github.com/TiendaNube/nimbus-patterns/pull/44) by [@juniorconquista](https://github.com/juniorconquista))
252
+
253
+ ## 2023-04-17 `1.1.1`
254
+
255
+ #### πŸŽ‰ New features
256
+
257
+ - Added new `DataTable.Cell` subcomponent. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
258
+ - Added `bottomDivider` property to `DataList` component API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
259
+ - Added `topDivider` property to `DataList.Row` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
260
+ - Extend `DataList` properties inside `InteractiveList` component API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
261
+ - Extend `topDivider` property from `DataList.Row` subcomponent inside `InteractiveList.CheckboxItem` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
262
+ - Extend `topDivider` property from `DataList.Row` subcomponent inside `InteractiveList.RadioItem` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
263
+ - Extend `topDivider` property from `DataList.Row` subcomponent inside `InteractiveList.ToggleItem` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
264
+ - Extend `topDivider` property from `DataList.Row` subcomponent inside `InteractiveList.ButtonItem` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
265
+ - Added new `HelpLink` component. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
266
+ - Added `children` property to the `HelpLink` component API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
267
+ - Added stories documentation for `HelpLink` component. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
268
+
269
+ #### πŸ’‘ Others
270
+
271
+ - Extend `Box` properties inside `Page` component API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
272
+ - Extend `Box` properties inside `Page.Header` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
273
+ - Extend `Box` properties inside `Page.Body` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
274
+ - Extend `Box` properties inside `AppShell.Header` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
275
+ - Added `ariaLabel` property to `NavTabs.Item` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
276
+ - Added `stressed` story to `CalloutCard` stories documentation. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
277
+
278
+ #### πŸ› Bug fixes
279
+
280
+ - Fixed a bug on `AppShell.Header` subcomponent where content on `rightSlot` would fall off to the left when `leftSlot` property was empty. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
281
+ - Fixed a bug on `CalloutCard` component where the icon would incorrectly stretch and warp when the text was too long. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
282
+
283
+ ## 2023-04-11 `1.1.0`
284
+
285
+ #### πŸŽ‰ New features
286
+
287
+ - Added new subcomponent `InteractiveList.StructureSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
288
+ - Added new subcomponent `InteractiveList.ButtonItemSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
289
+ - Added new subcomponent `InteractiveList.CheckboxItemSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
290
+ - Added new subcomponent `InteractiveList.RadioItemSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
291
+ - Added new subcomponent `InteractiveList.ToggleItemSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
292
+
293
+ #### πŸ› Bug fixes
294
+
295
+ - Fixed bug using Crypto library when generating unique id's for `InteractiveListItem`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
296
+
297
+ ## 2023-04-06 `1.0.0`
298
+
299
+ #### πŸŽ‰ New features
300
+
301
+ - Added `@nimbus-ds/app-shell` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
302
+ - Added `@nimbus-ds/callout-card` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
303
+ - Added `@nimbus-ds/data-list` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
304
+ - Added `@nimbus-ds/data-table` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
305
+ - Added `@nimbus-ds/empty-message` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
306
+ - Added `@nimbus-ds/formfield` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
307
+ - Added `@nimbus-ds/interactive-list` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
308
+ - Added `@nimbus-ds/layout` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
309
+ - Added `@nimbus-ds/menu` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
310
+ - Added `@nimbus-ds/menubutton` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
311
+ - Added `@nimbus-ds/nav-tabs` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
312
+ - Added `@nimbus-ds/page` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
313
+ - Added `@nimbus-ds/productupdates` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
314
+ - Added `@nimbus-ds/sidemodal` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
315
+ - Added `@nimbus-ds/thumbnail-with-action` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
316
+
317
+ #### πŸ“š 3rd party library updates
318
+
319
+ - Added `@nimbus-ds/components@4.x`. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
320
+ - Added `@nimbus-ds/icons@1.x`. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
package/dist/AppShell/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  // Generated by dts-bundle-generator v8.0.0
2
2
 
3
- import { BoxBaseProps, BoxProperties } from '@nimbus-ds/components';
3
+ import { BoxBaseProps, BoxProperties, BoxProps } from '@nimbus-ds/components';
4
4
  import React from 'react';
5
5
  import { HTMLAttributes, ReactNode } from 'react';
6
6
 
@@ -21,6 +21,25 @@ export declare const AppShellHeader: React.FC<AppShellHeaderProps>;
21
21
  export interface AppShellComponents {
22
22
  Header: typeof AppShellHeader;
23
23
  }
24
+ /**
25
+ * Configuration options for the AppShell flyout (popover) behavior when the menu is collapsed.
26
+ * This consolidates all popover-related props into a single object for simpler usage,
27
+ * while keeping individual top-level props for backward compatibility.
28
+ */
29
+ export type AppShellMenuFlyoutOptions = {
30
+ /** How the popover opens. Defaults to 'hover'. */
31
+ trigger?: "hover" | "manual";
32
+ /** Controlled open state for the flyout. */
33
+ open?: boolean;
34
+ /** Uncontrolled initial open state for the flyout. */
35
+ defaultOpen?: boolean;
36
+ /** Callback when the open state should change. */
37
+ onOpenChange?: (open: boolean) => void;
38
+ /** Hover open delay in ms (only when trigger is 'hover'). */
39
+ hoverOpenDelayMs?: number;
40
+ /** Hover close delay in ms (only when trigger is 'hover'). */
41
+ hoverCloseDelayMs?: number;
42
+ } & Omit<BoxProps, "position" | "top" | "left" | "right" | "bottom" | "height">;
24
43
  export interface AppShellProperties {
25
44
  /**
26
45
  * Content for the body of the application.
@@ -36,6 +55,47 @@ export interface AppShellProperties {
36
55
  * Can be used to control the responsive properties of the AppShell menu so you can change which breakpoint the menu hides under.
37
56
  */
38
57
  menuProperties?: Pick<BoxBaseProps, "display">;
58
+ /**
59
+ * Controls whether the left sidebar (menu) is expanded (true) or collapsed (false). When undefined, the component is uncontrolled and uses defaultMenuExpanded.
60
+ */
61
+ menuExpanded?: boolean;
62
+ /**
63
+ * Initial expansion state when uncontrolled.
64
+ */
65
+ defaultMenuExpanded?: boolean;
66
+ /**
67
+ * Callback fired when the expansion state changes.
68
+ */
69
+ onMenuExpandedChange?: (expanded: boolean) => void;
70
+ /**
71
+ * Sidebar width when expanded. Defaults to "18rem".
72
+ */
73
+ menuExpandedWidth?: string | number;
74
+ /**
75
+ * Sidebar width when collapsed (rail). If provided, the sidebar will render in a compact rail while collapsed. Defaults to "4.5rem".
76
+ */
77
+ menuCollapsedWidth?: string | number;
78
+ /**
79
+ * Determines how the left sidebar behaves when collapsed.
80
+ * - 'inline': current behavior; width changes affect layout.
81
+ * - 'popover': when collapsed, hovering or clicking the rail shows the expanded menu as an overlay without affecting layout.
82
+ */
83
+ menuBehavior?: "inline" | "popover";
84
+ /**
85
+ * Consolidated configuration for the popover/flyout behavior when `menuBehavior` is 'popover'.
86
+ * Prefer using this over individual top-level props for simpler usage.
87
+ */
88
+ menuFlyout?: AppShellMenuFlyoutOptions;
89
+ /**
90
+ * Optional content to render inside the collapsed rail. Falls back to `menu` when not provided.
91
+ * @TJS-type React.ReactNode
92
+ */
93
+ menuCollapsed?: ReactNode;
94
+ /**
95
+ * Optional content to render when expanded (both inline and popover). Falls back to `menu` when not provided.
96
+ * @TJS-type React.ReactNode
97
+ */
98
+ menuExpandedContent?: ReactNode;
39
99
  }
40
100
  export type AppShellProps = AppShellProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
41
101
  export declare const AppShell: React.FC<AppShellProps> & AppShellComponents;
package/dist/AppShell/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"])}(global,((e,t)=>(()=>{"use strict";var r={8713:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280),a=r(6338),i=({className:e,style:t,children:r,menu:a,menuProperties:i={display:{xs:"none",md:"block"}},...l})=>n.default.createElement(o.Box,{...l,display:"flex"},a&&n.default.createElement(o.Box,{...i,width:"18rem",height:"100vh",position:"sticky",top:"0",left:"0",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled"},a),n.default.createElement(o.Box,{display:"flex",flexDirection:"column",flex:"1 1 auto",backgroundColor:"neutral-surface",width:"100%"},r));t.AppShell=i,i.Header=a.AppShellHeader,i.displayName="AppShell",i.Header.displayName="AppShell.Header"},3718:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(8462),t),n.__exportStar(r(6338),t)},3485:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellHeader=({className:e,style:t,leftSlot:r,rightSlot:a,...i})=>n.default.createElement(o.Box,{...i,padding:"2",display:"flex",justifyContent:r?"space-between":"flex-end",gap:"2"},r,a&&n.default.createElement(o.Box,{display:"flex",gap:{xs:"1",md:"2"}},a))},1450:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(3485);var o=r(3485);Object.defineProperty(t,"AppShellHeader",{enumerable:!0,get:function(){return o.AppShellHeader}}),t.default=n.AppShellHeader},6338:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5163).__exportStar(r(1450),t)},8462:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(8713);var o=r(8713);Object.defineProperty(t,"AppShell",{enumerable:!0,get:function(){return o.AppShell}}),t.default=n.AppShell},5163:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>x,__asyncGenerator:()=>S,__asyncValues:()=>P,__await:()=>j,__awaiter:()=>y,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>H,__classPrivateFieldSet:()=>D,__createBinding:()=>h,__decorate:()=>l,__esDecorate:()=>u,__exportStar:()=>v,__extends:()=>o,__generator:()=>b,__importDefault:()=>I,__importStar:()=>T,__makeTemplateObject:()=>A,__metadata:()=>d,__param:()=>c,__propKey:()=>s,__read:()=>m,__rest:()=>i,__runInitializers:()=>f,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>O,__spreadArrays:()=>g,__values:()=>_});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function l(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function c(e,t){return function(r,n){t(r,n,e)}}function u(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,c=n.kind,u="getter"===c?"get":"setter"===c?"set":"value",f=!t&&e?n.static?e:e.prototype:null,s=t||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var y={};for(var b in n)y[b]="access"===b?{}:n[b];for(var b in n.access)y.access[b]=n.access[b];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var h=(0,r[d])("accessor"===c?{get:s.get,set:s.set}:s[u],y);if("accessor"===c){if(void 0===h)continue;if(null===h||"object"!=typeof h)throw new TypeError("Object expected");(l=i(h.get))&&(s.get=l),(l=i(h.set))&&(s.set=l),(l=i(h.init))&&o.push(l)}else(l=i(h))&&("field"===c?o.push(l):s[u]=l)}f&&Object.defineProperty(f,n.name,s),p=!0}function f(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function s(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function l(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))}function b(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}}var h=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||h(t,e,r)}function _(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function m(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}function g(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function O(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function j(e){return this instanceof j?(this.v=e,this):new j(e)}function S(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof j?Promise.resolve(r.value.v).then(c,u):f(a[0][2],r)}catch(e){f(a[0][3],e)}var r}function c(e){l("next",e)}function u(e){l("throw",e)}function f(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function x(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:j(e[n](t)),done:!1}:o?o(t):t}:o}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=_(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function A(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var E=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&h(t,e,r);return E(t,e),t}function I(e){return e&&e.__esModule?e:{default:e}}function M(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function D(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function H(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(3718)})()));
2
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components"),require("@floating-ui/react")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components","@floating-ui/react"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components"),require("@floating-ui/react")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"],e["@floating-ui/react"])}(global,((e,t,r)=>(()=>{"use strict";var n={8713:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(5163).__importStar(r(8156)),o=r(5280),a=r(6156),i=r(6338),l=({className:e,style:t,children:r,menu:i,menuProperties:l={display:{xs:"none",md:"block"}},menuExpanded:c,defaultMenuExpanded:u=!0,onMenuExpandedChange:f,menuExpandedWidth:s="18rem",menuCollapsedWidth:p="48px",menuBehavior:d="inline",menuFlyout:y,menuCollapsed:h,menuExpandedContent:b,...v})=>{const[m]=(0,n.useState)(u),_=void 0===c?m:c,g=String(_?s:p),w="popover"===d,{trigger:x="hover",open:O,defaultOpen:S=!1,onOpenChange:j,hoverOpenDelayMs:P=100,hoverCloseDelayMs:E=150,width:A,zIndex:C,...T}=y??{},[M,D]=(0,n.useState)(S),I=void 0===O?M:O,k=(0,n.useCallback)((e=>{void 0===O&&D(e),j?.(e),f?.(e)}),[O,j,f]),{refs:F,context:H}=(0,a.useFloating)({open:!(!w||_)&&I,onOpenChange:k}),R=(0,a.useHover)(H,{delay:{open:P,close:E},handleClose:(0,a.safePolygon)(),enabled:"hover"===x}),B=(0,a.useFocus)(H,{enabled:"hover"===x}),q=(0,a.useDismiss)(H,{outsidePress:!0,escapeKey:!0}),W=(0,a.useRole)(H,{role:"dialog"}),{getReferenceProps:z,getFloatingProps:N}=(0,a.useInteractions)([R,B,q,W]),G=h??i,K=b??i,V=Boolean(G||K);return n.default.createElement(o.Box,{...v,display:"flex"},V&&n.default.createElement(o.Box,{...l,width:g,height:"100vh",position:"sticky",top:"0",left:"0",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",ref:F.setReference,...z()},_?K:G),n.default.createElement(o.Box,{display:"flex",flexDirection:"column",flex:"1 1 auto",backgroundColor:"neutral-surface",width:"100%"},r),w&&!_&&I&&n.default.createElement(a.FloatingPortal,{id:"nimbus-popover-floating"},n.default.createElement(o.Box,{backgroundColor:"neutral-background",boxShadow:"2",borderStyle:"solid",borderWidth:"none",borderRightWidth:"1",borderColor:"neutral-surfaceDisabled",...T,position:"fixed",top:"0",left:"0",height:"100vh",width:String(A??"18rem"),zIndex:C??"900",ref:F.setFloating,...N()},K)))};t.AppShell=l,l.Header=i.AppShellHeader,l.displayName="AppShell",l.Header.displayName="AppShell.Header"},3718:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(5163);n.__exportStar(r(8462),t),n.__exportStar(r(6338),t)},3485:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(5163).__importDefault(r(8156)),o=r(5280);t.AppShellHeader=({className:e,style:t,leftSlot:r,rightSlot:a,...i})=>n.default.createElement(o.Box,{...i,padding:"2",display:"flex",justifyContent:r?"space-between":"flex-end",gap:"2"},r,a&&n.default.createElement(o.Box,{display:"flex",gap:{xs:"1",md:"2"}},a))},1450:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShellHeader=void 0;const n=r(3485);var o=r(3485);Object.defineProperty(t,"AppShellHeader",{enumerable:!0,get:function(){return o.AppShellHeader}}),t.default=n.AppShellHeader},6338:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5163).__exportStar(r(1450),t)},8462:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AppShell=void 0;const n=r(8713);var o=r(8713);Object.defineProperty(t,"AppShell",{enumerable:!0,get:function(){return o.AppShell}}),t.default=n.AppShell},5163:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>S,__asyncValues:()=>P,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>M,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>D,__createBinding:()=>b,__decorate:()=>l,__esDecorate:()=>u,__exportStar:()=>v,__extends:()=>o,__generator:()=>h,__importDefault:()=>T,__importStar:()=>C,__makeTemplateObject:()=>E,__metadata:()=>d,__param:()=>c,__propKey:()=>s,__read:()=>_,__rest:()=>i,__runInitializers:()=>f,__setFunctionName:()=>p,__spread:()=>g,__spreadArray:()=>x,__spreadArrays:()=>w,__values:()=>m});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function l(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function c(e,t){return function(r,n){t(r,n,e)}}function u(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,c=n.kind,u="getter"===c?"get":"setter"===c?"set":"value",f=!t&&e?n.static?e:e.prototype:null,s=t||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var y={};for(var h in n)y[h]="access"===h?{}:n[h];for(var h in n.access)y.access[h]=n.access[h];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var b=(0,r[d])("accessor"===c?{get:s.get,set:s.set}:s[u],y);if("accessor"===c){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(l=i(b.get))&&(s.get=l),(l=i(b.set))&&(s.set=l),(l=i(b.init))&&o.push(l)}else(l=i(b))&&("field"===c?o.push(l):s[u]=l)}f&&Object.defineProperty(f,n.name,s),p=!0}function f(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function s(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function l(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))}function h(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}}var b=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||b(t,e,r)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function g(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function w(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function x(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function S(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof O?Promise.resolve(r.value.v).then(c,u):f(a[0][2],r)}catch(e){f(a[0][3],e)}var r}function c(e){l("next",e)}function u(e){l("throw",e)}function f(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function j(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:O(e[n](t)),done:!1}:o?o(t):t}:o}}function P(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=m(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function C(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&b(t,e,r);return A(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function M(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function D(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},6156:e=>{e.exports=r},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,a),r.exports}return a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a(3718)})()));
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,16 @@
2
2
 
3
3
  Nimbus is an open-source Design System created by Tiendanube / Nuvesmhop’s team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
4
4
 
5
+
6
+ ## 2025-08-05 `1.15.0`
7
+
8
+ #### πŸŽ‰ New features
9
+
10
+ - Updated MenuFooter ChevronRightIcon size from 14px to 16px for visual consistency with MenuButton icons. ([#115](https://github.com/TiendaNube/nimbus-patterns/pull/115) by [@noecondoleo](https://github.com/noecondoleo) [@FedeTrevi-se](https://github.com/FedeTrevi-se))
11
+
12
+ - Updated MenuButton icon size from 14px to 16px for better visual consistency. ([#115](https://github.com/TiendaNube/nimbus-patterns/pull/115) by [@noecondoleo](https://github.com/noecondoleo) [@FedeTrevi-se](https://github.com/FedeTrevi-se))
13
+
14
+
5
15
  ## 2025-06-04 `1.14.1`
6
16
 
7
17
  #### πŸŽ‰ New features
package/dist/Menu/index.d.ts CHANGED
@@ -28,6 +28,10 @@ export interface MenuButtonAccordionProperties {
28
28
  * Sets the state of the button as active/inactive.
29
29
  */
30
30
  active?: boolean;
31
+ /**
32
+ * Whether the menu is collapsed (icon-only).
33
+ */
34
+ collapsed?: boolean;
31
35
  }
32
36
  export type MenuButtonAccordionBaseProps = MenuButtonAccordionProperties & {
33
37
  menuButton: MenuButtonProps;
@@ -40,7 +44,7 @@ export interface MenuButtonProperties {
40
44
  /**
41
45
  * Text label for the button.
42
46
  */
43
- label: string;
47
+ label?: string;
44
48
  /**
45
49
  * Function executed when clicking the button.
46
50
  * @TJS-type () => void;
@@ -60,6 +64,10 @@ export interface MenuButtonProperties {
60
64
  * @TJS-type React.ReactNode
61
65
  */
62
66
  children?: ReactNode;
67
+ /**
68
+ * Whether the menu is collapsed (icon-only).
69
+ */
70
+ collapsed?: boolean;
63
71
  }
64
72
  export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
65
73
  declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
@@ -98,6 +106,8 @@ export interface MenuSectionProperties {
98
106
  }
99
107
  export type MenuSectionProps = MenuSectionProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
100
108
  export declare const MenuSection: React.FC<MenuSectionProps>;
109
+ export declare const MenuButtonContainer: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
110
+ export declare const MenuButtonAccordionContainer: PolymorphicForwardRefComponent<"button" | "a", MenuButtonAccordionBaseProps> & MenuButtonComponents;
101
111
  export interface MenuComponents {
102
112
  Section: typeof MenuSection;
103
113
  Button: typeof MenuButton;
@@ -112,8 +122,24 @@ export interface MenuProperties {
112
122
  * @TJS-type React.ReactNode
113
123
  */
114
124
  children: ReactNode;
125
+ /**
126
+ * Whether the menu should render in collapsed mode (icon-only).
127
+ * Defaults to false (expanded).
128
+ */
129
+ collapse?: boolean;
130
+ /**
131
+ * Whether the menu should animate its size/appearance transitions internally.
132
+ * Defaults to false to allow parent containers like AppShell to handle transitions.
133
+ */
134
+ transition?: boolean;
115
135
  }
116
136
  export type MenuProps = MenuProperties & Omit<HTMLAttributes<HTMLElement>, "color">;
117
137
  export declare const Menu: React.FC<MenuProps> & MenuComponents;
138
+ export interface MenuContextValue {
139
+ collapsed: boolean;
140
+ transition: boolean;
141
+ }
142
+ export declare const MenuContext: import("react").Context<MenuContextValue | undefined>;
143
+ export declare const useMenuContext: () => MenuContextValue;
118
144
 
119
145
  export {};