@purpurds/container 6.12.4 → 7.0.0

package/dist/container.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("react");function _(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var a={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),_=require("react");function j(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var p={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var c;function m(){return c||(c=1,function(t){(function(){var s={}.hasOwnProperty;function e(){for(var r="",n=0;n<arguments.length;n++){var o=arguments[n];o&&(r=i(r,u.call(this,o)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var n="";for(var o in r)s.call(r,o)&&r[o]&&(n=i(n,this&&this[o]||o));return n}function i(r,n){return n?r?r+" "+n:r+n:r}t.exports?(e.default=e,t.exports=e):window.classNames=e})()}(a)),a.exports}var h=m();const y=_(h),b={"purpur-container":"_purpur-container_1nn3a_1","purpur-container--xs":"_purpur-container--xs_1nn3a_12","purpur-container--sm":"_purpur-container--sm_1nn3a_23","purpur-container--md":"_purpur-container--md_1nn3a_38","purpur-container--lg":"_purpur-container--lg_1nn3a_41"},v=y.bind(b),p="purpur-container",f=d.forwardRef(({children:t,className:s,width:e="lg",...u},i)=>{const r=v([s,p,`${p}--${e}`]);return l.jsx("div",{className:r,ref:i,...u,children:t})});f.displayName="Container";exports.Container=f;
+*/var c;function m(){return c||(c=1,function(n){(function(){var u={}.hasOwnProperty;function e(){for(var r="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(r=i(r,s.call(this,o)))}return r}function s(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var o in r)u.call(r,o)&&r[o]&&(t=i(t,this&&this[o]||o));return t}function i(r,t){return t?r?r+" "+t:r+t:r}n.exports?(e.default=e,n.exports=e):window.classNames=e})()}(p)),p.exports}var d=m();const x=j(d),h={"purpur-container":"_purpur-container_2jjzm_1","purpur-container--xs":"_purpur-container--xs_2jjzm_12","purpur-container--sm":"_purpur-container--sm_2jjzm_23","purpur-container--md":"_purpur-container--md_2jjzm_38","purpur-container--lg":"_purpur-container--lg_2jjzm_41","purpur-container--xl":"_purpur-container--xl_2jjzm_44","purpur-container--xxl":"_purpur-container--xxl_2jjzm_47"},y=x.bind(h),a="purpur-container",l=_.forwardRef(({children:n,className:u,width:e="xxl",...s},i)=>{const r=y([u,a,`${a}--${e}`]);return f.jsx("div",{className:r,ref:i,...s,children:n})});l.displayName="Container";exports.Container=l;
 //# sourceMappingURL=container.cjs.js.map

package/dist/container.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/container.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./container.module.scss\";\nconst cx = c.bind(styles);\n\nexport type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  width?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n};\n\nconst rootClassName = \"purpur-container\";\n\nexport const Container = forwardRef(\n  (\n    { children, className, width = \"lg\", ...props }: ContainerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);\n\n    return (\n      <div className={classes} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nContainer.displayName = \"Container\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Container","forwardRef","children","className","width","props","ref"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,8TCxEMU,EAAKC,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,mBAETC,EAAYC,EAAA,WACvB,CACE,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAQ,KAAM,GAAGC,CAAM,EAC9CC,IACG,CACG,MAAAnB,EAAUS,EAAG,CAACO,EAAWJ,EAAe,GAAGA,CAAa,KAAKK,CAAK,EAAE,CAAC,EAE3E,aACG,MAAI,CAAA,UAAWjB,EAAS,IAAAmB,EAAW,GAAGD,EACpC,SAAAH,EACH,CAAA,CAGN,EAEAF,EAAU,YAAc","x_google_ignoreList":[0]}
+{"version":3,"file":"container.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/container.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./container.module.scss\";\nconst cx = c.bind(styles);\n\nexport type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  width?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n};\n\nconst rootClassName = \"purpur-container\";\n\nexport const Container = forwardRef(\n  (\n    { children, className, width = \"xxl\", ...props }: ContainerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);\n\n    return (\n      <div className={classes} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nContainer.displayName = \"Container\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Container","forwardRef","children","className","width","props","ref"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,gbCxEMU,EAAKC,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,mBAETC,EAAYC,EAAA,WACvB,CACE,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAQ,MAAO,GAAGC,CAAM,EAC/CC,IACG,CACG,MAAAnB,EAAUS,EAAG,CAACO,EAAWJ,EAAe,GAAGA,CAAa,KAAKK,CAAK,EAAE,CAAC,EAE3E,aACG,MAAI,CAAA,UAAWjB,EAAS,IAAAmB,EAAW,GAAGD,EACpC,SAAAH,EACH,CAAA,CAGN,EAEAF,EAAU,YAAc","x_google_ignoreList":[0]}

package/dist/container.d.ts

@@ -3,11 +3,11 @@ import { default as React, ReactNode } from 'react';
 export type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {
     ["data-testid"]?: string;
     children: ReactNode;
-    width?: "xs" | "sm" | "md" | "lg";
+    width?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 };
 export declare const Container: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     "data-testid"?: string;
     children: ReactNode;
-    width?: "xs" | "sm" | "md" | "lg";
+    width?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 } & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=container.d.ts.map

package/dist/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../src/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACnC,CAAC;AAIF,eAAO,MAAM,SAAS;oBAPF,MAAM;cACd,SAAS;YACX,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;wCAkBlC,CAAC"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../src/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;CAClD,CAAC;AAIF,eAAO,MAAM,SAAS;oBAPF,MAAM;cACd,SAAS;YACX,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;wCAkBjD,CAAC"}

package/dist/container.es.js

@@ -1,7 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-function d(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function m(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
 var p = { exports: {} };
 /*!
@@ -9,19 +9,19 @@ var p = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var a;
+var c;
 function _() {
-  return a || (a = 1, function(t) {
+  return c || (c = 1, function(n) {
     (function() {
-      var s = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function e() {
-        for (var r = "", n = 0; n < arguments.length; n++) {
-          var o = arguments[n];
-          o && (r = i(r, u.call(this, o)));
+        for (var r = "", t = 0; t < arguments.length; t++) {
+          var o = arguments[t];
+          o && (r = i(r, s.call(this, o)));
         }
         return r;
       }
-      function u(r) {
+      function s(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -30,33 +30,35 @@ function _() {
           return e.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var n = "";
+        var t = "";
         for (var o in r)
-          s.call(r, o) && r[o] && (n = i(n, this && this[o] || o));
-        return n;
+          u.call(r, o) && r[o] && (t = i(t, this && this[o] || o));
+        return t;
       }
-      function i(r, n) {
-        return n ? r ? r + " " + n : r + n : r;
+      function i(r, t) {
+        return t ? r ? r + " " + t : r + t : r;
       }
-      t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
+      n.exports ? (e.default = e, n.exports = e) : window.classNames = e;
     })();
   }(p)), p.exports;
 }
-var m = _();
-const h = /* @__PURE__ */ d(m), y = {
-  "purpur-container": "_purpur-container_1nn3a_1",
-  "purpur-container--xs": "_purpur-container--xs_1nn3a_12",
-  "purpur-container--sm": "_purpur-container--sm_1nn3a_23",
-  "purpur-container--md": "_purpur-container--md_1nn3a_38",
-  "purpur-container--lg": "_purpur-container--lg_1nn3a_41"
-}, v = h.bind(y), c = "purpur-container", x = l(
-  ({ children: t, className: s, width: e = "lg", ...u }, i) => {
-    const r = v([s, c, `${c}--${e}`]);
-    return /* @__PURE__ */ f("div", { className: r, ref: i, ...u, children: t });
+var j = _();
+const d = /* @__PURE__ */ m(j), x = {
+  "purpur-container": "_purpur-container_2jjzm_1",
+  "purpur-container--xs": "_purpur-container--xs_2jjzm_12",
+  "purpur-container--sm": "_purpur-container--sm_2jjzm_23",
+  "purpur-container--md": "_purpur-container--md_2jjzm_38",
+  "purpur-container--lg": "_purpur-container--lg_2jjzm_41",
+  "purpur-container--xl": "_purpur-container--xl_2jjzm_44",
+  "purpur-container--xxl": "_purpur-container--xxl_2jjzm_47"
+}, h = d.bind(x), a = "purpur-container", y = l(
+  ({ children: n, className: u, width: e = "xxl", ...s }, i) => {
+    const r = h([u, a, `${a}--${e}`]);
+    return /* @__PURE__ */ f("div", { className: r, ref: i, ...s, children: n });
   }
 );
-x.displayName = "Container";
+y.displayName = "Container";
 export {
-  x as Container
+  y as Container
 };
 //# sourceMappingURL=container.es.js.map

package/dist/container.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/container.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./container.module.scss\";\nconst cx = c.bind(styles);\n\nexport type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  width?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n};\n\nconst rootClassName = \"purpur-container\";\n\nexport const Container = forwardRef(\n  (\n    { children, className, width = \"lg\", ...props }: ContainerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);\n\n    return (\n      <div className={classes} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nContainer.displayName = \"Container\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Container","forwardRef","children","className","width","props","ref"],"mappings":";;;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;GCxEMU,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,oBAETC,IAAYC;AAAA,EACvB,CACE,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,IAAQ,MAAM,GAAGC,EAAM,GAC9CC,MACG;AACG,UAAAnB,IAAUS,EAAG,CAACO,GAAWJ,GAAe,GAAGA,CAAa,KAAKK,CAAK,EAAE,CAAC;AAE3E,6BACG,OAAI,EAAA,WAAWjB,GAAS,KAAAmB,GAAW,GAAGD,GACpC,UAAAH,GACH;AAAA,EAAA;AAGN;AAEAF,EAAU,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"container.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/container.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./container.module.scss\";\nconst cx = c.bind(styles);\n\nexport type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  width?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n};\n\nconst rootClassName = \"purpur-container\";\n\nexport const Container = forwardRef(\n  (\n    { children, className, width = \"xxl\", ...props }: ContainerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);\n\n    return (\n      <div className={classes} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nContainer.displayName = \"Container\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Container","forwardRef","children","className","width","props","ref"],"mappings":";;;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;GCxEMU,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,oBAETC,IAAYC;AAAA,EACvB,CACE,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,IAAQ,OAAO,GAAGC,EAAM,GAC/CC,MACG;AACG,UAAAnB,IAAUS,EAAG,CAACO,GAAWJ,GAAe,GAAGA,CAAa,KAAKK,CAAK,EAAE,CAAC;AAE3E,6BACG,OAAI,EAAA,WAAWjB,GAAS,KAAAmB,GAAW,GAAGD,GACpC,UAAAH,GACH;AAAA,EAAA;AAGN;AAEAF,EAAU,cAAc;","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -1 +1 @@
-._purpur-container_1nn3a_1{box-sizing:border-box;width:100%;margin:0 auto;padding:0 var(--padding);--padding: var(--purpur-spacing-page-padding-sm)}@media screen and (min-width: 600px){._purpur-container_1nn3a_1{--padding: var(--purpur-spacing-page-padding-md)}._purpur-container--xs_1nn3a_12{--padding: var(--purpur-spacing-page-padding-sm)}}@media screen and (min-width: 1024px){._purpur-container_1nn3a_1{--padding: var(--purpur-spacing-page-padding-lg)}._purpur-container--xs_1nn3a_12{--padding: var(--purpur-spacing-page-padding-sm)}._purpur-container--sm_1nn3a_23{--padding: var(--purpur-spacing-page-padding-md)}}@media screen and (min-width: 1440px){._purpur-container_1nn3a_1{--padding: var(--purpur-spacing-page-padding-xl)}}._purpur-container--xs_1nn3a_12{max-width:480px}._purpur-container--sm_1nn3a_23{max-width:660px}._purpur-container--md_1nn3a_38{max-width:880px}._purpur-container--lg_1nn3a_41{max-width:var(--purpur-breakpoint-xl)}
+._purpur-container_2jjzm_1{box-sizing:border-box;width:100%;margin:0 auto;padding:0 var(--padding);--padding: var(--purpur-spacing-page-padding-sm)}@media screen and (min-width: 600px){._purpur-container_2jjzm_1{--padding: var(--purpur-spacing-page-padding-md)}._purpur-container--xs_2jjzm_12{--padding: var(--purpur-spacing-page-padding-sm)}}@media screen and (min-width: 1024px){._purpur-container_2jjzm_1{--padding: var(--purpur-spacing-page-padding-lg)}._purpur-container--xs_2jjzm_12{--padding: var(--purpur-spacing-page-padding-sm)}._purpur-container--sm_2jjzm_23{--padding: var(--purpur-spacing-page-padding-md)}}@media screen and (min-width: 1440px){._purpur-container_2jjzm_1{--padding: var(--purpur-spacing-page-padding-xl)}}._purpur-container--xs_2jjzm_12{max-width:480px}._purpur-container--sm_2jjzm_23{max-width:660px}._purpur-container--md_2jjzm_38{max-width:880px}._purpur-container--lg_2jjzm_41{max-width:1024px}._purpur-container--xl_2jjzm_44{max-width:1280px}._purpur-container--xxl_2jjzm_47{max-width:var(--purpur-breakpoint-xl)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/container",
-  "version": "6.12.4",
+  "version": "7.0.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/container.cjs.js",
   "types": "./dist/container.d.ts",
@@ -16,7 +16,7 @@
   "source": "src/container.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/tokens": "6.12.4"
+    "@purpurds/tokens": "7.0.0"
   },
   "devDependencies": {
     "eslint": "9.24.0",

package/src/container.module.scss

@@ -41,6 +41,13 @@
   }
 
   &--lg {
+    max-width: 1024px;
+  }
+
+  &--xl {
+    max-width: 1280px;
+  }
+  &--xxl {
     max-width: var(--purpur-breakpoint-xl);
   }
 }

package/src/container.stories.tsx

@@ -16,7 +16,7 @@ const meta = {
     ],
   },
   args: {
-    width: "lg",
+    width: "xs",
   },
 } satisfies Meta<typeof Container>;
 

package/src/container.tsx

@@ -7,14 +7,14 @@ const cx = c.bind(styles);
 export type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {
   ["data-testid"]?: string;
   children: ReactNode;
-  width?: "xs" | "sm" | "md" | "lg";
+  width?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 };
 
 const rootClassName = "purpur-container";
 
 export const Container = forwardRef(
   (
-    { children, className, width = "lg", ...props }: ContainerProps,
+    { children, className, width = "xxl", ...props }: ContainerProps,
     ref: ForwardedRef<HTMLDivElement>
   ) => {
     const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);