@purpurds/card 3.4.0

package/dist/LICENSE.txt

@@ -0,0 +1,31 @@
+Name: classnames
+Version: 2.5.1
+License: MIT
+Private: false
+Description: A simple utility for conditionally joining classNames together
+Repository: git+https://github.com/JedWatson/classnames.git
+Author: Jed Watson
+License Copyright:
+===
+
+The MIT License (MIT)
+
+Copyright (c) 2018 Jed Watson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/card.cjs.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var d={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(e){(function(){var o={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var s=arguments[r];s&&(t=i(t,a.call(this,s)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var s in t)o.call(t,s)&&t[s]&&(r=i(r,this&&this[s]||s));return r}function i(t,r){return r?t?t+" "+r:t+r:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(d);var _=d.exports;const h=l(_),m={"purpur-card":"_purpur-card_172jf_1","purpur-card__container":"_purpur-card__container_172jf_10"},u=h.bind(m),p="purpur-card",f=({["data-testid"]:e,children:o,className:n,containerClassName:a,...i})=>c.jsx("div",{className:u(`${p}__container`,a),children:c.jsx("div",{className:u([p,n]),"data-testid":e,...i,children:o})});f.displayName="Card";exports.Card=f;
+//# sourceMappingURL=card.cjs.js.map

package/dist/card.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/card.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, { DetailedHTMLProps, HTMLAttributes, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card.module.scss\";\nconst cx = c.bind(styles);\n\nexport type CardProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  className?: string;\n  containerClassName?: string;\n} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nconst rootClassName = \"purpur-card\";\n\nexport const Card = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  containerClassName,\n  ...props\n}: CardProps) => {\n  return (\n    <div className={cx(`${rootClassName}__container`, containerClassName)}>\n      <div className={cx([rootClassName, className])} data-testid={dataTestId} {...props}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCard.displayName = \"Card\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Card","dataTestId","children","className","containerClassName","props","jsx"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,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,EAE1D,CAED,OAAOF,CACP,CAED,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,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,4ICxEMU,EAAKC,EAAE,KAAKC,CAAM,EASlBC,EAAgB,cAETC,EAAO,CAAC,CACnB,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,GAAGC,CACL,IAEIC,MAAC,OAAI,UAAWV,EAAG,GAAGG,CAAa,cAAeK,CAAkB,EAClE,SAACE,EAAAA,IAAA,MAAA,CAAI,UAAWV,EAAG,CAACG,EAAeI,CAAS,CAAC,EAAG,cAAaF,EAAa,GAAGI,EAC1E,SAAAH,CACH,CAAA,CACF,CAAA,EAIJF,EAAK,YAAc","x_google_ignoreList":[0]}

package/dist/card.d.ts

@@ -0,0 +1,12 @@
+import React, { DetailedHTMLProps, HTMLAttributes, ReactNode } from "react";
+export type CardProps = {
+    ["data-testid"]?: string;
+    children: ReactNode;
+    className?: string;
+    containerClassName?: string;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const Card: {
+    ({ ["data-testid"]: dataTestId, children, className, containerClassName, ...props }: CardProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=card.d.ts.map

package/dist/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5E,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;AAItE,eAAO,MAAM,IAAI;yFAMd,SAAS;;CAQX,CAAC"}

package/dist/card.es.js

@@ -0,0 +1,56 @@
+import { jsx as c } from "react/jsx-runtime";
+function d(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var f = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(n) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function e() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var s = arguments[r];
+        s && (t = o(t, a.call(this, s)));
+      }
+      return t;
+    }
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return e.apply(this, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var r = "";
+      for (var s in t)
+        i.call(t, s) && t[s] && (r = o(r, this && this[s] || s));
+      return r;
+    }
+    function o(t, r) {
+      return r ? t ? t + " " + r : t + r : t;
+    }
+    n.exports ? (e.default = e, n.exports = e) : window.classNames = e;
+  })();
+})(f);
+var l = f.exports;
+const _ = /* @__PURE__ */ d(l), h = {
+  "purpur-card": "_purpur-card_172jf_1",
+  "purpur-card__container": "_purpur-card__container_172jf_10"
+}, p = _.bind(h), u = "purpur-card", m = ({
+  ["data-testid"]: n,
+  children: i,
+  className: e,
+  containerClassName: a,
+  ...o
+}) => /* @__PURE__ */ c("div", { className: p(`${u}__container`, a), children: /* @__PURE__ */ c("div", { className: p([u, e]), "data-testid": n, ...o, children: i }) });
+m.displayName = "Card";
+export {
+  m as Card
+};
+//# sourceMappingURL=card.es.js.map

package/dist/card.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/card.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, { DetailedHTMLProps, HTMLAttributes, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card.module.scss\";\nconst cx = c.bind(styles);\n\nexport type CardProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  className?: string;\n  containerClassName?: string;\n} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nconst rootClassName = \"purpur-card\";\n\nexport const Card = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  containerClassName,\n  ...props\n}: CardProps) => {\n  return (\n    <div className={cx(`${rootClassName}__container`, containerClassName)}>\n      <div className={cx([rootClassName, className])} data-testid={dataTestId} {...props}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCard.displayName = \"Card\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Card","dataTestId","children","className","containerClassName","props","jsx"],"mappings":";;;;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,MAE1D;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;;;GCxEMU,IAAKC,EAAE,KAAKC,CAAM,GASlBC,IAAgB,eAETC,IAAO,CAAC;AAAA,EACnB,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAWV,EAAG,GAAGG,CAAa,eAAeK,CAAkB,GAClE,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAWV,EAAG,CAACG,GAAeI,CAAS,CAAC,GAAG,eAAaF,GAAa,GAAGI,GAC1E,UAAAH,EACH,CAAA,EACF,CAAA;AAIJF,EAAK,cAAc;","x_google_ignoreList":[0]}

package/dist/card.system.js

@@ -0,0 +1,6 @@
+System.register(["react"],function(l,v){"use strict";var i;return{setters:[o=>{i=o.default}],execute:function(){function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var p={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(e){(function(){var c={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var s=arguments[r];s&&(t=a(t,u.call(this,s)))}return t}function u(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var s in t)c.call(t,s)&&t[s]&&(r=a(r,this&&this[s]||s));return r}function a(t,r){return r?t?t+" "+r:t+r:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(p);var _=p.exports;const m=o(_),h={"purpur-card":"_purpur-card_172jf_1","purpur-card__container":"_purpur-card__container_172jf_10"},f=m.bind(h),d="purpur-card",y=l("Card",({["data-testid"]:e,children:c,className:n,containerClassName:u,...a})=>i.createElement("div",{className:f(`${d}__container`,u)},i.createElement("div",{className:f([d,n]),"data-testid":e,...a},c)));y.displayName="Card"}}});
+//# sourceMappingURL=card.system.js.map

package/dist/card.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.system.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/card.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, { DetailedHTMLProps, HTMLAttributes, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./card.module.scss\";\nconst cx = c.bind(styles);\n\nexport type CardProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  className?: string;\n  containerClassName?: string;\n} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nconst rootClassName = \"purpur-card\";\n\nexport const Card = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  containerClassName,\n  ...props\n}: CardProps) => {\n  return (\n    <div className={cx(`${rootClassName}__container`, containerClassName)}>\n      <div className={cx([rootClassName, className])} data-testid={dataTestId} {...props}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCard.displayName = \"Card\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Card","dataTestId","children","className","containerClassName","props","React"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,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,EAE1D,CAED,OAAOF,CACP,CAED,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,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,4ICxEMU,EAAKC,EAAE,KAAKC,CAAM,EASlBC,EAAgB,cAETC,WAAO,CAAC,CACnB,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAAC,OAAI,UAAWV,EAAG,GAAGG,CAAa,cAAeK,CAAkB,CAAA,EACjEE,EAAA,cAAA,MAAA,CAAI,UAAWV,EAAG,CAACG,EAAeI,CAAS,CAAC,EAAG,cAAaF,EAAa,GAAGI,GAC1EH,CACH,CACF,CAEJ,EAEAF,EAAK,YAAc","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -0,0 +1 @@
+._purpur-card_172jf_1{overflow:hidden;border-radius:var(--purpur-border-radius-md)}@container card (min-width: 600px){._purpur-card_172jf_1{border-radius:var(--purpur-border-radius-lg)}}._purpur-card__container_172jf_10{container:card/inline-size}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@purpurds/card",
+  "version": "3.4.0",
+  "license": "AGPL-3.0-only",
+  "main": "./dist/card.cjs.js",
+  "types": "./dist/card.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/card.cjs.js",
+      "systemjs": "./dist/card.system.js",
+      "types": "./dist/card.d.ts",
+      "default": "./dist/card.es.js"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "source": "src/card.tsx",
+  "dependencies": {
+    "classnames": "~2.5.0",
+    "@purpurds/tokens": "3.7.1"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "~1.7.0",
+    "@storybook/blocks": "~7.6.0",
+    "@storybook/react": "~7.6.0",
+    "@telia/base-rig": "~8.2.0",
+    "@telia/react-rig": "~3.2.0",
+    "@testing-library/dom": "~9.3.3",
+    "@testing-library/jest-dom": "~6.4.0",
+    "@testing-library/react": "~14.2.0",
+    "@types/node": "18",
+    "@types/react-dom": "~18.2.17",
+    "@types/react": "~18.2.42",
+    "eslint-plugin-testing-library": "~6.2.0",
+    "eslint": "~8.57.0",
+    "jsdom": "~22.1.0",
+    "lint-staged": "~10.5.3",
+    "prettier": "~2.8.8",
+    "react-dom": "~18.2.0",
+    "react": "~18.2.0",
+    "typescript": "~5.4.2",
+    "vite": "~5.2.2",
+    "vitest": "~1.4.0",
+    "@purpurds/component-rig": "1.0.0",
+    "@purpurds/grid": "3.7.1"
+  },
+  "scripts": {
+    "build:dev": "vite",
+    "build:watch": "vite build --watch",
+    "build": "rm -rf dist && vite build && vite build --mode systemjs",
+    "ci:build": "rushx build",
+    "coverage": "vitest run --coverage",
+    "lint:fix": "eslint . --fix",
+    "lint": "lint-staged --no-stash 2>&1",
+    "sbdev": "rush sbdev",
+    "test:unit": "vitest run --passWithNoTests",
+    "test:watch": "vitest --watch",
+    "test": "rushx test:unit",
+    "typecheck": "tsc -p ./tsconfig.json"
+  }
+}

package/readme.mdx

@@ -0,0 +1,44 @@
+import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";
+
+import * as CardStories from "./src/card.stories";
+import packageInfo from "./package.json";
+
+<Meta name="Docs" title="Components/Card" of={CardStories} />
+
+# Card
+
+<Subtitle>Version {packageInfo.version}</Subtitle>
+
+### Showcase
+
+<Primary />
+
+### Properties
+
+<ArgTypes />
+
+### Installation
+
+#### Via NPM
+
+Add the dependency to your consumer app like `"@purpurds/purpur": "^x.y.z"`
+
+In MyApp.tsx
+
+```tsx
+import "@purpurds/purpur/styles";
+```
+
+In MyComponent.tsx
+
+```tsx
+import { Card } from "@purpurds/purpur";
+
+export const MyComponent = () => {
+  return (
+    <Card>
+      <div>Things you want to be styled as a card</div>
+    </Card>
+  );
+};
+```

package/src/card.module.scss

@@ -0,0 +1,14 @@
+@import "@purpurds/tokens/breakpoint/variables";
+
+.purpur-card {
+  overflow: hidden;
+  border-radius: var(--purpur-border-radius-md);
+
+  @container card (min-width: #{$purpur-breakpoint-md}) {
+    border-radius: var(--purpur-border-radius-lg);
+  }
+
+  &__container {
+    container: card / inline-size;
+  }
+}

package/src/card.stories.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import { Grid } from "@purpurds/grid";
+import type { Meta, StoryObj } from "@storybook/react";
+
+import "@purpurds/grid/styles";
+import { Card } from "./card";
+
+const meta: Meta<typeof Card> = {
+  title: "Components/Card",
+  component: Card,
+};
+
+export default meta;
+type Story = StoryObj<typeof Card>;
+
+const style = {
+  background: "var(--purpur-color-text-tone-on-tone-secondary)",
+  color: "var(--purpur-color-text-tone-on-tone-primary)",
+  padding: "var(--purpur-spacing-400)",
+  margin: "0 var(--purpur-spacing-100)",
+} as React.CSSProperties;
+
+export const Primary: Story = {
+  render: () => (
+    <Grid>
+      <Grid.Row colGap>
+        <Grid.Col widthMd={4}>
+          <Card style={style}>Text in a card</Card>
+        </Grid.Col>
+        <Grid.Col widthMd={4}>
+          <Card style={style}>Text in a card</Card>
+        </Grid.Col>
+        <Grid.Col widthMd={4}>
+          <Card style={style}>Text in a card</Card>
+        </Grid.Col>
+      </Grid.Row>
+    </Grid>
+  ),
+};

package/src/card.test.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import * as matchers from "@testing-library/jest-dom/matchers";
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+
+import { Card } from "./card";
+
+expect.extend(matchers);
+
+describe("Card", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("should render a card", () => {
+    render(<Card data-testid="card">Text in a card</Card>);
+    expect(screen.getByTestId("card")).toBeInTheDocument();
+  });
+
+  it("should render children", () => {
+    render(
+      <Card data-testid="card">
+        <div>Text in a card</div>
+      </Card>
+    );
+    expect(screen.getByText("Text in a card")).toBeInTheDocument();
+  });
+});

package/src/card.tsx

@@ -0,0 +1,32 @@
+import React, { DetailedHTMLProps, HTMLAttributes, ReactNode } from "react";
+import c from "classnames/bind";
+
+import styles from "./card.module.scss";
+const cx = c.bind(styles);
+
+export type CardProps = {
+  ["data-testid"]?: string;
+  children: ReactNode;
+  className?: string;
+  containerClassName?: string;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+
+const rootClassName = "purpur-card";
+
+export const Card = ({
+  ["data-testid"]: dataTestId,
+  children,
+  className,
+  containerClassName,
+  ...props
+}: CardProps) => {
+  return (
+    <div className={cx(`${rootClassName}__container`, containerClassName)}>
+      <div className={cx([rootClassName, className])} data-testid={dataTestId} {...props}>
+        {children}
+      </div>
+    </div>
+  );
+};
+
+Card.displayName = "Card";

package/src/global.d.ts

@@ -0,0 +1,4 @@
+declare module "*.scss" {
+  const styles: { [className: string]: string };
+  export default styles;
+}