@cakemail-org/ui-components-v2 2.0.95 → 2.0.96

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 (9) hide show
  1. package/dist/cjs/index.js +40 -32
  2. package/dist/esm/index.js +37 -29
  3. package/package.json +1 -1
  4. package/dist/cjs/components/link/index.d.ts +0 -4
  5. package/dist/cjs/components/link/types.d.ts +0 -5
  6. package/dist/cjs/data/theme/MuiLink.d.ts +0 -95
  7. package/dist/esm/components/link/index.d.ts +0 -4
  8. package/dist/esm/components/link/types.d.ts +0 -5
  9. package/dist/esm/data/theme/MuiLink.d.ts +0 -95
package/dist/cjs/index.js CHANGED
@@ -6152,28 +6152,6 @@ function getMuiLinearProgress(theme) {
6152
6152
  };
6153
6153
  }
6154
6154
 
6155
- function getMuiLink(theme) {
6156
- return {
6157
- styleOverrides: {
6158
- root: {
6159
- cursor: "pointer",
6160
- textDecoration: "underline",
6161
- "&:hover": {
6162
- color: theme.palette.text.primary,
6163
- },
6164
- "&:active": {
6165
- color: theme.palette.primary.main,
6166
- }
6167
- },
6168
- },
6169
- //variants: [],
6170
- defaultProps: {
6171
- color: "secondary",
6172
- variant: "link",
6173
- },
6174
- };
6175
- }
6176
-
6177
6155
  function getMuiMenu(theme) {
6178
6156
  return {
6179
6157
  styleOverrides: {
@@ -7397,7 +7375,42 @@ function buildMUITheme(_a) {
7397
7375
  MuiFab: {},
7398
7376
  MuiTextField: getMuiTextField(theme),
7399
7377
  MuiToolbar: {},
7400
- MuiLink: getMuiLink(theme),
7378
+ MuiLink: {
7379
+ styleOverrides: {
7380
+ root: {
7381
+ fontFamily: bodyFont,
7382
+ fontWeight: 400,
7383
+ fontSize: "1rem",
7384
+ letterSpacing: "0px",
7385
+ textDecoration: "underline",
7386
+ color: theme.palette.secondary.main,
7387
+ "&:hover": {
7388
+ color: theme.palette.secondary.dark,
7389
+ }
7390
+ },
7391
+ },
7392
+ variants: [
7393
+ //These new variants can specify what styles the component should have when that specific variant prop value is applied.
7394
+ {
7395
+ props: { color: "text.secondary" },
7396
+ style: {
7397
+ color: theme.palette.text.secondary,
7398
+ "&:hover": {
7399
+ color: theme.palette.text.primary,
7400
+ }
7401
+ },
7402
+ },
7403
+ {
7404
+ props: { color: "primary" },
7405
+ style: {
7406
+ color: theme.palette.primary.main,
7407
+ "&:hover": {
7408
+ color: theme.palette.primary.dark,
7409
+ }
7410
+ },
7411
+ }
7412
+ ],
7413
+ },
7401
7414
  MuiTypography: {
7402
7415
  defaultProps: {
7403
7416
  variantMapping: {
@@ -8820,11 +8833,6 @@ function FileUpload(_a) {
8820
8833
  }), value: dropdown.value }));
8821
8834
  }
8822
8835
 
8823
- function Link(_a) {
8824
- var color = _a.color, props = __rest(_a, ["color"]);
8825
- return React.createElement(material.Link, __assign({}, props, { color: color }));
8826
- }
8827
-
8828
8836
  var css_248z$b = ".subNav-component-v2 {\n flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n outline: none !important;\n}\n.subNav-component-v2 button.default {\n text-transform: none;\n}\n.subNav-component-v2 button.default span {\n text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n background: none;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
8829
8837
  styleInject(css_248z$b);
8830
8838
 
@@ -8999,7 +9007,7 @@ function FilterBar(_a) {
8999
9007
  React.createElement(DropMenu, { inlineMenu: true, options: dropMenuOptions }),
9000
9008
  currentAction && React.createElement(Button, { color: "cloud", onClick: currentAction.onClick }, currentAction.text)))),
9001
9009
  !showSearch &&
9002
- React.createElement(Link, { color: "secondary", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
9010
+ React.createElement(material.Link, { color: "secondary", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
9003
9011
  React.createElement(Icon, { name: "Add18", color: "secondary" }),
9004
9012
  " ",
9005
9013
  addFilterTxt)),
@@ -9014,9 +9022,9 @@ function FilterBar(_a) {
9014
9022
  }).reverse()),
9015
9023
  cFilterTerms.length > 0 &&
9016
9024
  React.createElement(material.Stack, { direction: "row", className: "actionContainer", alignItems: "center", justifyContent: "center", gap: 3 },
9017
- onSave && React.createElement(Link, { onClick: handleOnSave },
9025
+ onSave && React.createElement(material.Link, { onClick: handleOnSave },
9018
9026
  React.createElement(Typography, { variant: "body2" }, saveTxt)),
9019
- React.createElement(Link, { onClick: handleOnClear },
9027
+ React.createElement(material.Link, { onClick: handleOnClear },
9020
9028
  React.createElement(Typography, { variant: "body2" }, clearTxt))));
9021
9029
  }
9022
9030
 
@@ -15890,7 +15898,7 @@ function SideMenuItem(_a) {
15890
15898
  var mainClasses = classNames("sideMenuItem-component-v2", className, item.className, variant);
15891
15899
  return React.createElement(Box, { className: mainClasses },
15892
15900
  variant === "" || variant === "soloItem" ?
15893
- React.createElement(Link, { href: item.path, "data-name": item.name, onClick: menuItemClick },
15901
+ React.createElement(material.Link, { href: item.path, "data-name": item.name, onClick: menuItemClick },
15894
15902
  item.prefix && React.cloneElement(item.prefix, { key: 'sideMenuItemPrefix' }),
15895
15903
  item.icon && React.createElement(Icon, { name: item.icon }),
15896
15904
  React.createElement(material.Stack, { alignItems: "flex-start", justifyContent: "center", flex: 1 },
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Stack as Stack$1, Box, CircularProgress as CircularProgress$1, LinearProgress as LinearProgress$1, Tooltip, Typography as Typography$1, Badge, Avatar as Avatar$1, lighten, Dialog as Dialog$1, DialogContent, Checkbox as Checkbox$1, Paper, Chip as Chip$1, ClickAwayListener, useTheme as useTheme$2, FormControl, InputLabel, Link as Link$1, Radio as Radio$1, InputAdornment, Select as Select$1, MenuItem as MenuItem$1 } from '@mui/material';
1
+ import { Stack as Stack$1, Box, CircularProgress as CircularProgress$1, LinearProgress as LinearProgress$1, Tooltip, Typography as Typography$1, Badge, Avatar as Avatar$1, lighten, Dialog as Dialog$1, DialogContent, Checkbox as Checkbox$1, Paper, Chip as Chip$1, ClickAwayListener, useTheme as useTheme$2, FormControl, InputLabel, Link, Radio as Radio$1, InputAdornment, Select as Select$1, MenuItem as MenuItem$1 } from '@mui/material';
2
2
  import classNames from 'classnames';
3
3
  import * as React from 'react';
4
4
  import React__default, { forwardRef, useRef, useState, useEffect, useLayoutEffect, useImperativeHandle, Component, useCallback, createContext } from 'react';
@@ -6132,28 +6132,6 @@ function getMuiLinearProgress(theme) {
6132
6132
  };
6133
6133
  }
6134
6134
 
6135
- function getMuiLink(theme) {
6136
- return {
6137
- styleOverrides: {
6138
- root: {
6139
- cursor: "pointer",
6140
- textDecoration: "underline",
6141
- "&:hover": {
6142
- color: theme.palette.text.primary,
6143
- },
6144
- "&:active": {
6145
- color: theme.palette.primary.main,
6146
- }
6147
- },
6148
- },
6149
- //variants: [],
6150
- defaultProps: {
6151
- color: "secondary",
6152
- variant: "link",
6153
- },
6154
- };
6155
- }
6156
-
6157
6135
  function getMuiMenu(theme) {
6158
6136
  return {
6159
6137
  styleOverrides: {
@@ -7377,7 +7355,42 @@ function buildMUITheme(_a) {
7377
7355
  MuiFab: {},
7378
7356
  MuiTextField: getMuiTextField(theme),
7379
7357
  MuiToolbar: {},
7380
- MuiLink: getMuiLink(theme),
7358
+ MuiLink: {
7359
+ styleOverrides: {
7360
+ root: {
7361
+ fontFamily: bodyFont,
7362
+ fontWeight: 400,
7363
+ fontSize: "1rem",
7364
+ letterSpacing: "0px",
7365
+ textDecoration: "underline",
7366
+ color: theme.palette.secondary.main,
7367
+ "&:hover": {
7368
+ color: theme.palette.secondary.dark,
7369
+ }
7370
+ },
7371
+ },
7372
+ variants: [
7373
+ //These new variants can specify what styles the component should have when that specific variant prop value is applied.
7374
+ {
7375
+ props: { color: "text.secondary" },
7376
+ style: {
7377
+ color: theme.palette.text.secondary,
7378
+ "&:hover": {
7379
+ color: theme.palette.text.primary,
7380
+ }
7381
+ },
7382
+ },
7383
+ {
7384
+ props: { color: "primary" },
7385
+ style: {
7386
+ color: theme.palette.primary.main,
7387
+ "&:hover": {
7388
+ color: theme.palette.primary.dark,
7389
+ }
7390
+ },
7391
+ }
7392
+ ],
7393
+ },
7381
7394
  MuiTypography: {
7382
7395
  defaultProps: {
7383
7396
  variantMapping: {
@@ -8800,11 +8813,6 @@ function FileUpload(_a) {
8800
8813
  }), value: dropdown.value }));
8801
8814
  }
8802
8815
 
8803
- function Link(_a) {
8804
- var color = _a.color, props = __rest(_a, ["color"]);
8805
- return React__default.createElement(Link$1, __assign({}, props, { color: color }));
8806
- }
8807
-
8808
8816
  var css_248z$b = ".subNav-component-v2 {\n flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n outline: none !important;\n}\n.subNav-component-v2 button.default {\n text-transform: none;\n}\n.subNav-component-v2 button.default span {\n text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n background: none;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
8809
8817
  styleInject(css_248z$b);
8810
8818
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cakemail-org/ui-components-v2",
3
- "version": "2.0.95",
3
+ "version": "2.0.96",
4
4
  "description": "ui library kit made with material UI",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/dist/cjs/components/link/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { TLink } from "./types";
3
- export declare function Link({ color, ...props }: TLink): React.JSX.Element;
4
- export default Link;
package/dist/cjs/components/link/types.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { LinkProps } from "@mui/material/Link";
2
- import { TColors } from "../../types/generic";
3
- export interface TLink extends LinkProps {
4
- color?: TColors;
5
- }
package/dist/cjs/data/theme/MuiLink.d.ts DELETED
@@ -1,95 +0,0 @@
1
- import { Theme } from "@mui/material";
2
- declare module "@mui/material/styles" {
3
- interface LinkVariants {
4
- h1L: React.CSSProperties;
5
- h1S: React.CSSProperties;
6
- displayL: React.CSSProperties;
7
- display: React.CSSProperties;
8
- displayS: React.CSSProperties;
9
- h2L: React.CSSProperties;
10
- h2S: React.CSSProperties;
11
- headlineL: React.CSSProperties;
12
- headline: React.CSSProperties;
13
- headlineS: React.CSSProperties;
14
- h3L: React.CSSProperties;
15
- h3S: React.CSSProperties;
16
- titleL: React.CSSProperties;
17
- title: React.CSSProperties;
18
- titleS: React.CSSProperties;
19
- body1L: React.CSSProperties;
20
- body1S: React.CSSProperties;
21
- body2L: React.CSSProperties;
22
- body2S: React.CSSProperties;
23
- linkS: React.CSSProperties;
24
- link: React.CSSProperties;
25
- linkL: React.CSSProperties;
26
- }
27
- interface LinkVariantsOptions {
28
- h1L: React.CSSProperties;
29
- h1S: React.CSSProperties;
30
- displayL: React.CSSProperties;
31
- display: React.CSSProperties;
32
- displayS: React.CSSProperties;
33
- h2L: React.CSSProperties;
34
- h2S: React.CSSProperties;
35
- headlineL: React.CSSProperties;
36
- headline: React.CSSProperties;
37
- headlineS: React.CSSProperties;
38
- h3L: React.CSSProperties;
39
- h3S: React.CSSProperties;
40
- titleL: React.CSSProperties;
41
- title: React.CSSProperties;
42
- titleS: React.CSSProperties;
43
- body1L: React.CSSProperties;
44
- body1S: React.CSSProperties;
45
- body2L: React.CSSProperties;
46
- body2S: React.CSSProperties;
47
- linkS: React.CSSProperties;
48
- link: React.CSSProperties;
49
- linkL: React.CSSProperties;
50
- }
51
- }
52
- declare module '@mui/material/Link' {
53
- interface TypographyPropsVariantOverrides {
54
- h1L: true;
55
- h1S: true;
56
- displayL: true;
57
- display: true;
58
- displayS: true;
59
- h2L: true;
60
- h2S: true;
61
- headlineL: true;
62
- headline: true;
63
- headlineS: true;
64
- h3L: true;
65
- h3S: true;
66
- titleL: true;
67
- title: true;
68
- titleS: true;
69
- body1L: true;
70
- body1S: true;
71
- body2L: true;
72
- body2S: true;
73
- linkS: true;
74
- link: true;
75
- linkL: true;
76
- }
77
- }
78
- export default function getMuiLink(theme: Theme): {
79
- styleOverrides: {
80
- root: {
81
- cursor: string;
82
- textDecoration: string;
83
- "&:hover": {
84
- color: string;
85
- };
86
- "&:active": {
87
- color: string;
88
- };
89
- };
90
- };
91
- defaultProps: {
92
- color: string;
93
- variant: string;
94
- };
95
- };
package/dist/esm/components/link/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { TLink } from "./types";
3
- export declare function Link({ color, ...props }: TLink): React.JSX.Element;
4
- export default Link;
package/dist/esm/components/link/types.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { LinkProps } from "@mui/material/Link";
2
- import { TColors } from "../../types/generic";
3
- export interface TLink extends LinkProps {
4
- color?: TColors;
5
- }
package/dist/esm/data/theme/MuiLink.d.ts DELETED
@@ -1,95 +0,0 @@
1
- import { Theme } from "@mui/material";
2
- declare module "@mui/material/styles" {
3
- interface LinkVariants {
4
- h1L: React.CSSProperties;
5
- h1S: React.CSSProperties;
6
- displayL: React.CSSProperties;
7
- display: React.CSSProperties;
8
- displayS: React.CSSProperties;
9
- h2L: React.CSSProperties;
10
- h2S: React.CSSProperties;
11
- headlineL: React.CSSProperties;
12
- headline: React.CSSProperties;
13
- headlineS: React.CSSProperties;
14
- h3L: React.CSSProperties;
15
- h3S: React.CSSProperties;
16
- titleL: React.CSSProperties;
17
- title: React.CSSProperties;
18
- titleS: React.CSSProperties;
19
- body1L: React.CSSProperties;
20
- body1S: React.CSSProperties;
21
- body2L: React.CSSProperties;
22
- body2S: React.CSSProperties;
23
- linkS: React.CSSProperties;
24
- link: React.CSSProperties;
25
- linkL: React.CSSProperties;
26
- }
27
- interface LinkVariantsOptions {
28
- h1L: React.CSSProperties;
29
- h1S: React.CSSProperties;
30
- displayL: React.CSSProperties;
31
- display: React.CSSProperties;
32
- displayS: React.CSSProperties;
33
- h2L: React.CSSProperties;
34
- h2S: React.CSSProperties;
35
- headlineL: React.CSSProperties;
36
- headline: React.CSSProperties;
37
- headlineS: React.CSSProperties;
38
- h3L: React.CSSProperties;
39
- h3S: React.CSSProperties;
40
- titleL: React.CSSProperties;
41
- title: React.CSSProperties;
42
- titleS: React.CSSProperties;
43
- body1L: React.CSSProperties;
44
- body1S: React.CSSProperties;
45
- body2L: React.CSSProperties;
46
- body2S: React.CSSProperties;
47
- linkS: React.CSSProperties;
48
- link: React.CSSProperties;
49
- linkL: React.CSSProperties;
50
- }
51
- }
52
- declare module '@mui/material/Link' {
53
- interface TypographyPropsVariantOverrides {
54
- h1L: true;
55
- h1S: true;
56
- displayL: true;
57
- display: true;
58
- displayS: true;
59
- h2L: true;
60
- h2S: true;
61
- headlineL: true;
62
- headline: true;
63
- headlineS: true;
64
- h3L: true;
65
- h3S: true;
66
- titleL: true;
67
- title: true;
68
- titleS: true;
69
- body1L: true;
70
- body1S: true;
71
- body2L: true;
72
- body2S: true;
73
- linkS: true;
74
- link: true;
75
- linkL: true;
76
- }
77
- }
78
- export default function getMuiLink(theme: Theme): {
79
- styleOverrides: {
80
- root: {
81
- cursor: string;
82
- textDecoration: string;
83
- "&:hover": {
84
- color: string;
85
- };
86
- "&:active": {
87
- color: string;
88
- };
89
- };
90
- };
91
- defaultProps: {
92
- color: string;
93
- variant: string;
94
- };
95
- };