@seeqdev/qomponents 0.0.154 → 0.0.155-react-19-v2

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.
Files changed (59) hide show
  1. package/README.md +135 -135
  2. package/dist/Accordion/Accordion.stories.d.ts +2 -1
  3. package/dist/Alert/Alert.stories.d.ts +2 -1
  4. package/dist/Alert/Alert.types.d.ts +1 -0
  5. package/dist/Button/Button.stories.d.ts +5 -4
  6. package/dist/Button/Button.types.d.ts +1 -1
  7. package/dist/ButtonGroup/ButtonGroup.stories.d.ts +2 -1
  8. package/dist/ButtonGroup/ButtonGroup.types.d.ts +1 -0
  9. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +2 -1
  10. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +1 -0
  11. package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts +2 -1
  12. package/dist/Carousel/Carousel.stories.d.ts +2 -1
  13. package/dist/Carousel/Carousel.types.d.ts +1 -0
  14. package/dist/Checkbox/Checkbox.stories.d.ts +2 -1
  15. package/dist/Checkbox/Checkbox.types.d.ts +1 -0
  16. package/dist/Collapse/Collapse.stories.d.ts +2 -1
  17. package/dist/Collapse/Collapse.types.d.ts +1 -0
  18. package/dist/Icon/Icon.stories.d.ts +2 -1
  19. package/dist/Icon/Icon.types.d.ts +1 -0
  20. package/dist/InputGroup/InputGroup.stories.d.ts +2 -1
  21. package/dist/InputGroup/InputGroup.types.d.ts +1 -0
  22. package/dist/ProgressBar/ProgressBar.stories.d.ts +2 -1
  23. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +2 -1
  24. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +1 -0
  25. package/dist/Select/Select.stories.d.ts +2 -1
  26. package/dist/Slider/Slider.stories.d.ts +2 -1
  27. package/dist/Slider/Slider.types.d.ts +1 -0
  28. package/dist/SvgIcon/SvgIcon.stories.d.ts +2 -1
  29. package/dist/SvgIcon/SvgIcon.types.d.ts +1 -0
  30. package/dist/Tabs/Tabs.stories.d.ts +2 -1
  31. package/dist/Tabs/Tabs.types.d.ts +2 -1
  32. package/dist/TextArea/TextArea.stories.d.ts +2 -1
  33. package/dist/TextArea/TextArea.types.d.ts +1 -0
  34. package/dist/TextField/TextField.stories.d.ts +2 -1
  35. package/dist/TextField/TextField.types.d.ts +1 -0
  36. package/dist/ToolbarButton/ToolbarButton.stories.d.ts +2 -1
  37. package/dist/Tooltip/QTip.stories.d.ts +2 -1
  38. package/dist/Tooltip/QTipPerformance.stories.d.ts +2 -1
  39. package/dist/Tooltip/Tooltip.stories.d.ts +2 -1
  40. package/dist/Tooltip/Tooltip.types.d.ts +3 -2
  41. package/dist/Tooltip/TooltipPerformance.stories.d.ts +2 -1
  42. package/dist/example/.eslintrc.cjs +14 -14
  43. package/dist/example/README.md +33 -33
  44. package/dist/example/index.html +13 -13
  45. package/dist/example/package.json +30 -30
  46. package/dist/example/src/ComplexSelectExample.tsx +81 -81
  47. package/dist/example/src/Example.tsx +408 -408
  48. package/dist/example/src/index.css +102 -102
  49. package/dist/example/src/main.tsx +10 -10
  50. package/dist/example/src/vite-env.d.ts +1 -1
  51. package/dist/example/tsconfig.json +33 -33
  52. package/dist/example/tsconfig.node.json +12 -12
  53. package/dist/example/vite.config.ts +12 -12
  54. package/dist/index.esm.js +14409 -7954
  55. package/dist/index.esm.js.map +1 -1
  56. package/dist/index.js +14449 -7994
  57. package/dist/index.js.map +1 -1
  58. package/dist/styles.css +3819 -3819
  59. package/package.json +90 -88
package/dist/example/src/index.css CHANGED
@@ -1,102 +1,102 @@
1
- @import '@seeqdev/qomponents/dist/styles.css';
2
- @import '@fortawesome/fontawesome-free/css/all.css';
3
-
4
- .tw-light {
5
- background-color: white;
6
- color: #1a1a1a;
7
- }
8
-
9
- .tw-dark {
10
- background-color: rgb(36, 36, 34);
11
- color: rgb(194, 188, 176);
12
- }
13
-
14
- .formPanel {
15
- align-items: center;
16
- width: 500px;
17
- display: flex;
18
- }
19
-
20
- .header {
21
- font-size: larger;
22
- font-weight: bold;
23
- }
24
-
25
- .backdrop {
26
- margin: 0;
27
- display: flex;
28
- justify-content: center;
29
- align-items: center;
30
- }
31
-
32
- .scroll-container {
33
- margin: auto;
34
- max-height: 100%;
35
- overflow: auto;
36
- }
37
-
38
- .flex-container {
39
- margin-top: 30px;
40
- margin-bottom: 70px;
41
- display: flex;
42
- flex-direction: column;
43
- justify-content: center;
44
- width: 500px;
45
- }
46
-
47
- .formRow {
48
- display: flex;
49
- flex-direction: row;
50
- margin-bottom: 15px;
51
- }
52
-
53
- .formColumn {
54
- display: flex;
55
- flex-direction: column;
56
- }
57
-
58
- .buttonRow {
59
- display: flex;
60
- justify-content: center;
61
- }
62
-
63
- .labelWidth {
64
- width: 150px;
65
- }
66
-
67
- .formElementWidth {
68
- width: 350px;
69
- }
70
-
71
- .mr-10 {
72
- margin-right: 10px;
73
- }
74
-
75
- .ml-10 {
76
- margin-left: 10px;
77
- }
78
-
79
- .mb-10 {
80
- margin-bottom: 10px;
81
- }
82
-
83
- /* styles for complexSelect*/
84
- .selectOptionWrapperDiv {
85
- display: flex;
86
- flex-direction: row;
87
- align-items: center;
88
- height: 34px;
89
- }
90
-
91
- .selectOptionDiv {
92
- display: flex;
93
- flex-direction: column;
94
- }
95
-
96
- .selectOptionSubText {
97
- font-size: smaller;
98
- padding: 0;
99
- margin-top: -6px;
100
- }
101
-
102
- /* end styles for complexSelect*/
1
+ @import '@seeqdev/qomponents/dist/styles.css';
2
+ @import '@fortawesome/fontawesome-free/css/all.css';
3
+
4
+ .tw-light {
5
+ background-color: white;
6
+ color: #1a1a1a;
7
+ }
8
+
9
+ .tw-dark {
10
+ background-color: rgb(36, 36, 34);
11
+ color: rgb(194, 188, 176);
12
+ }
13
+
14
+ .formPanel {
15
+ align-items: center;
16
+ width: 500px;
17
+ display: flex;
18
+ }
19
+
20
+ .header {
21
+ font-size: larger;
22
+ font-weight: bold;
23
+ }
24
+
25
+ .backdrop {
26
+ margin: 0;
27
+ display: flex;
28
+ justify-content: center;
29
+ align-items: center;
30
+ }
31
+
32
+ .scroll-container {
33
+ margin: auto;
34
+ max-height: 100%;
35
+ overflow: auto;
36
+ }
37
+
38
+ .flex-container {
39
+ margin-top: 30px;
40
+ margin-bottom: 70px;
41
+ display: flex;
42
+ flex-direction: column;
43
+ justify-content: center;
44
+ width: 500px;
45
+ }
46
+
47
+ .formRow {
48
+ display: flex;
49
+ flex-direction: row;
50
+ margin-bottom: 15px;
51
+ }
52
+
53
+ .formColumn {
54
+ display: flex;
55
+ flex-direction: column;
56
+ }
57
+
58
+ .buttonRow {
59
+ display: flex;
60
+ justify-content: center;
61
+ }
62
+
63
+ .labelWidth {
64
+ width: 150px;
65
+ }
66
+
67
+ .formElementWidth {
68
+ width: 350px;
69
+ }
70
+
71
+ .mr-10 {
72
+ margin-right: 10px;
73
+ }
74
+
75
+ .ml-10 {
76
+ margin-left: 10px;
77
+ }
78
+
79
+ .mb-10 {
80
+ margin-bottom: 10px;
81
+ }
82
+
83
+ /* styles for complexSelect*/
84
+ .selectOptionWrapperDiv {
85
+ display: flex;
86
+ flex-direction: row;
87
+ align-items: center;
88
+ height: 34px;
89
+ }
90
+
91
+ .selectOptionDiv {
92
+ display: flex;
93
+ flex-direction: column;
94
+ }
95
+
96
+ .selectOptionSubText {
97
+ font-size: smaller;
98
+ padding: 0;
99
+ margin-top: -6px;
100
+ }
101
+
102
+ /* end styles for complexSelect*/
package/dist/example/src/main.tsx CHANGED
@@ -1,10 +1,10 @@
1
- import React from 'react';
2
- import ReactDOM from 'react-dom/client';
3
- import Example from './Example';
4
- import './index.css';
5
-
6
- ReactDOM.createRoot(document.body as HTMLElement).render(
7
- <React.StrictMode>
8
- <Example />
9
- </React.StrictMode>,
10
- );
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom/client';
3
+ import Example from './Example';
4
+ import './index.css';
5
+
6
+ ReactDOM.createRoot(document.body as HTMLElement).render(
7
+ <React.StrictMode>
8
+ <Example />
9
+ </React.StrictMode>,
10
+ );
package/dist/example/src/vite-env.d.ts CHANGED
@@ -1 +1 @@
1
- /// <reference types="vite/client" />
1
+ /// <reference types="vite/client" />
package/dist/example/tsconfig.json CHANGED
@@ -1,33 +1,33 @@
1
- {
2
- "compilerOptions": {
3
- "target": "ES2020",
4
- "useDefineForClassFields": true,
5
- "lib": [
6
- "ES2020",
7
- "DOM",
8
- "DOM.Iterable"
9
- ],
10
- "module": "ESNext",
11
- "skipLibCheck": true,
12
- "moduleResolution": "node",
13
- "allowImportingTsExtensions": true,
14
- "resolveJsonModule": true,
15
- "isolatedModules": true,
16
- "noEmit": true,
17
- "jsx": "react",
18
- /* Linting */
19
- "strict": true,
20
- "noUnusedLocals": true,
21
- "noUnusedParameters": true,
22
- "noFallthroughCasesInSwitch": true,
23
- "allowSyntheticDefaultImports": true
24
- },
25
- "include": [
26
- "src"
27
- ],
28
- "references": [
29
- {
30
- "path": "./tsconfig.node.json"
31
- }
32
- ]
33
- }
1
+ {
2
+ "compilerOptions": {
3
+ "target": "ES2020",
4
+ "useDefineForClassFields": true,
5
+ "lib": [
6
+ "ES2020",
7
+ "DOM",
8
+ "DOM.Iterable"
9
+ ],
10
+ "module": "ESNext",
11
+ "skipLibCheck": true,
12
+ "moduleResolution": "node",
13
+ "allowImportingTsExtensions": true,
14
+ "resolveJsonModule": true,
15
+ "isolatedModules": true,
16
+ "noEmit": true,
17
+ "jsx": "react",
18
+ /* Linting */
19
+ "strict": true,
20
+ "noUnusedLocals": true,
21
+ "noUnusedParameters": true,
22
+ "noFallthroughCasesInSwitch": true,
23
+ "allowSyntheticDefaultImports": true
24
+ },
25
+ "include": [
26
+ "src"
27
+ ],
28
+ "references": [
29
+ {
30
+ "path": "./tsconfig.node.json"
31
+ }
32
+ ]
33
+ }
package/dist/example/tsconfig.node.json CHANGED
@@ -1,12 +1,12 @@
1
- {
2
- "compilerOptions": {
3
- "composite": true,
4
- "skipLibCheck": true,
5
- "module": "ESNext",
6
- "moduleResolution": "node",
7
- "allowSyntheticDefaultImports": true
8
- },
9
- "include": [
10
- "vite.config.ts"
11
- ]
12
- }
1
+ {
2
+ "compilerOptions": {
3
+ "composite": true,
4
+ "skipLibCheck": true,
5
+ "module": "ESNext",
6
+ "moduleResolution": "node",
7
+ "allowSyntheticDefaultImports": true
8
+ },
9
+ "include": [
10
+ "vite.config.ts"
11
+ ]
12
+ }
package/dist/example/vite.config.ts CHANGED
@@ -1,12 +1,12 @@
1
- import { defineConfig } from 'vite';
2
- import react from '@vitejs/plugin-react';
3
-
4
- // https://vitejs.dev/config/
5
- export default defineConfig({
6
- plugins: [react()],
7
- css: {
8
- postcss: {
9
- plugins: [],
10
- },
11
- },
12
- });
1
+ import { defineConfig } from 'vite';
2
+ import react from '@vitejs/plugin-react';
3
+
4
+ // https://vitejs.dev/config/
5
+ export default defineConfig({
6
+ plugins: [react()],
7
+ css: {
8
+ postcss: {
9
+ plugins: [],
10
+ },
11
+ },
12
+ });