@natoora-libs/core 0.1.10 → 0.1.11
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/{chunk-ZYZWAAFL.js → chunk-CKW5LT7K.js} +3 -68
- package/dist/chunk-CKW5LT7K.js.map +1 -0
- package/dist/components/index.cjs +4 -69
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +3 -3
- package/dist/components/index.js.map +1 -1
- package/dist/providers/index.cjs +2 -67
- package/dist/providers/index.cjs.map +1 -1
- package/dist/providers/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-ZYZWAAFL.js.map +0 -1
|
@@ -2,70 +2,6 @@
|
|
|
2
2
|
import { Backdrop, CircularProgress } from "@mui/material";
|
|
3
3
|
import { makeStyles } from "tss-react/mui";
|
|
4
4
|
|
|
5
|
-
// src/resources/styles/colors/darkPalette.ts
|
|
6
|
-
var darkPalette = {
|
|
7
|
-
// General colors
|
|
8
|
-
white: "#FFFFFF",
|
|
9
|
-
black: "#000000",
|
|
10
|
-
// Neutral
|
|
11
|
-
neutral50: "#1C1B1A",
|
|
12
|
-
neutral100: "#1F1F1F",
|
|
13
|
-
neutral150: "#262626",
|
|
14
|
-
neutral200: "#2E2E2E",
|
|
15
|
-
neutral250: "#383838",
|
|
16
|
-
neutral300: "#424242",
|
|
17
|
-
neutral400: "#4C4C4C",
|
|
18
|
-
neutral500: "#666666",
|
|
19
|
-
neutral600: "#808080",
|
|
20
|
-
neutral700: "#A3A3A3",
|
|
21
|
-
neutral750: "#B3B3B3",
|
|
22
|
-
neutral800: "#CCCCCC",
|
|
23
|
-
neutral900: "#F5F5F5",
|
|
24
|
-
// Input and contrast
|
|
25
|
-
contrast: "#FFFFFF",
|
|
26
|
-
constrastOpacity50: "rgba(255,255,255,0.5)",
|
|
27
|
-
// Icon and Material UI colors
|
|
28
|
-
iconSearch: "#B0B0B0",
|
|
29
|
-
default: "#444444",
|
|
30
|
-
muiPrimary: "#E9FB62",
|
|
31
|
-
muiPrimaryBlack: "#FFFFFF",
|
|
32
|
-
lightMuiPrimaryColorBackground: "#e9fb6214",
|
|
33
|
-
lightBlueBackground: "#e9fb6214",
|
|
34
|
-
muiPrimaryAlternate: "#07BAF1",
|
|
35
|
-
muiPrimaryHover: "#1890d5",
|
|
36
|
-
muiSecondary: "#DE5B99",
|
|
37
|
-
muiSecondaryAlternate: "#EC613C",
|
|
38
|
-
muiSuccess: "#66BB6A",
|
|
39
|
-
muiSuccessAlternate: "#81C784",
|
|
40
|
-
// Transparency variants
|
|
41
|
-
blackOpacity10: "inherit",
|
|
42
|
-
blackOpacity20: "inherit",
|
|
43
|
-
blackOpacity30: "inherit",
|
|
44
|
-
blackOpacity50: "inherit",
|
|
45
|
-
blackOpacity80: "inherit",
|
|
46
|
-
primaryOpacity10: "rgba(233, 251, 98, 0.10)",
|
|
47
|
-
primaryOpacity20: "rgba(233, 251, 98, 0.20)",
|
|
48
|
-
primaryOpacity30: "rgba(233, 251, 98, 0.30)",
|
|
49
|
-
secondaryAlternateOpacity30: "rgba(236, 97, 60, .3)",
|
|
50
|
-
blueOpacity08: "rgba(25, 118, 210, 0.08)",
|
|
51
|
-
whiteOpacity10: "rgba(255,255,255,0.1)",
|
|
52
|
-
whiteOpacity20: "rgba(255,255,255,0.2)",
|
|
53
|
-
whiteOpacity40: "rgba(255,255,255,0.4)",
|
|
54
|
-
// Table rows and top bar
|
|
55
|
-
topBar: "#2e3133",
|
|
56
|
-
// Button colors
|
|
57
|
-
// Round Button (default)
|
|
58
|
-
buttonHoverBackground: "rgba(255, 255, 255, 0.08)",
|
|
59
|
-
// Active Button
|
|
60
|
-
buttonActiveText: "#E9FB62",
|
|
61
|
-
// Contrast Button
|
|
62
|
-
buttonContrastBorder: "#CECECE",
|
|
63
|
-
buttonContrastText: "#CECECE",
|
|
64
|
-
// Error Button
|
|
65
|
-
error: "#EF5350"
|
|
66
|
-
};
|
|
67
|
-
var darkPalette_default = darkPalette;
|
|
68
|
-
|
|
69
5
|
// src/resources/styles/colors/lightPalette.ts
|
|
70
6
|
var lightPalette = {
|
|
71
7
|
// General colors
|
|
@@ -131,9 +67,8 @@ var lightPalette = {
|
|
|
131
67
|
var lightPalette_default = lightPalette;
|
|
132
68
|
|
|
133
69
|
// src/resources/styles/colors.ts
|
|
134
|
-
var
|
|
135
|
-
var
|
|
136
|
-
var palette = isDarkModeEnabled ? darkPalette_default : lightPalette_default;
|
|
70
|
+
var isDarkModeEnabled = false;
|
|
71
|
+
var palette = lightPalette_default;
|
|
137
72
|
var colors = {
|
|
138
73
|
white: palette.white,
|
|
139
74
|
black: palette.black,
|
|
@@ -272,4 +207,4 @@ export {
|
|
|
272
207
|
colors,
|
|
273
208
|
Loading_default
|
|
274
209
|
};
|
|
275
|
-
//# sourceMappingURL=chunk-
|
|
210
|
+
//# sourceMappingURL=chunk-CKW5LT7K.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Loading/Loading.tsx","../src/resources/styles/colors/lightPalette.ts","../src/resources/styles/colors.ts"],"sourcesContent":["import { Backdrop, CircularProgress } from '@mui/material';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { isDarkModeEnabled } from '@/resources/styles/colors';\n\nconst useStyles = makeStyles()(() => ({\n wrapper: {\n /**\n * MUI Dialogs have z-index = 1300\n */\n zIndex: 1301,\n backgroundColor: isDarkModeEnabled\n ? 'rgba(0, 0, 0, 0.5)'\n : 'rgba(255, 255, 255, 0.8)',\n },\n}));\n\ninterface ILoading {\n isLoading: boolean;\n}\n\nconst Loading = ({ isLoading }: ILoading) => {\n const { classes } = useStyles();\n\n return (\n <Backdrop\n aria-hidden={!isLoading}\n className={classes.wrapper}\n open={isLoading}\n data-testid=\"backdrop-loading\"\n >\n <CircularProgress color=\"primary\" />\n </Backdrop>\n );\n};\n\nexport default Loading;\n","import { ThemePalette } from './interface';\n\n/**\n * Define the light palette using the ThemePalette interface.\n */\nconst lightPalette: ThemePalette = {\n // General colors\n white: '#FFFFFF',\n black: '#000000',\n\n // Neutral\n neutral50: '#F0EBE6',\n neutral100: '#FAFAFA',\n neutral150: '#F4F4F4',\n neutral200: '#F1F1F1',\n neutral250: '#ECECEC',\n neutral300: '#E0E0E0',\n neutral400: '#C8C8C8',\n neutral500: '#BDBDBD',\n neutral600: '#999999',\n neutral700: '#878787',\n neutral750: '#6c6c6c',\n neutral800: '#555555',\n neutral900: '#4D4D4D',\n\n // Input and contrast\n contrast: '#000000',\n constrastOpacity50: 'rgba(0,0,0,0.5)',\n\n // Icon and Material UI colors\n iconSearch: '#606060',\n default: '#E0E0E0',\n muiPrimary: '#0781CE',\n muiPrimaryBlack: '#000000',\n lightMuiPrimaryColorBackground: '#eff4fb',\n lightBlueBackground: '#eff4fb',\n muiPrimaryAlternate: '#07BAF1',\n muiPrimaryHover: '#1565c0',\n muiSecondary: '#A42966',\n muiSecondaryAlternate: '#EC613C',\n muiSuccess: '#4caf50',\n muiSuccessAlternate: '#357a38',\n\n // Transparency variants\n blackOpacity10: 'rgba(0,0,0,0.1)',\n blackOpacity20: 'rgba(0,0,0,0.2)',\n blackOpacity30: 'rgba(0,0,0,0.3)',\n blackOpacity50: 'rgba(0,0,0,0.5)',\n blackOpacity80: 'rgba(0,0,0,0.8)',\n primaryOpacity10: 'rgba(7, 129, 206, 0.10)',\n primaryOpacity20: 'rgba(7, 129, 206, 0.20)',\n primaryOpacity30: 'rgba(7, 129, 206, 0.30)',\n secondaryAlternateOpacity30: 'rgba(236, 97, 60, 0.3)',\n blueOpacity08: 'rgba(25, 118, 210, 0.08)',\n whiteOpacity10: 'rgba(255,255,255,0.1)',\n whiteOpacity20: 'rgba(255,255,255,0.2)',\n whiteOpacity40: 'rgba(255,255,255,0.4)',\n\n // Table rows and top bar\n topBar: '#2e3133',\n\n // Button colors\n // Round Button (default)\n buttonHoverBackground: 'rgba(0, 0, 0, 0.04)',\n // Active Button\n buttonActiveText: '#0781CE',\n // Contrast Button\n buttonContrastBorder: '#CECECE',\n buttonContrastText: '#CECECE',\n\n // Error Button\n error: '#D32F2F',\n};\n\nexport default lightPalette;\n","import lightPalette from './colors/lightPalette';\n\nexport const isDarkModeEnabled = false;\nconst palette = lightPalette;\n\ninterface Colors {\n // General colors\n white: string;\n black: string;\n\n // Neutral\n neutral50: string;\n neutral100: string;\n neutral150: string;\n neutral200: string;\n neutral250: string;\n neutral300: string;\n neutral400: string;\n neutral500: string;\n neutral600: string;\n neutral700: string;\n neutral750: string;\n neutral800: string;\n neutral900: string;\n\n // Input and contrast\n contrast: string;\n constrastOpacity50: string;\n\n // Icon and Material UI colors\n iconSearch: string;\n default: string;\n muiPrimary: string;\n muiPrimaryBlack: string;\n lightMuiPrimaryColorBackground: string;\n lightBlueBackground: string;\n muiPrimaryAlternate: string;\n muiPrimaryHover: string;\n muiSecondary: string;\n muiSecondaryAlternate: string;\n muiSuccess: string;\n muiSuccessAlternate: string;\n\n // Transparency\n blackOpacity10: string;\n blackOpacity20: string;\n blackOpacity30: string;\n blackOpacity50: string;\n blackOpacity80: string;\n primaryOpacity10: string;\n primaryOpacity20: string;\n primaryOpacity30: string;\n secondaryAlternateOpacity30: string;\n blueOpacity08: string;\n whiteOpacity10: string;\n whiteOpacity20: string;\n whiteOpacity40: string;\n\n // Table rows and top bar\n topBar: string;\n // Error Button\n error: string;\n\n roundButton: {\n default: {\n border: string;\n color: string;\n disabled: {\n color: string;\n };\n hover: {\n background: string;\n };\n };\n filled: {\n background: string;\n color: string;\n hover: {\n background: string;\n };\n };\n active: {\n color: string;\n hover: {\n background: string;\n };\n };\n contrast: {\n border: string;\n color: string;\n hover: {\n background: string;\n };\n };\n tableButton: {\n color: string;\n };\n focused: {\n background: string;\n color: string;\n hover: {\n background: string;\n };\n };\n error: string;\n };\n\n movementCard: {\n default: {\n background: string;\n };\n disabled: {\n background: string;\n };\n pill: {\n color: string;\n background: string;\n };\n };\n\n rowProductCard: {\n locationSubtitle: string;\n };\n}\n\nexport const colors: Colors = {\n white: palette.white,\n black: palette.black,\n\n neutral50: palette.neutral50,\n neutral100: palette.neutral100,\n neutral150: palette.neutral150,\n neutral200: palette.neutral200,\n neutral250: palette.neutral250,\n neutral300: palette.neutral300,\n neutral400: palette.neutral400,\n neutral500: palette.neutral500,\n neutral600: palette.neutral600,\n neutral700: palette.neutral700,\n neutral750: palette.neutral750,\n neutral800: palette.neutral800,\n neutral900: palette.neutral900,\n\n // Input and contrast\n contrast: palette.contrast,\n constrastOpacity50: palette.constrastOpacity50,\n\n iconSearch: palette.iconSearch,\n default: palette.default,\n muiPrimary: palette.muiPrimary,\n muiPrimaryBlack: palette.muiPrimaryBlack,\n lightMuiPrimaryColorBackground: palette.lightMuiPrimaryColorBackground,\n lightBlueBackground: palette.lightBlueBackground,\n muiPrimaryAlternate: palette.muiPrimaryAlternate,\n muiPrimaryHover: palette.muiPrimaryHover,\n muiSecondary: palette.muiSecondary,\n muiSecondaryAlternate: palette.muiSecondaryAlternate,\n muiSuccess: palette.muiSuccess,\n muiSuccessAlternate: palette.muiSuccessAlternate,\n\n // Transparency\n blackOpacity10: palette.blackOpacity10,\n blackOpacity20: palette.blackOpacity20,\n blackOpacity30: palette.blackOpacity30,\n blackOpacity50: palette.blackOpacity50,\n blackOpacity80: palette.blackOpacity80,\n primaryOpacity10: palette.primaryOpacity10,\n primaryOpacity20: palette.primaryOpacity20,\n primaryOpacity30: palette.primaryOpacity30,\n secondaryAlternateOpacity30: palette.secondaryAlternateOpacity30,\n blueOpacity08: palette.blueOpacity08,\n whiteOpacity10: palette.whiteOpacity10,\n whiteOpacity20: palette.whiteOpacity20,\n whiteOpacity40: palette.whiteOpacity40,\n\n topBar: palette.topBar,\n error: palette.error,\n\n roundButton: {\n default: {\n border: palette.neutral600,\n color: palette.contrast,\n disabled: {\n color: palette.blackOpacity20,\n },\n hover: {\n background: palette.buttonHoverBackground,\n },\n },\n filled: {\n background: palette.neutral100,\n color: palette.blackOpacity80,\n hover: {\n background: palette.neutral250,\n },\n },\n active: {\n color: palette.buttonActiveText,\n hover: {\n background: palette.primaryOpacity20,\n },\n },\n contrast: {\n border: palette.buttonContrastBorder,\n color: palette.buttonContrastText,\n hover: {\n background: palette.whiteOpacity10,\n },\n },\n tableButton: {\n color: palette.neutral800,\n },\n focused: {\n background: palette.primaryOpacity20,\n color: palette.buttonActiveText,\n hover: {\n background: palette.primaryOpacity30,\n },\n },\n error: palette.error,\n },\n\n movementCard: {\n default: {\n background: palette.neutral100,\n },\n disabled: {\n background: palette.neutral250,\n },\n pill: {\n color: palette.neutral200,\n background: palette.neutral600,\n },\n },\n\n rowProductCard: {\n locationSubtitle: palette.neutral800,\n },\n};\n"],"mappings":"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","names":[]}
|
|
@@ -525,70 +525,6 @@ var AlertDialogFullScreen_default = AlertDialogFullScreen;
|
|
|
525
525
|
var import_material4 = require("@mui/material");
|
|
526
526
|
var import_mui2 = require("tss-react/mui");
|
|
527
527
|
|
|
528
|
-
// src/resources/styles/colors/darkPalette.ts
|
|
529
|
-
var darkPalette = {
|
|
530
|
-
// General colors
|
|
531
|
-
white: "#FFFFFF",
|
|
532
|
-
black: "#000000",
|
|
533
|
-
// Neutral
|
|
534
|
-
neutral50: "#1C1B1A",
|
|
535
|
-
neutral100: "#1F1F1F",
|
|
536
|
-
neutral150: "#262626",
|
|
537
|
-
neutral200: "#2E2E2E",
|
|
538
|
-
neutral250: "#383838",
|
|
539
|
-
neutral300: "#424242",
|
|
540
|
-
neutral400: "#4C4C4C",
|
|
541
|
-
neutral500: "#666666",
|
|
542
|
-
neutral600: "#808080",
|
|
543
|
-
neutral700: "#A3A3A3",
|
|
544
|
-
neutral750: "#B3B3B3",
|
|
545
|
-
neutral800: "#CCCCCC",
|
|
546
|
-
neutral900: "#F5F5F5",
|
|
547
|
-
// Input and contrast
|
|
548
|
-
contrast: "#FFFFFF",
|
|
549
|
-
constrastOpacity50: "rgba(255,255,255,0.5)",
|
|
550
|
-
// Icon and Material UI colors
|
|
551
|
-
iconSearch: "#B0B0B0",
|
|
552
|
-
default: "#444444",
|
|
553
|
-
muiPrimary: "#E9FB62",
|
|
554
|
-
muiPrimaryBlack: "#FFFFFF",
|
|
555
|
-
lightMuiPrimaryColorBackground: "#e9fb6214",
|
|
556
|
-
lightBlueBackground: "#e9fb6214",
|
|
557
|
-
muiPrimaryAlternate: "#07BAF1",
|
|
558
|
-
muiPrimaryHover: "#1890d5",
|
|
559
|
-
muiSecondary: "#DE5B99",
|
|
560
|
-
muiSecondaryAlternate: "#EC613C",
|
|
561
|
-
muiSuccess: "#66BB6A",
|
|
562
|
-
muiSuccessAlternate: "#81C784",
|
|
563
|
-
// Transparency variants
|
|
564
|
-
blackOpacity10: "inherit",
|
|
565
|
-
blackOpacity20: "inherit",
|
|
566
|
-
blackOpacity30: "inherit",
|
|
567
|
-
blackOpacity50: "inherit",
|
|
568
|
-
blackOpacity80: "inherit",
|
|
569
|
-
primaryOpacity10: "rgba(233, 251, 98, 0.10)",
|
|
570
|
-
primaryOpacity20: "rgba(233, 251, 98, 0.20)",
|
|
571
|
-
primaryOpacity30: "rgba(233, 251, 98, 0.30)",
|
|
572
|
-
secondaryAlternateOpacity30: "rgba(236, 97, 60, .3)",
|
|
573
|
-
blueOpacity08: "rgba(25, 118, 210, 0.08)",
|
|
574
|
-
whiteOpacity10: "rgba(255,255,255,0.1)",
|
|
575
|
-
whiteOpacity20: "rgba(255,255,255,0.2)",
|
|
576
|
-
whiteOpacity40: "rgba(255,255,255,0.4)",
|
|
577
|
-
// Table rows and top bar
|
|
578
|
-
topBar: "#2e3133",
|
|
579
|
-
// Button colors
|
|
580
|
-
// Round Button (default)
|
|
581
|
-
buttonHoverBackground: "rgba(255, 255, 255, 0.08)",
|
|
582
|
-
// Active Button
|
|
583
|
-
buttonActiveText: "#E9FB62",
|
|
584
|
-
// Contrast Button
|
|
585
|
-
buttonContrastBorder: "#CECECE",
|
|
586
|
-
buttonContrastText: "#CECECE",
|
|
587
|
-
// Error Button
|
|
588
|
-
error: "#EF5350"
|
|
589
|
-
};
|
|
590
|
-
var darkPalette_default = darkPalette;
|
|
591
|
-
|
|
592
528
|
// src/resources/styles/colors/lightPalette.ts
|
|
593
529
|
var lightPalette = {
|
|
594
530
|
// General colors
|
|
@@ -654,9 +590,8 @@ var lightPalette = {
|
|
|
654
590
|
var lightPalette_default = lightPalette;
|
|
655
591
|
|
|
656
592
|
// src/resources/styles/colors.ts
|
|
657
|
-
var
|
|
658
|
-
var
|
|
659
|
-
var palette = isDarkModeEnabled ? darkPalette_default : lightPalette_default;
|
|
593
|
+
var isDarkModeEnabled = false;
|
|
594
|
+
var palette = lightPalette_default;
|
|
660
595
|
var colors = {
|
|
661
596
|
white: palette.white,
|
|
662
597
|
black: palette.black,
|
|
@@ -943,7 +878,7 @@ var ExtendedButton = ({
|
|
|
943
878
|
buttonType = "button",
|
|
944
879
|
color = "noOutline",
|
|
945
880
|
disabled = false,
|
|
946
|
-
href
|
|
881
|
+
href,
|
|
947
882
|
tooltip = "",
|
|
948
883
|
component = "button",
|
|
949
884
|
type,
|
|
@@ -980,7 +915,7 @@ var ExtendedButton = ({
|
|
|
980
915
|
component,
|
|
981
916
|
"data-testid": copy ? `extended-button-${copy.toLowerCase()}` : "extended-button",
|
|
982
917
|
disabled,
|
|
983
|
-
href,
|
|
918
|
+
href: href ? href : void 0,
|
|
984
919
|
onClick,
|
|
985
920
|
type: buttonType,
|
|
986
921
|
variant,
|