@seeqdev/qomponents 0.0.59 → 0.0.60

package/dist/styles.css

@@ -100,6 +100,10 @@
     width: 1.25em;
 }
 
+.fc-uncertain-2:before {
+    content: "\e9b1";
+}
+
 .fc-workbook-ai:before {
     content: "\e9af";
 }
@@ -1860,11 +1864,6 @@ ol,
     margin-bottom: 1.5rem;
 }
 
-.tw-my-\[8px\] {
-    margin-top: 8px;
-    margin-bottom: 8px;
-}
-
 .-tw-mt-\[1px\] {
     margin-top: -1px;
 }
@@ -1881,10 +1880,6 @@ ol,
     margin-bottom: 0px;
 }
 
-.tw-mb-4 {
-    margin-bottom: 1rem;
-}
-
 .tw-mb-5 {
     margin-bottom: 1.25rem;
 }
@@ -1937,14 +1932,6 @@ ol,
     margin-top: 0.375rem;
 }
 
-.tw-mt-2 {
-    margin-top: 0.5rem;
-}
-
-.tw-mt-\[-2px\] {
-    margin-top: -2px;
-}
-
 .tw-inline-block {
     display: inline-block;
 }
@@ -1973,22 +1960,10 @@ 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%;
 }
@@ -2005,26 +1980,14 @@ 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%;
 }
@@ -2205,10 +2168,6 @@ ol,
     gap: 0px !important;
 }
 
-.tw-gap-1 {
-    gap: 0.25rem;
-}
-
 .tw-gap-4 {
     gap: 1rem;
 }
@@ -2229,10 +2188,6 @@ ol,
     border-radius: 0.25rem;
 }
 
-.tw-rounded-full {
-    border-radius: 9999px;
-}
-
 .tw-rounded-lg {
     border-radius: 0.5rem;
 }
@@ -2297,10 +2252,6 @@ ol,
     border-left-width: 0px;
 }
 
-.tw-border-r {
-    border-right-width: 1px;
-}
-
 .tw-border-r-0 {
     border-right-width: 0px;
 }
@@ -2331,11 +2282,6 @@ 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));
@@ -2351,11 +2297,6 @@ 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));
@@ -2439,22 +2380,6 @@ 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;
 }
@@ -2517,11 +2442,6 @@ ol,
     padding-right: 1.5rem;
 }
 
-.tw-px-\[19px\] {
-    padding-left: 19px;
-    padding-right: 19px;
-}
-
 .tw-px-\[5px\] {
     padding-left: 5px;
     padding-right: 5px;
@@ -2641,10 +2561,6 @@ ol,
     font-style: italic;
 }
 
-.tw-leading-none {
-    line-height: 1;
-}
-
 .tw-leading-normal {
     line-height: 1.5;
 }
@@ -2973,11 +2889,6 @@ 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;
 }
@@ -3034,11 +2945,6 @@ 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));
@@ -3185,78 +3091,6 @@ 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 {
@@ -3287,11 +3121,6 @@ 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));
@@ -3357,14 +3186,6 @@ 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));
@@ -3460,11 +3281,6 @@ 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.59",
+  "version": "0.0.60",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.js",
@@ -71,10 +71,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.1",
     "@radix-ui/react-accordion": "1.1.2",
-    "@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",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-dialog": "1.0.5",
     "dompurify": "^3.0.5",
     "postcss": "8.4.21",
     "react-select": "5.7.3",

package/dist/ButtonWithDropdown/ButtonWithDropdown.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { ButtonWithDropdownProps } from './ButtonWithDropdown.types';
-declare const ButtonWithDropdown: React.FunctionComponent<ButtonWithDropdownProps>;
-export default ButtonWithDropdown;

package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllButtonWithDropdownVariants: () => JSX.Element;

package/dist/ButtonWithDropdown/ButtonWithDropdown.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts

@@ -1,66 +0,0 @@
-import { TooltipPosition } from '../Tooltip/Tooltip.types';
-interface DropdownSubItems {
-    /** icon class to be used with the dropdown subitems - if available (i.e. 'fc-zoom') */
-    icon?: string;
-    /** label for the dropdown subitems */
-    label: string;
-    /** function called when the dropdown subitem is clicked on */
-    onClick: (e: Event) => void;
-    /** dropdown subitem container classes */
-    itemContainerClasses?: string;
-    /** dropdown subitem label classes */
-    labelClasses?: string;
-    /** is item disabled */
-    disabled?: boolean;
-    /** dropdown container extra class names */
-    containerExtraClassNames?: string;
-    /** test id for the dropdown subitem */
-    labelTestId?: string;
-    /** test id for the dropdown subitem icon */
-    iconTestId?: string;
-    /** displays a divider line under present dropdown item */
-    hasDivider?: boolean;
-    /** test id for the dropdown subitem */
-    testId?: string;
-}
-export interface ButtonWithDropdownProps {
-    /** items for the dropdown content */
-    dropdownItems: DropdownSubItems[];
-    /** icon element to be used as the trigger */
-    triggerIcon: React.ReactNode;
-    /** id of the dropdown trigger */
-    id?: string;
-    /** extra class names to be placed on the dropdown container */
-    extraClassNames?: string;
-    /** id that will be used in the data-testid attribute on the trigger element */
-    testId?: string;
-    /** the text to be displayed on the triggers's tooltip */
-    tooltipText?: string;
-    /** optional testId applied to the tooltip - useful for testing */
-    tooltipTestId?: string;
-    /** number of milliseconds to wait before showing a tooltip on-hover */
-    tooltipDelay?: number;
-    /** position of the tooltip */
-    tooltipPlacement?: TooltipPosition;
-    /** true if the provided tooltip text should be rendered as HTML */
-    isHtmlTooltip?: boolean;
-    /** is the button disabled */
-    disabled?: boolean;
-    /** function called when the trigger is clicked on, i.e. for tracking (does not open the popover) */
-    onClick?: (e: MouseEvent) => void;
-    /** alignment of the content of the popover */
-    align?: 'start' | 'center' | 'end';
-    /** number offset from the aligned position */
-    alignOffset?: number;
-    /** the placement of the popover */
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    /** number offset from the placement position */
-    placementOffset?: number;
-    /** set to display arrow or not */
-    hasArrow?: boolean;
-    /** is popover open */
-    isOpen?: boolean;
-    /** function called to open and close popover */
-    onOpenChange?: (isOpen: boolean) => void;
-}
-export {};

package/dist/ButtonWithDropdown/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ButtonWithDropdown';

package/dist/ButtonWithPopover/ButtonWithPopover.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { ButtonWithPopoverProps } from './ButtonWithPopover.types';
-declare const ButtonWithPopover: React.FunctionComponent<ButtonWithPopoverProps>;
-export default ButtonWithPopover;

package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllButtonWithPopoverVariants: () => JSX.Element;

package/dist/ButtonWithPopover/ButtonWithPopover.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/ButtonWithPopover/ButtonWithPopover.types.d.ts

@@ -1,48 +0,0 @@
-import React from 'react';
-import { TooltipPosition } from '../Tooltip/Tooltip.types';
-export interface ButtonWithPopoverProps {
-    /** icon class to be used with the toolbar (i.e. 'fc-zoom') */
-    trigger: React.ReactNode;
-    /** items for the popover content */
-    children: React.ReactNode;
-    id?: string;
-    /** extra class names to be placed on the Popover container component */
-    extraClassNames?: string;
-    /** id that will be used in the data-testid attribute on the button element */
-    testId?: string;
-    /** the text to be displayed on the icon's tooltip */
-    tooltipText?: string;
-    /** optional testId applied to the tooltip - useful for testing */
-    tooltipTestId?: string;
-    /** number of milliseconds to wait before showing a tooltip on-hover */
-    tooltipDelay?: number;
-    /** position of the tooltip */
-    tooltipPlacement?: TooltipPosition;
-    /** true if the provided tooltip text should be rendered as HTML */
-    isHtmlTooltip?: boolean;
-    disabled?: boolean;
-    /** function called when the toolbar is clicked on, i.e. for tracking (does not open the popover) */
-    onClick?: (isOpen: boolean) => void;
-    /** called when popup is hidden */
-    onHide?: () => void;
-    /** alignment of the content of the popover */
-    align?: 'start' | 'center' | 'end';
-    /** number offset from the aligned position */
-    alignOffset?: number;
-    /** the placement of the popover */
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    /** number offset from the placement position */
-    placementOffset?: number;
-    /** is popover open */
-    isOpen?: boolean;
-    /** function called to open and close popover */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** set to display arrow or not */
-    hasArrow?: boolean;
-    /** extra trigger container classnames */
-    extraTriggerClassNames?: string;
-    /** extra popover container classnames */
-    extraPopoverClassNames?: string;
-    /** should popover close when the content is clicked? */
-    isCloseOnContentClick?: boolean;
-}

package/dist/ButtonWithPopover/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ButtonWithPopover';