@seeqdev/qomponents 0.0.57 → 0.0.59

package/dist/styles.css

@@ -1860,6 +1860,11 @@ ol,
     margin-bottom: 1.5rem;
 }
 
+.tw-my-\[8px\] {
+    margin-top: 8px;
+    margin-bottom: 8px;
+}
+
 .-tw-mt-\[1px\] {
     margin-top: -1px;
 }
@@ -1876,6 +1881,10 @@ ol,
     margin-bottom: 0px;
 }
 
+.tw-mb-4 {
+    margin-bottom: 1rem;
+}
+
 .tw-mb-5 {
     margin-bottom: 1.25rem;
 }
@@ -1928,6 +1937,14 @@ ol,
     margin-top: 0.375rem;
 }
 
+.tw-mt-2 {
+    margin-top: 0.5rem;
+}
+
+.tw-mt-\[-2px\] {
+    margin-top: -2px;
+}
+
 .tw-inline-block {
     display: inline-block;
 }
@@ -1956,10 +1973,22 @@ ol,
     height: 10px;
 }
 
+.tw-h-\[1px\] {
+    height: 1px;
+}
+
+.tw-h-\[27px\] {
+    height: 27px;
+}
+
 .tw-h-\[45px\] {
     height: 45px;
 }
 
+.tw-h-\[6px\] {
+    height: 6px;
+}
+
 .tw-h-full {
     height: 100%;
 }
@@ -1976,14 +2005,26 @@ ol,
     width: 0.875rem;
 }
 
+.tw-w-72 {
+    width: 18rem;
+}
+
 .tw-w-\[10px\] {
     width: 10px;
 }
 
+.tw-w-\[18px\] {
+    width: 18px;
+}
+
 .tw-w-\[200px\] {
     width: 200px;
 }
 
+.tw-w-\[6px\] {
+    width: 6px;
+}
+
 .tw-w-full {
     width: 100%;
 }
@@ -2164,6 +2205,10 @@ ol,
     gap: 0px !important;
 }
 
+.tw-gap-1 {
+    gap: 0.25rem;
+}
+
 .tw-gap-4 {
     gap: 1rem;
 }
@@ -2184,6 +2229,10 @@ ol,
     border-radius: 0.25rem;
 }
 
+.tw-rounded-full {
+    border-radius: 9999px;
+}
+
 .tw-rounded-lg {
     border-radius: 0.5rem;
 }
@@ -2248,6 +2297,10 @@ ol,
     border-left-width: 0px;
 }
 
+.tw-border-r {
+    border-right-width: 1px;
+}
+
 .tw-border-r-0 {
     border-right-width: 0px;
 }
@@ -2278,6 +2331,11 @@ ol,
     border-color: rgb(var(--sq-color-dark));
 }
 
+.tw-border-sq-color-dark-dark {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark-dark));
+}
+
 .tw-border-sq-danger-color {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-danger-color));
@@ -2293,6 +2351,11 @@ ol,
     border-color: rgb(var(--sq-icon));
 }
 
+.tw-border-sq-light-gray {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-light-gray));
+}
+
 .tw-border-sq-warning-color {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-warning-color));
@@ -2376,6 +2439,22 @@ ol,
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.tw-fill-transparent {
+    fill: transparent;
+}
+
+.tw-fill-white {
+    fill: #fff;
+}
+
+.tw-stroke-slate-300 {
+    stroke: #cbd5e1;
+}
+
+.tw-stroke-2 {
+    stroke-width: 2;
+}
+
 .\!tw-p-0 {
     padding: 0px !important;
 }
@@ -2438,6 +2517,11 @@ ol,
     padding-right: 1.5rem;
 }
 
+.tw-px-\[19px\] {
+    padding-left: 19px;
+    padding-right: 19px;
+}
+
 .tw-px-\[5px\] {
     padding-left: 5px;
     padding-right: 5px;
@@ -2557,6 +2641,10 @@ ol,
     font-style: italic;
 }
 
+.tw-leading-none {
+    line-height: 1;
+}
+
 .tw-leading-normal {
     line-height: 1.5;
 }
@@ -2885,6 +2973,11 @@ ol,
     color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.focus-within\:tw-outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
 .hover\:tw-cursor-pointer:hover {
     cursor: pointer;
 }
@@ -2941,6 +3034,11 @@ ol,
     background-color: rgb(var(--sq-color-highlight));
 }
 
+.hover\:tw-bg-sq-colored-hover:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-colored-hover));
+}
+
 .hover\:tw-bg-sq-danger-color-hover:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(212 59 55 / var(--tw-bg-opacity));
@@ -3087,6 +3185,78 @@ ol,
     opacity: 1;
 }
 
+.data-\[disabled\]\:tw-pointer-events-none[data-disabled] {
+    pointer-events: none;
+}
+
+@keyframes tw-slideUpAndFade {
+
+    from {
+        opacity: 0;
+        transform: translateY(2px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.data-\[side\=bottom\]\:tw-animate-slideUpAndFade[data-side=bottom] {
+    animation: tw-slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes tw-slideRightAndFade {
+
+    from {
+        opacity: 0;
+        transform: translateX(-2px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+.data-\[side\=left\]\:tw-animate-slideRightAndFade[data-side=left] {
+    animation: tw-slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes tw-slideLeftAndFade {
+
+    from {
+        opacity: 0;
+        transform: translateX(2px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+.data-\[side\=right\]\:tw-animate-slideLeftAndFade[data-side=right] {
+    animation: tw-slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes tw-slideDownAndFade {
+
+    from {
+        opacity: 0;
+        transform: translateY(-2px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.data-\[side\=top\]\:tw-animate-slideDownAndFade[data-side=top] {
+    animation: tw-slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
 @keyframes tw-slideUp {
 
     from {
@@ -3117,6 +3287,11 @@ ol,
     animation: tw-slideDown 0.3s ease-in-out;
 }
 
+.data-\[disabled\]\:tw-text-sq-disabled-gray[data-disabled] {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-disabled-gray));
+}
+
 .tw-dark .dark\:tw-border-gray-700 {
     --tw-border-opacity: 1;
     border-color: rgb(55 65 81 / var(--tw-border-opacity));
@@ -3182,6 +3357,14 @@ ol,
     background-color: rgb(var(--sq-multi-gray-dark));
 }
 
+.tw-dark .dark\:tw-fill-sq-dark-background {
+    fill: rgb(var(--sq-dark-background));
+}
+
+.tw-dark .dark\:tw-stroke-sq-color-dark-dark {
+    stroke: rgb(var(--sq-color-dark-dark));
+}
+
 .tw-dark .dark\:tw-text-sq-color-dark-dark {
     --tw-text-opacity: 1;
     color: rgb(var(--sq-color-dark-dark));
@@ -3277,6 +3460,11 @@ ol,
     background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
+.tw-dark .hover\:dark\:tw-bg-sq-colored-hover-dark:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-colored-hover-dark));
+}
+
 .tw-dark .dark\:hover\:tw-text-sq-color-dark-dark:hover {
     --tw-text-opacity: 1;
     color: rgb(var(--sq-color-dark-dark));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.js",
@@ -71,9 +71,10 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.1",
     "@radix-ui/react-accordion": "1.1.2",
-    "@radix-ui/react-tabs": "1.0.4",
-    "@radix-ui/react-popover": "1.0.7",
     "@radix-ui/react-dialog": "1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-tabs": "1.0.4",
     "dompurify": "^3.0.5",
     "postcss": "8.4.21",
     "react-select": "5.7.3",

package/dist/Accordion/Accordion.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Root, Item, Trigger, Content } from '@radix-ui/react-accordion';
-const Accordion = ({ accordionItems, defaultValue, value, onItemSelect, disabled, extraClassNames, testId, }) => {
-    return (React.createElement(Root, { className: "rounded-md w-full", type: "single", defaultValue: defaultValue, value: value, collapsible: true, "data-testid": testId, onValueChange: (_value) => onItemSelect(_value) }, accordionItems.map((item) => (React.createElement(Item, { className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-w-full ${extraClassNames || ''}`, key: item.value, disabled: disabled, value: item.value },
-        React.createElement(Trigger, { disabled: disabled, className: `tw-w-full tw-cursor-default` }, item.trigger),
-        React.createElement(Content, { className: `data-[state=open]:tw-animate-slideDown data-[state=closed]:tw-animate-slideUp tw-overflow-hidden ${item.contentClassNames || ''}` }, item.content))))));
-};
-export default Accordion;
-//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAGzE,MAAM,SAAS,GAA4C,CAAC,EAC1D,cAAc,EACd,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,uBACE,MAAM,EACnB,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC9C,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5B,oBAAC,IAAI,IACH,SAAS,EAAE,0DAA0D,eAAe,IAAI,EAAE,EAAE,EAC5F,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,6BAA6B,IAClE,IAAI,CAAC,OAAO,CACL;QACV,oBAAC,OAAO,IACN,SAAS,EAAE,oGACT,IAAI,CAAC,iBAAiB,IAAI,EAC5B,EAAE,IACD,IAAI,CAAC,OAAO,CACL,CACL,CACR,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/Accordion/Accordion.stories.js

@@ -1,109 +0,0 @@
-import React from 'react';
-import Accordion from './Accordion';
-import { QTip } from '../Tooltip/Qtip';
-import Icon from '../Icon';
-import Tabs from '../Tabs';
-import Button from '../Button';
-export default {
-    title: 'Accordion',
-};
-const Trigger = ({ label }) => (React.createElement("div", { className: "tw-flex tw-justify-start tw-items-center tw-border-b tw-px-2 tw-text-sq-color-dark" },
-    React.createElement(Icon, { icon: "fc-arrow-dropdown", extraClassNames: "tw-text-sq-color-dark tw-mr-[0.5rem] tw-text-[12px]", type: "text" }),
-    label));
-const TriggerSecond = ({ label }) => (React.createElement("div", { className: "tw-flex tw-justify-between tw-items-center tw-border-b tw-px-2 tw-text-sq-color-dark tw-py-2" },
-    label,
-    React.createElement(Icon, { icon: "fc-arrow-dropdown", extraClassNames: "tw-text-sq-color-dark tw-mr-[0.5rem] tw-text-[12px]", type: "text" })));
-const renderData = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
-    React.createElement("p", { className: "tw-mb-5 tw-text-[15px] tw-leading-normal" }, "This is a data tab to show details about your data. You can make changes to your account"),
-    React.createElement(Button, { variant: "outline", label: "Save data" })));
-const renderTools = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
-    React.createElement("p", { className: "tw-mb-5 tw-text-[15px] tw-leading-normal" }, "Make changes to your account here. Click save when you're done."),
-    React.createElement(Button, { variant: "outline", label: "Save tools" })));
-const renderJournal = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
-    React.createElement("p", { className: "tw-mb-5 tw-text-[15px] tw-leading-normal" }, "Make changes to your account here. Click save when you're done."),
-    React.createElement(Button, { variant: "outline", label: "Save journal" })));
-const tabsList = [
-    {
-        id: 'data',
-        label: 'Data',
-        icon: 'fc-data',
-        content: renderData(),
-    },
-    {
-        id: 'tools',
-        label: 'Tools',
-        icon: 'fc-gears-2',
-        content: renderTools(),
-    },
-    {
-        id: 'journal',
-        label: 'Journal',
-        icon: 'fc-workbook-lock',
-        content: renderJournal(),
-    },
-];
-export const AllAccordionVariants = () => {
-    const [activeTab, setActiveTab] = React.useState('data');
-    const [value, setValue] = React.useState('oranges');
-    const accordionItems = [
-        {
-            value: 'oranges',
-            id: 'oranges',
-            itemTestId: 'oranges',
-            trigger: React.createElement(Trigger, { label: "Oranges" }),
-            content: (React.createElement("div", { className: "tw-p-2 tw-text-[13px] dark:tw-text-sq-white" }, "Oranges are the fruit of the citrus species Citrus \u00D7 sinensis in the family Rutaceae. They are also called sweet oranges to distinguish them from the related Citrus \u00D7 aurantium, referred to as bitter oranges. They are round and orange, and usually have a sour or bitter taste. Oranges are a good source of vitamin C.")),
-        },
-        {
-            value: 'apples',
-            id: 'apples',
-            itemTestId: 'apples',
-            trigger: React.createElement(Trigger, { label: "Apples" }),
-            content: (React.createElement("div", null,
-                React.createElement("div", { className: "tw-p-4" },
-                    React.createElement(Tabs, { stretchTabs: true, activeTab: activeTab, onTabSelect: setActiveTab, defaultActiveTab: "data", tabs: tabsList })))),
-        },
-        {
-            value: 'bananas',
-            id: 'bananas',
-            trigger: React.createElement(Trigger, { label: "Bananas" }),
-            itemTestId: 'bananas',
-            content: (React.createElement("div", null, "A banana is an elongated, edible fruit \u2013 botanically a berry \u2013 produced by several kinds of large herbaceous flowering plants in the genus Musa. In some countries, bananas used for cooking may be called \"plantains\", distinguishing them from dessert bananas. The fruit is variable in size, color, and firmness, but is usually elongated and curved, with soft flesh rich in starch covered with a rind, which may be green, yellow, red, purple, or brown when ripe.")),
-        },
-        {
-            value: 'pineapples',
-            id: 'pineapples',
-            trigger: React.createElement(Trigger, { label: "Pineapples" }),
-            itemTestId: 'pineapples',
-            content: (React.createElement("div", null, "The pineapple is a tropical plant with an edible fruit and the most economically significant plant in the family Bromeliaceae. The pineapple is indigenous to South America, where it has been cultivated for many centuries. The introduction of the pineapple to Europe in the 17th century made it a significant cultural icon of luxury. Since the 1820s, pineapple has been commercially grown in greenhouses and many tropical plantations.")),
-        },
-    ];
-    const allAccordions = (isDark) => (React.createElement("div", { className: isDark ? 'tw-dark tw-bg-sq-dark-background' : '' },
-        React.createElement("div", { className: "tw-p-5 " },
-            React.createElement(Accordion, { accordionItems: isDark
-                    ? accordionItems
-                    : accordionItems.map((item) => ({ ...item, trigger: React.createElement(TriggerSecond, { label: item.value.toUpperCase() }) })), value: value, testId: "basic-accordion1", onItemSelect: (value) => setValue(value) }))));
-    const renderAllVariations = (isDark) => React.createElement("div", { className: "tw-p-4" }, allAccordions(isDark));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "tw-grid tw-grid-cols-3 tw-gap-4" },
-            React.createElement(QTip, null),
-            React.createElement("div", { className: "color_topic" },
-                React.createElement("b", null, "Topic Colors"),
-                renderAllVariations()),
-            React.createElement("div", { className: "color_analysis" },
-                React.createElement("b", null, "Analysis Colors"),
-                renderAllVariations()),
-            React.createElement("div", { className: "color_datalab" },
-                React.createElement("b", null, "Datalab Colors"),
-                renderAllVariations())),
-        React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background tw-grid tw-grid-cols-3 tw-gap-4 tw-py-4" },
-            React.createElement("div", { className: "color_topic dark:tw-text-sq-white tw-text-center" },
-                React.createElement("b", null, "Topic Colors"),
-                renderAllVariations(true)),
-            React.createElement("div", { className: "color_analysis dark:tw-text-sq-white tw-text-center" },
-                React.createElement("b", null, "Analysis Colors"),
-                renderAllVariations(true)),
-            React.createElement("div", { className: "color_datalab dark:tw-text-sq-white tw-text-center" },
-                React.createElement("b", null, "Datalab Colors"),
-                renderAllVariations(true)))));
-};
-//# sourceMappingURL=Accordion.stories.js.map

package/dist/Accordion/Accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,eAAe;IACb,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE,CAAC,CAChD,6BAAK,SAAS,EAAC,oFAAoF;IACjG,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,eAAe,EAAC,qDAAqD,EAAC,IAAI,EAAC,MAAM,GAAG;IAClH,KAAK,CACF,CACP,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE,CAAC,CACtD,6BAAK,SAAS,EAAC,8FAA8F;IAC1G,KAAK;IACN,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,eAAe,EAAC,qDAAqD,EAAC,IAAI,EAAC,MAAM,GAAG,CAC/G,CACP,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,6BAAK,SAAS,EAAC,6CAA6C;IAC1D,2BAAG,SAAS,EAAC,0CAA0C,+FAEnD;IACJ,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,GAAG,CAC1C,CACP,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,6CAA6C;IAC1D,2BAAG,SAAS,EAAC,0CAA0C,sEAEnD;IACJ,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,YAAY,GAAG,CAC3C,CACP,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,6BAAK,SAAS,EAAC,6CAA6C;IAC1D,2BAAG,SAAS,EAAC,0CAA0C,sEAEnD;IACJ,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,GAAG,CAC7C,CACP,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf;QACE,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,UAAU,EAAE;KACtB;IACD;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,WAAW,EAAE;KACvB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,kBAAkB;QACxB,OAAO,EAAE,aAAa,EAAE;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG;QACrB;YACE,KAAK,EAAE,SAAS;YAChB,EAAE,EAAE,SAAS;YACb,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,oBAAC,OAAO,IAAC,KAAK,EAAC,SAAS,GAAG;YACpC,OAAO,EAAE,CACP,6BAAK,SAAS,EAAC,6CAA6C,6UAItD,CACP;SACF;QACD;YACE,KAAK,EAAE,QAAQ;YACf,EAAE,EAAE,QAAQ;YACZ,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,oBAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,GAAG;YACnC,OAAO,EAAE,CACP;gBACE,6BAAK,SAAS,EAAC,QAAQ;oBACrB,oBAAC,IAAI,IACH,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,YAAY,EACzB,gBAAgB,EAAC,MAAM,EACvB,IAAI,EAAE,QAAQ,GACd,CACE,CACF,CACP;SACF;QACD;YACE,KAAK,EAAE,SAAS;YAChB,EAAE,EAAE,SAAS;YACb,OAAO,EAAE,oBAAC,OAAO,IAAC,KAAK,EAAC,SAAS,GAAG;YACpC,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,CACP,2fAMM,CACP;SACF;QACD;YACE,KAAK,EAAE,YAAY;YACnB,EAAE,EAAE,YAAY;YAChB,OAAO,EAAE,oBAAC,OAAO,IAAC,KAAK,EAAC,YAAY,GAAG;YACvC,UAAU,EAAE,YAAY;YACxB,OAAO,EAAE,CACP,qdAMM,CACP;SACF;KACF,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,MAAgB,EAAE,EAAE,CAAC,CAC1C,6BAAK,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE;QAC9D,6BAAK,SAAS,EAAC,SAAS;YACtB,oBAAC,SAAS,IACR,cAAc,EACZ,MAAM;oBACJ,CAAC,CAAC,cAAc;oBAChB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,oBAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,GAAI,EAAE,CAAC,CAAC,EAE9G,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,kBAAkB,EACzB,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACxC,CACE,CACF,CACP,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,MAAgB,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,QAAQ,IAAE,aAAa,CAAC,MAAM,CAAC,CAAO,CAAC;IAExG,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,iCAAiC;YAC9C,oBAAC,IAAI,OAAG;YACR,6BAAK,SAAS,EAAC,aAAa;gBAC1B,8CAAmB;gBAClB,mBAAmB,EAAE,CAClB;YAEN,6BAAK,SAAS,EAAC,gBAAgB;gBAC7B,iDAAsB;gBACrB,mBAAmB,EAAE,CAClB;YAEN,6BAAK,SAAS,EAAC,eAAe;gBAC5B,gDAAqB;gBACpB,mBAAmB,EAAE,CAClB,CACF;QACN,6BAAK,SAAS,EAAC,0EAA0E;YACvF,6BAAK,SAAS,EAAC,kDAAkD;gBAC/D,8CAAmB;gBAClB,mBAAmB,CAAC,IAAI,CAAC,CACtB;YAEN,6BAAK,SAAS,EAAC,qDAAqD;gBAClE,iDAAsB;gBACrB,mBAAmB,CAAC,IAAI,CAAC,CACtB;YAEN,6BAAK,SAAS,EAAC,oDAAoD;gBACjE,gDAAqB;gBACpB,mBAAmB,CAAC,IAAI,CAAC,CACtB,CACF,CACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/Accordion/Accordion.test.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import Accordion from './Accordion';
-describe('Accordion', () => {
-    const mockOnItemSelect = jest.fn();
-    class Context {
-        testId = 'buttonTestId';
-        label = 'button label';
-        props = {
-            accordionItems: [
-                {
-                    id: 'item1',
-                    value: 'item1',
-                    trigger: 'Item 1',
-                    content: 'Content 1',
-                },
-                {
-                    id: 'item2',
-                    value: 'item2',
-                    trigger: 'Item 2',
-                    content: 'Content 2',
-                },
-            ],
-            defaultValue: 'item1',
-            value: 'item1',
-            onItemSelect: (key) => mockOnItemSelect(key),
-            disabled: false,
-            extraClassNames: 'extra-class',
-            testId: this.testId,
-        };
-    }
-    let tc;
-    beforeEach(() => {
-        tc = new Context();
-    });
-    const renderAccordion = (props) => render(React.createElement(Accordion, { ...props }));
-    it('renders accordion items', () => {
-        renderAccordion(tc.props);
-        expect(screen.getByText('Item 1')).toBeInTheDocument();
-        expect(screen.getByText('Item 2')).toBeInTheDocument();
-    });
-    it('renders accordion content', () => {
-        renderAccordion(tc.props);
-        expect(screen.getByText('Content 1')).toBeInTheDocument();
-        expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
-    });
-    it('calls onItemSelect when an item is selected', async () => {
-        renderAccordion(tc.props);
-        await userEvent.click(screen.getByText('Item 2'));
-        expect(mockOnItemSelect).toHaveBeenCalledWith('item2');
-    });
-});
-//# sourceMappingURL=Accordion.test.js.map

package/dist/Accordion/Accordion.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IACnC,MAAM,OAAO;QACX,MAAM,GAAG,cAAc,CAAC;QACxB,KAAK,GAAG,cAAc,CAAC;QACvB,KAAK,GAAmB;YACtB,cAAc,EAAE;gBACd;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,WAAW;iBACrB;gBACD;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,WAAW;iBACrB;aACF;YACD,YAAY,EAAE,OAAO;YACrB,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC;YAC5C,QAAQ,EAAE,KAAK;YACf,eAAe,EAAE,aAAa;YAC9B,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;KACH;IAED,IAAI,EAAW,CAAC;IAChB,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,MAAM,CAAC,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC,CAAC;IAEpF,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC1D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/Accordion/Accordion.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Accordion.types.js.map

package/dist/Accordion/Accordion.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.types.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.types.ts"],"names":[],"mappings":""}

package/dist/Accordion/index.js

@@ -1,2 +0,0 @@
-export { default } from './Accordion';
-//# sourceMappingURL=index.js.map

package/dist/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/Button/Button.js

@@ -1,87 +0,0 @@
-import React from 'react';
-import '../styles.css';
-import { browserIsFirefox } from '../utils/browserId';
-import Icon from '../Icon';
-import { DEFAULT_TOOL_TIP_DELAY } from '../Tooltip/Tooltip.types';
-/**
- * All-in-one Button:
- *  - use "variant" to achieve the desired style
- *  - include tooltips and/or icons
- */
-const Button = ({ onClick, label, variant = 'outline', type = 'button', size = 'sm', disabled, extraClassNames, id, testId, stopPropagation = true, tooltip, tooltipOptions, iconStyle = 'text', icon, iconColor, iconPrefix = undefined, preventBlur = false, isHtmlTooltip = false, tooltipTestId, }) => {
-    const baseClasses = 'tw-py-1 tw-px-2.5 tw-rounded-sm focus:tw-ring-0 disabled:tw-pointer-events-none';
-    const baseClassesByVariant = {
-        'outline': 'disabled:tw-opacity-50 tw-border-solid tw-border',
-        'theme': 'disabled:tw-opacity-50 tw-border-solid tw-border',
-        'danger': 'tw-bg-sq-danger-color hover:tw-bg-sq-danger-color-hover disabled:tw-opacity-50 tw-border-solid tw-border ' +
-            'tw-border-sq-danger-color hover:tw-border-sq-danger-color-hover',
-        'theme-light': 'disabled:tw-opacity-50 tw-border-solid tw-border',
-        'no-border': 'disabled:tw-opacity-50',
-        'warning': 'tw-bg-sq-warning-color tw-border-solid tw-border tw-border-sq-warning-color',
-    };
-    const textClassesByVariantLightTheme = {
-        'outline': 'tw-text-sq-text-color',
-        'theme': 'tw-text-white',
-        'theme-light': 'tw-text-white',
-        'danger': 'tw-text-white',
-        'no-border': 'tw-text-sq-text-color',
-        'warning': 'tw-text-white',
-    };
-    const textClassesByVariantDarkTheme = {
-        'outline': 'dark:tw-text-sq-dark-text',
-        'theme': 'dark:tw-text-white',
-        'theme-light': 'dark:tw-text-white',
-        'danger': 'dark:tw-text-white',
-        'no-border': 'dark:tw-text-sq-dark-text',
-        'warning': 'dark:tw-text-white',
-    };
-    const classesByVariantLightTheme = {
-        'outline': 'tw-bg-white dark:tw-bg-sq-dark-background tw-border-sq-disabled-gray hover:tw-bg-sq-light-gray' +
-            ' focus:tw-bg-sq-dark-gray active:tw-bg-sq-dark-gray focus:tw-border-sq-color-dark active:tw-border-sq-color-dark',
-        'theme': 'tw-bg-sq-color-dark hover:tw-bg-sq-color-highlight tw-border-sq-color-dark' +
-            ' hover:tw-border-sq-color-highlight',
-        'danger': '',
-        'theme-light': 'tw-bg-sq-icon hover:tw-bg-sq-link tw-border-sq-icon hover:tw-border-sq-link',
-        'no-border': '',
-        'warning': '',
-    };
-    const classesByVariantDarkTheme = {
-        'outline': 'dark:tw-border-sq-dark-disabled-gray dark:hover:tw-bg-sq-highlight-color-dark' +
-            ' dark:focus:tw-bg-sq-multi-gray-dark dark:active:tw-bg-sq-multi-gray-dark dark:focus:tw-border-sq-color-dark' +
-            ' dark:active:tw-border-sq-color-dark',
-        'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight dark:tw-border-sq-color-dark' +
-            ' dark:hover:tw-border-sq-color-highlight',
-        'danger': '',
-        'theme-light': 'dark:tw-bg-sq-icon-dark dark:hover:tw-bg-sq-link-dark dark:tw-border-sq-icon-dark' +
-            ' dark:hover:tw-border-sq-link-dark',
-        'no-border': '',
-        'warning': '',
-    };
-    const sizeClasses = {
-        sm: 'tw-text-sm',
-        lg: 'tw-text-xl',
-    };
-    const appliedClasses = `${baseClasses} ${baseClassesByVariant[variant]} ${sizeClasses[size]} ${classesByVariantLightTheme[variant]} ${classesByVariantDarkTheme[variant]} ${textClassesByVariantLightTheme[variant]} ${textClassesByVariantDarkTheme[variant]} ${extraClassNames}`;
-    let tooltipData = undefined;
-    if (tooltip) {
-        tooltipData = {
-            'data-qtip-text': tooltip,
-            'data-qtip-placement': tooltipOptions?.position,
-            'data-qtip-is-html': isHtmlTooltip,
-            'data-qtip-testid': tooltipTestId,
-            'data-qtip-delay': tooltipOptions?.delay ?? DEFAULT_TOOL_TIP_DELAY,
-        };
-    }
-    return (React.createElement("button", { id: id, ...tooltipData, disabled: disabled, "data-testid": testId, type: type === 'link' || (type === 'submit' && browserIsFirefox) ? 'button' : type, onClick: (e) => {
-            stopPropagation && e.stopPropagation();
-            onClick && onClick(e);
-        }, onMouseDown: (e) => {
-            if (preventBlur) {
-                e.preventDefault();
-            }
-        }, className: appliedClasses },
-        icon && (React.createElement(Icon, { icon: icon, iconPrefix: iconPrefix, type: iconStyle, color: iconColor, extraClassNames: label ? `tw-mr-1 ${textClassesByVariantLightTheme[variant]}  ${textClassesByVariantDarkTheme[variant]}` : '', testId: `${id}_spinner` })),
-        label));
-};
-export default Button;
-//# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}