@rio-cloud/rio-uikit 0.16.1-beta.24 → 0.16.2-beta.2

package/AutoSuggest.d.ts

@@ -1,5 +1,6 @@
-declare module '@rio-cloud/rio-uikit/AutoSuggest' {
-    import React from 'react';
-    import { AutoSuggestProps } from './types';
-    export default class AutoSuggest extends React.Component<AutoSuggestProps> {}
-}
+import React from 'react';
+import { AutoSuggestProps } from './types';
+
+export { AutoSuggestInputProps } from './types';
+export { AutoSuggestSuggestion } from './types';
+export default class AutoSuggest extends React.Component<AutoSuggestProps> {}

package/Bar.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/Bar' {
     import React from 'react';
     import { Bar as BarProps } from './types';
-    export default class Bar extends React.Component<BarProps> {}
+    export default class Bar extends React.Component<BarProps> {
+        static HORIZONTAL = 'horizontal';
+        static VERTICAL = 'vertical';
+    }
 }

package/Carousel.d.ts

@@ -5,5 +5,7 @@ declare module '@rio-cloud/rio-uikit/Carousel' {
     export default class Carousel extends React.Component<CarouselProps> {
         static Item: React.ComponentClass<CarouselItemProps>;
         static Caption: React.ComponentClass<any>;
+        static PREV = 'prev';
+        static NEXT = 'next';
     }
 }

package/ColorScheme.d.ts

@@ -0,0 +1,4 @@
+declare module '@rio-cloud/rio-uikit/ColorScheme' {
+    export function getColorScheme(): string;
+    export function setColorScheme(scheme: 'dark' | 'light' | 'default' | 'system'): void;
+}

package/ColorScheme.js

@@ -0,0 +1,2 @@
+import { getColorScheme as _getColorScheme, setColorScheme as _setColorScheme } from './utils/colorScheme';
+export { _getColorScheme as getColorScheme, _setColorScheme as setColorScheme };

package/Colors.js

@@ -1,2 +1,2 @@
-import _colors from './styles/shared/colors.json';
+import _colors from './styles/variables/colors.json';
 export { _colors as default };

package/ConfirmationDialog.d.ts

@@ -1,5 +1,12 @@
 declare module '@rio-cloud/rio-uikit/ConfirmationDialog' {
     import React from 'react';
     import { ConfirmationDialogProps } from './types';
-    export default class ConfirmationDialog extends React.Component<ConfirmationDialogProps> {}
+    export default class ConfirmationDialog extends React.Component<ConfirmationDialogProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_MD = 'md';
+        static SIZE_LG = 'lg';
+        static SIZE_XL = 'xl';
+        static SIZE_FULL = 'full';
+        static SIZE_FULL_SCREEN = 'fullscreen';
+    }
 }

package/ContentLoader.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/ContentLoader' {
     import React from 'react';
     import { ContentLoaderProps } from './types';
-    export default class ContentLoader extends React.Component<ContentLoaderProps> {}
+    export default class ContentLoader extends React.Component<ContentLoaderProps> {
+        static RECT = 'rect';
+        static CIRCLE = 'circle';
+    }
 }

package/ExpanderList.d.ts

@@ -1,5 +1,5 @@
-declare module '@rio-cloud/rio-uikit/ExpanderList' {
-    import React from 'react';
-    import { ExpanderListProps } from './types';
-    export default class ExpanderList extends React.Component<ExpanderListProps> {}
-}
+import React from 'react';
+import { ExpanderListProps } from './types';
+
+export { ExpanderListItem } from './types';
+export default class ExpanderList extends React.Component<ExpanderListProps> {}

package/Fade.d.ts

@@ -1,5 +1,14 @@
 declare module '@rio-cloud/rio-uikit/Fade' {
     import React from 'react';
     import { FadeProps } from './types';
-    export default class Fade extends React.Component<FadeProps> {}
+    export default class Fade extends React.Component<FadeProps> {
+        static FADE = 'fade';
+        static FROM_LEFT = 'fromLeft';
+        static FROM_RIGHT = 'fromRight';
+        static FROM_TOP = 'fromTop';
+        static FROM_BOTTOM = 'fromBottom';
+        static TABS = 'tabs';
+        static PAGE = 'page';
+        static PAGE_BACK = 'pageBack';
+    }
 }

package/FilePicker.d.ts

@@ -1,5 +1,9 @@
 declare module '@rio-cloud/rio-uikit/FilePicker' {
     import React from 'react';
     import { FilePickerProps } from './types';
-    export default class FilePicker extends React.Component<FilePickerProps> {}
+    export default class FilePicker extends React.Component<FilePickerProps> {
+        static DISPLAY_MODE_BUTTON = 'button';
+        static DISPLAY_MODE_DROPZONE = 'dropzone';
+        static DISPLAY_MODE_FULL = 'full';
+    }
 }

package/ListMenu.d.ts

@@ -1,5 +1,6 @@
-declare module '@rio-cloud/rio-uikit/ListMenu' {
-    import React from 'react';
-    import { ListMenuProps } from './types';
-    export default class ListMenu extends React.Component<ListMenuProps> {}
-}
+import React from 'react';
+import { ListMenuProps } from './types';
+
+export { ListMenuItem } from './types';
+export { NavItem } from './types';
+export default class ListMenu extends React.Component<ListMenuProps> {}

package/Map.d.ts

@@ -1,8 +1,11 @@
-declare module '@rio-cloud/rio-uikit/Map' {
-    import React from 'react';
-    import { MapProps } from './types';
-    export default class Map extends React.Component<MapProps> {
-        static TYPE_TERRAIN: string;
-        static TYPE_DEFAULT: string;
-    }
+import React from 'react';
+import { MapProps } from './types';
+
+export { BoundingBox } from './types';
+
+export default class Map extends React.Component<MapProps> {
+    static TYPE_DEFAULT = 'DEFAULT';
+    static TYPE_FLEET_STYLE = 'FLEET_STYLE';
+    static TYPE_SATELLITE = 'SATELLITE';
+    static TYPE_TERRAIN = 'TERRAIN';
 }

package/MediaDialog.d.ts

@@ -1,5 +1,9 @@
-declare module '@rio-cloud/rio-uikit/MediaDialog' {
-    import React from 'react';
-    import { MediaDialogProps } from './types';
-    export default class MediaDialog extends React.Component<MediaDialogProps> {}
+import React from 'react';
+import { MediaDialogProps } from './types';
+
+export { MediaDialogMedia } from './types';
+
+export default class MediaDialog extends React.Component<MediaDialogProps> {
+    static MEDIA_TYPE_IMAGE = 'image';
+    static MEDIA_TYPE_VIDEO = 'video';
 }

package/MenuItem.d.ts

@@ -1,5 +1,5 @@
 declare module '@rio-cloud/rio-uikit/MenuItem' {
     import React from 'react';
-    import { MenuItemProps } from './types';
+    import { MenuItem as MenuItemProps } from './types';
     export default class MenuItem extends React.Component<MenuItemProps> {}
 }

package/Multiselect.d.ts

@@ -1,5 +1,12 @@
-declare module '@rio-cloud/rio-uikit/Multiselect' {
-    import React from 'react';
-    import { MultiselectProps } from './types';
-    export default class Multiselect extends React.Component<MultiselectProps> {}
+import React from 'react';
+import { MultiselectProps } from './types';
+
+export { MultiselectOption } from './types';
+export { MultiselectCounterMessage } from './types';
+
+export default class Multiselect extends React.Component<MultiselectProps> {
+    static SIZE_SM = 'sm';
+    static SIZE_LG = 'lg';
+    static SIZE_SMALL = 'small';
+    static SIZE_LARGE = 'large';
 }

package/NumberControl.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/NumberControl' {
     import React from 'react';
     import { NumberControlProps } from './types';
-    export default class NumberControl extends React.Component<NumberControlProps> {}
+    export default class NumberControl extends React.Component<NumberControlProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_LG = 'lg';
+    }
 }

package/NumberInput.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/NumberInput' {
     import React from 'react';
     import { NumberInputProps } from './types';
-    export default class NumberInput extends React.Component<NumberInputProps> {}
+    export default class NumberInput extends React.Component<NumberInputProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_LG = 'lg';
+    }
 }

package/OnboardingTip.d.ts

@@ -1,5 +1,30 @@
 declare module '@rio-cloud/rio-uikit/OnboardingTip' {
     import React from 'react';
     import { OnboardingTipProps } from './types';
-    export default class OnboardingTip extends React.Component<OnboardingTipProps> {}
+
+    export default class OnboardingTip extends React.Component<OnboardingTipProps> {
+        static AUTO_START = 'auto-start';
+        static AUTO = 'auto';
+        static AUTO_END = 'auto-end';
+
+        static TOP_START = 'top-start';
+        static TOP = 'top';
+        static TOP_END = 'top-end';
+
+        static BOTTOM_START = 'bottom-start';
+        static BOTTOM = 'bottom';
+        static BOTTOM_END = 'bottom-end';
+
+        static RIGHT_START = 'right-start';
+        static RIGHT = 'right';
+        static RIGHT_END = 'right-end';
+
+        static LEFT_START = 'left-start';
+        static LEFT = 'left';
+        static LEFT_END = 'left-end';
+
+        static TEXT_ALIGNMENT_LEFT = 'left';
+        static TEXT_ALIGNMENT_CENTER = 'center';
+        static TEXT_ALIGNMENT_RIGHT = 'right';
+    }
 }

package/OverlayTrigger.d.ts

@@ -1,5 +1,29 @@
 declare module '@rio-cloud/rio-uikit/OverlayTrigger' {
     import React from 'react';
     import { OverlayTriggerProps } from './types';
-    export default class OverlayTrigger extends React.Component<OverlayTriggerProps> {}
+    export default class OverlayTrigger extends React.Component<OverlayTriggerProps> {
+        static TRIGGER_CLICK = 'click';
+        static TRIGGER_HOVER = 'hover';
+        static TRIGGER_FOCUS = 'focus';
+
+        static AUTO_START = 'auto-start';
+        static AUTO = 'auto';
+        static AUTO_END = 'auto-end';
+
+        static TOP_START = 'top-start';
+        static TOP = 'top';
+        static TOP_END = 'top-end';
+
+        static BOTTOM_START = 'bottom-start';
+        static BOTTOM = 'bottom';
+        static BOTTOM_END = 'bottom-end';
+
+        static RIGHT_START = 'right-start';
+        static RIGHT = 'right';
+        static RIGHT_END = 'right-end';
+
+        static LEFT_START = 'left-start';
+        static LEFT = 'left';
+        static LEFT_END = 'left-end';
+    }
 }

package/Popover.d.ts

@@ -1,5 +1,11 @@
 declare module '@rio-cloud/rio-uikit/Popover' {
     import React from 'react';
     import { PopoverProps } from './types';
-    export default class Popover extends React.Component<PopoverProps> {}
+    export default class Popover extends React.Component<PopoverProps> {
+        static AUTO = 'auto';
+        static TOP = 'top';
+        static BOTTOM = 'bottom';
+        static RIGHT = 'right';
+        static LEFT = 'left';
+    }
 }

package/Resizer.d.ts

@@ -1,5 +1,13 @@
 declare module '@rio-cloud/rio-uikit/Resizer' {
     import React from 'react';
     import { ResizerProps } from './types';
-    export default class Resizer extends React.Component<ResizerProps> {}
+    export default class Resizer extends React.Component<ResizerProps> {
+        static HORIZONTAL = 'x';
+        static VERTICAL = 'y';
+
+        static LEFT = 'left';
+        static RIGHT = 'right';
+        static TOP = 'top';
+        static BOTTOM = 'bottom';
+    }
 }

package/ResponsiveVideo.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/ResponsiveVideo' {
     import React from 'react';
     import { ResponsiveVideoProps } from './types';
-    export default class ResponsiveVideo extends React.Component<ResponsiveVideoProps> {}
+    export default class ResponsiveVideo extends React.Component<ResponsiveVideoProps> {
+        static ASPECT_RATIO_4_BY_3 = '4by3';
+        static ASPECT_RATIO_16_BY_9 = '16by9';
+    }
 }

package/RuleConnector.d.ts

@@ -1,5 +1,9 @@
 declare module '@rio-cloud/rio-uikit/RuleConnector' {
     import React from 'react';
     import { RuleConnectorProps } from './types';
-    export default class RuleConnector extends React.Component<RuleConnectorProps> {}
+    export default class RuleConnector extends React.Component<RuleConnectorProps> {
+        static START = 'start';
+        static CENTER = 'center';
+        static END = 'end';
+    }
 }

package/SaveDialog.d.ts

@@ -1,5 +1,12 @@
 declare module '@rio-cloud/rio-uikit/SaveDialog' {
     import React from 'react';
     import { SaveDialogProps } from './types';
-    export default class SaveDialog extends React.Component<SaveDialogProps> {}
+    export default class SaveDialog extends React.Component<SaveDialogProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_MD = 'md';
+        static SIZE_LG = 'lg';
+        static SIZE_XL = 'xl';
+        static SIZE_FULL = 'full';
+        static SIZE_FULL_SCREEN = 'fullscreen';
+    }
 }

package/Select.d.ts

@@ -1,5 +1,5 @@
-declare module '@rio-cloud/rio-uikit/Select' {
-    import React from 'react';
-    import { SelectProps } from './types';
-    export default class Select extends React.Component<SelectProps> {}
-}
+import React from 'react';
+import { SelectProps } from './types';
+
+export { SelectOption } from './types';
+export default class Select extends React.Component<SelectProps> {}

package/Sidebar.d.ts

@@ -1,5 +1,11 @@
 declare module '@rio-cloud/rio-uikit/Sidebar' {
     import React from 'react';
     import { SidebarProps } from './types';
-    export default class Sidebar extends React.Component<SidebarProps> {}
+    export default class Sidebar extends React.Component<SidebarProps> {
+        static LEFT = 'left';
+        static RIGHT = 'right';
+
+        static MODE_FLY = 'fly';
+        static MODE_FLUID = 'fluid';
+    }
 }

package/SimpleDialog.d.ts

@@ -1,5 +1,12 @@
 declare module '@rio-cloud/rio-uikit/SimpleDialog' {
     import React from 'react';
     import { SimpleDialogProps } from './types';
-    export default class SimpleDialog extends React.Component<SimpleDialogProps> {}
+    export default class SimpleDialog extends React.Component<SimpleDialogProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_MD = 'md';
+        static SIZE_LG = 'lg';
+        static SIZE_XL = 'xl';
+        static SIZE_FULL = 'full';
+        static SIZE_FULL_SCREEN = 'fullscreen';
+    }
 }

package/SimpleTooltip.d.ts

@@ -1,5 +1,29 @@
 declare module '@rio-cloud/rio-uikit/SimpleTooltip' {
     import React from 'react';
     import { SimpleTooltipProps } from './types';
-    export default class SimpleTooltip extends React.Component<SimpleTooltipProps> {}
+    export default class SimpleTooltip extends React.Component<SimpleTooltipProps> {
+        static TRIGGER_CLICK = 'click';
+        static TRIGGER_HOVER = 'hover';
+        static TRIGGER_FOCUS = 'focus';
+
+        static AUTO_START = 'auto-start';
+        static AUTO = 'auto';
+        static AUTO_END = 'auto-end';
+
+        static TOP_START = 'top-start';
+        static TOP = 'top';
+        static TOP_END = 'top-end';
+
+        static BOTTOM_START = 'bottom-start';
+        static BOTTOM = 'bottom';
+        static BOTTOM_END = 'bottom-end';
+
+        static RIGHT_START = 'right-start';
+        static RIGHT = 'right';
+        static RIGHT_END = 'right-end';
+
+        static LEFT_START = 'left-start';
+        static LEFT = 'left';
+        static LEFT_END = 'left-end';
+    }
 }

package/SplitDialog.d.ts

@@ -1,5 +1,12 @@
 declare module '@rio-cloud/rio-uikit/SplitDialog' {
     import React from 'react';
     import { SplitDialogProps } from './types';
-    export default class SplitDialog extends React.Component<SplitDialogProps> {}
+    export default class SplitDialog extends React.Component<SplitDialogProps> {
+        static SIZE_SM = 'sm';
+        static SIZE_MD = 'md';
+        static SIZE_LG = 'lg';
+        static SIZE_XL = 'xl';
+        static SIZE_FULL = 'full';
+        static SIZE_FULL_SCREEN = 'fullscreen';
+    }
 }

package/SteppedProgressBar.d.ts

@@ -1,5 +1,9 @@
 declare module '@rio-cloud/rio-uikit/SteppedProgressBar' {
     import React from 'react';
     import { SteppedProgressBarProps } from './types';
-    export default class SteppedProgressBar extends React.Component<SteppedProgressBarProps> {}
+    export default class SteppedProgressBar extends React.Component<SteppedProgressBarProps> {
+        static VARIANT_CIRCLE = 'circle';
+        static VARIANT_RECTANGLE = 'rectangle';
+        static VARIANT_ROADSIGN = 'roadsign';
+    }
 }

package/Switch.d.ts

@@ -1,5 +1,8 @@
 declare module '@rio-cloud/rio-uikit/Switch' {
     import React from 'react';
     import { SwitchProps } from './types';
-    export default class Switch extends React.Component<SwitchProps> {}
+    export default class Switch extends React.Component<SwitchProps> {
+        static LABEL_POSITION_LEFT = 'left';
+        static LABEL_POSITION_RIGHT = 'right';
+    }
 }

package/TagManager.d.ts

@@ -1,5 +1,5 @@
-declare module '@rio-cloud/rio-uikit/TagManager' {
-    import React from 'react';
-    import { TagManagerProps } from './types';
-    export default class TagManager extends React.Component<TagManagerProps> {}
-}
+import React from 'react';
+import { TagManagerProps } from './types';
+
+export { TagManagerTag } from './types';
+export default class TagManager extends React.Component<TagManagerProps> {}

package/Tooltip.d.ts

@@ -1,5 +1,32 @@
 declare module '@rio-cloud/rio-uikit/Tooltip' {
     import React from 'react';
     import { TooltipProps } from './types';
-    export default class Tooltip extends React.Component<TooltipProps> {}
+    export default class Tooltip extends React.Component<TooltipProps> {
+        static STYLE_DEFAULT = 'default';
+        static STYLE_ONBOARDING = 'onboarding';
+
+        static AUTO_START = 'auto-start';
+        static AUTO = 'auto';
+        static AUTO_END = 'auto-end';
+
+        static TOP_START = 'top-start';
+        static TOP = 'top';
+        static TOP_END = 'top-end';
+
+        static BOTTOM_START = 'bottom-start';
+        static BOTTOM = 'bottom';
+        static BOTTOM_END = 'bottom-end';
+
+        static RIGHT_START = 'right-start';
+        static RIGHT = 'right';
+        static RIGHT_END = 'right-end';
+
+        static LEFT_START = 'left-start';
+        static LEFT = 'left';
+        static LEFT_END = 'left-end';
+
+        static TEXT_ALIGNMENT_LEFT = 'left';
+        static TEXT_ALIGNMENT_CENTER = 'center';
+        static TEXT_ALIGNMENT_RIGHT = 'right';
+    }
 }

package/components/charts/chartHelper.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import colors from '../../styles/shared/colors.json';
+import colors from '../../styles/variables/colors.json';
 var brightColors = ['color-warmup-corn', 'color-coldplay-khaki'];
 export var defaultChartColors = Object.keys(colors).reverse().filter(function (key) {
   return !brightColors.includes(key);

package/components/dropdown/ButtonDropdown.js

@@ -65,11 +65,16 @@ var ButtonDropdown = function ButtonDropdown(props) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     refDropdownMenu = _React$useState4[0],
     setRefDropdownMenu = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    refSplitButtonToggle = _React$useState6[0],
+    setRefSplitButtonToggle = _React$useState6[1];
   var defaultPopperConfig = {
     placement: getPlacement(pullRight, dropup),
     modifiers: []
   };
-  var _usePopper = usePopper(refDropdownToggle, refDropdownMenu, popperConfig || defaultPopperConfig),
+  var popperParentRef = splitButton && pullRight ? refSplitButtonToggle : refDropdownToggle;
+  var _usePopper = usePopper(popperParentRef, refDropdownMenu, popperConfig || defaultPopperConfig),
     styles = _usePopper.styles,
     attributes = _usePopper.attributes;
   var wrapperRef = useClickOutside(function () {
@@ -111,7 +116,7 @@ var ButtonDropdown = function ButtonDropdown(props) {
   var handleDropdownButtonClick = splitButton ? handleSplitLabelButtonClick : toggleOpen;
   var isOpen = isUncontrolled ? internalOpen : open;
   var wrapperClasses = classNames('dropdown', 'btn-group', isOpen && 'open', className);
-  var dropdownClasses = classNames(usePortal && 'dropdown-portal', dropdownClassName);
+  var dropdownClasses = classNames(usePortal && 'dropdown-portal', splitButton && pullRight && 'pull-right', dropdownClassName);
   var dropdownMenu = /*#__PURE__*/React.createElement(MenuItems, _extends({
     className: dropdownClasses,
     ref: setRefDropdownMenu,
@@ -135,7 +140,8 @@ var ButtonDropdown = function ButtonDropdown(props) {
     bsStyle: bsStyle,
     disabled: disabled,
     className: toggleClassName,
-    onClick: toggleOpen
+    onClick: toggleOpen,
+    ref: setRefSplitButtonToggle
   }), isOpen && usePortal && /*#__PURE__*/ReactDOM.createPortal(dropdownMenu, dropdownRoot), isOpen && !usePortal && dropdownMenu);
 };
 ButtonDropdown.defaultProps = {

package/components/mapMarker/ClusterMapMarker.js

@@ -26,9 +26,9 @@ var ClusterMapMarker = function ClusterMapMarker(props) {
   var classes = classNames(active && 'active', 'rio-map-marker', 'rio-map-marker-center-center', !clickable && 'pointer-events-none');
   var clusterClasses = classNames('rio-map-cluster-cirlce', colorClass);
   var baseColor = getColorMapping(colorClass) || markerColor;
-  var markerBackgroundColor = active ? 'bg-white' : baseColor;
+  var markerBackgroundColor = active ? 'bg-map-marker-active' : baseColor;
   var markerBorderColor = baseColor.replace('bg-', 'border-color-');
-  var markerTextColor = active ? baseColor.replace('bg-', 'text-color-') : 'text-color-white';
+  var markerTextColor = active ? baseColor.replace('bg-', 'text-color-') : 'color-map-marker-text';
   return /*#__PURE__*/React.createElement("div", {
     className: classes
   }, /*#__PURE__*/React.createElement("div", {

package/components/mapMarker/SingleMapMarker.js

@@ -52,9 +52,9 @@ var SingleMapMarker = function SingleMapMarker(props) {
   };
   var mapDirection = getMapDirection(moving, bearing, rotationStyle);
   var baseColor = getColorMapping(colorClass, markerColor);
-  var markerBackgroundColor = active ? 'bg-white' : baseColor;
+  var markerBackgroundColor = active ? 'bg-map-marker-active' : baseColor;
   var markerBorderColor = baseColor.replace('bg-', 'border-color-');
-  var markerTextColor = active ? baseColor.replace('bg-', 'text-color-') : 'text-color-white';
+  var markerTextColor = active ? baseColor.replace('bg-', 'text-color-') : 'color-map-marker-text';
   return /*#__PURE__*/React.createElement("div", {
     className: classes
   }, /*#__PURE__*/React.createElement("div", {

package/components/rules/RuleConnector.js

@@ -48,6 +48,9 @@ var RuleConnector = function RuleConnector(props) {
     className: rightRoundedBoxBorderClipping
   })));
 };
+RuleConnector.START = 'start';
+RuleConnector.CENTER = 'center';
+RuleConnector.END = 'end';
 RuleConnector.defaultProps = {
   placement: 'center',
   icon: 'rioglyph-plus',
@@ -60,7 +63,7 @@ RuleConnector.defaultProps = {
   className: ''
 };
 RuleConnector.propTypes = {
-  placement: PropTypes.oneOf(['start', 'center', 'end']),
+  placement: PropTypes.oneOf([RuleConnector.START, RuleConnector.CENTER, RuleConnector.END]),
   icon: PropTypes.string,
   hidden: PropTypes.bool,
   background: PropTypes.string,