@kepler.gl/styles 3.1.0-alpha.3 → 3.1.0-alpha.4

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 (5) hide show
  1. package/dist/base.d.ts +100 -100
  2. package/dist/base.js +16 -16
  3. package/dist/media-breakpoints.d.ts +3 -3
  4. package/package.json +4 -4
  5. package/umd/keplergl.min.js +2 -2
package/dist/base.d.ts CHANGED
@@ -373,43 +373,43 @@ export declare const effectPanelElementColorSelected = "#454e5d";
373
373
  export declare const effectPanelElementColorSun = "#F7B26B";
374
374
  export declare const rightPanelMarginTop = 12;
375
375
  export declare const rightPanelMarginRight = 12;
376
- export declare const modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
376
+ export declare const modalScrollBar: import("styled-components").RuleSet<object>;
377
377
  export declare const theme: {
378
- input: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
379
- inputLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
380
- inlineInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
381
- chickletedInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
382
- chickletedInputLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
383
- chickletedInputContainer: import("styled-components").FlattenSimpleInterpolation;
384
- secondaryChickletedInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
378
+ input: import("styled-components").RuleSet<InputProps>;
379
+ inputLT: import("styled-components").RuleSet<InputProps>;
380
+ inlineInput: import("styled-components").RuleSet<object>;
381
+ chickletedInput: import("styled-components").RuleSet<object>;
382
+ chickletedInputLT: import("styled-components").RuleSet<object>;
383
+ chickletedInputContainer: import("styled-components").RuleSet<object>;
384
+ secondaryChickletedInput: import("styled-components").RuleSet<object>;
385
385
  borderColor: string;
386
386
  borderColorLT: string;
387
- secondaryInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SecondaryInputProps, any>>;
388
- dropdownScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
389
- dropdownScrollBarLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
390
- dropdownList: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
391
- dropdownListLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
392
- dropdownListItem: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
393
- dropdownListItemLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
394
- dropdownListAnchor: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
395
- dropdownListAnchorLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
396
- dropdownListHeader: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
397
- dropdownListSection: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
387
+ secondaryInput: import("styled-components").RuleSet<SecondaryInputProps>;
388
+ dropdownScrollBar: import("styled-components").RuleSet<object>;
389
+ dropdownScrollBarLT: import("styled-components").RuleSet<object>;
390
+ dropdownList: import("styled-components").RuleSet<object>;
391
+ dropdownListLT: import("styled-components").RuleSet<object>;
392
+ dropdownListItem: import("styled-components").RuleSet<object>;
393
+ dropdownListItemLT: import("styled-components").RuleSet<object>;
394
+ dropdownListAnchor: import("styled-components").RuleSet<object>;
395
+ dropdownListAnchorLT: import("styled-components").RuleSet<object>;
396
+ dropdownListHeader: import("styled-components").RuleSet<object>;
397
+ dropdownListSection: import("styled-components").RuleSet<object>;
398
398
  dropdownListShadow: string;
399
399
  dropdownWrapperZ: number;
400
400
  dropdownWapperMargin: number;
401
401
  dndOverBackgroundColor: string;
402
- modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
403
- scrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
404
- sidePanelScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
405
- inputSwitch: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
406
- secondarySwitch: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
407
- switchTrack: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
408
- switchButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
409
- inputCheckbox: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
410
- inputRadio: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
411
- checkboxBox: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
412
- checkboxCheck: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
402
+ modalScrollBar: import("styled-components").RuleSet<object>;
403
+ scrollBar: import("styled-components").RuleSet<object>;
404
+ sidePanelScrollBar: import("styled-components").RuleSet<object>;
405
+ inputSwitch: import("styled-components").RuleSet<object>;
406
+ secondarySwitch: import("styled-components").RuleSet<SwitchableProps>;
407
+ switchTrack: import("styled-components").RuleSet<SwitchableProps>;
408
+ switchButton: import("styled-components").RuleSet<SwitchableProps>;
409
+ inputCheckbox: import("styled-components").RuleSet<object>;
410
+ inputRadio: import("styled-components").RuleSet<object>;
411
+ checkboxBox: import("styled-components").RuleSet<SwitchableProps>;
412
+ checkboxCheck: import("styled-components").RuleSet<SwitchableProps>;
413
413
  transition: string;
414
414
  transitionFast: string;
415
415
  transitionSlow: string;
@@ -509,9 +509,9 @@ export declare const theme: {
509
509
  radioBorderColor: string;
510
510
  radioButtonRadius: number;
511
511
  radioButtonBgdColor: string;
512
- radioTrack: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
513
- radioButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
514
- secondaryRadio: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
512
+ radioTrack: import("styled-components").RuleSet<object>;
513
+ radioButton: import("styled-components").RuleSet<object>;
514
+ secondaryRadio: import("styled-components").RuleSet<SwitchableProps>;
515
515
  btnFontFamily: string;
516
516
  primaryBtnBgd: string;
517
517
  primaryBtnActBgd: string;
@@ -615,7 +615,7 @@ export declare const theme: {
615
615
  panelHeaderIconHover: string;
616
616
  panelHeaderHeight: number;
617
617
  layerPanelHeaderHeight: number;
618
- panelDropdownScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
618
+ panelDropdownScrollBar: import("styled-components").RuleSet<object>;
619
619
  layerTypeIconSizeL: number;
620
620
  layerTypeIconPdL: number;
621
621
  layerTypeIconSizeSM: number;
@@ -815,7 +815,7 @@ export declare const theme: {
815
815
  };
816
816
  export declare const themeLT: {
817
817
  activeColor: string;
818
- input: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
818
+ input: import("styled-components").RuleSet<InputProps>;
819
819
  textColor: string;
820
820
  sidePanelBg: string;
821
821
  selectColor: string;
@@ -881,40 +881,40 @@ export declare const themeLT: {
881
881
  histogramFillInRange: string;
882
882
  histogramFillOutRange: string;
883
883
  axisFontColor: string;
884
- inputLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
885
- inlineInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
886
- chickletedInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
887
- chickletedInputLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
888
- chickletedInputContainer: import("styled-components").FlattenSimpleInterpolation;
889
- secondaryChickletedInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
884
+ inputLT: import("styled-components").RuleSet<InputProps>;
885
+ inlineInput: import("styled-components").RuleSet<object>;
886
+ chickletedInput: import("styled-components").RuleSet<object>;
887
+ chickletedInputLT: import("styled-components").RuleSet<object>;
888
+ chickletedInputContainer: import("styled-components").RuleSet<object>;
889
+ secondaryChickletedInput: import("styled-components").RuleSet<object>;
890
890
  borderColor: string;
891
891
  borderColorLT: string;
892
- secondaryInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SecondaryInputProps, any>>;
893
- dropdownScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
894
- dropdownScrollBarLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
895
- dropdownList: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
896
- dropdownListLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
897
- dropdownListItem: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
898
- dropdownListItemLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
899
- dropdownListAnchor: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
900
- dropdownListAnchorLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
901
- dropdownListHeader: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
902
- dropdownListSection: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
892
+ secondaryInput: import("styled-components").RuleSet<SecondaryInputProps>;
893
+ dropdownScrollBar: import("styled-components").RuleSet<object>;
894
+ dropdownScrollBarLT: import("styled-components").RuleSet<object>;
895
+ dropdownList: import("styled-components").RuleSet<object>;
896
+ dropdownListLT: import("styled-components").RuleSet<object>;
897
+ dropdownListItem: import("styled-components").RuleSet<object>;
898
+ dropdownListItemLT: import("styled-components").RuleSet<object>;
899
+ dropdownListAnchor: import("styled-components").RuleSet<object>;
900
+ dropdownListAnchorLT: import("styled-components").RuleSet<object>;
901
+ dropdownListHeader: import("styled-components").RuleSet<object>;
902
+ dropdownListSection: import("styled-components").RuleSet<object>;
903
903
  dropdownListShadow: string;
904
904
  dropdownWrapperZ: number;
905
905
  dropdownWapperMargin: number;
906
906
  dndOverBackgroundColor: string;
907
- modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
908
- scrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
909
- sidePanelScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
910
- inputSwitch: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
911
- secondarySwitch: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
912
- switchTrack: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
913
- switchButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
914
- inputCheckbox: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
915
- inputRadio: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
916
- checkboxBox: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
917
- checkboxCheck: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
907
+ modalScrollBar: import("styled-components").RuleSet<object>;
908
+ scrollBar: import("styled-components").RuleSet<object>;
909
+ sidePanelScrollBar: import("styled-components").RuleSet<object>;
910
+ inputSwitch: import("styled-components").RuleSet<object>;
911
+ secondarySwitch: import("styled-components").RuleSet<SwitchableProps>;
912
+ switchTrack: import("styled-components").RuleSet<SwitchableProps>;
913
+ switchButton: import("styled-components").RuleSet<SwitchableProps>;
914
+ inputCheckbox: import("styled-components").RuleSet<object>;
915
+ inputRadio: import("styled-components").RuleSet<object>;
916
+ checkboxBox: import("styled-components").RuleSet<SwitchableProps>;
917
+ checkboxCheck: import("styled-components").RuleSet<SwitchableProps>;
918
918
  transition: string;
919
919
  transitionFast: string;
920
920
  transitionSlow: string;
@@ -990,9 +990,9 @@ export declare const themeLT: {
990
990
  radioBorderColor: string;
991
991
  radioButtonRadius: number;
992
992
  radioButtonBgdColor: string;
993
- radioTrack: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
994
- radioButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
995
- secondaryRadio: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
993
+ radioTrack: import("styled-components").RuleSet<object>;
994
+ radioButton: import("styled-components").RuleSet<object>;
995
+ secondaryRadio: import("styled-components").RuleSet<SwitchableProps>;
996
996
  btnFontFamily: string;
997
997
  primaryBtnColor: string;
998
998
  primaryBtnActColor: string;
@@ -1072,7 +1072,7 @@ export declare const themeLT: {
1072
1072
  panelHeaderIcon: string;
1073
1073
  panelHeaderHeight: number;
1074
1074
  layerPanelHeaderHeight: number;
1075
- panelDropdownScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1075
+ panelDropdownScrollBar: import("styled-components").RuleSet<object>;
1076
1076
  layerTypeIconSizeL: number;
1077
1077
  layerTypeIconPdL: number;
1078
1078
  layerTypeIconSizeSM: number;
@@ -1322,41 +1322,41 @@ export declare const themeBS: {
1322
1322
  sliderInactiveBorderColor: string;
1323
1323
  sliderHandleTextColor: string;
1324
1324
  sliderBarColor: string;
1325
- input: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
1326
- inputLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
1327
- inlineInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1328
- chickletedInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1329
- chickletedInputLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1330
- chickletedInputContainer: import("styled-components").FlattenSimpleInterpolation;
1331
- secondaryChickletedInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1325
+ input: import("styled-components").RuleSet<InputProps>;
1326
+ inputLT: import("styled-components").RuleSet<InputProps>;
1327
+ inlineInput: import("styled-components").RuleSet<object>;
1328
+ chickletedInput: import("styled-components").RuleSet<object>;
1329
+ chickletedInputLT: import("styled-components").RuleSet<object>;
1330
+ chickletedInputContainer: import("styled-components").RuleSet<object>;
1331
+ secondaryChickletedInput: import("styled-components").RuleSet<object>;
1332
1332
  borderColor: string;
1333
1333
  borderColorLT: string;
1334
- secondaryInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SecondaryInputProps, any>>;
1335
- dropdownScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1336
- dropdownScrollBarLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1337
- dropdownList: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1338
- dropdownListLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1339
- dropdownListItem: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1340
- dropdownListItemLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1341
- dropdownListAnchor: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1342
- dropdownListAnchorLT: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1343
- dropdownListHeader: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1344
- dropdownListSection: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1334
+ secondaryInput: import("styled-components").RuleSet<SecondaryInputProps>;
1335
+ dropdownScrollBar: import("styled-components").RuleSet<object>;
1336
+ dropdownScrollBarLT: import("styled-components").RuleSet<object>;
1337
+ dropdownList: import("styled-components").RuleSet<object>;
1338
+ dropdownListLT: import("styled-components").RuleSet<object>;
1339
+ dropdownListItem: import("styled-components").RuleSet<object>;
1340
+ dropdownListItemLT: import("styled-components").RuleSet<object>;
1341
+ dropdownListAnchor: import("styled-components").RuleSet<object>;
1342
+ dropdownListAnchorLT: import("styled-components").RuleSet<object>;
1343
+ dropdownListHeader: import("styled-components").RuleSet<object>;
1344
+ dropdownListSection: import("styled-components").RuleSet<object>;
1345
1345
  dropdownListShadow: string;
1346
1346
  dropdownWrapperZ: number;
1347
1347
  dropdownWapperMargin: number;
1348
1348
  dndOverBackgroundColor: string;
1349
- modalScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1350
- scrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1351
- sidePanelScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1352
- inputSwitch: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1353
- secondarySwitch: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
1354
- switchTrack: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
1355
- switchButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
1356
- inputCheckbox: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1357
- inputRadio: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1358
- checkboxBox: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
1359
- checkboxCheck: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
1349
+ modalScrollBar: import("styled-components").RuleSet<object>;
1350
+ scrollBar: import("styled-components").RuleSet<object>;
1351
+ sidePanelScrollBar: import("styled-components").RuleSet<object>;
1352
+ inputSwitch: import("styled-components").RuleSet<object>;
1353
+ secondarySwitch: import("styled-components").RuleSet<SwitchableProps>;
1354
+ switchTrack: import("styled-components").RuleSet<SwitchableProps>;
1355
+ switchButton: import("styled-components").RuleSet<SwitchableProps>;
1356
+ inputCheckbox: import("styled-components").RuleSet<object>;
1357
+ inputRadio: import("styled-components").RuleSet<object>;
1358
+ checkboxBox: import("styled-components").RuleSet<SwitchableProps>;
1359
+ checkboxCheck: import("styled-components").RuleSet<SwitchableProps>;
1360
1360
  transition: string;
1361
1361
  transitionFast: string;
1362
1362
  transitionSlow: string;
@@ -1430,9 +1430,9 @@ export declare const themeBS: {
1430
1430
  radioBorderColor: string;
1431
1431
  radioButtonRadius: number;
1432
1432
  radioButtonBgdColor: string;
1433
- radioTrack: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1434
- radioButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1435
- secondaryRadio: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<SwitchableProps, any>>;
1433
+ radioTrack: import("styled-components").RuleSet<object>;
1434
+ radioButton: import("styled-components").RuleSet<object>;
1435
+ secondaryRadio: import("styled-components").RuleSet<SwitchableProps>;
1436
1436
  btnFontFamily: string;
1437
1437
  primaryBtnActBgd: string;
1438
1438
  primaryBtnActColor: string;
@@ -1511,7 +1511,7 @@ export declare const themeBS: {
1511
1511
  panelHeaderIcon: string;
1512
1512
  panelHeaderHeight: number;
1513
1513
  layerPanelHeaderHeight: number;
1514
- panelDropdownScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
1514
+ panelDropdownScrollBar: import("styled-components").RuleSet<object>;
1515
1515
  layerTypeIconSizeL: number;
1516
1516
  layerTypeIconPdL: number;
1517
1517
  layerTypeIconSizeSM: number;