@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.
Files changed (52) hide show
  1. package/CHANGELOG.md +7 -2
  2. package/dist/{Alert-CHyETxuP.js → Alert-BZPM5zpX.js} +1 -1
  3. package/dist/{Alert-DyUCYGVG.cjs → Alert-C4W0H_uN.cjs} +1 -1
  4. package/dist/{MenuItem-BLZz_nSA.cjs → MenuItem-CgF4QdGi.cjs} +1 -1
  5. package/dist/{MenuItem-CM00TU3e.js → MenuItem-DRUK149i.js} +1 -1
  6. package/dist/components/index.cjs +28 -80
  7. package/dist/components/index.js +30 -82
  8. package/dist/{css-utils-B9V_AMcv.cjs → css-utils-CH7es90t.cjs} +1 -212
  9. package/dist/{css-utils-Cr7ZvmiF.js → css-utils-CjUBRJVK.js} +5 -216
  10. package/dist/custom-icons/index.cjs +296 -226
  11. package/dist/custom-icons/index.js +296 -226
  12. package/dist/palette-utils-B9ybmwiI.cjs +304 -0
  13. package/dist/palette-utils-BHqJlHm9.js +288 -0
  14. package/dist/theme/index.cjs +83 -14
  15. package/dist/theme/index.js +76 -6
  16. package/dist/types/components/CircularProgress/CircularProgress.stories.d.ts.map +1 -1
  17. package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.d.ts +1 -1
  18. package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.d.ts.map +1 -1
  19. package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.stories.d.ts +13 -0
  20. package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.stories.d.ts.map +1 -1
  21. package/dist/types/components/Dialog/DialogHeader/DialogHeader.d.ts +1 -1
  22. package/dist/types/components/Dialog/DialogHeader/DialogHeader.d.ts.map +1 -1
  23. package/dist/types/components/Dialog/DialogHeader/DialogHeader.stories.d.ts +31 -0
  24. package/dist/types/components/Dialog/DialogHeader/DialogHeader.stories.d.ts.map +1 -1
  25. package/dist/types/components/Dialog/types.d.ts +7 -1
  26. package/dist/types/components/Dialog/types.d.ts.map +1 -1
  27. package/dist/types/components/Loader/Loader.d.ts +1 -39
  28. package/dist/types/components/Loader/Loader.d.ts.map +1 -1
  29. package/dist/types/components/Loader/Loader.stories.d.ts +1 -1
  30. package/dist/types/components/Loader/Loader.stories.d.ts.map +1 -1
  31. package/dist/types/components/Loader/index.d.ts +1 -1
  32. package/dist/types/components/Loader/index.d.ts.map +1 -1
  33. package/dist/types/components/Loader/types.d.ts +40 -0
  34. package/dist/types/components/Loader/types.d.ts.map +1 -0
  35. package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -4
  36. package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts.map +1 -1
  37. package/dist/types/custom-icons/CreateFolder.d.ts +4 -0
  38. package/dist/types/custom-icons/CreateFolder.d.ts.map +1 -0
  39. package/dist/types/custom-icons/FolderEmpty.d.ts +4 -0
  40. package/dist/types/custom-icons/FolderEmpty.d.ts.map +1 -0
  41. package/dist/types/custom-icons/SelectFeature.d.ts.map +1 -1
  42. package/dist/types/custom-icons/index.d.ts +2 -0
  43. package/dist/types/custom-icons/index.d.ts.map +1 -1
  44. package/dist/types/theme/components/buttons.d.ts.map +1 -1
  45. package/dist/types/theme/components/stories/LinearProgress.stories.d.ts.map +1 -1
  46. package/dist/types/theme/types.d.ts +6 -0
  47. package/dist/types/theme/types.d.ts.map +1 -1
  48. package/dist/widgets/index.cjs +5 -5
  49. package/dist/widgets/index.js +3 -3
  50. package/package.json +1 -1
  51. package/dist/palette-utils-C5CHlLXB.cjs +0 -93
  52. 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
- commonPalette as h,
5981
- MENU_ITEM_SIZE_EXTENDED as i,
5982
- IconButton as j,
5983
- useImperativeIntl as k,
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
  };