@kepler.gl/styles 3.0.0-alpha.0 → 3.0.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.
- package/dist/base.d.ts +70 -0
- package/dist/base.js +79 -23
- package/dist/index.js +2 -2
- package/dist/media-breakpoints.js +2 -2
- package/package.json +5 -5
- package/umd/keplergl.min.js +2 -7
package/dist/base.d.ts
CHANGED
|
@@ -92,6 +92,8 @@ export declare const selectionBtnBgdHover = "#0F9668";
|
|
|
92
92
|
export declare const selectionBtnBorder = "1";
|
|
93
93
|
export declare const selectionBtnBorderColor = "#D3D8E0";
|
|
94
94
|
export declare const selectionBtnBorderActColor = "#0F9668";
|
|
95
|
+
export declare const scrollbarThumbColorLT = "#6A7485";
|
|
96
|
+
export declare const scrollbarThumbColorHoverLT = "#000000";
|
|
95
97
|
export declare const inputBoxHeight = "34px";
|
|
96
98
|
export declare const inputBoxHeightSmall = "24px";
|
|
97
99
|
export declare const inputBoxHeightTiny = "18px";
|
|
@@ -156,6 +158,7 @@ export declare const dropdownListBorderTopLT = "#D3D8E0";
|
|
|
156
158
|
export declare const dropdownListLineHeight = 20;
|
|
157
159
|
export declare const dropdownWrapperZ = 100;
|
|
158
160
|
export declare const dropdownWapperMargin = 4;
|
|
161
|
+
export declare const dndOverBackgroundColor = "rgba(128, 128, 128, 0.2)";
|
|
159
162
|
export declare const switchWidth = 24;
|
|
160
163
|
export declare const switchHeight = 12;
|
|
161
164
|
export declare const switchLabelMargin = 12;
|
|
@@ -220,7 +223,9 @@ export declare const panelBorderLT: string;
|
|
|
220
223
|
export declare const mapPanelBackgroundColor = "#242730";
|
|
221
224
|
export declare const mapPanelHeaderBackgroundColor = "#29323C";
|
|
222
225
|
export declare const tooltipBg = "#3A414C";
|
|
226
|
+
export declare const tooltipBgLT = "#1869B5";
|
|
223
227
|
export declare const tooltipColor = "#F0F0F0";
|
|
228
|
+
export declare const tooltipColorLT = "#FFFFFF";
|
|
224
229
|
export declare const tooltipBoxShadow = "0 1px 2px 0 rgba(0,0,0,0.10)";
|
|
225
230
|
export declare const tooltipFontSize = "10px";
|
|
226
231
|
export declare const layerTypeIconSizeL = 50;
|
|
@@ -282,6 +287,7 @@ export declare const geocoderWidth = 360;
|
|
|
282
287
|
export declare const geocoderTop = 20;
|
|
283
288
|
export declare const geocoderRight = 12;
|
|
284
289
|
export declare const geocoderInputHeight = 36;
|
|
290
|
+
export declare const mapControlTop = 52;
|
|
285
291
|
export declare const rangeBrushBgd = "#3A414C";
|
|
286
292
|
export declare const histogramFillInRange = "#1FBAD6";
|
|
287
293
|
export declare const histogramFillOutRange = "#6A7485";
|
|
@@ -318,6 +324,8 @@ export declare const notificationPanelItemHeight = 60;
|
|
|
318
324
|
export declare const actionPanelWidth = 110;
|
|
319
325
|
export declare const actionPanelHeight = 32;
|
|
320
326
|
export declare const fieldTokenRightMargin = 4;
|
|
327
|
+
export declare const fieldTokenHeight = 20;
|
|
328
|
+
export declare const fieldTokenWidth = 40;
|
|
321
329
|
export declare const textTruncate: {
|
|
322
330
|
maxWidth: string;
|
|
323
331
|
overflow: string;
|
|
@@ -340,6 +348,8 @@ export declare const breakPoints: {
|
|
|
340
348
|
palm: number;
|
|
341
349
|
desk: number;
|
|
342
350
|
};
|
|
351
|
+
export declare const effectConfiguratorMargin = "6px";
|
|
352
|
+
export declare const effectConfiguratorPadding = "8px 0px 8px 5px";
|
|
343
353
|
export declare const modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
344
354
|
export declare const theme: {
|
|
345
355
|
input: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
|
|
@@ -365,6 +375,7 @@ export declare const theme: {
|
|
|
365
375
|
dropdownListShadow: string;
|
|
366
376
|
dropdownWrapperZ: number;
|
|
367
377
|
dropdownWapperMargin: number;
|
|
378
|
+
dndOverBackgroundColor: string;
|
|
368
379
|
modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
369
380
|
scrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
370
381
|
sidePanelScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
@@ -527,6 +538,8 @@ export declare const theme: {
|
|
|
527
538
|
selectionBtnBorder: string;
|
|
528
539
|
selectionBtnBorderColor: string;
|
|
529
540
|
selectionBtnBorderActColor: string;
|
|
541
|
+
scrollbarThumbColorLT: string;
|
|
542
|
+
scrollbarThumbColorHoverLT: string;
|
|
530
543
|
modalTitleColor: string;
|
|
531
544
|
modalTitleFontSize: string;
|
|
532
545
|
modalTitleFontSizeSmaller: string;
|
|
@@ -608,7 +621,9 @@ export declare const theme: {
|
|
|
608
621
|
};
|
|
609
622
|
titleColorLT: string;
|
|
610
623
|
tooltipBg: string;
|
|
624
|
+
tooltipBgLT: string;
|
|
611
625
|
tooltipColor: string;
|
|
626
|
+
tooltipColorLT: string;
|
|
612
627
|
tooltipBoxShadow: string;
|
|
613
628
|
tooltipFontSize: string;
|
|
614
629
|
logoColor: string;
|
|
@@ -647,6 +662,7 @@ export declare const theme: {
|
|
|
647
662
|
geocoderTop: number;
|
|
648
663
|
geocoderRight: number;
|
|
649
664
|
geocoderInputHeight: number;
|
|
665
|
+
mapControlTop: number;
|
|
650
666
|
rangeBrushBgd: string;
|
|
651
667
|
histogramFillInRange: string;
|
|
652
668
|
histogramFillOutRange: string;
|
|
@@ -681,6 +697,8 @@ export declare const theme: {
|
|
|
681
697
|
notificationPanelItemWidth: number;
|
|
682
698
|
notificationPanelItemHeight: number;
|
|
683
699
|
headerRowHeight: number;
|
|
700
|
+
headerRowWStatsHeight: number;
|
|
701
|
+
headerStatsControlHeight: number;
|
|
684
702
|
rowHeight: number;
|
|
685
703
|
headerPaddingTop: number;
|
|
686
704
|
headerPaddingBottom: number;
|
|
@@ -691,6 +709,8 @@ export declare const theme: {
|
|
|
691
709
|
optionButtonColor: string;
|
|
692
710
|
headerCellBackground: string;
|
|
693
711
|
headerCellBorderColor: string;
|
|
712
|
+
headerCellStatsBackground: string;
|
|
713
|
+
headerCellStatsControlBackground: string;
|
|
694
714
|
headerCellIconColor: string;
|
|
695
715
|
cellBorderColor: string;
|
|
696
716
|
evenRowBackground: string;
|
|
@@ -720,7 +740,17 @@ export declare const theme: {
|
|
|
720
740
|
layerConfiguratorBorderColor: string;
|
|
721
741
|
layerConfiguratorMargin: string;
|
|
722
742
|
layerConfiguratorPadding: string;
|
|
743
|
+
effectConfiguratorMargin: string;
|
|
744
|
+
effectConfiguratorPadding: string;
|
|
723
745
|
fieldTokenRightMargin: number;
|
|
746
|
+
fieldTokenHeight: number;
|
|
747
|
+
fieldTokenWidth: number;
|
|
748
|
+
effectPanelWidth: number;
|
|
749
|
+
effectPanelHeight: number;
|
|
750
|
+
effectPanelPaddingSide: number;
|
|
751
|
+
effectPanelPaddingTop: number;
|
|
752
|
+
rightPanelMarginTop: number;
|
|
753
|
+
rightPanelMarginRight: number;
|
|
724
754
|
sidePanel: {
|
|
725
755
|
width: number;
|
|
726
756
|
margin: {
|
|
@@ -832,6 +862,7 @@ export declare const themeLT: {
|
|
|
832
862
|
dropdownListShadow: string;
|
|
833
863
|
dropdownWrapperZ: number;
|
|
834
864
|
dropdownWapperMargin: number;
|
|
865
|
+
dndOverBackgroundColor: string;
|
|
835
866
|
modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
836
867
|
scrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
837
868
|
sidePanelScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
@@ -958,6 +989,8 @@ export declare const themeLT: {
|
|
|
958
989
|
selectionBtnBorder: string;
|
|
959
990
|
selectionBtnBorderColor: string;
|
|
960
991
|
selectionBtnBorderActColor: string;
|
|
992
|
+
scrollbarThumbColorLT: string;
|
|
993
|
+
scrollbarThumbColorHoverLT: string;
|
|
961
994
|
modalTitleColor: string;
|
|
962
995
|
modalTitleFontSize: string;
|
|
963
996
|
modalTitleFontSizeSmaller: string;
|
|
@@ -1021,6 +1054,8 @@ export declare const themeLT: {
|
|
|
1021
1054
|
wordWrap: string;
|
|
1022
1055
|
};
|
|
1023
1056
|
titleColorLT: string;
|
|
1057
|
+
tooltipBgLT: string;
|
|
1058
|
+
tooltipColorLT: string;
|
|
1024
1059
|
tooltipBoxShadow: string;
|
|
1025
1060
|
tooltipFontSize: string;
|
|
1026
1061
|
logoColor: string;
|
|
@@ -1052,6 +1087,7 @@ export declare const themeLT: {
|
|
|
1052
1087
|
geocoderTop: number;
|
|
1053
1088
|
geocoderRight: number;
|
|
1054
1089
|
geocoderInputHeight: number;
|
|
1090
|
+
mapControlTop: number;
|
|
1055
1091
|
axisFontSize: string;
|
|
1056
1092
|
timeTitleFontSize: string;
|
|
1057
1093
|
rangePlotMargin: {
|
|
@@ -1082,6 +1118,8 @@ export declare const themeLT: {
|
|
|
1082
1118
|
notificationPanelItemWidth: number;
|
|
1083
1119
|
notificationPanelItemHeight: number;
|
|
1084
1120
|
headerRowHeight: number;
|
|
1121
|
+
headerRowWStatsHeight: number;
|
|
1122
|
+
headerStatsControlHeight: number;
|
|
1085
1123
|
rowHeight: number;
|
|
1086
1124
|
headerPaddingTop: number;
|
|
1087
1125
|
headerPaddingBottom: number;
|
|
@@ -1092,6 +1130,8 @@ export declare const themeLT: {
|
|
|
1092
1130
|
optionButtonColor: string;
|
|
1093
1131
|
headerCellBackground: string;
|
|
1094
1132
|
headerCellBorderColor: string;
|
|
1133
|
+
headerCellStatsBackground: string;
|
|
1134
|
+
headerCellStatsControlBackground: string;
|
|
1095
1135
|
headerCellIconColor: string;
|
|
1096
1136
|
cellBorderColor: string;
|
|
1097
1137
|
evenRowBackground: string;
|
|
@@ -1121,7 +1161,17 @@ export declare const themeLT: {
|
|
|
1121
1161
|
layerConfiguratorBorderColor: string;
|
|
1122
1162
|
layerConfiguratorMargin: string;
|
|
1123
1163
|
layerConfiguratorPadding: string;
|
|
1164
|
+
effectConfiguratorMargin: string;
|
|
1165
|
+
effectConfiguratorPadding: string;
|
|
1124
1166
|
fieldTokenRightMargin: number;
|
|
1167
|
+
fieldTokenHeight: number;
|
|
1168
|
+
fieldTokenWidth: number;
|
|
1169
|
+
effectPanelWidth: number;
|
|
1170
|
+
effectPanelHeight: number;
|
|
1171
|
+
effectPanelPaddingSide: number;
|
|
1172
|
+
effectPanelPaddingTop: number;
|
|
1173
|
+
rightPanelMarginTop: number;
|
|
1174
|
+
rightPanelMarginRight: number;
|
|
1125
1175
|
sidePanel: {
|
|
1126
1176
|
width: number;
|
|
1127
1177
|
margin: {
|
|
@@ -1236,6 +1286,7 @@ export declare const themeBS: {
|
|
|
1236
1286
|
dropdownListShadow: string;
|
|
1237
1287
|
dropdownWrapperZ: number;
|
|
1238
1288
|
dropdownWapperMargin: number;
|
|
1289
|
+
dndOverBackgroundColor: string;
|
|
1239
1290
|
modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
1240
1291
|
scrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
1241
1292
|
sidePanelScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
@@ -1359,6 +1410,8 @@ export declare const themeBS: {
|
|
|
1359
1410
|
selectionBtnBorder: string;
|
|
1360
1411
|
selectionBtnBorderColor: string;
|
|
1361
1412
|
selectionBtnBorderActColor: string;
|
|
1413
|
+
scrollbarThumbColorLT: string;
|
|
1414
|
+
scrollbarThumbColorHoverLT: string;
|
|
1362
1415
|
modalTitleColor: string;
|
|
1363
1416
|
modalTitleFontSize: string;
|
|
1364
1417
|
modalTitleFontSizeSmaller: string;
|
|
@@ -1423,7 +1476,9 @@ export declare const themeBS: {
|
|
|
1423
1476
|
};
|
|
1424
1477
|
titleColorLT: string;
|
|
1425
1478
|
tooltipBg: string;
|
|
1479
|
+
tooltipBgLT: string;
|
|
1426
1480
|
tooltipColor: string;
|
|
1481
|
+
tooltipColorLT: string;
|
|
1427
1482
|
tooltipBoxShadow: string;
|
|
1428
1483
|
tooltipFontSize: string;
|
|
1429
1484
|
logoColor: string;
|
|
@@ -1456,6 +1511,7 @@ export declare const themeBS: {
|
|
|
1456
1511
|
geocoderTop: number;
|
|
1457
1512
|
geocoderRight: number;
|
|
1458
1513
|
geocoderInputHeight: number;
|
|
1514
|
+
mapControlTop: number;
|
|
1459
1515
|
axisFontSize: string;
|
|
1460
1516
|
axisFontColor: string;
|
|
1461
1517
|
timeTitleFontSize: string;
|
|
@@ -1487,6 +1543,8 @@ export declare const themeBS: {
|
|
|
1487
1543
|
notificationPanelItemWidth: number;
|
|
1488
1544
|
notificationPanelItemHeight: number;
|
|
1489
1545
|
headerRowHeight: number;
|
|
1546
|
+
headerRowWStatsHeight: number;
|
|
1547
|
+
headerStatsControlHeight: number;
|
|
1490
1548
|
rowHeight: number;
|
|
1491
1549
|
headerPaddingTop: number;
|
|
1492
1550
|
headerPaddingBottom: number;
|
|
@@ -1497,6 +1555,8 @@ export declare const themeBS: {
|
|
|
1497
1555
|
optionButtonColor: string;
|
|
1498
1556
|
headerCellBackground: string;
|
|
1499
1557
|
headerCellBorderColor: string;
|
|
1558
|
+
headerCellStatsBackground: string;
|
|
1559
|
+
headerCellStatsControlBackground: string;
|
|
1500
1560
|
headerCellIconColor: string;
|
|
1501
1561
|
cellBorderColor: string;
|
|
1502
1562
|
evenRowBackground: string;
|
|
@@ -1526,7 +1586,17 @@ export declare const themeBS: {
|
|
|
1526
1586
|
layerConfiguratorBorderColor: string;
|
|
1527
1587
|
layerConfiguratorMargin: string;
|
|
1528
1588
|
layerConfiguratorPadding: string;
|
|
1589
|
+
effectConfiguratorMargin: string;
|
|
1590
|
+
effectConfiguratorPadding: string;
|
|
1529
1591
|
fieldTokenRightMargin: number;
|
|
1592
|
+
fieldTokenHeight: number;
|
|
1593
|
+
fieldTokenWidth: number;
|
|
1594
|
+
effectPanelWidth: number;
|
|
1595
|
+
effectPanelHeight: number;
|
|
1596
|
+
effectPanelPaddingSide: number;
|
|
1597
|
+
effectPanelPaddingTop: number;
|
|
1598
|
+
rightPanelMarginTop: number;
|
|
1599
|
+
rightPanelMarginRight: number;
|
|
1530
1600
|
sidePanel: {
|
|
1531
1601
|
width: number;
|
|
1532
1602
|
margin: {
|