@purpurds/color-dot 7.6.0 → 7.7.0

package/dist/color-dot.cjs.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"color-dot.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.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, { type DetailedHTMLProps, type HTMLAttributes } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./color-dot.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\n\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[number];\n\ntype InheritedProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nexport type ColorDotProps = {\n  color: string;\n  [\"data-testid\"]?: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n} & InheritedProps;\n\nexport const ColorDot = ({\n  color,\n  [\"data-testid\"]: dataTestid,\n  size,\n  withBorder,\n  className,\n  ...props\n}: ColorDotProps) => (\n  <div\n    {...props}\n    className={cx([\n      className,\n      rootClassName,\n      `${rootClassName}--${size}`,\n      { [`${rootClassName}--with-border`]: withBorder },\n    ])}\n    data-testid={dataTestid}\n    style={{\n      backgroundColor: color,\n    }}\n  />\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","COLOR_DOT_SIZE","ColorDot","color","dataTestid","size","withBorder","className","props","jsx"],"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,sYCvEMU,EAAKC,EAAE,KAAKC,CAAM,EAClBC,EAAgB,mBAETC,EAAiB,CAAC,KAAM,KAAM,KAAM,IAAI,EAaxCC,EAAW,CAAC,CACvB,MAAAC,EACA,CAAC,eAAgBC,EACjB,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,IAAC,MAAA,CACE,GAAGD,EACJ,UAAWX,EAAG,CACZU,EACAP,EACA,GAAGA,CAAa,KAAKK,CAAI,GACzB,CAAE,CAAC,GAAGL,CAAa,eAAe,EAAGM,CAAW,CAAA,CACjD,EACD,cAAaF,EACb,MAAO,CACL,gBAAiBD,CAAA,CACnB,CACF","x_google_ignoreList":[0]}
+{"version":3,"file":"color-dot.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.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 from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./color-dot.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\n\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[number];\n\nexport type ColorDotProps = Omit<BaseProps, \"children\"> & {\n  color: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n};\n\nexport const ColorDot = ({\n  color,\n  size,\n  withBorder,\n  className,\n  style = {},\n  ...props\n}: ColorDotProps) => (\n  <div\n    {...props}\n    className={cx(className, rootClassName, `${rootClassName}--${size}`, {\n      [`${rootClassName}--with-border`]: withBorder,\n    })}\n    style={{\n      ...style,\n      backgroundColor: color,\n    }}\n  />\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","COLOR_DOT_SIZE","ColorDot","color","size","withBorder","className","style","props","jsx"],"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,sYCtEMU,EAAKC,EAAE,KAAKC,CAAM,EAClBC,EAAgB,mBAETC,EAAiB,CAAC,KAAM,KAAM,KAAM,IAAI,EAUxCC,EAAW,CAAC,CACvB,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,GAAGC,CACL,IACEC,EAAA,IAAC,MAAA,CACE,GAAGD,EACJ,UAAWX,EAAGS,EAAWN,EAAe,GAAGA,CAAa,KAAKI,CAAI,GAAI,CACnE,CAAC,GAAGJ,CAAa,eAAe,EAAGK,CAAA,CACpC,EACD,MAAO,CACL,GAAGE,EACH,gBAAiBJ,CAAA,CACnB,CACF","x_google_ignoreList":[0]}

package/dist/color-dot.d.ts

@@ -1,14 +1,12 @@
-import { default as React, DetailedHTMLProps, HTMLAttributes } from 'react';
+import { default as React } from 'react';
+import { BaseProps } from '@purpurds/common-types';
 
 export declare const COLOR_DOT_SIZE: readonly ["xs", "sm", "md", "lg"];
 export type ColorDotSize = (typeof COLOR_DOT_SIZE)[number];
-type InheritedProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-export type ColorDotProps = {
+export type ColorDotProps = Omit<BaseProps, "children"> & {
     color: string;
-    ["data-testid"]?: string;
     size: ColorDotSize;
     withBorder?: boolean;
-} & InheritedProps;
-export declare const ColorDot: ({ color, ["data-testid"]: dataTestid, size, withBorder, className, ...props }: ColorDotProps) => React.JSX.Element;
-export {};
+};
+export declare const ColorDot: ({ color, size, withBorder, className, style, ...props }: ColorDotProps) => React.JSX.Element;
 //# sourceMappingURL=color-dot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"color-dot.d.ts","sourceRoot":"","sources":["../src/color-dot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ3E,eAAO,MAAM,cAAc,mCAAoC,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,KAAK,cAAc,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;AAExF,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,GAAG,cAAc,CAAC;AAEnB,eAAO,MAAM,QAAQ,kFAOlB,aAAa,sBAcf,CAAC"}
+{"version":3,"file":"color-dot.d.ts","sourceRoot":"","sources":["../src/color-dot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAQxD,eAAO,MAAM,cAAc,mCAAoC,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,QAAQ,4DAOlB,aAAa,sBAWf,CAAC"}

package/dist/color-dot.es.js

@@ -1,6 +1,6 @@
-import { jsx as l } from "react/jsx-runtime";
-function a(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+import { jsx as d } from "react/jsx-runtime";
+function f(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var i = { exports: {} };
 /*!
@@ -8,15 +8,15 @@ var i = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var d;
-function f() {
-  return d || (d = 1, function(o) {
+var l;
+function a() {
+  return l || (l = 1, function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var e = {}.hasOwnProperty;
       function n() {
-        for (var r = "", t = 0; t < arguments.length; t++) {
-          var s = arguments[t];
-          s && (r = e(r, p.call(this, s)));
+        for (var r = "", o = 0; o < arguments.length; o++) {
+          var s = arguments[o];
+          s && (r = u(r, p.call(this, s)));
         }
         return r;
       }
@@ -29,20 +29,20 @@ function f() {
           return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var t = "";
+        var o = "";
         for (var s in r)
-          u.call(r, s) && r[s] && (t = e(t, this && this[s] || s));
-        return t;
+          e.call(r, s) && r[s] && (o = u(o, this && this[s] || s));
+        return o;
       }
-      function e(r, t) {
-        return t ? r ? r + " " + t : r + t : r;
+      function u(r, o) {
+        return o ? r ? r + " " + o : r + o : r;
       }
-      o.exports ? (n.default = n, o.exports = n) : window.classNames = n;
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(i)), i.exports;
 }
-var _ = f();
-const m = /* @__PURE__ */ a(_), h = {
+var _ = a();
+const m = /* @__PURE__ */ f(_), h = {
   "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",
@@ -50,25 +50,22 @@ const m = /* @__PURE__ */ a(_), h = {
   "purpur-color-dot--lg": "_purpur-color-dot--lg_1n98k_15",
   "purpur-color-dot--with-border": "_purpur-color-dot--with-border_1n98k_18"
 }, b = m.bind(h), c = "purpur-color-dot", y = ["xs", "sm", "md", "lg"], v = ({
-  color: o,
-  ["data-testid"]: u,
-  size: n,
-  withBorder: p,
-  className: e,
+  color: t,
+  size: e,
+  withBorder: n,
+  className: p,
+  style: u = {},
   ...r
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ d(
   "div",
   {
     ...r,
-    className: b([
-      e,
-      c,
-      `${c}--${n}`,
-      { [`${c}--with-border`]: p }
-    ]),
-    "data-testid": u,
+    className: b(p, c, `${c}--${e}`, {
+      [`${c}--with-border`]: n
+    }),
     style: {
-      backgroundColor: o
+      ...u,
+      backgroundColor: t
     }
   }
 );

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

@@ -1 +1 @@
-{"version":3,"file":"color-dot.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.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, { type DetailedHTMLProps, type HTMLAttributes } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./color-dot.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\n\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[number];\n\ntype InheritedProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nexport type ColorDotProps = {\n  color: string;\n  [\"data-testid\"]?: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n} & InheritedProps;\n\nexport const ColorDot = ({\n  color,\n  [\"data-testid\"]: dataTestid,\n  size,\n  withBorder,\n  className,\n  ...props\n}: ColorDotProps) => (\n  <div\n    {...props}\n    className={cx([\n      className,\n      rootClassName,\n      `${rootClassName}--${size}`,\n      { [`${rootClassName}--with-border`]: withBorder },\n    ])}\n    data-testid={dataTestid}\n    style={{\n      backgroundColor: color,\n    }}\n  />\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","COLOR_DOT_SIZE","ColorDot","color","dataTestid","size","withBorder","className","props","jsx"],"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;;;;;;;;;;;GCvEMU,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,oBAETC,IAAiB,CAAC,MAAM,MAAM,MAAM,IAAI,GAaxCC,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,CAAC,gBAAgBC;AAAA,EACjB,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,WAAWX,EAAG;AAAA,MACZU;AAAA,MACAP;AAAA,MACA,GAAGA,CAAa,KAAKK,CAAI;AAAA,MACzB,EAAE,CAAC,GAAGL,CAAa,eAAe,GAAGM,EAAW;AAAA,IAAA,CACjD;AAAA,IACD,eAAaF;AAAA,IACb,OAAO;AAAA,MACL,iBAAiBD;AAAA,IAAA;AAAA,EACnB;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"color-dot.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.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 from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./color-dot.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-color-dot\";\n\nexport const COLOR_DOT_SIZE = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\n\nexport type ColorDotSize = (typeof COLOR_DOT_SIZE)[number];\n\nexport type ColorDotProps = Omit<BaseProps, \"children\"> & {\n  color: string;\n  size: ColorDotSize;\n  withBorder?: boolean;\n};\n\nexport const ColorDot = ({\n  color,\n  size,\n  withBorder,\n  className,\n  style = {},\n  ...props\n}: ColorDotProps) => (\n  <div\n    {...props}\n    className={cx(className, rootClassName, `${rootClassName}--${size}`, {\n      [`${rootClassName}--with-border`]: withBorder,\n    })}\n    style={{\n      ...style,\n      backgroundColor: color,\n    }}\n  />\n);\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","COLOR_DOT_SIZE","ColorDot","color","size","withBorder","className","style","props","jsx"],"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;;;;;;;;;;;GCtEMU,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,oBAETC,IAAiB,CAAC,MAAM,MAAM,MAAM,IAAI,GAUxCC,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,WAAWX,EAAGS,GAAWN,GAAe,GAAGA,CAAa,KAAKI,CAAI,IAAI;AAAA,MACnE,CAAC,GAAGJ,CAAa,eAAe,GAAGK;AAAA,IAAA,CACpC;AAAA,IACD,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,iBAAiBJ;AAAA,IAAA;AAAA,EACnB;AACF;","x_google_ignoreList":[0]}

package/package.json

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

package/src/color-dot.tsx

@@ -1,4 +1,5 @@
-import React, { type DetailedHTMLProps, type HTMLAttributes } from "react";
+import React from "react";
+import type { BaseProps } from "@purpurds/common-types";
 import c from "classnames/bind";
 
 import styles from "./color-dot.module.scss";
@@ -10,33 +11,27 @@ export const COLOR_DOT_SIZE = ["xs", "sm", "md", "lg"] as const;
 
 export type ColorDotSize = (typeof COLOR_DOT_SIZE)[number];
 
-type InheritedProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-
-export type ColorDotProps = {
+export type ColorDotProps = Omit<BaseProps, "children"> & {
   color: string;
-  ["data-testid"]?: string;
   size: ColorDotSize;
   withBorder?: boolean;
-} & InheritedProps;
+};
 
 export const ColorDot = ({
   color,
-  ["data-testid"]: dataTestid,
   size,
   withBorder,
   className,
+  style = {},
   ...props
 }: ColorDotProps) => (
   <div
     {...props}
-    className={cx([
-      className,
-      rootClassName,
-      `${rootClassName}--${size}`,
-      { [`${rootClassName}--with-border`]: withBorder },
-    ])}
-    data-testid={dataTestid}
+    className={cx(className, rootClassName, `${rootClassName}--${size}`, {
+      [`${rootClassName}--with-border`]: withBorder,
+    })}
     style={{
+      ...style,
       backgroundColor: color,
     }}
   />