@purpurds/color-dot 3.0.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/color-dot.cjs.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");function f(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var i={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(t){(function(){var u={}.hasOwnProperty;function e(){for(var r="",o=0;o<arguments.length;o++){var s=arguments[o];s&&(r=n(r,c(s)))}return r}function c(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var s in r)u.call(r,s)&&r[s]&&(o=n(o,s));return o}function n(r,o){return o?r?r+" "+o:r+o:r}t.exports?(e.default=e,t.exports=e):window.classNames=e})()})(i);var _=i.exports;const m=f(_),p={"purpur-color-dot":"_purpur-color-dot_1n98k_1","purpur-color-dot--xs":"_purpur-color-dot--xs_1n98k_6","purpur-color-dot--sm":"_purpur-color-dot--sm_1n98k_9","purpur-color-dot--md":"_purpur-color-dot--md_1n98k_12","purpur-color-dot--lg":"_purpur-color-dot--lg_1n98k_15","purpur-color-dot--with-border":"_purpur-color-dot--with-border_1n98k_18"},l="purpur-color-dot",d={XS:"xs",SM:"sm",MD:"md",LG:"lg"},O=Object.values(d),S=({color:t,["data-testid"]:u,size:e,withBorder:c,...n})=>a.jsx("div",{className:m([p[l],p[`${l}--${e}`],{[p[`${l}--with-border`]]:c}]),"data-testid":u,style:{backgroundColor:t},...n});exports.COLOR_DOT_SIZE=d;exports.ColorDot=S;exports.colorDotSizes=O;
+//# sourceMappingURL=color-dot.cjs.js.map

package/dist/color-dot.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-dot.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/color-dot.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(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 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(null, 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, 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 from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./color-dot.module.scss\";\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const colorDotSizes = Object.values(COLOR_DOT_SIZE);\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[keyof typeof COLOR_DOT_SIZE];\n\nexport type ColorDotProps = {\n  color: string;\n  [\"data-testid\"]?: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n};\nexport const ColorDot = ({\n  color,\n  [\"data-testid\"]: dataTestid,\n  size,\n  withBorder,\n  ...props\n}: ColorDotProps) => (\n  <div\n    className={c([\n      styles[rootClassName],\n      styles[`${rootClassName}--${size}`],\n      { [styles[`${rootClassName}--with-border`]]: withBorder },\n    ])}\n    data-testid={dataTestid}\n    style={{\n      backgroundColor: color,\n    }}\n    {...props}\n  />\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","COLOR_DOT_SIZE","colorDotSizes","ColorDot","color","dataTestid","size","withBorder","props","jsx","c","styles"],"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,EAAWF,CAAG,CAAC,EAE/C,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,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,EAASK,CAAG,GAIpC,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,kYCxEMU,EAAgB,mBAETC,EAAiB,CAC5B,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAgB,OAAO,OAAOD,CAAc,EAS5CE,EAAW,CAAC,CACvB,MAAAC,EACA,CAAC,eAAgBC,EACjB,KAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IACEC,EAAA,IAAC,MAAA,CACC,UAAWC,EAAE,CACXC,EAAOX,CAAa,EACpBW,EAAO,GAAGX,CAAa,KAAKM,CAAI,EAAE,EAClC,CAAE,CAACK,EAAO,GAAGX,CAAa,eAAe,CAAC,EAAGO,CAAW,CAAA,CACzD,EACD,cAAaF,EACb,MAAO,CACL,gBAAiBD,CACnB,EACC,GAAGI,CAAA,CACN","x_google_ignoreList":[0]}

package/dist/color-dot.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export declare const COLOR_DOT_SIZE: {
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
+export declare const colorDotSizes: ("xs" | "sm" | "md" | "lg")[];
+export type ColorDotSize = (typeof COLOR_DOT_SIZE)[keyof typeof COLOR_DOT_SIZE];
+export type ColorDotProps = {
+    color: string;
+    ["data-testid"]?: string;
+    size: ColorDotSize;
+    withBorder?: boolean;
+};
+export declare const ColorDot: ({ color, ["data-testid"]: dataTestid, size, withBorder, ...props }: ColorDotProps) => React.JSX.Element;
+//# sourceMappingURL=color-dot.d.ts.map

package/dist/color-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-dot.d.ts","sourceRoot":"","sources":["../src/color-dot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,aAAa,+BAAgC,CAAC;AAC3D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,QAAQ,uEAMlB,aAAa,sBAaf,CAAC"}

package/dist/color-dot.es.js

@@ -0,0 +1,80 @@
+import { jsx as i } from "react/jsx-runtime";
+function a(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var d = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function s() {
+      for (var r = "", o = 0; o < arguments.length; o++) {
+        var e = arguments[o];
+        e && (r = n(r, p(e)));
+      }
+      return r;
+    }
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return s.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var o = "";
+      for (var e in r)
+        u.call(r, e) && r[e] && (o = n(o, e));
+      return o;
+    }
+    function n(r, o) {
+      return o ? r ? r + " " + o : r + o : r;
+    }
+    t.exports ? (s.default = s, t.exports = s) : window.classNames = s;
+  })();
+})(d);
+var f = d.exports;
+const _ = /* @__PURE__ */ a(f), c = {
+  "purpur-color-dot": "_purpur-color-dot_1n98k_1",
+  "purpur-color-dot--xs": "_purpur-color-dot--xs_1n98k_6",
+  "purpur-color-dot--sm": "_purpur-color-dot--sm_1n98k_9",
+  "purpur-color-dot--md": "_purpur-color-dot--md_1n98k_12",
+  "purpur-color-dot--lg": "_purpur-color-dot--lg_1n98k_15",
+  "purpur-color-dot--with-border": "_purpur-color-dot--with-border_1n98k_18"
+}, l = "purpur-color-dot", m = {
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, b = Object.values(m), O = ({
+  color: t,
+  ["data-testid"]: u,
+  size: s,
+  withBorder: p,
+  ...n
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: _([
+      c[l],
+      c[`${l}--${s}`],
+      { [c[`${l}--with-border`]]: p }
+    ]),
+    "data-testid": u,
+    style: {
+      backgroundColor: t
+    },
+    ...n
+  }
+);
+export {
+  m as COLOR_DOT_SIZE,
+  O as ColorDot,
+  b as colorDotSizes
+};
+//# sourceMappingURL=color-dot.es.js.map

package/dist/color-dot.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-dot.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/color-dot.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(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 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(null, 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, 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 from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./color-dot.module.scss\";\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const colorDotSizes = Object.values(COLOR_DOT_SIZE);\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[keyof typeof COLOR_DOT_SIZE];\n\nexport type ColorDotProps = {\n  color: string;\n  [\"data-testid\"]?: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n};\nexport const ColorDot = ({\n  color,\n  [\"data-testid\"]: dataTestid,\n  size,\n  withBorder,\n  ...props\n}: ColorDotProps) => (\n  <div\n    className={c([\n      styles[rootClassName],\n      styles[`${rootClassName}--${size}`],\n      { [styles[`${rootClassName}--with-border`]]: withBorder },\n    ])}\n    data-testid={dataTestid}\n    style={{\n      backgroundColor: color,\n    }}\n    {...props}\n  />\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","COLOR_DOT_SIZE","colorDotSizes","ColorDot","color","dataTestid","size","withBorder","props","jsx","c","styles"],"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,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,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,GAASK,CAAG;AAIpC,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,IAAgB,oBAETC,IAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAgB,OAAO,OAAOD,CAAc,GAS5CE,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,CAAC,gBAAgBC;AAAA,EACjB,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAE;AAAA,MACXC,EAAOX,CAAa;AAAA,MACpBW,EAAO,GAAGX,CAAa,KAAKM,CAAI,EAAE;AAAA,MAClC,EAAE,CAACK,EAAO,GAAGX,CAAa,eAAe,CAAC,GAAGO,EAAW;AAAA,IAAA,CACzD;AAAA,IACD,eAAaF;AAAA,IACb,OAAO;AAAA,MACL,iBAAiBD;AAAA,IACnB;AAAA,IACC,GAAGI;AAAA,EAAA;AACN;","x_google_ignoreList":[0]}

package/dist/color-dot.system.js

@@ -0,0 +1,6 @@
+System.register(["react"],function(u,S){"use strict";var d;return{setters:[c=>{d=c.default}],execute:function(){function c(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var f={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(o){(function(){var i={}.hasOwnProperty;function e(){for(var r="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(r=n(r,a(s)))}return r}function a(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var s in r)i.call(r,s)&&r[s]&&(t=n(t,s));return t}function n(r,t){return t?r?r+" "+t:r+t:r}o.exports?(e.default=e,o.exports=e):window.classNames=e})()})(f);var _=f.exports;const m=c(_),l={"purpur-color-dot":"_purpur-color-dot_1n98k_1","purpur-color-dot--xs":"_purpur-color-dot--xs_1n98k_6","purpur-color-dot--sm":"_purpur-color-dot--sm_1n98k_9","purpur-color-dot--md":"_purpur-color-dot--md_1n98k_12","purpur-color-dot--lg":"_purpur-color-dot--lg_1n98k_15","purpur-color-dot--with-border":"_purpur-color-dot--with-border_1n98k_18"},p="purpur-color-dot",O=u("COLOR_DOT_SIZE",{XS:"xs",SM:"sm",MD:"md",LG:"lg"}),y=u("colorDotSizes",Object.values(O)),b=u("ColorDot",({color:o,["data-testid"]:i,size:e,withBorder:a,...n})=>d.createElement("div",{className:m([l[p],l[`${p}--${e}`],{[l[`${p}--with-border`]]:a}]),"data-testid":i,style:{backgroundColor:o},...n}))}}});
+//# sourceMappingURL=color-dot.system.js.map

package/dist/color-dot.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-dot.system.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/color-dot.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(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 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(null, 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, 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 from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./color-dot.module.scss\";\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const colorDotSizes = Object.values(COLOR_DOT_SIZE);\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[keyof typeof COLOR_DOT_SIZE];\n\nexport type ColorDotProps = {\n  color: string;\n  [\"data-testid\"]?: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n};\nexport const ColorDot = ({\n  color,\n  [\"data-testid\"]: dataTestid,\n  size,\n  withBorder,\n  ...props\n}: ColorDotProps) => (\n  <div\n    className={c([\n      styles[rootClassName],\n      styles[`${rootClassName}--${size}`],\n      { [styles[`${rootClassName}--with-border`]]: withBorder },\n    ])}\n    data-testid={dataTestid}\n    style={{\n      backgroundColor: color,\n    }}\n    {...props}\n  />\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","COLOR_DOT_SIZE","exports","colorDotSizes","ColorDot","color","dataTestid","size","withBorder","props","React","c","styles"],"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,EAAWF,CAAG,CAAC,EAE/C,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,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,EAASK,CAAG,GAIpC,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,kYCxEMU,EAAgB,mBAETC,EAAiBC,EAAA,iBAAA,CAC5B,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,CAAA,EAEaC,EAAgBD,EAAA,gBAAA,OAAO,OAAOD,CAAc,CAAA,EAS5CG,eAAW,CAAC,CACvB,MAAAC,EACA,CAAC,eAAgBC,EACjB,KAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAAC,MAAA,CACC,UAAWC,EAAE,CACXC,EAAOZ,CAAa,EACpBY,EAAO,GAAGZ,CAAa,KAAKO,CAAI,EAAE,EAClC,CAAE,CAACK,EAAO,GAAGZ,CAAa,eAAe,CAAC,EAAGQ,CAAW,CAAA,CACzD,EACD,cAAaF,EACb,MAAO,CACL,gBAAiBD,CACnB,EACC,GAAGI,CAAA,CACN,CAAA","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -0,0 +1 @@
+._purpur-color-dot_1n98k_1{border-radius:var(--purpur-border-radius-full);height:var(--size);width:var(--size)}._purpur-color-dot--xs_1n98k_6{--size: var(--purpur-spacing-150)}._purpur-color-dot--sm_1n98k_9{--size: var(--purpur-spacing-300)}._purpur-color-dot--md_1n98k_12{--size: var(--purpur-spacing-400)}._purpur-color-dot--lg_1n98k_15{--size: var(--purpur-spacing-600)}._purpur-color-dot--with-border_1n98k_18{--border-width: var(--purpur-border-width-xs);box-shadow:0 0 0 var(--border-width) var(--purpur-color-border-medium);height:calc(var(--size) - var(--border-width) * 2);margin:var(--border-width);width:calc(var(--size) - var(--border-width) * 2)}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@purpurds/color-dot",
+  "version": "3.0.0",
+  "license": "AGPL-3.0-only",
+  "main": "./dist/color-dot.cjs.js",
+  "types": "./dist/color-dot.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/color-dot.cjs.js",
+      "systemjs": "./dist/color-dot.system.js",
+      "types": "./dist/color-dot.d.ts",
+      "default": "./dist/color-dot.es.js"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "source": "src/color-dot.tsx",
+  "dependencies": {
+    "classnames": "~2.5.0",
+    "@purpurds/tokens": "3.0.0"
+  },
+  "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.3.0",
+    "@testing-library/react": "~14.1.2",
+    "@types/node": "18",
+    "@types/react-dom": "~18.2.17",
+    "@types/react": "~18.2.42",
+    "eslint-plugin-testing-library": "~6.2.0",
+    "eslint": "~8.56.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.2.2",
+    "vite": "~5.0.6",
+    "vitest": "~1.2.0",
+    "@purpurds/component-rig": "1.0.0"
+  },
+  "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,56 @@
+import { Meta, Stories, ArgTypes, Primary, Title, Subtitle } from "@storybook/blocks";
+
+import * as ColorDotStories from "./src/color-dot.stories";
+import packageInfo from "./package.json";
+
+<Meta name="Docs" title="Components/ColorDot" of={ColorDotStories} />
+
+# ColorDot
+
+<Subtitle>Version {packageInfo.version}</Subtitle>
+
+### Showcase
+
+<Primary />
+
+### Properties
+
+<ArgTypes />
+
+### Installation
+
+#### Via NPM
+
+Add the dependency to your consumer app like `"@purpurds/color-dot": "x.y.z"`
+
+#### From outside the monorepo (build-time)
+
+To install this package, you need to setup access to the artifactory. [Click here to go to the guide on how to do that](https://github.com/telia-company/jfrog-documentation/blob/main/doc/JFrog/JFrog_Onboarding.md#getting-access-to-artifactory-and-other-jfrog-applications).
+
+---
+
+In MyApp.tsx
+
+```tsx
+import "@purpurds/tokens/index.css";
+```
+
+and
+
+```tsx
+import "@purpurds/color-dot/styles";
+```
+
+In MyComponent.tsx
+
+```tsx
+import { ColorDot } from "@purpurds/color-dot";
+
+export const MyComponent = () => {
+  return (
+    <div>
+      <ColorDot {...someProps}>Some content</ColorDot>
+    </div>
+  );
+};
+```

package/src/color-dot.module.scss

@@ -0,0 +1,30 @@
+.purpur-color-dot {
+  border-radius: var(--purpur-border-radius-full);
+  height: var(--size);
+  width: var(--size);
+
+  &--xs {
+    --size: var(--purpur-spacing-150);
+  }
+
+  &--sm {
+    --size: var(--purpur-spacing-300);
+  }
+
+  &--md {
+    --size: var(--purpur-spacing-400);
+  }
+
+  &--lg {
+    --size: var(--purpur-spacing-600);
+  }
+
+  &--with-border {
+    --border-width: var(--purpur-border-width-xs);
+
+    box-shadow: 0 0 0 var(--border-width) var(--purpur-color-border-medium);
+    height: calc(var(--size) - var(--border-width) * 2);
+    margin: var(--border-width);
+    width: calc(var(--size) - var(--border-width) * 2);
+  }
+}

package/src/color-dot.stories.tsx

@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { ColorDot, colorDotSizes } from "./color-dot";
+
+const meta: Meta<typeof ColorDot> = {
+  title: "Components/ColorDot",
+  component: ColorDot,
+  parameters: {
+    design: [
+      {
+        name: "ColorDot",
+        type: "figma",
+        url:
+          "https://www.figma.com/file/XEaIIFskrrxIBHMZDkIuIg/Purpur-DS---Component-Library?type=design&node-id=15231%3A11910&mode=design&t=TTWh3P41D9X0QeNO-1",
+      },
+    ],
+  },
+  argTypes: {
+    color: {
+      control: { type: "color" },
+    },
+    size: {
+      control: { type: "select" },
+      options: colorDotSizes,
+    },
+    withBorder: {
+      control: { type: "boolean" },
+    },
+  },
+};
+export default meta;
+
+type Story = StoryObj<typeof ColorDot>;
+
+export const Showcase: Story = {
+  args: {
+    color: "#990ae3",
+    size: "md",
+    withBorder: false,
+  },
+};

package/src/color-dot.test.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import * as matchers from "@testing-library/jest-dom/matchers";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+
+import { ColorDot } from "./color-dot";
+
+expect.extend(matchers);
+
+describe("ColorDot", () => {
+  it("should use the color prop as background color", () => {
+    render(<ColorDot color="#000000" size="md" data-testid="color-dot" />);
+
+    expect(screen.getByTestId("color-dot")).toHaveStyle("background-color: #000000");
+  });
+});

package/src/color-dot.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import c from "classnames";
+
+import styles from "./color-dot.module.scss";
+const rootClassName = "purpur-color-dot";
+
+export const COLOR_DOT_SIZE = {
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg",
+} as const;
+
+export const colorDotSizes = Object.values(COLOR_DOT_SIZE);
+export type ColorDotSize = (typeof COLOR_DOT_SIZE)[keyof typeof COLOR_DOT_SIZE];
+
+export type ColorDotProps = {
+  color: string;
+  ["data-testid"]?: string;
+  size: ColorDotSize;
+  withBorder?: boolean;
+};
+export const ColorDot = ({
+  color,
+  ["data-testid"]: dataTestid,
+  size,
+  withBorder,
+  ...props
+}: ColorDotProps) => (
+  <div
+    className={c([
+      styles[rootClassName],
+      styles[`${rootClassName}--${size}`],
+      { [styles[`${rootClassName}--with-border`]]: withBorder },
+    ])}
+    data-testid={dataTestid}
+    style={{
+      backgroundColor: color,
+    }}
+    {...props}
+  />
+);

package/src/global.d.ts

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