@carto/meridian-ds 2.7.0-alpha-loader.6 → 2.8.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.
- package/CHANGELOG.md +7 -2
- package/dist/{Alert-CHyETxuP.js → Alert-BZPM5zpX.js} +1 -1
- package/dist/{Alert-DyUCYGVG.cjs → Alert-C4W0H_uN.cjs} +1 -1
- package/dist/{MenuItem-BLZz_nSA.cjs → MenuItem-CgF4QdGi.cjs} +1 -1
- package/dist/{MenuItem-CM00TU3e.js → MenuItem-DRUK149i.js} +1 -1
- package/dist/components/index.cjs +28 -80
- package/dist/components/index.js +30 -82
- package/dist/{css-utils-B9V_AMcv.cjs → css-utils-CH7es90t.cjs} +1 -212
- package/dist/{css-utils-Cr7ZvmiF.js → css-utils-CjUBRJVK.js} +5 -216
- package/dist/custom-icons/index.cjs +296 -226
- package/dist/custom-icons/index.js +296 -226
- package/dist/palette-utils-B9ybmwiI.cjs +304 -0
- package/dist/palette-utils-BHqJlHm9.js +288 -0
- package/dist/theme/index.cjs +83 -14
- package/dist/theme/index.js +76 -6
- package/dist/types/components/CircularProgress/CircularProgress.stories.d.ts.map +1 -1
- package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.d.ts +1 -1
- package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.d.ts.map +1 -1
- package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.stories.d.ts +13 -0
- package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.stories.d.ts.map +1 -1
- package/dist/types/components/Dialog/DialogHeader/DialogHeader.d.ts +1 -1
- package/dist/types/components/Dialog/DialogHeader/DialogHeader.d.ts.map +1 -1
- package/dist/types/components/Dialog/DialogHeader/DialogHeader.stories.d.ts +31 -0
- package/dist/types/components/Dialog/DialogHeader/DialogHeader.stories.d.ts.map +1 -1
- package/dist/types/components/Dialog/types.d.ts +7 -1
- package/dist/types/components/Dialog/types.d.ts.map +1 -1
- package/dist/types/components/Loader/Loader.d.ts +1 -39
- package/dist/types/components/Loader/Loader.d.ts.map +1 -1
- package/dist/types/components/Loader/Loader.stories.d.ts +1 -1
- package/dist/types/components/Loader/Loader.stories.d.ts.map +1 -1
- package/dist/types/components/Loader/index.d.ts +1 -1
- package/dist/types/components/Loader/index.d.ts.map +1 -1
- package/dist/types/components/Loader/types.d.ts +40 -0
- package/dist/types/components/Loader/types.d.ts.map +1 -0
- package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -4
- package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts.map +1 -1
- package/dist/types/custom-icons/CreateFolder.d.ts +4 -0
- package/dist/types/custom-icons/CreateFolder.d.ts.map +1 -0
- package/dist/types/custom-icons/FolderEmpty.d.ts +4 -0
- package/dist/types/custom-icons/FolderEmpty.d.ts.map +1 -0
- package/dist/types/custom-icons/SelectFeature.d.ts.map +1 -1
- package/dist/types/custom-icons/index.d.ts +2 -0
- package/dist/types/custom-icons/index.d.ts.map +1 -1
- package/dist/types/theme/components/buttons.d.ts.map +1 -1
- package/dist/types/theme/components/stories/LinearProgress.stories.d.ts.map +1 -1
- package/dist/types/theme/types.d.ts +6 -0
- package/dist/types/theme/types.d.ts.map +1 -1
- package/dist/widgets/index.cjs +5 -5
- package/dist/widgets/index.js +3 -3
- package/package.json +1 -1
- package/dist/palette-utils-C5CHlLXB.cjs +0 -93
- package/dist/palette-utils-D99Ib0kC.js +0 -77
|
@@ -1,219 +1,9 @@
|
|
|
1
|
-
import { alpha, Typography as Typography$1, styled, IconButton as IconButton$1, Tooltip, CircularProgress, Box } from "@mui/material";
|
|
2
1
|
import require$$0 from "react-is";
|
|
3
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Typography as Typography$1, styled, IconButton as IconButton$1, Tooltip, CircularProgress, Box } from "@mui/material";
|
|
4
4
|
import { forwardRef } from "react";
|
|
5
5
|
import { KeyboardArrowLeftOutlined, KeyboardArrowRightOutlined } from "@mui/icons-material";
|
|
6
6
|
import { createIntlCache, createIntl, useIntl } from "react-intl";
|
|
7
|
-
const COLOR_BLACK = "#2C3032";
|
|
8
|
-
const COLOR_WHITE = "#FFFFFF";
|
|
9
|
-
const COLOR_UNUSED = "#e91e63";
|
|
10
|
-
const baseColors = {
|
|
11
|
-
common: {
|
|
12
|
-
black: COLOR_BLACK,
|
|
13
|
-
white: COLOR_WHITE
|
|
14
|
-
},
|
|
15
|
-
neutral: {
|
|
16
|
-
50: "#f8f9f9",
|
|
17
|
-
100: "#e1e3e4",
|
|
18
|
-
200: "#cbcdcf",
|
|
19
|
-
300: "#b4b8ba",
|
|
20
|
-
400: "#9da2a6",
|
|
21
|
-
500: "#868d91",
|
|
22
|
-
600: "#6f777c",
|
|
23
|
-
700: "#595f63",
|
|
24
|
-
800: "#43474a",
|
|
25
|
-
900: COLOR_BLACK,
|
|
26
|
-
A100: "#ddddde",
|
|
27
|
-
A200: "#b9babb",
|
|
28
|
-
A400: "#7c7e7f",
|
|
29
|
-
A700: "#16191A"
|
|
30
|
-
},
|
|
31
|
-
blue: {
|
|
32
|
-
100: "#B9DAF9",
|
|
33
|
-
200: "#5DB2F6",
|
|
34
|
-
300: "#358BE7",
|
|
35
|
-
400: "#036FE2",
|
|
36
|
-
500: "#024D9E"
|
|
37
|
-
},
|
|
38
|
-
green: {
|
|
39
|
-
300: "#6BE2AD",
|
|
40
|
-
400: "#47DB99",
|
|
41
|
-
500: "#31996B"
|
|
42
|
-
},
|
|
43
|
-
lightGreen: {
|
|
44
|
-
300: "#8CB24A",
|
|
45
|
-
400: "#709F1D",
|
|
46
|
-
500: "#435F11"
|
|
47
|
-
},
|
|
48
|
-
indigo: {
|
|
49
|
-
300: "#34689F",
|
|
50
|
-
400: "#024388",
|
|
51
|
-
500: "#012C5A"
|
|
52
|
-
},
|
|
53
|
-
orange: {
|
|
54
|
-
300: "#F4B134",
|
|
55
|
-
400: "#F29E02",
|
|
56
|
-
500: "#A96E01"
|
|
57
|
-
},
|
|
58
|
-
red: {
|
|
59
|
-
300: "#CD593B",
|
|
60
|
-
400: "#C1300B",
|
|
61
|
-
500: "#872107"
|
|
62
|
-
},
|
|
63
|
-
qualitative: {
|
|
64
|
-
// CARTO colors
|
|
65
|
-
// TODO: Related discussion https://app.shortcut.com/cartoteam/story/264834/
|
|
66
|
-
bold: {
|
|
67
|
-
0: "#7F3C8D",
|
|
68
|
-
1: "#11A579",
|
|
69
|
-
2: "#3969AC",
|
|
70
|
-
3: "#F2B701",
|
|
71
|
-
4: "#E73F74",
|
|
72
|
-
5: "#80BA5A",
|
|
73
|
-
6: "#E68310",
|
|
74
|
-
7: "#008695",
|
|
75
|
-
8: "#CF1C90",
|
|
76
|
-
9: "#f97b72",
|
|
77
|
-
10: "#4b4b8f",
|
|
78
|
-
11: "#A5AA99"
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
shades: {
|
|
82
|
-
dark: {
|
|
83
|
-
90: alpha(COLOR_BLACK, 0.9),
|
|
84
|
-
60: alpha(COLOR_BLACK, 0.6),
|
|
85
|
-
40: alpha(COLOR_BLACK, 0.4),
|
|
86
|
-
25: alpha(COLOR_BLACK, 0.25),
|
|
87
|
-
12: alpha(COLOR_BLACK, 0.12),
|
|
88
|
-
8: alpha(COLOR_BLACK, 0.08),
|
|
89
|
-
4: alpha(COLOR_BLACK, 0.04)
|
|
90
|
-
},
|
|
91
|
-
light: {
|
|
92
|
-
90: alpha(COLOR_WHITE, 0.9),
|
|
93
|
-
60: alpha(COLOR_WHITE, 0.6),
|
|
94
|
-
40: alpha(COLOR_WHITE, 0.4),
|
|
95
|
-
25: alpha(COLOR_WHITE, 0.25),
|
|
96
|
-
12: alpha(COLOR_WHITE, 0.12),
|
|
97
|
-
8: alpha(COLOR_WHITE, 0.08),
|
|
98
|
-
4: alpha(COLOR_WHITE, 0.04)
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
const commonPalette = {
|
|
103
|
-
mode: "light",
|
|
104
|
-
contrastThreshold: 3,
|
|
105
|
-
tonalOffset: 0.2,
|
|
106
|
-
common: { ...baseColors.common },
|
|
107
|
-
primary: {
|
|
108
|
-
main: baseColors.blue[400],
|
|
109
|
-
dark: baseColors.blue[500],
|
|
110
|
-
light: baseColors.blue[300],
|
|
111
|
-
contrastText: baseColors.common.white,
|
|
112
|
-
background: alpha(baseColors.blue[400], 0.08),
|
|
113
|
-
relatedLight: "#EAF2FC",
|
|
114
|
-
relatedDark: COLOR_UNUSED
|
|
115
|
-
},
|
|
116
|
-
secondary: {
|
|
117
|
-
main: baseColors.green[400],
|
|
118
|
-
dark: baseColors.green[500],
|
|
119
|
-
light: baseColors.green[300],
|
|
120
|
-
contrastText: baseColors.common.black,
|
|
121
|
-
background: alpha(baseColors.green[400], 0.08),
|
|
122
|
-
relatedLight: "#EFFCF5",
|
|
123
|
-
relatedDark: COLOR_UNUSED
|
|
124
|
-
},
|
|
125
|
-
text: {
|
|
126
|
-
primary: baseColors.common.black,
|
|
127
|
-
secondary: baseColors.shades.dark[60],
|
|
128
|
-
disabled: baseColors.shades.dark[25],
|
|
129
|
-
hint: baseColors.shades.dark[40]
|
|
130
|
-
},
|
|
131
|
-
background: {
|
|
132
|
-
paper: baseColors.common.white,
|
|
133
|
-
default: baseColors.neutral[50]
|
|
134
|
-
},
|
|
135
|
-
action: {
|
|
136
|
-
active: baseColors.shades.dark[40],
|
|
137
|
-
hover: baseColors.shades.dark[8],
|
|
138
|
-
disabledBackground: baseColors.neutral[100],
|
|
139
|
-
disabled: baseColors.shades.dark[25],
|
|
140
|
-
selected: baseColors.shades.dark[12],
|
|
141
|
-
focus: baseColors.shades.dark[12],
|
|
142
|
-
activatedOpacity: 0.12,
|
|
143
|
-
hoverOpacity: 0.04,
|
|
144
|
-
selectedOpacity: 0.08,
|
|
145
|
-
disabledOpacity: 0.38,
|
|
146
|
-
focusOpacity: 0.12
|
|
147
|
-
},
|
|
148
|
-
info: {
|
|
149
|
-
main: baseColors.indigo[400],
|
|
150
|
-
dark: baseColors.indigo[500],
|
|
151
|
-
light: baseColors.indigo[300],
|
|
152
|
-
contrastText: baseColors.common.white,
|
|
153
|
-
relatedDark: "#0D2B4A",
|
|
154
|
-
relatedLight: "#E9EEF4",
|
|
155
|
-
background: COLOR_UNUSED
|
|
156
|
-
},
|
|
157
|
-
success: {
|
|
158
|
-
main: baseColors.lightGreen[400],
|
|
159
|
-
dark: baseColors.lightGreen[500],
|
|
160
|
-
light: baseColors.lightGreen[300],
|
|
161
|
-
contrastText: baseColors.common.white,
|
|
162
|
-
relatedDark: "#3D541A",
|
|
163
|
-
relatedLight: "#F2F5EB",
|
|
164
|
-
background: COLOR_UNUSED
|
|
165
|
-
},
|
|
166
|
-
warning: {
|
|
167
|
-
main: baseColors.orange[400],
|
|
168
|
-
dark: baseColors.orange[500],
|
|
169
|
-
light: baseColors.orange[300],
|
|
170
|
-
contrastText: baseColors.common.black,
|
|
171
|
-
relatedDark: "#78540F",
|
|
172
|
-
relatedLight: "#FEF6EA",
|
|
173
|
-
background: COLOR_UNUSED
|
|
174
|
-
},
|
|
175
|
-
error: {
|
|
176
|
-
main: baseColors.red[400],
|
|
177
|
-
light: baseColors.red[300],
|
|
178
|
-
dark: baseColors.red[500],
|
|
179
|
-
contrastText: baseColors.common.white,
|
|
180
|
-
relatedDark: "#622215",
|
|
181
|
-
relatedLight: "#F9EDEA",
|
|
182
|
-
background: COLOR_UNUSED
|
|
183
|
-
},
|
|
184
|
-
grey: {
|
|
185
|
-
...baseColors.neutral
|
|
186
|
-
},
|
|
187
|
-
divider: baseColors.shades.dark[12],
|
|
188
|
-
// Custom common colors
|
|
189
|
-
default: {
|
|
190
|
-
main: baseColors.neutral[100],
|
|
191
|
-
dark: baseColors.neutral[200],
|
|
192
|
-
light: baseColors.neutral[50],
|
|
193
|
-
outlinedBorder: baseColors.shades.dark[25],
|
|
194
|
-
background: baseColors.shades.dark[4],
|
|
195
|
-
relatedLight: COLOR_UNUSED,
|
|
196
|
-
relatedDark: COLOR_UNUSED,
|
|
197
|
-
contrastText: COLOR_UNUSED
|
|
198
|
-
},
|
|
199
|
-
brand: {
|
|
200
|
-
navyBlue: "#162945",
|
|
201
|
-
locationRed: "#EB1510",
|
|
202
|
-
predictionBlue: "#1785FB",
|
|
203
|
-
softBlue: "#F2F6F9",
|
|
204
|
-
appBarMain: "#162945",
|
|
205
|
-
appBarContrastText: baseColors.common.white
|
|
206
|
-
},
|
|
207
|
-
white: {
|
|
208
|
-
...baseColors.shades.light
|
|
209
|
-
},
|
|
210
|
-
black: {
|
|
211
|
-
...baseColors.shades.dark
|
|
212
|
-
},
|
|
213
|
-
qualitative: {
|
|
214
|
-
...baseColors.qualitative
|
|
215
|
-
}
|
|
216
|
-
};
|
|
217
7
|
function getDefaultExportFromCjs(x) {
|
|
218
8
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
|
|
219
9
|
}
|
|
@@ -5977,10 +5767,9 @@ export {
|
|
|
5977
5767
|
ellipsisStyles as e,
|
|
5978
5768
|
MENU_ITEM_SIZE_DENSE as f,
|
|
5979
5769
|
getSpacing as g,
|
|
5980
|
-
|
|
5981
|
-
|
|
5982
|
-
|
|
5983
|
-
|
|
5984
|
-
getDefaultExportFromCjs as l,
|
|
5770
|
+
MENU_ITEM_SIZE_EXTENDED as h,
|
|
5771
|
+
IconButton as i,
|
|
5772
|
+
useImperativeIntl as j,
|
|
5773
|
+
getDefaultExportFromCjs as k,
|
|
5985
5774
|
useTranslationWithFallback as u
|
|
5986
5775
|
};
|