@kepler.gl/styles 3.0.0-alpha.1 → 3.0.0-alpha.2
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 +66 -8
- package/dist/base.js +69 -36
- package/dist/index.js +1 -21
- package/dist/media-breakpoints.js +1 -21
- package/package.json +6 -6
- package/umd/keplergl.min.js +3 -20
package/dist/base.d.ts
CHANGED
|
@@ -348,8 +348,27 @@ export declare const breakPoints: {
|
|
|
348
348
|
palm: number;
|
|
349
349
|
desk: number;
|
|
350
350
|
};
|
|
351
|
-
export declare const effectConfiguratorMargin = "
|
|
352
|
-
export declare const effectConfiguratorPadding = "
|
|
351
|
+
export declare const effectConfiguratorMargin = "18px 0 18px 0";
|
|
352
|
+
export declare const effectConfiguratorPadding = "0 0 0 18px";
|
|
353
|
+
export declare const effectPanelWidth = 345;
|
|
354
|
+
export declare const effectPanelHeight = 180;
|
|
355
|
+
export declare const effectPanelPaddingSide = 16;
|
|
356
|
+
export declare const effectPanelPaddingTop = 16;
|
|
357
|
+
export declare const effectPanelAddEffectFontFamily = "ff-clan-web-pro, 'Helvetica Neue', Helvetica, sans-serif";
|
|
358
|
+
export declare const effectTypeIconMarginSide = 6;
|
|
359
|
+
export declare const effectTypeIconSizeL = 56;
|
|
360
|
+
export declare const effectTypeIconBgHoverColor = "#262D40";
|
|
361
|
+
export declare const effectPanelTextMain = "#F7F7F7";
|
|
362
|
+
export declare const effectPanelTextSecondary1 = "#A0A7B4";
|
|
363
|
+
export declare const effectPanelTextSecondary2 = "#6A7485";
|
|
364
|
+
export declare const effectPanelTextSecondary3 = "#5A6475";
|
|
365
|
+
export declare const effectPanelElementColor = "#29323C";
|
|
366
|
+
export declare const effectPanelElementColorActive = "#323843";
|
|
367
|
+
export declare const effectPanelElementColorHovered = "#3A414C";
|
|
368
|
+
export declare const effectPanelElementColorSelected = "#454e5d";
|
|
369
|
+
export declare const effectPanelElementColorSun = "#F7B26B";
|
|
370
|
+
export declare const rightPanelMarginTop = 12;
|
|
371
|
+
export declare const rightPanelMarginRight = 12;
|
|
353
372
|
export declare const modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
354
373
|
export declare const theme: {
|
|
355
374
|
input: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
|
|
@@ -740,8 +759,6 @@ export declare const theme: {
|
|
|
740
759
|
layerConfiguratorBorderColor: string;
|
|
741
760
|
layerConfiguratorMargin: string;
|
|
742
761
|
layerConfiguratorPadding: string;
|
|
743
|
-
effectConfiguratorMargin: string;
|
|
744
|
-
effectConfiguratorPadding: string;
|
|
745
762
|
fieldTokenRightMargin: number;
|
|
746
763
|
fieldTokenHeight: number;
|
|
747
764
|
fieldTokenWidth: number;
|
|
@@ -751,6 +768,21 @@ export declare const theme: {
|
|
|
751
768
|
effectPanelPaddingTop: number;
|
|
752
769
|
rightPanelMarginTop: number;
|
|
753
770
|
rightPanelMarginRight: number;
|
|
771
|
+
effectPanelAddEffectFontFamily: string;
|
|
772
|
+
effectTypeIconMarginSide: number;
|
|
773
|
+
effectTypeIconSizeL: number;
|
|
774
|
+
effectTypeIconBgHoverColor: string;
|
|
775
|
+
effectConfiguratorMargin: string;
|
|
776
|
+
effectConfiguratorPadding: string;
|
|
777
|
+
effectPanelTextMain: string;
|
|
778
|
+
effectPanelTextSecondary1: string;
|
|
779
|
+
effectPanelTextSecondary2: string;
|
|
780
|
+
effectPanelTextSecondary3: string;
|
|
781
|
+
effectPanelElementColor: string;
|
|
782
|
+
effectPanelElementColorActive: string;
|
|
783
|
+
effectPanelElementColorHovered: string;
|
|
784
|
+
effectPanelElementColorSun: string;
|
|
785
|
+
effectPanelElementColorSelected: string;
|
|
754
786
|
sidePanel: {
|
|
755
787
|
width: number;
|
|
756
788
|
margin: {
|
|
@@ -1161,8 +1193,6 @@ export declare const themeLT: {
|
|
|
1161
1193
|
layerConfiguratorBorderColor: string;
|
|
1162
1194
|
layerConfiguratorMargin: string;
|
|
1163
1195
|
layerConfiguratorPadding: string;
|
|
1164
|
-
effectConfiguratorMargin: string;
|
|
1165
|
-
effectConfiguratorPadding: string;
|
|
1166
1196
|
fieldTokenRightMargin: number;
|
|
1167
1197
|
fieldTokenHeight: number;
|
|
1168
1198
|
fieldTokenWidth: number;
|
|
@@ -1172,6 +1202,21 @@ export declare const themeLT: {
|
|
|
1172
1202
|
effectPanelPaddingTop: number;
|
|
1173
1203
|
rightPanelMarginTop: number;
|
|
1174
1204
|
rightPanelMarginRight: number;
|
|
1205
|
+
effectPanelAddEffectFontFamily: string;
|
|
1206
|
+
effectTypeIconMarginSide: number;
|
|
1207
|
+
effectTypeIconSizeL: number;
|
|
1208
|
+
effectTypeIconBgHoverColor: string;
|
|
1209
|
+
effectConfiguratorMargin: string;
|
|
1210
|
+
effectConfiguratorPadding: string;
|
|
1211
|
+
effectPanelTextMain: string;
|
|
1212
|
+
effectPanelTextSecondary1: string;
|
|
1213
|
+
effectPanelTextSecondary2: string;
|
|
1214
|
+
effectPanelTextSecondary3: string;
|
|
1215
|
+
effectPanelElementColor: string;
|
|
1216
|
+
effectPanelElementColorActive: string;
|
|
1217
|
+
effectPanelElementColorHovered: string;
|
|
1218
|
+
effectPanelElementColorSun: string;
|
|
1219
|
+
effectPanelElementColorSelected: string;
|
|
1175
1220
|
sidePanel: {
|
|
1176
1221
|
width: number;
|
|
1177
1222
|
margin: {
|
|
@@ -1586,8 +1631,6 @@ export declare const themeBS: {
|
|
|
1586
1631
|
layerConfiguratorBorderColor: string;
|
|
1587
1632
|
layerConfiguratorMargin: string;
|
|
1588
1633
|
layerConfiguratorPadding: string;
|
|
1589
|
-
effectConfiguratorMargin: string;
|
|
1590
|
-
effectConfiguratorPadding: string;
|
|
1591
1634
|
fieldTokenRightMargin: number;
|
|
1592
1635
|
fieldTokenHeight: number;
|
|
1593
1636
|
fieldTokenWidth: number;
|
|
@@ -1597,6 +1640,21 @@ export declare const themeBS: {
|
|
|
1597
1640
|
effectPanelPaddingTop: number;
|
|
1598
1641
|
rightPanelMarginTop: number;
|
|
1599
1642
|
rightPanelMarginRight: number;
|
|
1643
|
+
effectPanelAddEffectFontFamily: string;
|
|
1644
|
+
effectTypeIconMarginSide: number;
|
|
1645
|
+
effectTypeIconSizeL: number;
|
|
1646
|
+
effectTypeIconBgHoverColor: string;
|
|
1647
|
+
effectConfiguratorMargin: string;
|
|
1648
|
+
effectConfiguratorPadding: string;
|
|
1649
|
+
effectPanelTextMain: string;
|
|
1650
|
+
effectPanelTextSecondary1: string;
|
|
1651
|
+
effectPanelTextSecondary2: string;
|
|
1652
|
+
effectPanelTextSecondary3: string;
|
|
1653
|
+
effectPanelElementColor: string;
|
|
1654
|
+
effectPanelElementColorActive: string;
|
|
1655
|
+
effectPanelElementColorHovered: string;
|
|
1656
|
+
effectPanelElementColorSun: string;
|
|
1657
|
+
effectPanelElementColorSelected: string;
|
|
1600
1658
|
sidePanel: {
|
|
1601
1659
|
width: number;
|
|
1602
1660
|
margin: {
|