@eloisallena/web_components 1.0.6 → 1.0.7

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 (133) hide show
  1. package/dist/index.cjs +275 -0
  2. package/dist/index.d.ts +2 -26
  3. package/dist/index.js +794 -26
  4. package/dist/src/component/breadcrumbs/Breadcrumbs.d.ts +1 -2
  5. package/dist/src/component/breadcrumbs/index.d.ts +1 -0
  6. package/dist/src/component/button/index.d.ts +1 -0
  7. package/dist/src/component/card/Card.d.ts +1 -2
  8. package/dist/src/component/card/CardContent.d.ts +1 -2
  9. package/dist/src/component/card/CardFooter.d.ts +1 -2
  10. package/dist/src/component/card/CardImage.d.ts +2 -2
  11. package/dist/src/component/card/index.d.ts +5 -1
  12. package/dist/src/component/footer/Cfooter.d.ts +1 -2
  13. package/dist/src/component/footer/FooterBottom.d.ts +1 -2
  14. package/dist/src/component/footer/FooterContact.d.ts +1 -2
  15. package/dist/src/component/footer/FooterIcon.d.ts +1 -2
  16. package/dist/src/component/footer/QuickLink.d.ts +1 -2
  17. package/dist/src/component/footer/index.d.ts +6 -1
  18. package/dist/src/component/form/Cform.d.ts +1 -2
  19. package/dist/src/component/form/index.d.ts +1 -0
  20. package/dist/src/component/header/Cheader.d.ts +1 -2
  21. package/dist/src/component/header/Drawer.d.ts +1 -2
  22. package/dist/src/component/header/Icon.d.ts +1 -2
  23. package/dist/src/component/header/NavBar.d.ts +1 -2
  24. package/dist/src/component/header/SearchBar.d.ts +1 -2
  25. package/dist/src/component/header/index.d.ts +7 -2
  26. package/dist/src/component/input/CheckBox.d.ts +2 -2
  27. package/dist/src/component/input/Select.d.ts +2 -2
  28. package/dist/src/component/input/TextField.d.ts +1 -2
  29. package/dist/src/component/input/index.d.ts +4 -1
  30. package/dist/src/component/modal/Modal.d.ts +2 -2
  31. package/dist/src/component/modal/index.d.ts +1 -0
  32. package/dist/src/component/section/Section.d.ts +1 -2
  33. package/dist/src/component/section/index.d.ts +1 -0
  34. package/dist/src/component/stories/LandingLayout.d.ts +2 -3
  35. package/dist/src/component/stories/index.d.ts +1 -0
  36. package/dist/src/component/table/Ctable.d.ts +1 -2
  37. package/dist/src/component/table/TableBody.d.ts +1 -2
  38. package/dist/src/component/table/TableCell.d.ts +1 -2
  39. package/dist/src/component/table/TableHead.d.ts +1 -2
  40. package/dist/src/component/table/TableRow.d.ts +1 -2
  41. package/dist/src/component/table/index.d.ts +9 -2
  42. package/dist/src/component/table/types.d.ts +3 -2
  43. package/dist/src/index.d.ts +12 -26
  44. package/dist/web_components.css +3 -0
  45. package/package.json +8 -12
  46. package/dist/component/breadcrumbs/Breadcrumbs.d.ts +0 -9
  47. package/dist/component/breadcrumbs/Breadcrumbs.js +0 -7
  48. package/dist/component/breadcrumbs/index.d.ts +0 -1
  49. package/dist/component/breadcrumbs/index.js +0 -1
  50. package/dist/component/button/Button.d.ts +0 -8
  51. package/dist/component/button/Button.js +0 -15
  52. package/dist/component/button/index.d.ts +0 -1
  53. package/dist/component/button/index.js +0 -2
  54. package/dist/component/card/Card.d.ts +0 -6
  55. package/dist/component/card/Card.js +0 -4
  56. package/dist/component/card/CardContent.d.ts +0 -6
  57. package/dist/component/card/CardContent.js +0 -4
  58. package/dist/component/card/CardFooter.d.ts +0 -5
  59. package/dist/component/card/CardFooter.js +0 -4
  60. package/dist/component/card/CardImage.d.ts +0 -7
  61. package/dist/component/card/CardImage.js +0 -4
  62. package/dist/component/card/index.d.ts +0 -4
  63. package/dist/component/card/index.js +0 -4
  64. package/dist/component/footer/Cfooter.d.ts +0 -6
  65. package/dist/component/footer/Cfooter.js +0 -4
  66. package/dist/component/footer/FooterBottom.d.ts +0 -5
  67. package/dist/component/footer/FooterBottom.js +0 -4
  68. package/dist/component/footer/FooterContact.d.ts +0 -11
  69. package/dist/component/footer/FooterContact.js +0 -4
  70. package/dist/component/footer/FooterIcon.d.ts +0 -7
  71. package/dist/component/footer/FooterIcon.js +0 -4
  72. package/dist/component/footer/QuickLink.d.ts +0 -11
  73. package/dist/component/footer/QuickLink.js +0 -4
  74. package/dist/component/footer/index.d.ts +0 -5
  75. package/dist/component/footer/index.js +0 -5
  76. package/dist/component/form/Cform.d.ts +0 -6
  77. package/dist/component/form/Cform.js +0 -4
  78. package/dist/component/form/index.d.ts +0 -1
  79. package/dist/component/form/index.js +0 -1
  80. package/dist/component/header/Cheader.d.ts +0 -7
  81. package/dist/component/header/Cheader.js +0 -4
  82. package/dist/component/header/Drawer.d.ts +0 -12
  83. package/dist/component/header/Drawer.js +0 -22
  84. package/dist/component/header/Icon.d.ts +0 -9
  85. package/dist/component/header/Icon.js +0 -11
  86. package/dist/component/header/NavBar.d.ts +0 -12
  87. package/dist/component/header/NavBar.js +0 -14
  88. package/dist/component/header/SearchBar.d.ts +0 -8
  89. package/dist/component/header/SearchBar.js +0 -7
  90. package/dist/component/header/index.d.ts +0 -5
  91. package/dist/component/header/index.js +0 -5
  92. package/dist/component/input/CheckBox.d.ts +0 -12
  93. package/dist/component/input/CheckBox.js +0 -18
  94. package/dist/component/input/Select.d.ts +0 -17
  95. package/dist/component/input/Select.js +0 -12
  96. package/dist/component/input/TextField.d.ts +0 -11
  97. package/dist/component/input/TextField.js +0 -7
  98. package/dist/component/input/index.d.ts +0 -3
  99. package/dist/component/input/index.js +0 -3
  100. package/dist/component/modal/Modal.d.ts +0 -8
  101. package/dist/component/modal/Modal.js +0 -6
  102. package/dist/component/modal/index.d.ts +0 -1
  103. package/dist/component/modal/index.js +0 -1
  104. package/dist/component/section/Section.d.ts +0 -9
  105. package/dist/component/section/Section.js +0 -14
  106. package/dist/component/section/index.d.ts +0 -1
  107. package/dist/component/section/index.js +0 -1
  108. package/dist/component/spinner/Loader.d.ts +0 -1
  109. package/dist/component/spinner/Loader.js +0 -4
  110. package/dist/component/spinner/index.d.ts +0 -1
  111. package/dist/component/spinner/index.js +0 -1
  112. package/dist/component/stories/LandingLayout.d.ts +0 -6
  113. package/dist/component/stories/LandingLayout.js +0 -33
  114. package/dist/component/stories/index.d.ts +0 -1
  115. package/dist/component/stories/index.js +0 -1
  116. package/dist/component/table/Ctable.d.ts +0 -8
  117. package/dist/component/table/Ctable.js +0 -13
  118. package/dist/component/table/TableBody.d.ts +0 -7
  119. package/dist/component/table/TableBody.js +0 -4
  120. package/dist/component/table/TableCell.d.ts +0 -8
  121. package/dist/component/table/TableCell.js +0 -12
  122. package/dist/component/table/TableHead.d.ts +0 -7
  123. package/dist/component/table/TableHead.js +0 -16
  124. package/dist/component/table/TableRow.d.ts +0 -8
  125. package/dist/component/table/TableRow.js +0 -27
  126. package/dist/component/table/alignment.d.ts +0 -5
  127. package/dist/component/table/alignment.js +0 -5
  128. package/dist/component/table/index.d.ts +0 -5
  129. package/dist/component/table/index.js +0 -5
  130. package/dist/component/table/types.d.ts +0 -13
  131. package/dist/component/table/types.js +0 -1
  132. package/dist/themes/tailwind.css +0 -47
  133. package/dist/web-components.es.js +0 -786
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { alignment } from "./alignment";
3
- export const TableHead = ({ rowData }) => {
4
- return (_jsx("thead", { children: _jsx("tr", { className: "\r\n sticky\r\n top-0\r\n z-10\r\n bg-white\r\n ", children: rowData.map((cell) => (_jsx("th", { className: `
5
- px-3 sm:px-4 md:px-6
6
- py-2 md:py-4
7
- text-xs sm:text-sm
8
- text-gray
9
- font-semibold
10
-
11
- border-b
12
- border-light-gray
13
- ${alignment[cell.align || "left"]}
14
- ${cell.style || ""}
15
- `, children: cell.value }, cell.key))) }) }));
16
- };
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import { TableRowCell } from "./types";
3
- interface TableRowProps {
4
- rowData: TableRowCell[];
5
- style?: string;
6
- }
7
- export declare const TableRow: React.FC<TableRowProps>;
8
- export {};
@@ -1,27 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { alignment } from "./alignment";
3
- export const TableRow = ({ rowData, style }) => {
4
- return (_jsx("tr", { className: `
5
-
6
- transition-colors
7
- hover:bg-gray-50
8
- [&:last-child_td]:border-b-0
9
-
10
-
11
- ${style || ""}
12
- `, children: rowData.map((cell) => (_jsx("td", { className: `
13
- px-3 sm:px-4 md:px-6
14
- py-2 md:py-4
15
- text-xs sm:text-sm
16
- text-gray
17
- whitespace-nowrap
18
-
19
- border-b
20
- border-light-gray
21
-
22
-
23
-
24
- ${alignment[cell.align || "left"]}
25
- ${cell.style || ""}
26
- `, children: cell.value }, cell.key))) }));
27
- };
@@ -1,5 +0,0 @@
1
- export declare const alignment: {
2
- readonly left: "text-left";
3
- readonly center: "text-center";
4
- readonly right: "text-right";
5
- };
@@ -1,5 +0,0 @@
1
- export const alignment = {
2
- left: "text-left",
3
- center: "text-center",
4
- right: "text-right",
5
- };
@@ -1,5 +0,0 @@
1
- export { Ctable } from "./Ctable";
2
- export { TableHead } from "./TableHead";
3
- export { TableBody } from "./TableBody";
4
- export { TableRow } from "./TableRow";
5
- export { TableCell } from "./TableCell";
@@ -1,5 +0,0 @@
1
- export { Ctable } from "./Ctable";
2
- export { TableHead } from "./TableHead";
3
- export { TableBody } from "./TableBody";
4
- export { TableRow } from "./TableRow";
5
- export { TableCell } from "./TableCell";
@@ -1,13 +0,0 @@
1
- export interface TableHeadCell {
2
- key: number;
3
- name: string;
4
- value: string;
5
- align?: "left" | "center" | "right";
6
- style?: string;
7
- }
8
- export interface TableRowCell {
9
- key: number;
10
- value: string;
11
- align?: "left" | "center" | "right";
12
- style?: string;
13
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,47 +0,0 @@
1
- @import "tailwindcss";
2
-
3
- @theme {
4
- --color-*: initial;
5
- --color-blue: oklch(0.4462 0.1768 263.73);
6
- --color-green: oklch(0.3958 0.134172 142.6114);
7
- --color-red: oklch(0.4594 0.1885 29.23);
8
- --color-light-orange: oklch(0.792 0.1228 68.65);
9
- --color-light-blue: oklch(0.7889 0.0903 269.59);
10
- --color-light-green: oklch(0.757 0.193 143.64);
11
- --color-light-red: oklch(0.7978 0.1161 19.96);
12
- --color-white: oklch(0.9608 0.0058 264.53);
13
- --color-black: oklch(0.2221 0 0);
14
- --color-light-black: oklch(0.2876 0.0203 260.62);
15
- --color-gray: oklch(0.4276 0 0);
16
- --color-light-gray: oklch(0.7826 0 0);
17
-
18
- --color-primary-button: oklch(0.2876 0.0203 260.62);
19
- --color-secondary-button: oklch(0.2876 0.0203 260.62);
20
- --color-restore-button: oklch(0.2876 0.0203 260.62);
21
- --color-delete-button: oklch(0.2876 0.0203 260.62);
22
- --color-disabled-button: oklch(0.2876 0.0203 260.62);
23
-
24
- --color-primary: oklch(0.2876 0.0203 260.62);
25
- }
26
- @layer base {
27
- [data-mode="light"] {
28
- @apply bg-white text-black;
29
- --color-primary-button: oklch(0.4462 0.1768 263.73);
30
- --color-secondary-button: oklch(0.3946 0.0271 256.81);
31
- --color-restore-button: oklch(0.3958 0.134172 142.6114);
32
- --color-delete-button: oklch(0.4594 0.1885 29.23);
33
- --color-disabled-button: oklch(0.4276 0 0);
34
-
35
- --color-primary: oklch(1 0 0);
36
- }
37
- [data-mode="dark"] {
38
- @apply bg-light-black text-white;
39
- --color-primary-button: oklch(0.7769 0.0911 250.52);
40
- --color-secondary-button: oklch(0.8188 0.0167 206.42);
41
- --color-restore-button: oklch(0.757 0.193 143.64);
42
- --color-delete-button: oklch(0.7978 0.1161 19.96);
43
- --color-disabled-button: oklch(0.7826 0 0);
44
-
45
- --color-primary: oklch(0.2221 0 0);
46
- }
47
- }