@mindly/ui-components 5.23.0 → 5.25.0

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 (16) hide show
  1. package/dist/cjs/configs/tailwind/colors.d.ts +3 -0
  2. package/dist/cjs/index.js +3 -3
  3. package/dist/cjs/lib2/shared/ui/AppFooter_v2/AppFooter_v2.d.ts +1 -0
  4. package/dist/cjs/lib2/shared/ui/IconButton/IconButton.d.ts +1 -0
  5. package/dist/cjs/lib2/shared/ui/ItemCard/styles.d.ts +28 -14
  6. package/dist/cjs/lib2/shared/ui/ItemCard/types.d.ts +2 -2
  7. package/dist/esm/configs/tailwind/colors.d.ts +3 -0
  8. package/dist/esm/index.js +3 -3
  9. package/dist/esm/lib2/shared/ui/AppFooter_v2/AppFooter_v2.d.ts +1 -0
  10. package/dist/esm/lib2/shared/ui/IconButton/IconButton.d.ts +1 -0
  11. package/dist/esm/lib2/shared/ui/ItemCard/styles.d.ts +28 -14
  12. package/dist/esm/lib2/shared/ui/ItemCard/types.d.ts +2 -2
  13. package/dist/index.d.ts +4 -2
  14. package/package.json +1 -1
  15. package/src/configs/tailwind/colors.ts +3 -0
  16. package/src/lib2/shared/css/tailwind.css +2 -0
package/dist/esm/lib2/shared/ui/AppFooter_v2/AppFooter_v2.d.ts CHANGED
@@ -3,6 +3,7 @@ type AppFooterProps = {
3
3
  children?: React.ReactNode;
4
4
  transparent?: boolean;
5
5
  bottomSaveArea?: boolean;
6
+ borderTop?: boolean;
6
7
  };
7
8
  declare const _default: React.NamedExoticComponent<AppFooterProps>;
8
9
  export default _default;
package/dist/esm/lib2/shared/ui/IconButton/IconButton.d.ts CHANGED
@@ -4,6 +4,7 @@ type IconButtonProps = {
4
4
  className?: string;
5
5
  routerLink?: string;
6
6
  onClick?: (e: React.MouseEvent<HTMLIonButtonElement>) => void;
7
+ fill?: 'clear' | 'filled';
7
8
  };
8
9
  declare const _default: React.NamedExoticComponent<IconButtonProps>;
9
10
  export default _default;
package/dist/esm/lib2/shared/ui/ItemCard/styles.d.ts CHANGED
@@ -1,50 +1,64 @@
1
1
  export declare const itemCardStyles: import("tailwind-variants").TVReturnType<{
2
2
  variant: {
3
- neutral: "bg-color-background-anti-flash-light";
3
+ neutral: "bg-color-background-anti-flash-light rounded-[30px]";
4
+ transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
4
5
  };
5
6
  size: {
6
- M: "p-5 rounded-[30px]";
7
+ M: "p-5";
8
+ M4: "p-4";
7
9
  };
8
10
  }, undefined, "", import("tailwind-variants/dist/config").TVConfig<{
9
11
  variant: {
10
- neutral: "bg-color-background-anti-flash-light";
12
+ neutral: "bg-color-background-anti-flash-light rounded-[30px]";
13
+ transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
11
14
  };
12
15
  size: {
13
- M: "p-5 rounded-[30px]";
16
+ M: "p-5";
17
+ M4: "p-4";
14
18
  };
15
19
  }, {
16
20
  variant: {
17
- neutral: "bg-color-background-anti-flash-light";
21
+ neutral: "bg-color-background-anti-flash-light rounded-[30px]";
22
+ transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
18
23
  };
19
24
  size: {
20
- M: "p-5 rounded-[30px]";
25
+ M: "p-5";
26
+ M4: "p-4";
21
27
  };
22
28
  }>, {
23
29
  variant: {
24
- neutral: "bg-color-background-anti-flash-light";
30
+ neutral: "bg-color-background-anti-flash-light rounded-[30px]";
31
+ transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
25
32
  };
26
33
  size: {
27
- M: "p-5 rounded-[30px]";
34
+ M: "p-5";
35
+ M4: "p-4";
28
36
  };
29
37
  }, undefined, import("tailwind-variants").TVReturnType<{
30
38
  variant: {
31
- neutral: "bg-color-background-anti-flash-light";
39
+ neutral: "bg-color-background-anti-flash-light rounded-[30px]";
40
+ transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
32
41
  };
33
42
  size: {
34
- M: "p-5 rounded-[30px]";
43
+ M: "p-5";
44
+ M4: "p-4";
35
45
  };
36
46
  }, undefined, "", import("tailwind-variants/dist/config").TVConfig<{
37
47
  variant: {
38
- neutral: "bg-color-background-anti-flash-light";
48
+ neutral: "bg-color-background-anti-flash-light rounded-[30px]";
49
+ transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
39
50
  };
40
51
  size: {
41
- M: "p-5 rounded-[30px]";
52
+ M: "p-5";
53
+ M4: "p-4";
42
54
  };
43
55
  }, {
44
56
  variant: {
45
- neutral: "bg-color-background-anti-flash-light";
57
+ neutral: "bg-color-background-anti-flash-light rounded-[30px]";
58
+ transparent: "bg-transparent rounded-[24px] border border-color-black border-opacity-35";
46
59
  };
47
60
  size: {
48
- M: "p-5 rounded-[30px]";
61
+ M: "p-5";
62
+ M4: "p-4";
49
63
  };
50
64
  }>, unknown, unknown, undefined>>;
package/dist/esm/lib2/shared/ui/ItemCard/types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- export type ItemCardVariants = 'neutral';
2
+ export type ItemCardVariants = 'neutral' | 'transparent';
3
3
  export type ItemCardProps = React.ComponentPropsWithoutRef<'div'> & {
4
4
  variant: ItemCardVariants;
5
- size?: 'M';
5
+ size?: 'M' | 'M4';
6
6
  };
package/dist/index.d.ts CHANGED
@@ -1432,6 +1432,7 @@ type AppFooterProps = {
1432
1432
  children?: React__default.ReactNode;
1433
1433
  transparent?: boolean;
1434
1434
  bottomSaveArea?: boolean;
1435
+ borderTop?: boolean;
1435
1436
  };
1436
1437
  declare const _default$e: React__default.NamedExoticComponent<AppFooterProps>;
1437
1438
 
@@ -1512,10 +1513,10 @@ type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
1512
1513
 
1513
1514
  declare const _default$9: React.NamedExoticComponent<BadgeProps>;
1514
1515
 
1515
- type ItemCardVariants = 'neutral';
1516
+ type ItemCardVariants = 'neutral' | 'transparent';
1516
1517
  type ItemCardProps = React.ComponentPropsWithoutRef<'div'> & {
1517
1518
  variant: ItemCardVariants;
1518
- size?: 'M';
1519
+ size?: 'M' | 'M4';
1519
1520
  };
1520
1521
 
1521
1522
  declare const _default$8: React.NamedExoticComponent<ItemCardProps>;
@@ -1685,6 +1686,7 @@ type IconButtonProps = {
1685
1686
  className?: string;
1686
1687
  routerLink?: string;
1687
1688
  onClick?: (e: React__default.MouseEvent<HTMLIonButtonElement>) => void;
1689
+ fill?: 'clear' | 'filled';
1688
1690
  };
1689
1691
  declare const _default$5: React__default.NamedExoticComponent<IconButtonProps>;
1690
1692
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindly/ui-components",
3
- "version": "5.23.0",
3
+ "version": "5.25.0",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "clean": "rimraf dist",
package/src/configs/tailwind/colors.ts CHANGED
@@ -62,6 +62,9 @@ export default {
62
62
  bg: 'rgb(var(--badges-info-bg) / <alpha-value>)',
63
63
  },
64
64
  },
65
+ skeleton: {
66
+ color: 'rgb(var(--Skeleton-color) / <alpha-value>)',
67
+ },
65
68
  borders: {
66
69
  divider: 'rgb(var(--borders-divider) / 0.1)',
67
70
  },
package/src/lib2/shared/css/tailwind.css CHANGED
@@ -53,6 +53,8 @@
53
53
  --color-info-green: 66 173 82;
54
54
 
55
55
  --borders-divider: 33 33 33;
56
+
57
+ --Skeleton-color: 238 238 238;
56
58
  }
57
59
 
58
60
  :root[data-app-theme="specialist"] {