@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/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,6 +1,6 @@
1
1
  {
2
2
  "name": "@seeqdev/qomponents",
3
- "version": "0.0.74",
3
+ "version": "0.0.75",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "types": "dist/index.js",
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import { NewWorkbenchProps } from './NewWorkbench.types';
3
- declare const NewWorkbench: React.FunctionComponent<NewWorkbenchProps>;
4
- export default NewWorkbench;
@@ -1,5 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const AllNewWorkbenchVariants: () => JSX.Element;
@@ -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';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { NewWorkbenchItems } from './NewWorkbench.types';
3
- export declare const NewWorkbenchItem: React.FC<NewWorkbenchItems>;