@nimbus-ds/sidebar 2.0.0 → 2.1.0

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 (5) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/README.md +30 -1
  3. package/dist/index.d.ts +16 -4
  4. package/dist/index.js +1 -1
  5. package/package.json +5 -6
package/CHANGELOG.md CHANGED
@@ -1,6 +1,12 @@
1
1
  # Changelog
2
2
 
3
- Sidebars navigation provides access to the parts within its application. The side sections have the supplementary content that is linked on the left or right side of the screen.
3
+ The Sidebar component is a large floating container that goes into the page from the corners. It allows us to present actions, forms or sections with a lot of information about the context of the page.
4
+
5
+ ## 2023-02-23 `2.1.0`
6
+
7
+ ### 🎉 New features
8
+
9
+ - Added server side-rendering support to component. ([#99](https://github.com/TiendaNube/nimbus-design-system/pull/99) by [@juniorconquista](https://github.com/juniorconquista))
4
10
 
5
11
  ## 2022-12-22 `2.0.0`
6
12
 
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  [![@nimbus-ds/sidebar](https://img.shields.io/npm/v/@nimbus-ds/sidebar?label=%40nimbus-ds%2Fsidebar)](https://www.npmjs.com/package/@nimbus-ds/sidebar)
4
4
 
5
- Sidebars navigation provides access to the parts within its application. The side sections have the supplementary content that is linked on the left or right side of the screen.
5
+ The Sidebar component is a large floating container that goes into the page from the corners. It allows us to present actions, forms or sections with a lot of information about the context of the page.
6
6
 
7
7
  ## Installation
8
8
 
@@ -11,3 +11,32 @@ $ yarn add @nimbus-ds/sidebar
11
11
  # or
12
12
  $ npm install @nimbus-ds/sidebar
13
13
  ```
14
+
15
+ ### Component Anatomy
16
+
17
+ The component consists of a full-screen translucent background and a floating container that occupies the full height of the screen and a fixed width, with shadow and optional padding.
18
+
19
+ On desktop it has a fixed width and occupies the entire top, on mobile it occupies the entire screen.
20
+
21
+ ## Guidelines
22
+
23
+ We use the Sidebar to present actions, dialogs or forms that open over the context of the page, when they are too long to use in a Modal, but the information is relevant enough not to navigate to another page.
24
+
25
+ Despite being a floating component, it partially blocks the background view, but should be used sparingly.
26
+
27
+ ### Recommendations for use
28
+
29
+ - Create a menu for an app
30
+ - Display a list of filters with many options
31
+ - Present an interactive list with many entries and a search engine
32
+
33
+ ### Related components
34
+
35
+ - Modal - It is a floating element that allows us to present actions or brief confirmation messages to the user.
36
+ - Popover - It is a floating element that can be used to present information or actions in a non-intrusive way.
37
+
38
+ ## Usage
39
+
40
+ View docs [here](https://nimbus.nuvemshop.com.br/documentation/atomic-components/sidebar).
41
+
42
+ <img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
package/dist/index.d.ts CHANGED
@@ -18,6 +18,10 @@ declare const sidebarSprinkle: {
18
18
  default: string;
19
19
  conditions: Record<"xs" | "md" | "lg", string>;
20
20
  };
21
+ small: {
22
+ default: string;
23
+ conditions: Record<"xs" | "md" | "lg", string>;
24
+ };
21
25
  none: {
22
26
  default: string;
23
27
  conditions: Record<"xs" | "md" | "lg", string>;
@@ -25,7 +29,8 @@ declare const sidebarSprinkle: {
25
29
  };
26
30
  staticScale: {
27
31
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- none: number;
32
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ none: string;
29
34
  };
30
35
  name: "padding";
31
36
  };
@@ -68,7 +73,8 @@ declare const sidebarSprinkle: {
68
73
  properties: {
69
74
  padding: {
70
75
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
- none: number;
76
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ none: string;
72
78
  };
73
79
  };
74
80
  };
@@ -88,6 +94,10 @@ declare const sidebar: {
88
94
  default: string;
89
95
  conditions: Record<"xs" | "md" | "lg", string>;
90
96
  };
97
+ small: {
98
+ default: string;
99
+ conditions: Record<"xs" | "md" | "lg", string>;
100
+ };
91
101
  none: {
92
102
  default: string;
93
103
  conditions: Record<"xs" | "md" | "lg", string>;
@@ -95,7 +105,8 @@ declare const sidebar: {
95
105
  };
96
106
  staticScale: {
97
107
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
- none: number;
108
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ none: string;
99
110
  };
100
111
  name: "padding";
101
112
  };
@@ -138,7 +149,8 @@ declare const sidebar: {
138
149
  properties: {
139
150
  padding: {
140
151
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
- none: number;
152
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ none: string;
142
154
  };
143
155
  };
144
156
  classnames: {
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@floating-ui/react-dom-interactions"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):"function"==typeof define&&define.amd?define(["react","@floating-ui/react-dom-interactions","@nimbus-ds/styles","@nimbus-ds/title"],t):"object"==typeof exports?exports["@nimbus-ds/sidebar"]=t(require("react"),require("@floating-ui/react-dom-interactions"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):e["@nimbus-ds/sidebar"]=t(e.react,e["@floating-ui/react-dom-interactions"],e["@nimbus-ds/styles"],e["@nimbus-ds/title"])}(self,((e,t,r,n)=>(()=>{"use strict";var o={111:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Sidebar=void 0;const n=r(15).__importDefault(r(156)),o=r(105),a=r(990),i=r(612),l=({className:e,style:t,title:r,position:i="right",maxWidth:l="375px",open:s=!1,children:c,onRemove:u,...d})=>{const{className:f,style:y,otherProps:p}=a.sidebar.sprinkle({...d,maxWidth:l});return n.default.createElement(o.FloatingPortal,{id:"nimbus-sidebar"},n.default.createElement("div",{...p,role:d.role||"presentation",style:y,className:[a.sidebar.classnames.container,a.sidebar.classnames.positions[i],f,s&&a.sidebar.classnames.isVisible].join(" ")},c),s&&n.default.createElement("button",{"aria-label":"overlay","data-testid":"overlay-sidebar-button",type:"button",className:a.sidebar.classnames.overlay,onClick:u}))};t.Sidebar=l,l.Body=i.SidebarBody,l.Footer=i.SidebarFooter,l.Header=i.SidebarHeader,l.displayName="Sidebar",l.Body.displayName="Sidebar.Body",l.Footer.displayName="Sidebar.Footer",l.Header.displayName="Sidebar.Header"},175:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.SidebarBody=({className:e,style:t,children:r,...a})=>{const{className:i,style:l,otherProps:s}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...s,style:l,className:[o.sidebar.classnames.body,i].join(" ")},r)}},383:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(175);var o=r(175);Object.defineProperty(t,"SidebarBody",{enumerable:!0,get:function(){return o.SidebarBody}}),t.default=n.SidebarBody},637:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.SidebarFooter=({className:e,style:t,children:r,...a})=>{const{className:i,style:l,otherProps:s}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...s,style:l,className:[i,o.sidebar.classnames.footer].join(" ")},r)}},521:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(637);var o=r(637);Object.defineProperty(t,"SidebarFooter",{enumerable:!0,get:function(){return o.SidebarFooter}}),t.default=n.SidebarFooter},324:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(15).__importDefault(r(156)),o=r(892),a=r(990);t.SidebarHeader=({className:e,style:t,title:r,children:i,...l})=>{const{className:s,style:c,otherProps:u}=a.sidebar.sprinkle(l);return n.default.createElement("div",{...u,style:c,className:[s,a.sidebar.classnames.header].join(" ")},r&&n.default.createElement(o.Title,{"data-testid":"header-title"},r),i)}},377:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(324);var o=r(324);Object.defineProperty(t,"SidebarHeader",{enumerable:!0,get:function(){return o.SidebarHeader}}),t.default=n.SidebarHeader},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(15);n.__exportStar(r(383),t),n.__exportStar(r(521),t),n.__exportStar(r(377),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>S,__asyncGenerator:()=>w,__asyncValues:()=>j,__await:()=>h,__awaiter:()=>u,__classPrivateFieldGet:()=>E,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>N,__createBinding:()=>f,__decorate:()=>l,__exportStar:()=>y,__extends:()=>o,__generator:()=>d,__importDefault:()=>x,__importStar:()=>g,__makeTemplateObject:()=>O,__metadata:()=>c,__param:()=>s,__read:()=>b,__rest:()=>i,__spread:()=>m,__spreadArray:()=>_,__spreadArrays:()=>v,__values:()=>p});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 s(e,t){return function(r,n){t(r,n,e)}}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function u(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{s(n.next(e))}catch(e){a(e)}}function l(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}s((n=n.apply(e,t||[])).next())}))}function d(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(a){return function(l){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}var f=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 y(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||f(t,e,r)}function p(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 b(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 m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function v(){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 _(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 h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(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 h?Promise.resolve(r.value.v).then(s,c):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function s(e){l("next",e)}function c(e){l("throw",e)}function u(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function S(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:h(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=p(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 O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var P=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function g(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)&&f(t,e,r);return P(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function E(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 N(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 T(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)}},105:e=>{e.exports=t},990:e=>{e.exports=r},892:e=>{e.exports=n},156:t=>{t.exports=e}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.Sidebar=void 0;const t=i(111);var r=i(111);Object.defineProperty(e,"Sidebar",{enumerable:!0,get:function(){return r.Sidebar}}),e.default=t.Sidebar})(),l})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@floating-ui/react-dom-interactions"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):"function"==typeof define&&define.amd?define(["react","@floating-ui/react-dom-interactions","@nimbus-ds/styles","@nimbus-ds/title"],t):"object"==typeof exports?exports["@nimbus-ds/sidebar"]=t(require("react"),require("@floating-ui/react-dom-interactions"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):e["@nimbus-ds/sidebar"]=t(e.react,e["@floating-ui/react-dom-interactions"],e["@nimbus-ds/styles"],e["@nimbus-ds/title"])}(global,((e,t,r,n)=>(()=>{"use strict";var o={111:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Sidebar=void 0;const n=r(15).__importDefault(r(156)),o=r(105),a=r(990),i=r(612),l=({className:e,style:t,title:r,position:i="right",maxWidth:l="375px",open:c=!1,children:s,onRemove:u,...d})=>{const{className:f,style:y,otherProps:p}=a.sidebar.sprinkle({...d,maxWidth:l});return n.default.createElement(o.FloatingPortal,{id:"nimbus-sidebar"},n.default.createElement("div",{...p,role:d.role||"presentation",style:y,className:[a.sidebar.classnames.container,a.sidebar.classnames.positions[i],f,c&&a.sidebar.classnames.isVisible].join(" ")},s),c&&n.default.createElement("button",{"aria-label":"overlay","data-testid":"overlay-sidebar-button",type:"button",className:a.sidebar.classnames.overlay,onClick:u}))};t.Sidebar=l,l.Body=i.SidebarBody,l.Footer=i.SidebarFooter,l.Header=i.SidebarHeader,l.displayName="Sidebar",l.Body.displayName="Sidebar.Body",l.Footer.displayName="Sidebar.Footer",l.Header.displayName="Sidebar.Header"},175:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.SidebarBody=({className:e,style:t,children:r,...a})=>{const{className:i,style:l,otherProps:c}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...c,style:l,className:[o.sidebar.classnames.body,i].join(" ")},r)}},383:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarBody=void 0;const n=r(175);var o=r(175);Object.defineProperty(t,"SidebarBody",{enumerable:!0,get:function(){return o.SidebarBody}}),t.default=n.SidebarBody},637:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.SidebarFooter=({className:e,style:t,children:r,...a})=>{const{className:i,style:l,otherProps:c}=o.sidebar.sprinkle(a);return n.default.createElement("div",{...c,style:l,className:[i,o.sidebar.classnames.footer].join(" ")},r)}},521:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarFooter=void 0;const n=r(637);var o=r(637);Object.defineProperty(t,"SidebarFooter",{enumerable:!0,get:function(){return o.SidebarFooter}}),t.default=n.SidebarFooter},324:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(15).__importDefault(r(156)),o=r(892),a=r(990);t.SidebarHeader=({className:e,style:t,title:r,children:i,...l})=>{const{className:c,style:s,otherProps:u}=a.sidebar.sprinkle(l);return n.default.createElement("div",{...u,style:s,className:[c,a.sidebar.classnames.header].join(" ")},r&&n.default.createElement(o.Title,{"data-testid":"header-title"},r),i)}},377:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.SidebarHeader=void 0;const n=r(324);var o=r(324);Object.defineProperty(t,"SidebarHeader",{enumerable:!0,get:function(){return o.SidebarHeader}}),t.default=n.SidebarHeader},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(15);n.__exportStar(r(383),t),n.__exportStar(r(521),t),n.__exportStar(r(377),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>S,__asyncGenerator:()=>w,__asyncValues:()=>j,__await:()=>h,__awaiter:()=>u,__classPrivateFieldGet:()=>E,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>N,__createBinding:()=>f,__decorate:()=>l,__exportStar:()=>y,__extends:()=>o,__generator:()=>d,__importDefault:()=>x,__importStar:()=>g,__makeTemplateObject:()=>O,__metadata:()=>s,__param:()=>c,__read:()=>b,__rest:()=>i,__spread:()=>m,__spreadArray:()=>_,__spreadArrays:()=>v,__values:()=>p});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 s(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function u(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 d(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(a){return function(l){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}var f=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 y(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||f(t,e,r)}function p(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 b(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 m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function v(){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 _(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 h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(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 h?Promise.resolve(r.value.v).then(c,s):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function c(e){l("next",e)}function s(e){l("throw",e)}function u(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function S(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:h(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=p(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 O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var P=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function g(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)&&f(t,e,r);return P(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function E(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 N(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 T(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)}},105:e=>{e.exports=t},990:e=>{e.exports=r},892:e=>{e.exports=n},156:t=>{t.exports=e}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.Sidebar=void 0;const t=i(111);var r=i(111);Object.defineProperty(e,"Sidebar",{enumerable:!0,get:function(){return r.Sidebar}}),e.default=t.Sidebar})(),l})()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/sidebar",
3
- "version": "2.0.0",
3
+ "version": "2.1.0",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@floating-ui/react-dom-interactions": "^0.10.1",
18
- "@nimbus-ds/title": "^2.0.0"
18
+ "@nimbus-ds/title": "^2.1.0"
19
19
  },
20
20
  "peerDependencies": {
21
21
  "react": "^16.8 || ^17.0 || ^18.0",
@@ -30,10 +30,9 @@
30
30
  "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
31
31
  },
32
32
  "devDependencies": {
33
- "@nimbus-ds/box": "^2.0.0",
34
- "@nimbus-ds/button": "^2.0.0",
35
- "@nimbus-ds/stack": "^2.0.0",
36
- "@nimbus-ds/text": "^5.0.0",
33
+ "@nimbus-ds/box": "^2.6.0",
34
+ "@nimbus-ds/button": "^2.4.0",
35
+ "@nimbus-ds/text": "^5.1.0",
37
36
  "webpack": "^5.74.0"
38
37
  }
39
38
  }