@gobolt/genesis 0.2.8 → 0.2.9

package/dist/_virtual/index5.cjs

@@ -1 +1 @@
-"use strict";const r=require("./_commonjsHelpers.cjs"),e=require("../node_modules/copy-to-clipboard/index.cjs");var o=e.__require();const s=r.getDefaultExportFromCjs(o);module.exports=s;
+"use strict";const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/debounce/index.cjs");var o=r.__require();const s=e.getDefaultExportFromCjs(o);module.exports=s;

package/dist/_virtual/index5.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/copy-to-clipboard/index.js";
-var p = r();
-const a = /* @__PURE__ */ o(p);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/debounce/index.js";
+var o = /* @__PURE__ */ r();
+const a = /* @__PURE__ */ e(o);
 export {
   a as default
 };

package/dist/_virtual/index6.cjs

@@ -1 +1 @@
-"use strict";const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/debounce/index.cjs");var o=r.__require();const s=e.getDefaultExportFromCjs(o);module.exports=s;
+"use strict";const r=require("./_commonjsHelpers.cjs"),e=require("../node_modules/copy-to-clipboard/index.cjs");var o=e.__require();const s=r.getDefaultExportFromCjs(o);module.exports=s;

package/dist/_virtual/index6.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/debounce/index.js";
-var o = /* @__PURE__ */ r();
-const a = /* @__PURE__ */ e(o);
+import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/copy-to-clipboard/index.js";
+var p = r();
+const a = /* @__PURE__ */ o(p);
 export {
   a as default
 };

package/dist/components/Select/Select.d.ts

@@ -10,7 +10,7 @@ export interface SelectProps extends Omit<AntSelectProps, "variant"> {
     }[];
     variant?: "simple" | "none";
     defaultValue?: string | string[] | number | number[] | unknown;
-    onChange?: (value: string) => void;
+    onChange?: (value: string | string[]) => void;
 }
 declare const Select: ({ type, state, variant, defaultValue, onChange, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/dist/components/Select/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),g=require("../../node_modules/antd/es/select/index.cjs"),f=a.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),b=require("../../node_modules/antd/es/select/index.cjs"),h=a.div`
   position: relative;
   border: 2px solid transparent;
   background-color: transparent;
@@ -16,7 +16,7 @@
   .ant-select-dropdown {
     animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
   }
-`,h=e=>`all ${e.motion.veryfast}s ease-in-out`,$=(e,t,o,r)=>`
+`,f=e=>`all ${e.motion.veryfast}s ease-in-out`,$=(e,t,o,r)=>`
     &.ant-select {
       background-color: ${e.surface.secondary};
       border-color: ${e.surface.secondary};
@@ -29,7 +29,7 @@
         margin: 0px;  
       }
     }
-  `,m=({colors:e,sizing:t,typography:o,borderRadius:r},n,i,b)=>{var s,d,c,l,p,u;return b==="simple"?$(e,n,i,r):`
+  `,m=({colors:e,sizing:t,typography:o,borderRadius:r},n,i,g)=>{var s,d,c,l,p,u;return g==="simple"?$(e,n,i,r):`
     &.ant-select {
 
       font-size: ${t.Size4}px;
@@ -53,16 +53,32 @@
         padding-left: 4px;
         height: auto !important;
         min-height: 32px !important;
+        background-color: transparent !important;
 
         .ant-select-selection-overflow {
-          flex-wrap: wrap;
+          flex-wrap: nowrap;
           gap: 4px;
-          padding: 4px 0;
+          padding: 0;
+          height: 30px;
+          align-items: center;
         }
 
         .ant-select-selection-item {
           margin-top: 0;
           margin-bottom: 0;
+          background: transparent;
+          border: none;
+          height: 24px;
+          line-height: 24px;
+          padding-right: 0;
+        }
+
+        .ant-select-selection-overflow-item-suffix {
+          position: absolute;
+          right: 0;
+          height: 30px;
+          display: flex;
+          align-items: center;
         }
       }
 
@@ -111,7 +127,7 @@
     }
   `},x=a.div`
   .ant-select-item-option {
-    transition: ${({theme:e,type:t})=>h(e)};
+    transition: ${({theme:e,type:t})=>f(e)};
     border-radius: 0px;
 
     &:hover {
@@ -151,6 +167,6 @@
   &.ant-slide-up-leave {
     animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
   }
-`,v=a(g)`
+`,v=a(b)`
   ${({theme:e,type:t="primary",state:o="active",$variant:r="none"})=>m(e,t,o,r)}
-`;exports.Select=v;exports.SelectDropdown=y;exports.SelectWrapper=f;exports.StyledMenuItem=x;exports.getGenesisClass=m;
+`;exports.Select=v;exports.SelectDropdown=y;exports.SelectWrapper=h;exports.StyledMenuItem=x;exports.getGenesisClass=m;

package/dist/components/Select/styles.js

@@ -1,5 +1,5 @@
 import a from "styled-components";
-import b from "../../node_modules/antd/es/select/index.js";
+import g from "../../node_modules/antd/es/select/index.js";
 const v = a.div`
   position: relative;
   border: 2px solid transparent;
@@ -18,7 +18,7 @@ const v = a.div`
   .ant-select-dropdown {
     animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
   }
-`, g = (e) => `all ${e.motion.veryfast}s ease-in-out`, f = (e, t, o, r) => `
+`, b = (e) => `all ${e.motion.veryfast}s ease-in-out`, h = (e, t, o, r) => `
     &.ant-select {
       background-color: ${e.surface.secondary};
       border-color: ${e.surface.secondary};
@@ -31,9 +31,9 @@ const v = a.div`
         margin: 0px;  
       }
     }
-  `, h = ({ colors: e, sizing: t, typography: o, borderRadius: r }, n, i, m) => {
-  var d, s, c, p, l, u;
-  return m === "simple" ? f(e, n, i, r) : `
+  `, f = ({ colors: e, sizing: t, typography: o, borderRadius: r }, n, i, m) => {
+  var s, d, c, p, l, u;
+  return m === "simple" ? h(e, n, i, r) : `
     &.ant-select {
 
       font-size: ${t.Size4}px;
@@ -47,7 +47,7 @@ const v = a.div`
       height: auto;
       min-height: 32px;
 
-      background-color:  ${((s = (d = e == null ? void 0 : e[n]) == null ? void 0 : d[i]) == null ? void 0 : s.backgroundColor) ?? "#fff"}
+      background-color:  ${((d = (s = e == null ? void 0 : e[n]) == null ? void 0 : s[i]) == null ? void 0 : d.backgroundColor) ?? "#fff"}
       
       border-radius: ${r.BorderRadiusMd}px;
       gap: ${t.Size2}px;
@@ -57,16 +57,32 @@ const v = a.div`
         padding-left: 4px;
         height: auto !important;
         min-height: 32px !important;
+        background-color: transparent !important;
 
         .ant-select-selection-overflow {
-          flex-wrap: wrap;
+          flex-wrap: nowrap;
           gap: 4px;
-          padding: 4px 0;
+          padding: 0;
+          height: 30px;
+          align-items: center;
         }
 
         .ant-select-selection-item {
           margin-top: 0;
           margin-bottom: 0;
+          background: transparent;
+          border: none;
+          height: 24px;
+          line-height: 24px;
+          padding-right: 0;
+        }
+
+        .ant-select-selection-overflow-item-suffix {
+          position: absolute;
+          right: 0;
+          height: 30px;
+          display: flex;
+          align-items: center;
         }
       }
 
@@ -116,7 +132,7 @@ const v = a.div`
   `;
 }, y = a.div`
   .ant-select-item-option {
-    transition: ${({ theme: e, type: t }) => g(e)};
+    transition: ${({ theme: e, type: t }) => b(e)};
     border-radius: 0px;
 
     &:hover {
@@ -156,13 +172,13 @@ const v = a.div`
   &.ant-slide-up-leave {
     animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
   }
-`, w = a(b)`
-  ${({ theme: e, type: t = "primary", state: o = "active", $variant: r = "none" }) => h(e, t, o, r)}
+`, w = a(g)`
+  ${({ theme: e, type: t = "primary", state: o = "active", $variant: r = "none" }) => f(e, t, o, r)}
 `;
 export {
   w as Select,
   k as SelectDropdown,
   v as SelectWrapper,
   y as StyledMenuItem,
-  h as getGenesisClass
+  f as getGenesisClass
 };

package/dist/components/Table/TableControls/PrimaryTableControlsRow.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/index6.cjs"),I=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),f=require("../../Typography/Typography.cjs"),k=require("../../Select/Select.cjs"),S=require("../../Button/IconButton.cjs"),b=({sortOptions:s,searchByPlaceholder:p="",searchField:x="address",isSortedAscending:n=!0,onChange:t})=>{const a=i=>{const v={event:"inputChange",payload:{value:i.target.value,field:x}};q(()=>{t==null||t(v)},200)()},r=i=>{const u={event:"primaryChange",payload:{value:i}};t==null||t(u)},l=()=>{const i={event:"filterClick",payload:{}};t==null||t(i)},o=()=>{const i={event:"settingsClick",payload:{}};t==null||t(i)},y=()=>{const i={event:"orderClick",payload:{value:n?"desc":"asc"}};t==null||t(i)};return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(I,{size:"normal",placeholder:p,prefix:e.jsx(c.HiSearch,{}),style:{padding:"5px 8px"},onChange:a}),l&&e.jsx(d,{isIconButton:!0,icon:e.jsx(j.HiMiniAdjustmentsVertical,{}),onClick:l}),o&&e.jsx(d,{isIconButton:!0,icon:e.jsx(m.FiSettings,{}),onClick:o})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(f,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),s&&r?e.jsx(k,{options:s,defaultValue:s[0].value,variant:"simple",onChange:r}):null,e.jsx(S,{icon:n?e.jsx(c.HiOutlineSortDescending,{}):e.jsx(c.HiOutlineSortAscending,{}),onClick:y})]})]})};module.exports=b;
+"use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/index5.cjs"),I=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),f=require("../../Typography/Typography.cjs"),k=require("../../Select/Select.cjs"),S=require("../../Button/IconButton.cjs"),b=({sortOptions:s,searchByPlaceholder:p="",searchField:x="address",isSortedAscending:n=!0,onChange:t})=>{const a=i=>{const v={event:"inputChange",payload:{value:i.target.value,field:x}};q(()=>{t==null||t(v)},200)()},r=i=>{const u={event:"primaryChange",payload:{value:i}};t==null||t(u)},l=()=>{const i={event:"filterClick",payload:{}};t==null||t(i)},o=()=>{const i={event:"settingsClick",payload:{}};t==null||t(i)},y=()=>{const i={event:"orderClick",payload:{value:n?"desc":"asc"}};t==null||t(i)};return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(I,{size:"normal",placeholder:p,prefix:e.jsx(c.HiSearch,{}),style:{padding:"5px 8px"},onChange:a}),l&&e.jsx(d,{isIconButton:!0,icon:e.jsx(j.HiMiniAdjustmentsVertical,{}),onClick:l}),o&&e.jsx(d,{isIconButton:!0,icon:e.jsx(m.FiSettings,{}),onClick:o})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(f,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),s&&r?e.jsx(k,{options:s,defaultValue:s[0].value,variant:"simple",onChange:r}):null,e.jsx(S,{icon:n?e.jsx(c.HiOutlineSortDescending,{}):e.jsx(c.HiOutlineSortAscending,{}),onClick:y})]})]})};module.exports=b;

package/dist/components/Table/TableControls/PrimaryTableControlsRow.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { HiMiniAdjustmentsVertical as v } from "../../../node_modules/react-icons/hi2/index.js";
 import { HiSearch as I, HiOutlineSortDescending as k, HiOutlineSortAscending as x } from "../../../node_modules/react-icons/hi/index.js";
 import { FiSettings as b } from "../../../node_modules/react-icons/fi/index.js";
-import S from "../../../_virtual/index6.js";
+import S from "../../../_virtual/index5.js";
 import A from "../../Input/Input.js";
 import d from "../../Button/UtilityButton.js";
 import E from "../../Typography/Typography.js";

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs

@@ -1 +1 @@
-"use strict";const v=require("react"),m=require("../../../../../_virtual/index5.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;
+"use strict";const v=require("react"),m=require("../../../../../_virtual/index6.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js

@@ -1,5 +1,5 @@
 import * as d from "react";
-import m from "../../../../../_virtual/index5.js";
+import m from "../../../../../_virtual/index6.js";
 import v from "../../../../rc-util/es/hooks/useEvent.js";
 import C from "../../_util/toList.js";
 var h = function(l, o, c, f) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",