@hdb-c360/c360-shared-ui 0.1.1 → 0.1.2
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/components/gradient-button.js +1 -1
- package/dist/components/gradient-button.js.map +1 -1
- package/dist/theme/c360-theme.d.ts +2 -1
- package/dist/theme/c360-theme.d.ts.map +1 -1
- package/dist/theme/c360-theme.js +36 -4
- package/dist/theme/c360-theme.js.map +1 -1
- package/dist/theme-augmentation.d.ts +6 -0
- package/dist/theme-augmentation.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Button } from "@mui/material";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
export const GradientButton = forwardRef(({ sx, ...props }, ref) => (_jsx(Button, { ref: ref,
|
|
4
|
+
export const GradientButton = forwardRef(({ sx, ...props }, ref) => (_jsx(Button, { ref: ref, color: "primary", variant: "contained", sx: sx, ...props })));
|
|
5
5
|
GradientButton.displayName = "GradientButton";
|
|
6
6
|
//# sourceMappingURL=gradient-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gradient-button.js","sourceRoot":"","sources":["../../src/components/gradient-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAiC,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClG,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"gradient-button.js","sourceRoot":"","sources":["../../src/components/gradient-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAiC,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClG,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,KAAM,KAAK,GAAI,CAC5E,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -2,7 +2,8 @@ import type { PropsWithChildren } from "react";
|
|
|
2
2
|
export declare const c360ThemeTokens: {
|
|
3
3
|
readonly headerHeight: 84;
|
|
4
4
|
readonly sidebarWidth: 88;
|
|
5
|
-
readonly
|
|
5
|
+
readonly primaryGradient: string;
|
|
6
|
+
readonly brandGradient: string;
|
|
6
7
|
};
|
|
7
8
|
export declare const c360Theme: import("@mui/material").Theme;
|
|
8
9
|
export declare function C360ThemeProvider({ children }: PropsWithChildren): import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"c360-theme.d.ts","sourceRoot":"","sources":["../../src/theme/c360-theme.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"c360-theme.d.ts","sourceRoot":"","sources":["../../src/theme/c360-theme.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/C,eAAO,MAAM,eAAe;;;;;CAKlB,CAAC;AAEX,eAAO,MAAM,SAAS,+BA2EpB,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAEhE"}
|
package/dist/theme/c360-theme.js
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { CssBaseline, ThemeProvider, createTheme } from "@mui/material";
|
|
3
3
|
import colorData from "./colorData";
|
|
4
|
+
const primaryGradient = `linear-gradient(90deg, ${colorData.brandRed} 0%, ${colorData.brandYellow} 100%)`;
|
|
4
5
|
export const c360ThemeTokens = {
|
|
5
6
|
headerHeight: 84,
|
|
6
7
|
sidebarWidth: 88,
|
|
7
|
-
|
|
8
|
+
primaryGradient,
|
|
9
|
+
brandGradient: primaryGradient,
|
|
8
10
|
};
|
|
9
11
|
export const c360Theme = createTheme({
|
|
10
12
|
spacing: 4,
|
|
11
13
|
palette: {
|
|
12
14
|
mode: "light",
|
|
13
|
-
primary: { main: colorData.uiPrimary, light: colorData.uiPrimaryHover, dark: colorData.uiPrimaryActive, contrastText: colorData.uiPrimaryForeground },
|
|
15
|
+
primary: { main: colorData.uiPrimary, light: colorData.uiPrimaryHover, dark: colorData.uiPrimaryActive, contrastText: colorData.uiPrimaryForeground, gradient: c360ThemeTokens.primaryGradient },
|
|
14
16
|
secondary: { main: colorData.uiSecondary, light: colorData.uiSecondaryHover, dark: colorData.uiSecondaryActive, contrastText: colorData.uiSecondaryForeground },
|
|
15
17
|
success: { main: colorData.green4, light: colorData.green0, dark: colorData.green5 },
|
|
16
18
|
warning: { main: colorData.orange4, light: colorData.orange0, dark: colorData.orange5 },
|
|
@@ -44,12 +46,42 @@ export const c360Theme = createTheme({
|
|
|
44
46
|
"@media (prefers-reduced-motion: reduce)": { "*, *::before, *::after": { animationDuration: "0.01ms !important", animationIterationCount: "1 !important", transitionDuration: "0.01ms !important" } },
|
|
45
47
|
},
|
|
46
48
|
},
|
|
47
|
-
MuiButton: {
|
|
49
|
+
MuiButton: {
|
|
50
|
+
defaultProps: { disableElevation: true },
|
|
51
|
+
styleOverrides: {
|
|
52
|
+
root: {
|
|
53
|
+
minHeight: 40,
|
|
54
|
+
borderRadius: 8,
|
|
55
|
+
paddingInline: 16,
|
|
56
|
+
"&.MuiButton-contained.MuiButton-colorPrimary": {
|
|
57
|
+
backgroundColor: colorData.brandRed,
|
|
58
|
+
backgroundImage: c360ThemeTokens.primaryGradient,
|
|
59
|
+
color: colorData.uiPrimaryForeground,
|
|
60
|
+
"&:hover": { backgroundImage: c360ThemeTokens.primaryGradient, filter: "brightness(1.04)" },
|
|
61
|
+
"&:active": { filter: "brightness(0.94)" },
|
|
62
|
+
"&.Mui-disabled": { backgroundImage: "none" },
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
sizeLarge: { minHeight: 48 },
|
|
66
|
+
},
|
|
67
|
+
},
|
|
48
68
|
MuiCard: { styleOverrides: { root: { backgroundImage: "none", borderColor: colorData.borderGlass } } },
|
|
49
69
|
MuiPaper: { styleOverrides: { rounded: { borderRadius: 12 } } },
|
|
50
70
|
MuiOutlinedInput: { styleOverrides: { root: { minHeight: 48, borderRadius: 8, backgroundColor: colorData.surface }, notchedOutline: { borderColor: colorData.border } } },
|
|
51
71
|
MuiTableCell: { styleOverrides: { root: { borderColor: colorData.borderSubtle, padding: "12px 16px" } } },
|
|
52
|
-
MuiChip: {
|
|
72
|
+
MuiChip: {
|
|
73
|
+
styleOverrides: {
|
|
74
|
+
root: {
|
|
75
|
+
minHeight: 24,
|
|
76
|
+
fontWeight: 650,
|
|
77
|
+
"&.MuiChip-filled.MuiChip-colorPrimary": {
|
|
78
|
+
backgroundColor: colorData.brandRed,
|
|
79
|
+
backgroundImage: c360ThemeTokens.primaryGradient,
|
|
80
|
+
color: colorData.uiPrimaryForeground,
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
},
|
|
53
85
|
},
|
|
54
86
|
});
|
|
55
87
|
export function C360ThemeProvider({ children }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"c360-theme.js","sourceRoot":"","sources":["../../src/theme/c360-theme.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"c360-theme.js","sourceRoot":"","sources":["../../src/theme/c360-theme.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-augmentation.d.ts","sourceRoot":"","sources":["../src/theme-augmentation.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,OAAO;QACf,KAAK,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QACvE,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;KAC9C;IAED,UAAU,cAAc;QACtB,KAAK,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QACxE,OAAO,CAAC,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;KAC/C;CACF;AAED,OAAO,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme-augmentation.d.ts","sourceRoot":"","sources":["../src/theme-augmentation.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,YAAY;QACpB,QAAQ,EAAE,MAAM,CAAC;KAClB;IAED,UAAU,yBAAyB;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;IAED,UAAU,OAAO;QACf,KAAK,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QACvE,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;KAC9C;IAED,UAAU,cAAc;QACtB,KAAK,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QACxE,OAAO,CAAC,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;KAC/C;CACF;AAED,OAAO,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hdb-c360/c360-shared-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"typecheck": "tsc --noEmit -p tsconfig.json"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@hdb-c360/c360-shared-utils": "0.1.
|
|
29
|
+
"@hdb-c360/c360-shared-utils": "0.1.2"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"@emotion/react": "^11.14.0",
|