@seeqdev/qomponents 0.0.74 → 0.0.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +16 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +16 -12
- package/dist/index.js.map +1 -1
- package/dist/styles.css +17 -5
- package/package.json +1 -1
- package/dist/NewWorkbench/NewWorkbench.d.ts +0 -4
- package/dist/NewWorkbench/NewWorkbench.stories.d.ts +0 -5
- package/dist/NewWorkbench/NewWorkbench.test.d.ts +0 -1
- package/dist/NewWorkbench/NewWorkbench.types.d.ts +0 -74
- package/dist/NewWorkbench/index.d.ts +0 -1
- package/dist/NewWorkbench/variants.d.ts +0 -3
package/dist/styles.css
CHANGED
|
@@ -2665,10 +2665,22 @@ ol,
|
|
|
2665
2665
|
font-weight: 500;
|
|
2666
2666
|
}
|
|
2667
2667
|
|
|
2668
|
+
.tw-font-normal {
|
|
2669
|
+
font-weight: 400;
|
|
2670
|
+
}
|
|
2671
|
+
|
|
2672
|
+
.tw-font-semibold {
|
|
2673
|
+
font-weight: 600;
|
|
2674
|
+
}
|
|
2675
|
+
|
|
2668
2676
|
.tw-italic {
|
|
2669
2677
|
font-style: italic;
|
|
2670
2678
|
}
|
|
2671
2679
|
|
|
2680
|
+
.tw-not-italic {
|
|
2681
|
+
font-style: normal;
|
|
2682
|
+
}
|
|
2683
|
+
|
|
2672
2684
|
.tw-leading-none {
|
|
2673
2685
|
line-height: 1;
|
|
2674
2686
|
}
|
|
@@ -2677,6 +2689,11 @@ ol,
|
|
|
2677
2689
|
line-height: 1.5;
|
|
2678
2690
|
}
|
|
2679
2691
|
|
|
2692
|
+
.\!tw-text-sq-disabled-gray {
|
|
2693
|
+
--tw-text-opacity: 1 !important;
|
|
2694
|
+
color: rgb(var(--sq-disabled-gray)) !important;
|
|
2695
|
+
}
|
|
2696
|
+
|
|
2680
2697
|
.tw-text-gray-400 {
|
|
2681
2698
|
--tw-text-opacity: 1;
|
|
2682
2699
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
@@ -3300,11 +3317,6 @@ ol,
|
|
|
3300
3317
|
animation: tw-slideDown 0.3s ease-in-out;
|
|
3301
3318
|
}
|
|
3302
3319
|
|
|
3303
|
-
.data-\[disabled\]\:tw-text-sq-disabled-gray[data-disabled] {
|
|
3304
|
-
--tw-text-opacity: 1;
|
|
3305
|
-
color: rgb(var(--sq-disabled-gray));
|
|
3306
|
-
}
|
|
3307
|
-
|
|
3308
3320
|
.tw-dark .dark\:tw-border-gray-500 {
|
|
3309
3321
|
--tw-border-opacity: 1;
|
|
3310
3322
|
border-color: rgb(107 114 128 / var(--tw-border-opacity));
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
|
|
2
|
-
export interface NewWorkbenchItems {
|
|
3
|
-
id?: string;
|
|
4
|
-
/** icon class to be used with the dropdown items - if available (i.e. 'fc-zoom') */
|
|
5
|
-
icon?: string;
|
|
6
|
-
/** icon type to be used with the dropdown items - if available (i.e. 'fc') */
|
|
7
|
-
iconType?: string;
|
|
8
|
-
/** icon color to be used with the dropdown items - if available */
|
|
9
|
-
iconColor?: string;
|
|
10
|
-
/** custom id for the icon */
|
|
11
|
-
iconCustomId?: string;
|
|
12
|
-
/** icon extra class names */
|
|
13
|
-
iconExtraClassNames?: string;
|
|
14
|
-
/** label for the dropdown items */
|
|
15
|
-
label: string;
|
|
16
|
-
/** function called when the dropdown item is clicked on */
|
|
17
|
-
onClick: (e?: Event) => void;
|
|
18
|
-
/** dropdown subitem container classes */
|
|
19
|
-
itemContainerClasses?: string;
|
|
20
|
-
/** dropdown subitem label classes */
|
|
21
|
-
labelClasses?: string;
|
|
22
|
-
/** is item disabled */
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
/** test id for the dropdown subitem */
|
|
25
|
-
labelTestId?: string;
|
|
26
|
-
/** test id for the dropdown subitem icon */
|
|
27
|
-
iconTestId?: string;
|
|
28
|
-
/** displays a divider line under present dropdown item */
|
|
29
|
-
hasDivider?: boolean;
|
|
30
|
-
/** test id for the dropdown subitem */
|
|
31
|
-
testId?: string;
|
|
32
|
-
/** adds description to be rendered by the custom component */
|
|
33
|
-
description?: string;
|
|
34
|
-
/** item container extra class names */
|
|
35
|
-
containerExtraClassNames?: string;
|
|
36
|
-
}
|
|
37
|
-
export interface NewWorkbenchProps extends TooltipComponentProps {
|
|
38
|
-
/** items for the dropdown content */
|
|
39
|
-
newWorkbenchItems: NewWorkbenchItems[];
|
|
40
|
-
/** element to be used as the trigger */
|
|
41
|
-
trigger: React.ReactNode;
|
|
42
|
-
/** id of the trigger */
|
|
43
|
-
id?: string;
|
|
44
|
-
/** extra class names to be placed on the dropdown container */
|
|
45
|
-
extraClassNames?: string;
|
|
46
|
-
/** id that will be used in the data-testid attribute on the container element */
|
|
47
|
-
containerTestId?: string;
|
|
48
|
-
/** is the button disabled */
|
|
49
|
-
disabled?: boolean;
|
|
50
|
-
/** function called when the trigger is clicked on, i.e. for tracking (does not open the popover) */
|
|
51
|
-
onClick?: (e: MouseEvent) => void;
|
|
52
|
-
/** alignment of the content of the popover */
|
|
53
|
-
align?: 'start' | 'center' | 'end';
|
|
54
|
-
/** number offset from the aligned position */
|
|
55
|
-
alignOffset?: number;
|
|
56
|
-
/** the placement of the popover */
|
|
57
|
-
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
58
|
-
/** number offset from the placement position */
|
|
59
|
-
placementOffset?: number;
|
|
60
|
-
/** set to display arrow or not */
|
|
61
|
-
hasArrow?: boolean;
|
|
62
|
-
/** is popover open */
|
|
63
|
-
isOpen?: boolean;
|
|
64
|
-
/** function called to open and close popover */
|
|
65
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
66
|
-
/** sets focus on the trigger button after the dropdown is closed */
|
|
67
|
-
setFocusOnTriggerOnClose?: boolean;
|
|
68
|
-
/** should popover close when the content is clicked? */
|
|
69
|
-
isCloseOnContentClick?: boolean;
|
|
70
|
-
/** focus should be kept within dropdown */
|
|
71
|
-
keepFocusInsideDropdown?: boolean;
|
|
72
|
-
/** component to be used to render the dropdown item */
|
|
73
|
-
variant?: 'newWorkbenchItem';
|
|
74
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './NewWorkbench';
|