pebble-web 2.3.0 → 2.4.1

package/dist/components/Option.d.ts

@@ -1,19 +1,11 @@
 import * as React from "react";
 import { OptionProps } from "./typings/Option";
 declare const defaultProps: {
-    rightElement: ({ isSelected, multiSelect, indeterminate }: {
-        isSelected: boolean;
-        multiSelect: boolean;
-        indeterminate?: boolean | undefined;
-    }) => JSX.Element | null;
+    rightElement: <T extends unknown>({ isSelected, multiSelect, indeterminate, iconClassName }: OptionProps<T>) => JSX.Element | null;
 };
 declare class Option<OptionType> extends React.Component<OptionProps<OptionType> & Required<typeof defaultProps>> {
     static defaultProps: {
-        rightElement: ({ isSelected, multiSelect, indeterminate }: {
-            isSelected: boolean;
-            multiSelect: boolean;
-            indeterminate?: boolean | undefined;
-        }) => JSX.Element | null;
+        rightElement: <T extends unknown>({ isSelected, multiSelect, indeterminate, iconClassName }: OptionProps<T>) => JSX.Element | null;
     };
     render(): JSX.Element;
 }

package/dist/components/styles/Button.styles.d.ts

@@ -5,7 +5,7 @@ declare const styleBasedOnSize: {
         height: number;
         minWidth: number;
     } | {
-        fontSize: string | number;
+        fontSize: import("csstype").FontSizeProperty<number>;
         fontWeight: import("csstype").FontWeightProperty;
         color: string;
         height: number;
@@ -15,7 +15,7 @@ declare const styleBasedOnSize: {
         height: number;
         minWidth: number;
     } | {
-        fontSize: string | number;
+        fontSize: import("csstype").FontSizeProperty<number>;
         fontWeight: import("csstype").FontWeightProperty;
         color: string;
         height: number;
@@ -25,7 +25,7 @@ declare const styleBasedOnSize: {
         height: number;
         minWidth: number;
     } | {
-        fontSize: string | number;
+        fontSize: import("csstype").FontSizeProperty<number>;
         fontWeight: import("csstype").FontWeightProperty;
         color: string;
         height: number;

package/dist/components/typings/Option.d.ts

@@ -6,5 +6,6 @@ export interface OptionProps<OptionType> extends Omit<ControlProps<OptionType>,
     isSelected?: boolean;
     multiSelect?: boolean;
     labelClassName?: string;
+    leftElement?: (props: OptionProps<OptionType>) => React.ReactNode;
     rightElement?: (props: OptionProps<OptionType>) => React.ReactNode;
 }

package/dist/components/typings/OptionGroupCheckBox.d.ts

@@ -1,5 +1,6 @@
 import { CommonProps, Extras } from "./OptionGroup";
 export interface OptionGroupCheckBoxProps<OptionType> extends CommonProps {
+    wrapClassName?: string;
     onChange: (value: OptionType[], extras: Extras) => void;
     /**
      * @deprecated use isSelected

package/dist/pebble-web.dev.js

@@ -2022,13 +2022,13 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
 function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var rowWrapper = /*#__PURE__*/emotion.css(_objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, typography.normal.regular), {}, {
+var rowWrapper = /*#__PURE__*/emotion.css(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, typography.normal.regular), {}, {
   cursor: "pointer",
   padding: "12px 18px",
   position: "relative",
   lineHeight: "28px",
   zIndex: 999
-}, textEllipsis), flexSpaceBetween), {}, {
+}, textEllipsis), {}, {
   alignItems: "center",
   display: "flex",
   "&:last-of-type": {
@@ -2037,25 +2037,25 @@ var rowWrapper = /*#__PURE__*/emotion.css(_objectSpread$c(_objectSpread$c(_objec
   "&:hover": {
     backgroundColor: pebbleShared.colors.gray.lightest
   }
-}), ";label:Options-styles-rowWrapper;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiJPcHRpb25zLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1peGlucywgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5leHBvcnQgY29uc3Qgcm93V3JhcHBlciA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5ub3JtYWwucmVndWxhcixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IFwiMTJweCAxOHB4XCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjI4cHhcIixcbiAgICB6SW5kZXg6IDk5OSxcbiAgICAuLi5taXhpbnMudGV4dEVsbGlwc2lzLFxuICAgIC4uLm1peGlucy5mbGV4U3BhY2VCZXR3ZWVuLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlcjogMFxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuZ3JheS5saWdodGVzdFxuICAgIH1cbn0pO1xuZXhwb3J0IGNvbnN0IGxhYmVsV3JhcCA9IGNzcyh7XG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCJcbn0pO1xuZXhwb3J0IGNvbnN0IGFjdGl2ZVJvdyA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuZ3JheS5saWdodGVzdFxufSk7XG5leHBvcnQgY29uc3Qgc2VsZWN0ZWRSb3cgPSBjc3Moe1xuICAgIGNvbG9yOiBjb2xvcnMudmlvbGV0LmJhc2UsXG4gICAgLi4udHlwb2dyYXBoeS5ub3JtYWwuYm9sZFxufSk7XG5leHBvcnQgY29uc3QgYWR2YW5jZWRBY3Rpb25zV3JhcHBlciA9IGNzcyh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZm9udFNpemU6IFwiMTJweFwiLFxuICAgIGNvbG9yOiBjb2xvcnMuZ3JheS5kYXJrXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU9wdGlvbnMuc3R5bGVzLmpzLm1hcCJdfQ== */"));
+}), ";label:Options-styles-rowWrapper;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiJPcHRpb25zLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1peGlucywgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5leHBvcnQgY29uc3Qgcm93V3JhcHBlciA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5ub3JtYWwucmVndWxhcixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IFwiMTJweCAxOHB4XCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjI4cHhcIixcbiAgICB6SW5kZXg6IDk5OSxcbiAgICAuLi5taXhpbnMudGV4dEVsbGlwc2lzLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICAgIGJvcmRlcjogMFxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuZ3JheS5saWdodGVzdFxuICAgIH1cbn0pO1xuZXhwb3J0IGNvbnN0IGxhYmVsV3JhcCA9IGNzcyh7XG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgZmxleEdyb3c6IDEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCJcbn0pO1xuZXhwb3J0IGNvbnN0IGFjdGl2ZVJvdyA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMuZ3JheS5saWdodGVzdFxufSk7XG5leHBvcnQgY29uc3Qgc2VsZWN0ZWRSb3cgPSBjc3Moe1xuICAgIGNvbG9yOiBjb2xvcnMudmlvbGV0LmJhc2UsXG4gICAgLi4udHlwb2dyYXBoeS5ub3JtYWwuYm9sZFxufSk7XG5leHBvcnQgY29uc3QgYWR2YW5jZWRBY3Rpb25zV3JhcHBlciA9IGNzcyh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZm9udFNpemU6IFwiMTJweFwiLFxuICAgIGNvbG9yOiBjb2xvcnMuZ3JheS5kYXJrXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU9wdGlvbnMuc3R5bGVzLmpzLm1hcCJdfQ== */"));
 var labelWrap = /*#__PURE__*/emotion.css( {
-  name: "pmw91k-Options-styles-labelWrap",
-  styles: "user-select:none;overflow:hidden;text-overflow:ellipsis;;label:Options-styles-labelWrap;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCeUIiLCJmaWxlIjoiT3B0aW9ucy5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaXhpbnMsIHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHJvd1dyYXBwZXIgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLnJlZ3VsYXIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjEycHggMThweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbGluZUhlaWdodDogXCIyOHB4XCIsXG4gICAgekluZGV4OiA5OTksXG4gICAgLi4ubWl4aW5zLnRleHRFbGxpcHNpcyxcbiAgICAuLi5taXhpbnMuZmxleFNwYWNlQmV0d2VlbixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXI6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3RcbiAgICB9XG59KTtcbmV4cG9ydCBjb25zdCBsYWJlbFdyYXAgPSBjc3Moe1xuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiXG59KTtcbmV4cG9ydCBjb25zdCBhY3RpdmVSb3cgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3Rcbn0pO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkUm93ID0gY3NzKHtcbiAgICBjb2xvcjogY29sb3JzLnZpb2xldC5iYXNlLFxuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLmJvbGRcbn0pO1xuZXhwb3J0IGNvbnN0IGFkdmFuY2VkQWN0aW9uc1dyYXBwZXIgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25zLnN0eWxlcy5qcy5tYXAiXX0= */",
+  name: "1bp7e9c-Options-styles-labelWrap",
+  styles: "user-select:none;flex-grow:1;overflow:hidden;text-overflow:ellipsis;;label:Options-styles-labelWrap;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CeUIiLCJmaWxlIjoiT3B0aW9ucy5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaXhpbnMsIHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHJvd1dyYXBwZXIgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLnJlZ3VsYXIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjEycHggMThweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbGluZUhlaWdodDogXCIyOHB4XCIsXG4gICAgekluZGV4OiA5OTksXG4gICAgLi4ubWl4aW5zLnRleHRFbGxpcHNpcyxcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXI6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3RcbiAgICB9XG59KTtcbmV4cG9ydCBjb25zdCBsYWJlbFdyYXAgPSBjc3Moe1xuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiXG59KTtcbmV4cG9ydCBjb25zdCBhY3RpdmVSb3cgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3Rcbn0pO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkUm93ID0gY3NzKHtcbiAgICBjb2xvcjogY29sb3JzLnZpb2xldC5iYXNlLFxuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLmJvbGRcbn0pO1xuZXhwb3J0IGNvbnN0IGFkdmFuY2VkQWN0aW9uc1dyYXBwZXIgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25zLnN0eWxlcy5qcy5tYXAiXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$9
 });
 var activeRow = /*#__PURE__*/emotion.css({
   backgroundColor: pebbleShared.colors.gray.lightest
-}, ";label:Options-styles-activeRow;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCeUIiLCJmaWxlIjoiT3B0aW9ucy5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaXhpbnMsIHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHJvd1dyYXBwZXIgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLnJlZ3VsYXIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjEycHggMThweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbGluZUhlaWdodDogXCIyOHB4XCIsXG4gICAgekluZGV4OiA5OTksXG4gICAgLi4ubWl4aW5zLnRleHRFbGxpcHNpcyxcbiAgICAuLi5taXhpbnMuZmxleFNwYWNlQmV0d2VlbixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXI6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3RcbiAgICB9XG59KTtcbmV4cG9ydCBjb25zdCBsYWJlbFdyYXAgPSBjc3Moe1xuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiXG59KTtcbmV4cG9ydCBjb25zdCBhY3RpdmVSb3cgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3Rcbn0pO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkUm93ID0gY3NzKHtcbiAgICBjb2xvcjogY29sb3JzLnZpb2xldC5iYXNlLFxuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLmJvbGRcbn0pO1xuZXhwb3J0IGNvbnN0IGFkdmFuY2VkQWN0aW9uc1dyYXBwZXIgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25zLnN0eWxlcy5qcy5tYXAiXX0= */"));
+}, ";label:Options-styles-activeRow;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCeUIiLCJmaWxlIjoiT3B0aW9ucy5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaXhpbnMsIHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHJvd1dyYXBwZXIgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLnJlZ3VsYXIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjEycHggMThweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbGluZUhlaWdodDogXCIyOHB4XCIsXG4gICAgekluZGV4OiA5OTksXG4gICAgLi4ubWl4aW5zLnRleHRFbGxpcHNpcyxcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXI6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3RcbiAgICB9XG59KTtcbmV4cG9ydCBjb25zdCBsYWJlbFdyYXAgPSBjc3Moe1xuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiXG59KTtcbmV4cG9ydCBjb25zdCBhY3RpdmVSb3cgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3Rcbn0pO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkUm93ID0gY3NzKHtcbiAgICBjb2xvcjogY29sb3JzLnZpb2xldC5iYXNlLFxuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLmJvbGRcbn0pO1xuZXhwb3J0IGNvbnN0IGFkdmFuY2VkQWN0aW9uc1dyYXBwZXIgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25zLnN0eWxlcy5qcy5tYXAiXX0= */"));
 var selectedRow = /*#__PURE__*/emotion.css(_objectSpread$c({
   color: pebbleShared.colors.violet.base
-}, typography.normal.bold), ";label:Options-styles-selectedRow;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCMkIiLCJmaWxlIjoiT3B0aW9ucy5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaXhpbnMsIHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHJvd1dyYXBwZXIgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLnJlZ3VsYXIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjEycHggMThweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbGluZUhlaWdodDogXCIyOHB4XCIsXG4gICAgekluZGV4OiA5OTksXG4gICAgLi4ubWl4aW5zLnRleHRFbGxpcHNpcyxcbiAgICAuLi5taXhpbnMuZmxleFNwYWNlQmV0d2VlbixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXI6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3RcbiAgICB9XG59KTtcbmV4cG9ydCBjb25zdCBsYWJlbFdyYXAgPSBjc3Moe1xuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiXG59KTtcbmV4cG9ydCBjb25zdCBhY3RpdmVSb3cgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3Rcbn0pO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkUm93ID0gY3NzKHtcbiAgICBjb2xvcjogY29sb3JzLnZpb2xldC5iYXNlLFxuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLmJvbGRcbn0pO1xuZXhwb3J0IGNvbnN0IGFkdmFuY2VkQWN0aW9uc1dyYXBwZXIgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25zLnN0eWxlcy5qcy5tYXAiXX0= */"));
+}, typography.normal.bold), ";label:Options-styles-selectedRow;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCMkIiLCJmaWxlIjoiT3B0aW9ucy5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaXhpbnMsIHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHJvd1dyYXBwZXIgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLnJlZ3VsYXIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjEycHggMThweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbGluZUhlaWdodDogXCIyOHB4XCIsXG4gICAgekluZGV4OiA5OTksXG4gICAgLi4ubWl4aW5zLnRleHRFbGxpcHNpcyxcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXI6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3RcbiAgICB9XG59KTtcbmV4cG9ydCBjb25zdCBsYWJlbFdyYXAgPSBjc3Moe1xuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiXG59KTtcbmV4cG9ydCBjb25zdCBhY3RpdmVSb3cgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3Rcbn0pO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkUm93ID0gY3NzKHtcbiAgICBjb2xvcjogY29sb3JzLnZpb2xldC5iYXNlLFxuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLmJvbGRcbn0pO1xuZXhwb3J0IGNvbnN0IGFkdmFuY2VkQWN0aW9uc1dyYXBwZXIgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25zLnN0eWxlcy5qcy5tYXAiXX0= */"));
 var advancedActionsWrapper = /*#__PURE__*/emotion.css({
   display: "flex",
   justifyContent: "space-around",
   fontSize: "12px",
   color: pebbleShared.colors.gray.dark
-}, ";label:Options-styles-advancedActionsWrapper;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDc0MiLCJmaWxlIjoiT3B0aW9ucy5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaXhpbnMsIHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHJvd1dyYXBwZXIgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLnJlZ3VsYXIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjEycHggMThweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbGluZUhlaWdodDogXCIyOHB4XCIsXG4gICAgekluZGV4OiA5OTksXG4gICAgLi4ubWl4aW5zLnRleHRFbGxpcHNpcyxcbiAgICAuLi5taXhpbnMuZmxleFNwYWNlQmV0d2VlbixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXI6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3RcbiAgICB9XG59KTtcbmV4cG9ydCBjb25zdCBsYWJlbFdyYXAgPSBjc3Moe1xuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiXG59KTtcbmV4cG9ydCBjb25zdCBhY3RpdmVSb3cgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3Rcbn0pO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkUm93ID0gY3NzKHtcbiAgICBjb2xvcjogY29sb3JzLnZpb2xldC5iYXNlLFxuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLmJvbGRcbn0pO1xuZXhwb3J0IGNvbnN0IGFkdmFuY2VkQWN0aW9uc1dyYXBwZXIgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25zLnN0eWxlcy5qcy5tYXAiXX0= */"));
+}, ";label:Options-styles-advancedActionsWrapper;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbnMuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDc0MiLCJmaWxlIjoiT3B0aW9ucy5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaXhpbnMsIHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IHJvd1dyYXBwZXIgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLnJlZ3VsYXIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjEycHggMThweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbGluZUhlaWdodDogXCIyOHB4XCIsXG4gICAgekluZGV4OiA5OTksXG4gICAgLi4ubWl4aW5zLnRleHRFbGxpcHNpcyxcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIFwiJjpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgICBib3JkZXI6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3RcbiAgICB9XG59KTtcbmV4cG9ydCBjb25zdCBsYWJlbFdyYXAgPSBjc3Moe1xuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiXG59KTtcbmV4cG9ydCBjb25zdCBhY3RpdmVSb3cgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLmdyYXkubGlnaHRlc3Rcbn0pO1xuZXhwb3J0IGNvbnN0IHNlbGVjdGVkUm93ID0gY3NzKHtcbiAgICBjb2xvcjogY29sb3JzLnZpb2xldC5iYXNlLFxuICAgIC4uLnR5cG9ncmFwaHkubm9ybWFsLmJvbGRcbn0pO1xuZXhwb3J0IGNvbnN0IGFkdmFuY2VkQWN0aW9uc1dyYXBwZXIgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBjb2xvcjogY29sb3JzLmdyYXkuZGFya1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25zLnN0eWxlcy5qcy5tYXAiXX0= */"));
 
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
@@ -2063,7 +2063,8 @@ var defaultProps = {
   rightElement: function rightElement(_ref) {
     var isSelected = _ref.isSelected,
         multiSelect = _ref.multiSelect,
-        indeterminate = _ref.indeterminate;
+        indeterminate = _ref.indeterminate,
+        iconClassName = _ref.iconClassName;
     var iconClass = emotion.cx("pi", {
       "pi-checkbox-selected": !indeterminate && isSelected,
       "pi-checkbox-unselected": !indeterminate && !isSelected,
@@ -2072,9 +2073,9 @@ var defaultProps = {
       marginLeft: "10px",
       color: indeterminate || isSelected ? pebbleShared.colors.violet.base : pebbleShared.colors.gray.light,
       fontSize: "20px"
-    }, ";label:Option-iconClass;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWVciLCJmaWxlIjoiT3B0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IENvbnRyb2wgZnJvbSBcIi4vc2hhcmVkL0NvbnRyb2xcIjtcbmltcG9ydCB7IGN4LCBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgYWN0aXZlUm93LCByb3dXcmFwcGVyLCBzZWxlY3RlZFJvdywgbGFiZWxXcmFwIH0gZnJvbSBcIi4vc3R5bGVzL09wdGlvbnMuc3R5bGVzXCI7XG5pbXBvcnQgSW5rIGZyb20gXCJyZWFjdC1pbmtcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5jb25zdCBkZWZhdWx0UHJvcHMgPSB7XG4gICAgcmlnaHRFbGVtZW50OiAoeyBpc1NlbGVjdGVkLCBtdWx0aVNlbGVjdCwgaW5kZXRlcm1pbmF0ZSB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGljb25DbGFzcyA9IGN4KFwicGlcIiwge1xuICAgICAgICAgICAgXCJwaS1jaGVja2JveC1zZWxlY3RlZFwiOiAhaW5kZXRlcm1pbmF0ZSAmJiBpc1NlbGVjdGVkLFxuICAgICAgICAgICAgXCJwaS1jaGVja2JveC11bnNlbGVjdGVkXCI6ICFpbmRldGVybWluYXRlICYmICFpc1NlbGVjdGVkLFxuICAgICAgICAgICAgXCJwaS1jaGVja2JveC1pbmRldGVybWluYXRlXCI6ICEhaW5kZXRlcm1pbmF0ZVxuICAgICAgICB9LCBjc3Moe1xuICAgICAgICAgICAgbWFyZ2luTGVmdDogXCIxMHB4XCIsXG4gICAgICAgICAgICBjb2xvcjogaW5kZXRlcm1pbmF0ZSB8fCBpc1NlbGVjdGVkID8gY29sb3JzLnZpb2xldC5iYXNlIDogY29sb3JzLmdyYXkubGlnaHQsXG4gICAgICAgICAgICBmb250U2l6ZTogXCIyMHB4XCJcbiAgICAgICAgfSkpO1xuICAgICAgICByZXR1cm4gbXVsdGlTZWxlY3QgPyA8aSBjbGFzc05hbWU9e2ljb25DbGFzc30vPiA6IG51bGw7XG4gICAgfVxufTtcbmNsYXNzIE9wdGlvbiBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gICAgcmVuZGVyKCkge1xuICAgICAgICBjb25zdCB7IGxhYmVsLCBpc0FjdGl2ZSwgaXNTZWxlY3RlZCwgcmlnaHRFbGVtZW50LCBsYWJlbENsYXNzTmFtZSwgY2xhc3NOYW1lIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICBjb25zdCBfY2xhc3MgPSBjeChyb3dXcmFwcGVyLCB7XG4gICAgICAgICAgICBbYWN0aXZlUm93XTogISFpc0FjdGl2ZSxcbiAgICAgICAgICAgIFtzZWxlY3RlZFJvd106ICEhaXNTZWxlY3RlZFxuICAgICAgICB9LCBjbGFzc05hbWUpO1xuICAgICAgICByZXR1cm4gKDxDb250cm9sIHsuLi50aGlzLnByb3BzfSBjaGVja2VkPXt0aGlzLnByb3BzLmlzU2VsZWN0ZWR9IHR5cGU9e3RoaXMucHJvcHMubXVsdGlTZWxlY3QgPyBcImNoZWNrYm94XCIgOiBcInJhZGlvXCJ9IGNsYXNzTmFtZT17X2NsYXNzfT5cbiAgICAgICAgeygpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoPD5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2N4KGxhYmVsV3JhcCwgbGFiZWxDbGFzc05hbWUpfT57bGFiZWx9PC9kaXY+XG4gICAgICAgICAgICAgIHtyaWdodEVsZW1lbnQodGhpcy5wcm9wcyl9XG4gICAgICAgICAgICAgIDxJbmsgLz5cbiAgICAgICAgICAgIDwvPik7XG4gICAgICAgIH19XG4gICAgICA8L0NvbnRyb2w+KTtcbiAgICB9XG59XG5PcHRpb24uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9T3B0aW9uLmpzeC5tYXAiXX0= */")));
+    }, ";label:Option-iconClass;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWVciLCJmaWxlIjoiT3B0aW9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IENvbnRyb2wgZnJvbSBcIi4vc2hhcmVkL0NvbnRyb2xcIjtcbmltcG9ydCB7IGN4LCBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgYWN0aXZlUm93LCByb3dXcmFwcGVyLCBzZWxlY3RlZFJvdywgbGFiZWxXcmFwIH0gZnJvbSBcIi4vc3R5bGVzL09wdGlvbnMuc3R5bGVzXCI7XG5pbXBvcnQgSW5rIGZyb20gXCJyZWFjdC1pbmtcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5jb25zdCBkZWZhdWx0UHJvcHMgPSB7XG4gICAgcmlnaHRFbGVtZW50OiAoeyBpc1NlbGVjdGVkLCBtdWx0aVNlbGVjdCwgaW5kZXRlcm1pbmF0ZSwgaWNvbkNsYXNzTmFtZSB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGljb25DbGFzcyA9IGN4KFwicGlcIiwge1xuICAgICAgICAgICAgXCJwaS1jaGVja2JveC1zZWxlY3RlZFwiOiAhaW5kZXRlcm1pbmF0ZSAmJiBpc1NlbGVjdGVkLFxuICAgICAgICAgICAgXCJwaS1jaGVja2JveC11bnNlbGVjdGVkXCI6ICFpbmRldGVybWluYXRlICYmICFpc1NlbGVjdGVkLFxuICAgICAgICAgICAgXCJwaS1jaGVja2JveC1pbmRldGVybWluYXRlXCI6ICEhaW5kZXRlcm1pbmF0ZVxuICAgICAgICB9LCBjc3Moe1xuICAgICAgICAgICAgbWFyZ2luTGVmdDogXCIxMHB4XCIsXG4gICAgICAgICAgICBjb2xvcjogaW5kZXRlcm1pbmF0ZSB8fCBpc1NlbGVjdGVkID8gY29sb3JzLnZpb2xldC5iYXNlIDogY29sb3JzLmdyYXkubGlnaHQsXG4gICAgICAgICAgICBmb250U2l6ZTogXCIyMHB4XCJcbiAgICAgICAgfSkpO1xuICAgICAgICByZXR1cm4gbXVsdGlTZWxlY3QgPyA8aSBjbGFzc05hbWU9e2N4KGljb25DbGFzcywgaWNvbkNsYXNzTmFtZSl9Lz4gOiBudWxsO1xuICAgIH1cbn07XG5jbGFzcyBPcHRpb24gZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyBsYWJlbCwgaXNBY3RpdmUsIGlzU2VsZWN0ZWQsIGxlZnRFbGVtZW50LCByaWdodEVsZW1lbnQsIGxhYmVsQ2xhc3NOYW1lLCBjbGFzc05hbWUgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9jbGFzcyA9IGN4KHJvd1dyYXBwZXIsIHtcbiAgICAgICAgICAgIFthY3RpdmVSb3ddOiAhIWlzQWN0aXZlLFxuICAgICAgICAgICAgW3NlbGVjdGVkUm93XTogISFpc1NlbGVjdGVkXG4gICAgICAgIH0sIGNsYXNzTmFtZSk7XG4gICAgICAgIHJldHVybiAoPENvbnRyb2wgey4uLnRoaXMucHJvcHN9IGNoZWNrZWQ9e3RoaXMucHJvcHMuaXNTZWxlY3RlZH0gdHlwZT17dGhpcy5wcm9wcy5tdWx0aVNlbGVjdCA/IFwiY2hlY2tib3hcIiA6IFwicmFkaW9cIn0gY2xhc3NOYW1lPXtfY2xhc3N9PlxuICAgICAgICB7KCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuICg8PlxuICAgICAgICAgICAgICB7bGVmdEVsZW1lbnQgJiYgbGVmdEVsZW1lbnQodGhpcy5wcm9wcyl9XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjeChsYWJlbFdyYXAsIGxhYmVsQ2xhc3NOYW1lKX0+e2xhYmVsfTwvZGl2PlxuICAgICAgICAgICAgICB7cmlnaHRFbGVtZW50KHRoaXMucHJvcHMpfVxuICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICA8Lz4pO1xuICAgICAgICB9fVxuICAgICAgPC9Db250cm9sPik7XG4gICAgfVxufVxuT3B0aW9uLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbmV4cG9ydCBkZWZhdWx0IE9wdGlvbjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU9wdGlvbi5qc3gubWFwIl19 */")));
     return multiSelect ? /*#__PURE__*/React.createElement("i", {
-      className: iconClass
+      className: emotion.cx(iconClass, iconClassName)
     }) : null;
   }
 };
@@ -2094,6 +2095,7 @@ var Option = /*#__PURE__*/function (_React$Component) {
           label = _this$props.label,
           isActive = _this$props.isActive,
           isSelected = _this$props.isSelected,
+          leftElement = _this$props.leftElement,
           rightElement = _this$props.rightElement,
           labelClassName = _this$props.labelClassName,
           className = _this$props.className;
@@ -2103,7 +2105,7 @@ var Option = /*#__PURE__*/function (_React$Component) {
         type: this.props.multiSelect ? "checkbox" : "radio",
         className: _class
       }), function () {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, leftElement && leftElement(_this.props), /*#__PURE__*/React.createElement("div", {
           className: emotion.cx(labelWrap, labelClassName)
         }, label), rightElement(_this.props), /*#__PURE__*/React.createElement(Ink, null));
       });
@@ -2489,17 +2491,18 @@ var OptionGroupCheckBox = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
+          wrapClassName = _this$props2.wrapClassName,
           onApply = _this$props2.onApply,
           onClear = _this$props2.onClear,
           isSelected = _this$props2.isSelected,
           onChange = _this$props2.onChange,
-          rest = _objectWithoutProperties(_this$props2, ["onApply", "onClear", "isSelected", "onChange"]);
+          rest = _objectWithoutProperties(_this$props2, ["wrapClassName", "onApply", "onClear", "isSelected", "onChange"]);
       var advancedOptionsProps = _objectSpread$g({
         selectVisible: this.selectVisible,
         clearVisible: this.clearVisible
       }, this.props.advancedOptionsProps);
       return /*#__PURE__*/React.createElement("div", {
-        className: optionGroupCheckBoxWrap
+        className: emotion.cx(optionGroupCheckBoxWrap, wrapClassName)
       }, /*#__PURE__*/React.createElement(OptionGroup, Object.assign({}, rest, {
         advancedOptionsProps: advancedOptionsProps,
         isSelected: isSelected || this.isSelected,