@carto/meridian-ds 1.1.0-alpha.2 → 1.2.0-alpha.1

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 (65) hide show
  1. package/CHANGELOG.md +10 -3
  2. package/dist/{Alert-DDz3-_16.js → Alert-D7txRuRX.js} +1 -1
  3. package/dist/{Alert-FLV5jJYV.cjs → Alert-DtATpSrk.cjs} +1 -1
  4. package/dist/{MenuItem-CxZTr9gk.cjs → MenuItem-CYprZ0gF.cjs} +1 -1
  5. package/dist/{MenuItem-BTaTqbU8.js → MenuItem-Zfhg5oVa.js} +1 -1
  6. package/dist/{TablePaginationActions-GazQOp5y.js → TablePaginationActions-27cy26WD.js} +136 -105
  7. package/dist/TablePaginationActions-CoP0Ze6h.cjs +9 -0
  8. package/dist/components/index.cjs +5 -5
  9. package/dist/components/index.js +3788 -3156
  10. package/dist/custom-icons/index.cjs +1 -1
  11. package/dist/custom-icons/index.js +519 -415
  12. package/dist/theme/index.cjs +1 -1
  13. package/dist/theme/index.js +159 -55
  14. package/dist/types/components/atoms/IconButton.d.ts +28 -0
  15. package/dist/types/components/atoms/IconButton.d.ts.map +1 -0
  16. package/dist/types/components/atoms/index.d.ts +2 -0
  17. package/dist/types/components/atoms/index.d.ts.map +1 -1
  18. package/dist/types/components/organisms/DatePickers/PickersDay.d.ts.map +1 -1
  19. package/dist/types/components/organisms/Dialog/Dialog.d.ts +4 -0
  20. package/dist/types/components/organisms/Dialog/Dialog.d.ts.map +1 -0
  21. package/dist/types/components/organisms/Dialog/DialogAlert.d.ts +4 -0
  22. package/dist/types/components/organisms/Dialog/DialogAlert.d.ts.map +1 -0
  23. package/dist/types/components/organisms/Dialog/DialogConfirmation.d.ts +4 -0
  24. package/dist/types/components/organisms/Dialog/DialogConfirmation.d.ts.map +1 -0
  25. package/dist/types/components/organisms/Dialog/DialogContent.d.ts +7 -0
  26. package/dist/types/components/organisms/Dialog/DialogContent.d.ts.map +1 -0
  27. package/dist/types/components/organisms/Dialog/DialogFooter.d.ts +7 -0
  28. package/dist/types/components/organisms/Dialog/DialogFooter.d.ts.map +1 -0
  29. package/dist/types/components/organisms/Dialog/DialogHeader.d.ts +4 -0
  30. package/dist/types/components/organisms/Dialog/DialogHeader.d.ts.map +1 -0
  31. package/dist/types/components/organisms/Dialog/DialogPaper.d.ts +32 -0
  32. package/dist/types/components/organisms/Dialog/DialogPaper.d.ts.map +1 -0
  33. package/dist/types/components/organisms/Dialog/DialogStepper.d.ts +3 -0
  34. package/dist/types/components/organisms/Dialog/DialogStepper.d.ts.map +1 -0
  35. package/dist/types/components/organisms/Dialog/index.d.ts +9 -0
  36. package/dist/types/components/organisms/Dialog/index.d.ts.map +1 -0
  37. package/dist/types/components/organisms/Dialog/types.d.ts +69 -0
  38. package/dist/types/components/organisms/Dialog/types.d.ts.map +1 -0
  39. package/dist/types/components/organisms/index.d.ts +2 -0
  40. package/dist/types/components/organisms/index.d.ts.map +1 -1
  41. package/dist/types/custom-icons/Comments.d.ts +4 -0
  42. package/dist/types/custom-icons/Comments.d.ts.map +1 -0
  43. package/dist/types/custom-icons/Rain.d.ts.map +1 -1
  44. package/dist/types/custom-icons/SelectDestination.d.ts +4 -0
  45. package/dist/types/custom-icons/SelectDestination.d.ts.map +1 -0
  46. package/dist/types/custom-icons/index.d.ts +3 -0
  47. package/dist/types/custom-icons/index.d.ts.map +1 -1
  48. package/dist/types/localization/en.d.ts +11 -0
  49. package/dist/types/localization/en.d.ts.map +1 -1
  50. package/dist/types/localization/es.d.ts +10 -0
  51. package/dist/types/localization/es.d.ts.map +1 -1
  52. package/dist/types/localization/id.d.ts +10 -0
  53. package/dist/types/localization/id.d.ts.map +1 -1
  54. package/dist/types/localization/index.d.ts +31 -0
  55. package/dist/types/localization/index.d.ts.map +1 -1
  56. package/dist/types/theme/sections/components/buttons.d.ts.map +1 -1
  57. package/dist/types/theme/sections/components/data-display.d.ts.map +1 -1
  58. package/dist/types/theme/types.d.ts +10 -0
  59. package/dist/types/theme/types.d.ts.map +1 -1
  60. package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.d.ts.map +1 -1
  61. package/dist/types/widgets/FeatureSelectionWidgetUI/FeatureSelectionUIGeometryChips.d.ts.map +1 -1
  62. package/dist/widgets/index.cjs +14 -14
  63. package/dist/widgets/index.js +1541 -1524
  64. package/package.json +7 -3
  65. package/dist/TablePaginationActions-DyJEKn3l.cjs +0 -9
@@ -1,9 +1,9 @@
1
- import { alpha as x, responsiveFontSizes as to, createTheme as ao } from "@mui/material";
1
+ import { alpha as x, responsiveFontSizes as ao, createTheme as to } from "@mui/material";
2
2
  import { jsxs as eo, Fragment as no, jsx as s } from "react/jsx-runtime";
3
- import { T as po, a as lo, I as e, b as r, c as u, g as a, A as P, B as g, S as T } from "../TablePaginationActions-GazQOp5y.js";
4
- import { Cancel as h, EventOutlined as L, ChevronRightOutlined as so, ChevronLeftOutlined as co, ExpandMoreOutlined as oo, CheckCircleOutlined as go } from "@mui/icons-material";
5
- import { A as v } from "../ArrowDown-B1AG0MlL.js";
6
- import { r as W, M as A } from "../MenuItem-BTaTqbU8.js";
3
+ import { T as po, a as lo, I as e, b as r, c as u, g as t, A as T, B as g, S as P } from "../TablePaginationActions-27cy26WD.js";
4
+ import { Cancel as v, EventOutlined as L, ChevronRightOutlined as so, ChevronLeftOutlined as co, ExpandMoreOutlined as oo, CheckCircleOutlined as go } from "@mui/icons-material";
5
+ import { A as h } from "../ArrowDown-B1AG0MlL.js";
6
+ import { r as W, M as A } from "../MenuItem-Zfhg5oVa.js";
7
7
  import { c as p } from "../paletteUtils-BEwZhrLg.js";
8
8
  import { g as Ao } from "../paletteUtils-BEwZhrLg.js";
9
9
  const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z", H = "50%", D = 0.5, bo = {
@@ -498,7 +498,8 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
498
498
  color: "textPrimary",
499
499
  variantMapping: {
500
500
  caption: "p",
501
- overline: "p"
501
+ overline: "p",
502
+ overlineDelicate: "p"
502
503
  }
503
504
  }
504
505
  },
@@ -516,7 +517,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
516
517
  })
517
518
  }
518
519
  }
519
- }, F = a(2), l = a(3), n = a(4), d = a(6), E = a(0.5), xo = {
520
+ }, F = t(2), l = t(3), n = t(4), d = t(6), E = t(0.5), xo = {
520
521
  // Button Base
521
522
  MuiButtonBase: {
522
523
  defaultProps: {
@@ -764,6 +765,8 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
764
765
  MuiIconButton: {
765
766
  styleOverrides: {
766
767
  root: ({ ownerState: o, theme: i }) => ({
768
+ position: "relative",
769
+ overflow: "hidden",
767
770
  borderRadius: i.spacing(0.5),
768
771
  ...o.color === "default" && {
769
772
  color: i.palette.text.secondary
@@ -774,9 +777,18 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
774
777
  minWidth: r,
775
778
  height: r
776
779
  },
780
+ "& svg": {
781
+ fill: "currentColor",
782
+ "& path": {
783
+ fillOpacity: 1
784
+ }
785
+ },
777
786
  "& svg:not(.doNotFillIcon) path": {
778
787
  fill: "currentColor"
779
788
  },
789
+ "&.Mui-disabled svg:not(.doNotFillIcon) path": {
790
+ fill: i.palette.text.disabled
791
+ },
780
792
  "&:hover, &:focus-visible": {
781
793
  ...o.color === "default" && {
782
794
  backgroundColor: i.palette.action.hover
@@ -786,6 +798,12 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
786
798
  },
787
799
  ...o.color === "secondary" && {
788
800
  backgroundColor: i.palette.secondary.background
801
+ },
802
+ ...o.color === "error" && {
803
+ backgroundColor: i.palette.error.relatedLight
804
+ },
805
+ ...o.color === "warning" && {
806
+ backgroundColor: i.palette.warning.relatedLight
789
807
  }
790
808
  }
791
809
  }),
@@ -816,6 +834,92 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
816
834
  height: u
817
835
  }
818
836
  })
837
+ },
838
+ {
839
+ props: { variant: "contained" },
840
+ style: ({ theme: o }) => ({
841
+ // Default
842
+ color: o.palette.text.primary,
843
+ backgroundColor: o.palette.default.main,
844
+ "&:hover": {
845
+ backgroundColor: o.palette.default.dark
846
+ },
847
+ "&.MuiIconButton-colorSecondary": {
848
+ color: o.palette.secondary.contrastText,
849
+ backgroundColor: o.palette.secondary.main,
850
+ "&:hover": {
851
+ backgroundColor: o.palette.secondary.light
852
+ }
853
+ },
854
+ "&.MuiIconButton-colorPrimary": {
855
+ color: o.palette.primary.contrastText,
856
+ backgroundColor: o.palette.primary.main,
857
+ "&:hover": {
858
+ backgroundColor: o.palette.primary.dark
859
+ }
860
+ },
861
+ "&.MuiIconButton-colorError": {
862
+ color: o.palette.error.contrastText,
863
+ backgroundColor: o.palette.error.main,
864
+ "&:hover": {
865
+ backgroundColor: o.palette.error.dark
866
+ }
867
+ },
868
+ "&.MuiIconButton-colorWarning": {
869
+ color: o.palette.warning.contrastText,
870
+ backgroundColor: o.palette.warning.main,
871
+ "&:hover": {
872
+ backgroundColor: o.palette.warning.light
873
+ }
874
+ },
875
+ "&[disabled]": {
876
+ color: o.palette.text.disabled,
877
+ backgroundColor: o.palette.action.disabledBackground
878
+ }
879
+ })
880
+ },
881
+ {
882
+ props: { variant: "outlined" },
883
+ style: ({ theme: o }) => ({
884
+ // Default
885
+ color: o.palette.text.primary,
886
+ border: `1px solid ${o.palette.text.primary}`,
887
+ "&:hover": {
888
+ backgroundColor: o.palette.action.hover
889
+ },
890
+ "&.MuiIconButton-colorSecondary": {
891
+ color: o.palette.secondary.main,
892
+ borderColor: o.palette.secondary.main,
893
+ "&:hover": {
894
+ backgroundColor: o.palette.secondary.background
895
+ }
896
+ },
897
+ "&.MuiIconButton-colorPrimary": {
898
+ color: o.palette.primary.main,
899
+ borderColor: o.palette.primary.main,
900
+ "&:hover": {
901
+ backgroundColor: o.palette.primary.background
902
+ }
903
+ },
904
+ "&.MuiIconButton-colorError": {
905
+ color: o.palette.error.main,
906
+ borderColor: o.palette.error.main,
907
+ "&:hover": {
908
+ backgroundColor: o.palette.error.relatedLight
909
+ }
910
+ },
911
+ "&.MuiIconButton-colorWarning": {
912
+ color: o.palette.warning.main,
913
+ borderColor: o.palette.warning.main,
914
+ "&:hover": {
915
+ backgroundColor: o.palette.warning.relatedLight
916
+ }
917
+ },
918
+ "&[disabled]": {
919
+ color: o.palette.text.disabled,
920
+ borderColor: o.palette.default.outlinedBorder
921
+ }
922
+ })
819
923
  }
820
924
  ]
821
925
  },
@@ -1113,7 +1217,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
1113
1217
  shrink: !0
1114
1218
  },
1115
1219
  SelectProps: {
1116
- IconComponent: v,
1220
+ IconComponent: h,
1117
1221
  size: "small"
1118
1222
  }
1119
1223
  },
@@ -1452,7 +1556,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
1452
1556
  // Select
1453
1557
  MuiSelect: {
1454
1558
  defaultProps: {
1455
- IconComponent: v,
1559
+ IconComponent: h,
1456
1560
  fullWidth: !0,
1457
1561
  size: "small"
1458
1562
  },
@@ -1535,8 +1639,8 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
1535
1639
  defaultProps: {
1536
1640
  size: "small",
1537
1641
  fullWidth: !0,
1538
- popupIcon: /* @__PURE__ */ s(v, {}),
1539
- clearIcon: /* @__PURE__ */ s(h, { "data-testid": "cancel-icon-autocomplete" }),
1642
+ popupIcon: /* @__PURE__ */ s(h, {}),
1643
+ clearIcon: /* @__PURE__ */ s(v, { "data-testid": "cancel-icon-autocomplete" }),
1540
1644
  ChipProps: { color: "default" },
1541
1645
  limitTags: 1,
1542
1646
  componentsProps: {
@@ -2143,7 +2247,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
2143
2247
  },
2144
2248
  slots: {
2145
2249
  openPickerIcon: L,
2146
- clearIcon: h
2250
+ clearIcon: v
2147
2251
  }
2148
2252
  }
2149
2253
  },
@@ -2332,7 +2436,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
2332
2436
  // Remove ok button at bottom
2333
2437
  },
2334
2438
  slots: {
2335
- clearIcon: h,
2439
+ clearIcon: v,
2336
2440
  digitalClockItem: (o) => /* @__PURE__ */ s(A, { ...o, disableRipple: !0 })
2337
2441
  }
2338
2442
  }
@@ -2355,7 +2459,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
2355
2459
  },
2356
2460
  slots: {
2357
2461
  openPickerIcon: L,
2358
- clearIcon: h,
2462
+ clearIcon: v,
2359
2463
  digitalClockItem: (o) => /* @__PURE__ */ s(A, { ...o, disableRipple: !0 })
2360
2464
  }
2361
2465
  }
@@ -2379,7 +2483,7 @@ const io = 1, b = 0.5, y = io + b, uo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
2379
2483
  }
2380
2484
  }
2381
2485
  };
2382
- function t(o) {
2486
+ function a(o) {
2383
2487
  return 0.0625 * o + "rem";
2384
2488
  }
2385
2489
  const k = {
@@ -2395,77 +2499,77 @@ const k = {
2395
2499
  h1: {
2396
2500
  fontFamily: "Inter, sans-serif",
2397
2501
  fontWeight: 600,
2398
- fontSize: t(96),
2502
+ fontSize: a(96),
2399
2503
  lineHeight: 1.167,
2400
2504
  letterSpacing: "-1.5px"
2401
2505
  },
2402
2506
  h2: {
2403
2507
  fontFamily: "Inter, sans-serif",
2404
2508
  fontWeight: 600,
2405
- fontSize: t(60),
2509
+ fontSize: a(60),
2406
2510
  lineHeight: 1.2,
2407
2511
  letterSpacing: "-0.5px"
2408
2512
  },
2409
2513
  h3: {
2410
2514
  fontFamily: "Inter, sans-serif",
2411
2515
  fontWeight: 600,
2412
- fontSize: t(48),
2516
+ fontSize: a(48),
2413
2517
  lineHeight: 1.167,
2414
2518
  letterSpacing: 0
2415
2519
  },
2416
2520
  h4: {
2417
2521
  fontFamily: "Inter, sans-serif",
2418
2522
  fontWeight: 600,
2419
- fontSize: t(32),
2523
+ fontSize: a(32),
2420
2524
  lineHeight: 1.25,
2421
2525
  letterSpacing: 0
2422
2526
  },
2423
2527
  h5: {
2424
2528
  fontFamily: "Inter, sans-serif",
2425
2529
  fontWeight: 600,
2426
- fontSize: t(24),
2530
+ fontSize: a(24),
2427
2531
  lineHeight: 1.167,
2428
2532
  letterSpacing: 0
2429
2533
  },
2430
2534
  h6: {
2431
2535
  fontFamily: "Inter, sans-serif",
2432
2536
  fontWeight: 500,
2433
- fontSize: t(18),
2537
+ fontSize: a(18),
2434
2538
  lineHeight: 1.333,
2435
2539
  letterSpacing: 0
2436
2540
  },
2437
2541
  subtitle1: {
2438
2542
  fontFamily: "Inter, sans-serif",
2439
2543
  fontWeight: 500,
2440
- fontSize: t(16),
2544
+ fontSize: a(16),
2441
2545
  lineHeight: 1.5,
2442
2546
  letterSpacing: 0
2443
2547
  },
2444
2548
  subtitle2: {
2445
2549
  fontFamily: "Inter, sans-serif",
2446
2550
  fontWeight: 600,
2447
- fontSize: t(13),
2551
+ fontSize: a(13),
2448
2552
  lineHeight: 1.538,
2449
2553
  letterSpacing: 0
2450
2554
  },
2451
2555
  body1: {
2452
2556
  fontFamily: "Inter, sans-serif",
2453
2557
  fontWeight: 400,
2454
- fontSize: t(16),
2558
+ fontSize: a(16),
2455
2559
  lineHeight: 1.5,
2456
2560
  letterSpacing: 0
2457
2561
  },
2458
2562
  body2: {
2459
2563
  fontFamily: "Inter, sans-serif",
2460
2564
  fontWeight: 400,
2461
- fontSize: t(13),
2565
+ fontSize: a(13),
2462
2566
  lineHeight: 1.538,
2463
2567
  letterSpacing: 0
2464
2568
  },
2465
2569
  button: {
2466
2570
  fontFamily: "Inter, sans-serif",
2467
2571
  fontWeight: 500,
2468
- fontSize: t(13),
2572
+ fontSize: a(13),
2469
2573
  lineHeight: 1.538,
2470
2574
  letterSpacing: 0,
2471
2575
  textTransform: "inherit"
@@ -2473,19 +2577,19 @@ const k = {
2473
2577
  caption: {
2474
2578
  fontFamily: "Inter, sans-serif",
2475
2579
  fontWeight: 400,
2476
- fontSize: t(11),
2580
+ fontSize: a(11),
2477
2581
  lineHeight: 1.454,
2478
2582
  letterSpacing: 0
2479
2583
  },
2480
2584
  overline: {
2481
2585
  fontFamily: "Inter, sans-serif",
2482
2586
  fontWeight: 500,
2483
- fontSize: t(10),
2587
+ fontSize: a(10),
2484
2588
  lineHeight: 1.2,
2485
2589
  letterSpacing: "1.2px",
2486
2590
  textTransform: "uppercase"
2487
2591
  }
2488
- }, ho = {
2592
+ }, vo = {
2489
2593
  captionMedium: {
2490
2594
  ...k.caption,
2491
2595
  fontWeight: 500,
@@ -2499,7 +2603,7 @@ const k = {
2499
2603
  code1: {
2500
2604
  fontFamily: '"Overpass Mono", monospace',
2501
2605
  fontWeight: 400,
2502
- fontSize: t(16),
2606
+ fontSize: a(16),
2503
2607
  lineHeight: 1.5,
2504
2608
  letterSpacing: 0,
2505
2609
  fontVariantLigatures: "no-common-ligatures"
@@ -2507,7 +2611,7 @@ const k = {
2507
2611
  code2: {
2508
2612
  fontFamily: '"Overpass Mono", monospace',
2509
2613
  fontWeight: 400,
2510
- fontSize: t(14),
2614
+ fontSize: a(14),
2511
2615
  lineHeight: 1.428,
2512
2616
  letterSpacing: 0,
2513
2617
  fontVariantLigatures: "no-common-ligatures"
@@ -2515,17 +2619,17 @@ const k = {
2515
2619
  code3: {
2516
2620
  fontFamily: '"Overpass Mono", monospace',
2517
2621
  fontWeight: 400,
2518
- fontSize: t(12),
2622
+ fontSize: a(12),
2519
2623
  lineHeight: 1.333,
2520
2624
  letterSpacing: 0,
2521
2625
  fontVariantLigatures: "no-common-ligatures"
2522
2626
  }
2523
2627
  }, ro = {
2524
2628
  ...k,
2525
- ...ho
2629
+ ...vo
2526
2630
  };
2527
2631
  var Z, K, q, Q, Y, _, X, J;
2528
- const vo = {
2632
+ const ho = {
2529
2633
  // Accessibility focus (keyboard only)
2530
2634
  "*:focus-visible": {
2531
2635
  outline: `2px solid ${(Z = p.primary) == null ? void 0 : Z.main} !important`,
@@ -2555,17 +2659,17 @@ const vo = {
2555
2659
  'input[type="search"]::-webkit-search-cancel-button': {
2556
2660
  WebkitAppearance: "none",
2557
2661
  appearance: "none",
2558
- height: a(2),
2559
- width: a(2),
2662
+ height: t(2),
2663
+ width: t(2),
2560
2664
  display: "block",
2561
2665
  backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)",
2562
2666
  backgroundRepeat: "no-repeat",
2563
- backgroundSize: a(2)
2667
+ backgroundSize: t(2)
2564
2668
  },
2565
2669
  // Mapbox controls
2566
2670
  ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
2567
- padding: a(0, 1),
2568
- borderRadius: a(0.5, 0, 0, 0),
2671
+ padding: t(0, 1),
2672
+ borderRadius: t(0.5, 0, 0, 0),
2569
2673
  "& .mapboxgl-ctrl-attrib-inner": {
2570
2674
  ...ro.overline,
2571
2675
  textTransform: "none",
@@ -2576,11 +2680,11 @@ const vo = {
2576
2680
  },
2577
2681
  "&.mapboxgl-compact": {
2578
2682
  backgroundColor: "transparent",
2579
- right: a(0.5),
2580
- bottom: a(2.5),
2683
+ right: t(0.5),
2684
+ bottom: t(2.5),
2581
2685
  // Mobile
2582
2686
  "@media (max-width: 600px)": {
2583
- bottom: a(0.5)
2687
+ bottom: t(0.5)
2584
2688
  },
2585
2689
  "& .mapboxgl-ctrl-attrib-button": {
2586
2690
  backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(Y = p.text) == null ? void 0 : Y.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
@@ -2594,9 +2698,9 @@ const vo = {
2594
2698
  },
2595
2699
  "& .mapboxgl-ctrl-attrib-inner": {
2596
2700
  backgroundColor: "rgba(255,255,255,.8)",
2597
- padding: a(0.5, 1),
2598
- borderRadius: a(1.5),
2599
- marginRight: a(2.5),
2701
+ padding: t(0.5, 1),
2702
+ borderRadius: t(1.5),
2703
+ marginRight: t(2.5),
2600
2704
  color: (_ = p.text) == null ? void 0 : _.secondary
2601
2705
  },
2602
2706
  "&.mapboxgl-compact-show": {
@@ -2700,7 +2804,7 @@ const vo = {
2700
2804
  flexDirection: "row",
2701
2805
  alignItems: "center",
2702
2806
  justifyContent: "space-between",
2703
- height: P,
2807
+ height: T,
2704
2808
  backgroundColor: o.palette.brand.navyBlue,
2705
2809
  color: o.palette.common.white,
2706
2810
  boxShadow: o.shadows[0],
@@ -2708,7 +2812,7 @@ const vo = {
2708
2812
  justifyContent: "space-between",
2709
2813
  width: "100%",
2710
2814
  padding: o.spacing(0, 1),
2711
- minHeight: P
2815
+ minHeight: T
2712
2816
  },
2713
2817
  "& .MuiAvatar-root": {
2714
2818
  width: o.spacing(4),
@@ -2850,9 +2954,9 @@ const vo = {
2850
2954
  palette: p,
2851
2955
  shadows: mo,
2852
2956
  typography: ro,
2853
- spacingValue: T,
2957
+ spacingValue: P,
2854
2958
  // For situations where we can't use theme.spacing(), mainly math calculations.er
2855
- spacing: T,
2959
+ spacing: P,
2856
2960
  // For custom spacing: https://material-ui.com/customization/spacing/#custom-spacing
2857
2961
  shape: {
2858
2962
  borderRadius: 4
@@ -2889,7 +2993,7 @@ const vo = {
2889
2993
  components: {
2890
2994
  MuiCssBaseline: {
2891
2995
  styleOverrides: {
2892
- ...vo
2996
+ ...ho
2893
2997
  }
2894
2998
  },
2895
2999
  ...xo,
@@ -2900,16 +3004,16 @@ const vo = {
2900
3004
  ...ko,
2901
3005
  ...fo
2902
3006
  }
2903
- }, To = to(ao(So));
3007
+ }, Po = ao(to(So));
2904
3008
  export {
2905
- P as APPBAR_SIZE,
3009
+ T as APPBAR_SIZE,
2906
3010
  g as BREAKPOINTS,
2907
3011
  e as ICON_SIZE_LARGE,
2908
3012
  r as ICON_SIZE_MEDIUM,
2909
3013
  u as ICON_SIZE_SMALL,
2910
- T as SPACING,
3014
+ P as SPACING,
2911
3015
  So as cartoThemeOptions,
2912
3016
  Ao as getCartoColorStylePropsForItem,
2913
- a as getSpacing,
2914
- To as theme
3017
+ t as getSpacing,
3018
+ Po as theme
2915
3019
  };
@@ -0,0 +1,28 @@
1
+ import { ReactNode, MouseEvent } from 'react';
2
+ import { IconButtonProps as MuiIconButtonProps, TooltipProps } from '@mui/material';
3
+ export type IconButtonProps = Omit<MuiIconButtonProps, 'ref'> & {
4
+ onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
5
+ /** @deprecated Use ToggleButton component instead */
6
+ active?: boolean;
7
+ icon: ReactNode;
8
+ variant?: 'contained' | 'outlined' | 'icon';
9
+ tooltip?: TooltipProps['title'];
10
+ tooltipPlacement?: TooltipProps['placement'];
11
+ loading?: boolean;
12
+ /** Add support for React Router's 'to' prop */
13
+ to?: string;
14
+ };
15
+ declare const IconButton: import('react').ForwardRefExoticComponent<Omit<MuiIconButtonProps, "ref"> & {
16
+ onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
17
+ /** @deprecated Use ToggleButton component instead */
18
+ active?: boolean;
19
+ icon: ReactNode;
20
+ variant?: "contained" | "outlined" | "icon";
21
+ tooltip?: TooltipProps["title"];
22
+ tooltipPlacement?: TooltipProps["placement"];
23
+ loading?: boolean;
24
+ /** Add support for React Router's 'to' prop */
25
+ to?: string;
26
+ } & import('react').RefAttributes<HTMLButtonElement>>;
27
+ export default IconButton;
28
+ //# sourceMappingURL=IconButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAA;AACvE,OAAO,EAGL,eAAe,IAAI,kBAAkB,EAErC,YAAY,EAEb,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAA;IAC3C,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAsED,QAAA,MAAM,UAAU;cAhFJ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;IACxD,qDAAqD;aAC5C,OAAO;UACV,SAAS;cACL,WAAW,GAAG,UAAU,GAAG,MAAM;cACjC,YAAY,CAAC,OAAO,CAAC;uBACZ,YAAY,CAAC,WAAW,CAAC;cAClC,OAAO;IACjB,+CAA+C;SAC1C,MAAM;qDAuEiE,CAAA;AAC9E,eAAe,UAAU,CAAA"}
@@ -4,10 +4,12 @@ export { default as PasswordField } from './PasswordField';
4
4
  export { default as SelectField } from './SelectField';
5
5
  export { default as ToggleButtonGroup } from './ToggleButtonGroup';
6
6
  export { default as Typography } from './Typography';
7
+ export { default as IconButton } from './IconButton';
7
8
  export type * from './Button';
8
9
  export type * from './LabelWithIndicator';
9
10
  export type * from './PasswordField';
10
11
  export type * from './SelectField';
11
12
  export type * from './ToggleButtonGroup';
12
13
  export type * from './Typography';
14
+ export type * from './IconButton';
13
15
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,cAAc,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"PickersDay.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePickers/PickersDay.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AAiJ1E,iBAAS,UAAU,CAAC,KAAK,SAAS,IAAI,EAAE,EACtC,GAAG,EACH,SAAS,EACT,OAAO,EACP,aAAa,EACb,GAAG,UAAU,EACd,EAAE,eAAe,CAAC,KAAK,CAAC,2CAkCxB;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"PickersDay.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePickers/PickersDay.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AA+I1E,iBAAS,UAAU,CAAC,KAAK,SAAS,IAAI,EAAE,EACtC,GAAG,EACH,SAAS,EACT,OAAO,EACP,aAAa,EACb,GAAG,UAAU,EACd,EAAE,eAAe,CAAC,KAAK,CAAC,2CAkCxB;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { DialogProps } from './types';
2
+ declare function Dialog({ nonModal, children, size, PaperProps, fullScreen, height, width, hasForm, 'aria-label': ariaLabel, 'data-testid': dataTestId, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
3
+ export default Dialog;
4
+ //# sourceMappingURL=Dialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,QAAQ,EACR,IAAc,EACd,UAAU,EACV,UAAU,EACV,MAAM,EACN,KAAK,EACL,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,WAAW,2CA0Cb;AAED,eAAe,MAAM,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { AlertProps } from '../..';
2
+ declare function DialogAlert({ children, severity, ...otherProps }: AlertProps): import("react/jsx-runtime").JSX.Element;
3
+ export default DialogAlert;
4
+ //# sourceMappingURL=DialogAlert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogAlert.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/DialogAlert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,cAAc,CAAA;AAmBhD,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,QAAoB,EACpB,GAAG,UAAU,EACd,EAAE,UAAU,2CAMZ;AAED,eAAe,WAAW,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { DialogConfirmationProps } from './types';
2
+ declare function DialogConfirmation({ children, onClickAway, actions, severity, opened, 'data-testid': dataTestId, 'aria-label': ariaLabel, ...alertProps }: DialogConfirmationProps): import("react/jsx-runtime").JSX.Element;
3
+ export default DialogConfirmation;
4
+ //# sourceMappingURL=DialogConfirmation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogConfirmation.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/DialogConfirmation.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAiCjD,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAoB,EACpB,MAAM,EACN,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACd,EAAE,uBAAuB,2CAuCzB;AAED,eAAe,kBAAkB,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { DialogContentProps } from './types';
2
+ export declare const DialogContentPadded: import('@emotion/styled').StyledComponent<DialogContentProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
3
+ withAlert?: boolean;
4
+ }, {}, {}>;
5
+ declare function DialogContent({ children, scrollableContent, hasFooterAlert, withGutter, withBottomGutter, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
6
+ export default DialogContent;
7
+ //# sourceMappingURL=DialogContent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AA4C5C,eAAO,MAAM,mBAAmB;gBAGlB,OAAO;UAOlB,CAAA;AAEH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,UAAiB,EACjB,gBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA2CpB;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { DialogFooterProps } from './types';
2
+ export declare const DialogActions: import('@emotion/styled').StyledComponent<import('@mui/material').DialogActionsProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
3
+ hasAlert?: boolean;
4
+ }, {}, {}>;
5
+ declare function DialogFooter({ children, secondaryActions, alertContent, alertProps, dark, topContent, ...otherProps }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
6
+ export default DialogFooter;
7
+ //# sourceMappingURL=DialogFooter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/DialogFooter.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAoD3C,eAAO,MAAM,aAAa;eAGb,OAAO;UAUjB,CAAA;AAOH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,UAAU,EACV,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA2BnB;AAED,eAAe,YAAY,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { DialogHeaderProps } from './types';
2
+ declare function DialogHeader({ title, chipLabel, chipProps, children, onClose, secondaryActions, 'aria-label': ariaLabel, closeIcon, ...otherProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
3
+ export default DialogHeader;
4
+ //# sourceMappingURL=DialogHeader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/DialogHeader.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAgC3C,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA6CnB;AAED,eAAe,YAAY,CAAA"}
@@ -0,0 +1,32 @@
1
+ import { DialogSize } from './types';
2
+ export declare const paperDialogBySize: {
3
+ small: {
4
+ width: string;
5
+ maxWidth: string;
6
+ };
7
+ medium: {
8
+ width: string;
9
+ maxWidth: string;
10
+ };
11
+ large: {
12
+ width: string;
13
+ maxWidth: string;
14
+ minHeight: string;
15
+ };
16
+ xlarge: {
17
+ width: string;
18
+ height: string;
19
+ maxWidth: string;
20
+ };
21
+ };
22
+ declare const DialogPaper: import('@emotion/styled').StyledComponent<import('@mui/material').PaperOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
23
+ ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
24
+ }, "style" | "className" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
25
+ size?: DialogSize;
26
+ fullScreen?: boolean;
27
+ height?: string;
28
+ width?: string;
29
+ hasForm?: boolean;
30
+ }, {}, {}>;
31
+ export default DialogPaper;
32
+ //# sourceMappingURL=DialogPaper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogPaper.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/DialogPaper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAgBpC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;CAmB7B,CAAA;AAED,QAAA,MAAM,WAAW;;;WAIR,UAAU;iBACJ,OAAO;aACX,MAAM;YACP,MAAM;cACJ,OAAO;UA4GlB,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { DialogStepperProps } from './types';
2
+ export declare function DialogStepper({ currentStep, stepsLabels, ...props }: DialogStepperProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=DialogStepper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DialogStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/DialogStepper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AA0F5C,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,WAAW,EACX,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAyCpB"}