@nimbus-ds/modal 1.3.1 → 1.4.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 (4) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/index.d.ts +63 -43
  3. package/dist/index.js +1 -1
  4. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -2,6 +2,19 @@
2
2
 
3
3
  The Modal component allows us to call the user's attention to a floating box that can have text, actions or forms to perform tasks by changing the focus from the background. It is an intrusive component as it interrupts the user's operation to present a message or content.
4
4
 
5
+ ## 2023-07-11 `1.4.1`
6
+
7
+ ### 🐛 Bug fixes
8
+
9
+ - Adding extra right padding to the modal title to prevent the title from getting overlaid by the close button. ([#179](https://github.com/TiendaNube/nimbus-design-system/pull/179) by [@juniorconquista](https://github.com/juniorconquista))
10
+
11
+ ## 2023-06-13 `1.4.0`
12
+
13
+ #### 🎉 New features
14
+
15
+ - Added `Padding` property to the Component `Modal.Header`. ([#169](https://github.com/TiendaNube/nimbus-design-system/pull/169) by [@juniorconquista](https://github.com/juniorconquista))
16
+ - Added `Padding` property to the Component `Modal.Footer`. ([#169](https://github.com/TiendaNube/nimbus-design-system/pull/169) by [@juniorconquista](https://github.com/juniorconquista))
17
+
5
18
  ## 2023-05-22 `1.3.1`
6
19
 
7
20
  ### 🐛 Bug fixes
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- // Generated by dts-bundle-generator v7.1.0
1
+ // Generated by dts-bundle-generator v7.2.0
2
2
 
3
3
  import React from 'react';
4
4
  import { HTMLAttributes, ReactNode } from 'react';
@@ -9,38 +9,6 @@ export interface Conditions<T> {
9
9
  lg?: T;
10
10
  xl?: T;
11
11
  }
12
- declare const card: {
13
- sprinkle: ((props: {
14
- backgroundColor?: "primary-surface" | "primary-surfaceHighlight" | "success-surface" | "success-surfaceHighlight" | "warning-surface" | "warning-surfaceHighlight" | "danger-surface" | "danger-surfaceHighlight" | "neutral-background" | "neutral-surface" | "neutral-surfaceHighlight" | undefined;
15
- padding?: "small" | "base" | "none" | undefined;
16
- }) => string) & {
17
- properties: Set<"backgroundColor" | "padding">;
18
- };
19
- properties: {
20
- backgroundColor: {
21
- "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- };
33
- padding: {
34
- base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- none: string;
37
- };
38
- };
39
- classnames: {
40
- container: string;
41
- container__footer: string;
42
- };
43
- };
44
12
  declare const propertiesModal: {
45
13
  padding: {
46
14
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -62,6 +30,56 @@ export interface ModalSprinkle {
62
30
  padding?: PaddingProperties | Conditions<PaddingProperties>;
63
31
  }
64
32
  declare const modal: {
33
+ classnames: {
34
+ overlay: string;
35
+ container: string;
36
+ container__close: string;
37
+ container__footer: string;
38
+ };
39
+ subComponents: {
40
+ header: {
41
+ sprinkle: ((props: {
42
+ padding?: "small" | "base" | "none" | undefined;
43
+ }) => string) & {
44
+ properties: Set<"padding">;
45
+ };
46
+ properties: {
47
+ padding: {
48
+ base: string;
49
+ small: string;
50
+ none: string;
51
+ };
52
+ };
53
+ };
54
+ body: {
55
+ sprinkle: ((props: {
56
+ padding?: "small" | "base" | "none" | undefined;
57
+ }) => string) & {
58
+ properties: Set<"padding">;
59
+ };
60
+ properties: {
61
+ padding: {
62
+ base: string;
63
+ small: string;
64
+ none: string;
65
+ };
66
+ };
67
+ };
68
+ footer: {
69
+ sprinkle: ((props: {
70
+ padding?: "small" | "base" | "none" | undefined;
71
+ }) => string) & {
72
+ properties: Set<"padding">;
73
+ };
74
+ properties: {
75
+ padding: {
76
+ base: string;
77
+ small: string;
78
+ none: string;
79
+ };
80
+ };
81
+ };
82
+ };
65
83
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
66
84
  {
67
85
  config: {
@@ -109,14 +127,6 @@ declare const modal: {
109
127
  none: string;
110
128
  };
111
129
  };
112
- classnames: {
113
- overlay: string;
114
- container: string;
115
- container__close: string;
116
- container__header: string;
117
- container__body: string;
118
- container__footer: string;
119
- };
120
130
  };
121
131
  export interface ModalBodyProperties {
122
132
  /**
@@ -126,9 +136,9 @@ export interface ModalBodyProperties {
126
136
  children: ReactNode;
127
137
  /**
128
138
  * The padding properties are used to generate space around an modal's body content area.
129
- * @default base
139
+ * @default none
130
140
  */
131
- padding?: keyof typeof card.properties.padding;
141
+ padding?: keyof typeof modal.subComponents.body.properties.padding;
132
142
  }
133
143
  export type ModalBodyProps = ModalBodyProperties & HTMLAttributes<HTMLElement>;
134
144
  declare const ModalBody: React.FC<ModalBodyProps>;
@@ -138,6 +148,11 @@ export interface ModalFooterProperties {
138
148
  * @TJS-type React.ReactNode
139
149
  */
140
150
  children: ReactNode;
151
+ /**
152
+ * The padding properties are used to generate space around an modal's footer content area.
153
+ * @default none
154
+ */
155
+ padding?: keyof typeof modal.subComponents.footer.properties.padding;
141
156
  }
142
157
  export type ModalFooterProps = ModalFooterProperties & HTMLAttributes<HTMLElement>;
143
158
  declare const ModalFooter: React.FC<ModalFooterProps>;
@@ -151,6 +166,11 @@ export interface ModalHeaderProperties {
151
166
  * The title to display in the modal header.
152
167
  */
153
168
  title?: string;
169
+ /**
170
+ * The padding properties are used to generate space around an modal's header content area.
171
+ * @default none
172
+ */
173
+ padding?: keyof typeof modal.subComponents.header.properties.padding;
154
174
  }
155
175
  export type ModalHeaderProps = ModalHeaderProperties & HTMLAttributes<HTMLElement>;
156
176
  declare const ModalHeader: React.FC<ModalHeaderProps>;
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"),require("@nimbus-ds/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):"function"==typeof define&&define.amd?define(["react","@floating-ui/react","@nimbus-ds/icons","@nimbus-ds/icon","@nimbus-ds/styles","@nimbus-ds/title"],t):"object"==typeof exports?exports["@nimbus-ds/modal"]=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):e["@nimbus-ds/modal"]=t(e.react,e["@floating-ui/react"],e["@nimbus-ds/icons"],e["@nimbus-ds/icon"],e["@nimbus-ds/styles"],e["@nimbus-ds/title"])}(global,((e,t,r,o,n,a)=>(()=>{"use strict";var l={960:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const o=r(15).__importDefault(r(156)),n=r(367),a=r(215),l=r(633),i=r(990),c=r(612),s=({className:e,style:t,children:r,padding:c="base",maxWidth:s={xs:"100%",md:"500px"},open:u,portalId:d,onDismiss:f,...p})=>{const{className:y,style:m,otherProps:b}=i.modal.sprinkle({...p,maxWidth:s,padding:c}),{context:_}=(0,n.useFloating)({open:u,onOpenChange:f}),v=(0,n.useClick)(_),h=(0,n.useRole)(_),w=(0,n.useDismiss)(_,{outsidePressEvent:"mousedown"}),{getFloatingProps:g}=(0,n.useInteractions)([v,h,w]),O=(0,n.useId)(),j=(0,n.useId)();return u?o.default.createElement(n.FloatingPortal,{id:d||"nimbus-modal-floating"},o.default.createElement(n.FloatingOverlay,{className:i.modal.classnames.overlay,lockScroll:!0},o.default.createElement(n.FloatingFocusManager,{context:_},o.default.createElement("div",{...b,ref:_.refs.setFloating,style:m,className:[i.modal.classnames.container,y].join(" "),"aria-labelledby":O,"aria-describedby":j,...g(),...p},r,f&&o.default.createElement("button",{"aria-label":"Dismiss modal",className:i.modal.classnames.container__close,"data-testid":"dismiss-modal-button",type:"button",onClick:()=>f(!u),tabIndex:0},o.default.createElement(l.Icon,{color:"neutral-textLow",source:o.default.createElement(a.CloseIcon,null)})))))):null};t.Modal=s,s.Body=c.ModalBody,s.Footer=c.ModalFooter,s.Header=c.ModalHeader,s.displayName="Modal",s.Body.displayName="Modal.Body",s.Footer.displayName="Modal.Footer",s.Header.displayName="Modal.Header"},635:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalBody=void 0;const o=r(15).__importDefault(r(156)),n=r(990);t.ModalBody=({className:e,style:t,padding:r="base",children:a,...l})=>{const{className:i,style:c,otherProps:s}=n.modal.sprinkle({...l,padding:r});return o.default.createElement("div",{...s,style:c,className:[n.modal.classnames.container__body,i].join(" "),...l},a)}},141:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalBody=void 0;const o=r(635);var n=r(635);Object.defineProperty(t,"ModalBody",{enumerable:!0,get:function(){return n.ModalBody}}),t.default=o.ModalBody},986:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalFooter=void 0;const o=r(15).__importDefault(r(156)),n=r(990);t.ModalFooter=({className:e,style:t,children:r,...a})=>o.default.createElement("div",{className:n.modal.classnames.container__footer,...a},r)},97:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalFooter=void 0;const o=r(986);var n=r(986);Object.defineProperty(t,"ModalFooter",{enumerable:!0,get:function(){return n.ModalFooter}}),t.default=o.ModalFooter},112:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalHeader=void 0;const o=r(15).__importDefault(r(156)),n=r(892),a=r(990);t.ModalHeader=({className:e,style:t,title:r,children:l,...i})=>o.default.createElement("div",{...i,className:a.modal.classnames.container__header},r&&o.default.createElement(n.Title,{"data-testid":"header-title",as:"h3"},r),l)},558:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalHeader=void 0;const o=r(112);var n=r(112);Object.defineProperty(t,"ModalHeader",{enumerable:!0,get:function(){return n.ModalHeader}}),t.default=o.ModalHeader},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(15);o.__exportStar(r(141),t),o.__exportStar(r(97),t),o.__exportStar(r(558),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>g,__asyncGenerator:()=>w,__asyncValues:()=>O,__await:()=>h,__awaiter:()=>u,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>F,__classPrivateFieldSet:()=>E,__createBinding:()=>f,__decorate:()=>i,__exportStar:()=>p,__extends:()=>n,__generator:()=>d,__importDefault:()=>x,__importStar:()=>M,__makeTemplateObject:()=>j,__metadata:()=>s,__param:()=>c,__read:()=>m,__rest:()=>l,__spread:()=>b,__spreadArray:()=>v,__spreadArrays:()=>_,__values:()=>y});var o=function(e,t){return o=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])},o(e,t)};function n(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}o(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,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},a.apply(this,arguments)};function l(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}function i(e,t,r,o){var n,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(l=(a<3?n(l):a>3?n(t,r,l):n(t,r))||l);return a>3&&l&&Object.defineProperty(t,r,l),l}function c(e,t){return function(r,o){t(r,o,e)}}function s(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function u(e,t,r,o){return new(r||(r=Promise))((function(n,a){function l(e){try{c(o.next(e))}catch(e){a(e)}}function i(e){try{c(o.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(l,i)}c((o=o.apply(e,t||[])).next())}))}function d(e,t){var r,o,n,a,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;l;)try{if(r=1,o&&(n=2&a[0]?o.return:a[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,a[1])).done)return n;switch(o=0,n&&(a=[2&a[0],n.value]),a[0]){case 0:case 1:n=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,o=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!n||a[1]>n[0]&&a[1]<n[3])){l.label=a[1];break}if(6===a[0]&&l.label<n[1]){l.label=n[1],n=a;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(a);break}n[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],o=0}finally{r=n=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}var f=Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]};function p(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||f(t,e,r)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],o=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],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 o,n,a=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(o=a.next()).done;)l.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=a.return)&&r.call(a)}finally{if(n)throw n.error}}return l}function b(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}function _(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var o=Array(e),n=0;for(t=0;t<r;t++)for(var a=arguments[t],l=0,i=a.length;l<i;l++,n++)o[n]=a[l];return o}function v(e,t,r){if(r||2===arguments.length)for(var o,n=0,a=t.length;n<a;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||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 o,n=r.apply(e,t||[]),a=[];return o={},l("next"),l("throw"),l("return"),o[Symbol.asyncIterator]=function(){return this},o;function l(e){n[e]&&(o[e]=function(t){return new Promise((function(r,o){a.push([e,t,r,o])>1||i(e,t)}))})}function i(e,t){try{(r=n[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){i("next",e)}function s(e){i("throw",e)}function u(e,t){e(t),a.shift(),a.length&&i(a[0][0],a[0][1])}}function g(e){var t,r;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,n){t[o]=e[o]?function(t){return(r=!r)?{value:h(e[o](t)),done:"return"===o}:n?n(t):t}:n}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=y(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(r){t[r]=e[r]&&function(t){return new Promise((function(o,n){(function(e,t,r,o){Promise.resolve(o).then((function(t){e({value:t,done:r})}),t)})(o,n,(t=e[r](t)).done,t.value)}))}}}function j(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 M(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 S(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}function E(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,r):n?n.value=r:t.set(e,r),r}function F(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)}},367:e=>{e.exports=t},633:e=>{e.exports=o},215:e=>{e.exports=r},990:e=>{e.exports=n},892:e=>{e.exports=a},156:t=>{t.exports=e}},i={};function c(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return l[e](r,r.exports,c),r.exports}c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{var e=s;Object.defineProperty(e,"__esModule",{value:!0}),e.Modal=void 0;const t=c(960);var r=c(960);Object.defineProperty(e,"Modal",{enumerable:!0,get:function(){return r.Modal}}),e.default=t.Modal})(),s})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):"function"==typeof define&&define.amd?define(["react","@floating-ui/react","@nimbus-ds/icons","@nimbus-ds/icon","@nimbus-ds/styles","@nimbus-ds/title"],t):"object"==typeof exports?exports["@nimbus-ds/modal"]=t(require("react"),require("@floating-ui/react"),require("@nimbus-ds/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/styles"),require("@nimbus-ds/title")):e["@nimbus-ds/modal"]=t(e.react,e["@floating-ui/react"],e["@nimbus-ds/icons"],e["@nimbus-ds/icon"],e["@nimbus-ds/styles"],e["@nimbus-ds/title"])}(global,((e,t,r,n,o,a)=>(()=>{"use strict";var i={960:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const n=r(15).__importDefault(r(156)),o=r(367),a=r(215),i=r(633),l=r(990),c=r(612),s=({className:e,style:t,children:r,padding:c="base",maxWidth:s={xs:"100%",md:"500px"},open:u,portalId:d,onDismiss:f,...p})=>{const{className:y,style:_,otherProps:m}=l.modal.sprinkle({...p,maxWidth:s,padding:c}),{context:b}=(0,o.useFloating)({open:u,onOpenChange:f}),v=(0,o.useClick)(b),h=(0,o.useRole)(b),g=(0,o.useDismiss)(b,{outsidePressEvent:"mousedown"}),{getFloatingProps:w}=(0,o.useInteractions)([v,h,g]),O=(0,o.useId)(),j=(0,o.useId)();return u?n.default.createElement(o.FloatingPortal,{id:d||"nimbus-modal-floating"},n.default.createElement(o.FloatingOverlay,{className:l.modal.classnames.overlay,lockScroll:!0},n.default.createElement(o.FloatingFocusManager,{context:b},n.default.createElement("div",{...m,ref:b.refs.setFloating,style:_,className:[l.modal.classnames.container,y].join(" "),"aria-labelledby":O,"aria-describedby":j,...w(),...p},r,f&&n.default.createElement("button",{"aria-label":"Dismiss modal",className:l.modal.classnames.container__close,"data-testid":"dismiss-modal-button",type:"button",onClick:()=>f(!u),tabIndex:0},n.default.createElement(i.Icon,{color:"neutral-textLow",source:n.default.createElement(a.CloseIcon,null)})))))):null};t.Modal=s,s.Body=c.ModalBody,s.Footer=c.ModalFooter,s.Header=c.ModalHeader,s.displayName="Modal",s.Body.displayName="Modal.Body",s.Footer.displayName="Modal.Footer",s.Header.displayName="Modal.Header"},635:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalBody=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.ModalBody=({className:e,style:t,padding:r="base",children:a,...i})=>n.default.createElement("div",{className:o.modal.subComponents.body.sprinkle({padding:r}),...i},a)},141:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalBody=void 0;const n=r(635);var o=r(635);Object.defineProperty(t,"ModalBody",{enumerable:!0,get:function(){return o.ModalBody}}),t.default=n.ModalBody},986:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalFooter=void 0;const n=r(15).__importDefault(r(156)),o=r(990);t.ModalFooter=({className:e,style:t,padding:r="none",children:a,...i})=>n.default.createElement("div",{className:[o.modal.subComponents.body.sprinkle({padding:r}),o.modal.classnames.container__footer].join(" "),...i},a)},97:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalFooter=void 0;const n=r(986);var o=r(986);Object.defineProperty(t,"ModalFooter",{enumerable:!0,get:function(){return o.ModalFooter}}),t.default=n.ModalFooter},112:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalHeader=void 0;const n=r(15).__importDefault(r(156)),o=r(892),a=r(990);t.ModalHeader=({className:e,style:t,padding:r="none",title:i,children:l,...c})=>n.default.createElement("div",{className:a.modal.subComponents.header.sprinkle({padding:r}),...c},i&&n.default.createElement(o.Title,{"data-testid":"header-title",as:"h3"},i),l)},558:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ModalHeader=void 0;const n=r(112);var o=r(112);Object.defineProperty(t,"ModalHeader",{enumerable:!0,get:function(){return o.ModalHeader}}),t.default=n.ModalHeader},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const n=r(15);n.__exportStar(r(141),t),n.__exportStar(r(97),t),n.__exportStar(r(558),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>M,__asyncGenerator:()=>P,__asyncValues:()=>x,__await:()=>j,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>N,__createBinding:()=>m,__decorate:()=>l,__esDecorate:()=>s,__exportStar:()=>b,__extends:()=>o,__generator:()=>_,__importDefault:()=>I,__importStar:()=>F,__makeTemplateObject:()=>S,__metadata:()=>p,__param:()=>c,__propKey:()=>d,__read:()=>h,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>f,__spread:()=>g,__spreadArray:()=>O,__spreadArrays:()=>w,__values:()=>v,default:()=>k});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,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,s="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?n.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),f=!1,p=r.length-1;p>=0;p--){var y={};for(var _ in n)y[_]="access"===_?{}:n[_];for(var _ in n.access)y.access[_]=n.access[_];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var m=(0,r[p])("accessor"===c?{get:d.get,set:d.set}:d[s],y);if("accessor"===c){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(l=i(m.get))&&(d.get=l),(l=i(m.set))&&(d.set=l),(l=i(m.init))&&o.unshift(l)}else(l=i(m))&&("field"===c?o.unshift(l):d[s]=l)}u&&Object.defineProperty(u,n.name,d),f=!0}function u(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 d(e){return"symbol"==typeof e?e:"".concat(e)}function f(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 p(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 _(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 m=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 b(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||m(t,e,r)}function v(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 h(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(h(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 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 P(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,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 M(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 x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=v(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 S(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 F(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)&&m(t,e,r);return E(t,e),t}function I(e){return e&&e.__esModule?e:{default:e}}function T(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 D(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)}const k={__extends:o,__assign:a,__rest:i,__decorate:l,__param:c,__metadata:p,__awaiter:y,__generator:_,__createBinding:m,__exportStar:b,__values:v,__read:h,__spread:g,__spreadArrays:w,__spreadArray:O,__await:j,__asyncGenerator:P,__asyncDelegator:M,__asyncValues:x,__makeTemplateObject:S,__importStar:F,__importDefault:I,__classPrivateFieldGet:T,__classPrivateFieldSet:N,__classPrivateFieldIn:D}},367:e=>{e.exports=t},633:e=>{e.exports=n},215:e=>{e.exports=r},990:e=>{e.exports=o},892:e=>{e.exports=a},156:t=>{t.exports=e}},l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return i[e](r,r.exports,c),r.exports}c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{var e=s;Object.defineProperty(e,"__esModule",{value:!0}),e.Modal=void 0;const t=c(960);var r=c(960);Object.defineProperty(e,"Modal",{enumerable:!0,get:function(){return r.Modal}}),e.default=t.Modal})(),s})()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/modal",
3
- "version": "1.3.1",
3
+ "version": "1.4.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -14,9 +14,9 @@
14
14
  "version": "yarn version"
15
15
  },
16
16
  "dependencies": {
17
- "@floating-ui/react": "^0.24.1",
17
+ "@floating-ui/react": "^0.24.6",
18
18
  "@nimbus-ds/icon": "^3.0.0",
19
- "@nimbus-ds/icons": "^1.1.0"
19
+ "@nimbus-ds/icons": "^1.2.0"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "react": "^16.8 || ^17.0 || ^18.0",
@@ -31,9 +31,9 @@
31
31
  "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
32
32
  },
33
33
  "devDependencies": {
34
- "@nimbus-ds/box": "^3.2.0",
34
+ "@nimbus-ds/box": "^4.0.0",
35
35
  "@nimbus-ds/button": "^2.5.0",
36
- "@nimbus-ds/text": "^6.2.0",
36
+ "@nimbus-ds/text": "^6.3.0",
37
37
  "@nimbus-ds/title": "^3.1.0",
38
38
  "@nimbus-ds/webpack": "^1.3.1"
39
39
  }