baseui 0.0.0-next-a48c2fd → 0.0.0-next-90efe07

package/banner/styled-components.js

@@ -32,7 +32,10 @@ var StyledRoot = (0, _styles.styled)('div', function (_ref) {
     gridColumnGap: $theme.sizing.scale600,
     gridTemplateColumns: 'min-content auto min-content',
     gridTemplateRows: 'auto min-content',
-    margin: $theme.sizing.scale600
+    marginTop: $theme.sizing.scale600,
+    marginRight: $theme.sizing.scale600,
+    marginBottom: $theme.sizing.scale600,
+    marginLeft: $theme.sizing.scale600
   };
 });
 exports.StyledRoot = StyledRoot;

package/button/styled-components.js

@@ -247,6 +247,8 @@ function getBorderRadiiStyles(_ref9) {
     }
   } else if ($shape === _constants.SHAPE.circle || $shape === _constants.SHAPE.round) {
     value = '50%';
+  } else if ($size === _constants.SIZE.mini) {
+    value = $theme.borders.radius200;
   }
 
   return {

package/button/styled-components.js.flow

@@ -198,6 +198,8 @@ function getBorderRadiiStyles({ $theme, $size, $shape }) {
     }
   } else if ($shape === SHAPE.circle || $shape === SHAPE.round) {
     value = '50%';
+  } else if ($size === SIZE.mini) {
+    value = $theme.borders.radius200;
   }
 
   return {

package/es/banner/styled-components.js

@@ -24,7 +24,10 @@ export const StyledRoot = styled('div', ({
     gridColumnGap: $theme.sizing.scale600,
     gridTemplateColumns: 'min-content auto min-content',
     gridTemplateRows: 'auto min-content',
-    margin: $theme.sizing.scale600
+    marginTop: $theme.sizing.scale600,
+    marginRight: $theme.sizing.scale600,
+    marginBottom: $theme.sizing.scale600,
+    marginLeft: $theme.sizing.scale600
   };
 });
 StyledRoot.displayName = "StyledRoot";

package/es/button/styled-components.js

@@ -244,6 +244,8 @@ function getBorderRadiiStyles({
     }
   } else if ($shape === SHAPE.circle || $shape === SHAPE.round) {
     value = '50%';
+  } else if ($size === SIZE.mini) {
+    value = $theme.borders.radius200;
   }
 
   return {

package/es/menu/styled-components.js

@@ -113,6 +113,7 @@ export const StyledListItemElement = styled('li', props => {
     $size
   } = props;
   return { ...($size === OPTION_LIST_SIZE.compact ? $theme.typography.font100 : $theme.typography.font200),
+    boxSizing: 'border-box',
     position: 'relative',
     display: 'block',
     color: getFontColor(props),

package/es/timezonepicker/timezone-picker.js

@@ -26,7 +26,7 @@ class TimezonePicker extends React.Component {
     });
 
     _defineProperty(this, "buildTimezones", compareDate => {
-      const timezones = [];
+      let timezones = [];
 
       for (const zoneName of zones) {
         try {
@@ -55,6 +55,10 @@ class TimezonePicker extends React.Component {
           // Ignores timezones that are not available within a user's browser/operating system
           console.error(`failed to format zone name ${zoneName}`);
         }
+      }
+
+      if (this.props.additionalTimezones) {
+        timezones = timezones.concat(this.props.additionalTimezones);
       } // Sorts W -> E, prioritizes america. could be more nuanced based on system tz but simple for now
 
 

package/esm/banner/styled-components.js

@@ -23,7 +23,10 @@ export var StyledRoot = styled('div', function (_ref) {
     gridColumnGap: $theme.sizing.scale600,
     gridTemplateColumns: 'min-content auto min-content',
     gridTemplateRows: 'auto min-content',
-    margin: $theme.sizing.scale600
+    marginTop: $theme.sizing.scale600,
+    marginRight: $theme.sizing.scale600,
+    marginBottom: $theme.sizing.scale600,
+    marginLeft: $theme.sizing.scale600
   };
 });
 StyledRoot.displayName = "StyledRoot";

package/esm/button/styled-components.js

@@ -239,6 +239,8 @@ function getBorderRadiiStyles(_ref9) {
     }
   } else if ($shape === SHAPE.circle || $shape === SHAPE.round) {
     value = '50%';
+  } else if ($size === SIZE.mini) {
+    value = $theme.borders.radius200;
   }
 
   return {

package/esm/menu/styled-components.js

@@ -120,6 +120,7 @@ export var StyledListItemElement = styled('li', function (props) {
       $theme = props.$theme,
       $size = props.$size;
   return _objectSpread(_objectSpread({}, $size === OPTION_LIST_SIZE.compact ? $theme.typography.font100 : $theme.typography.font200), {}, {
+    boxSizing: 'border-box',
     position: 'relative',
     display: 'block',
     color: getFontColor(props),

package/esm/timezonepicker/timezone-picker.js

@@ -109,14 +109,18 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
             // Ignores timezones that are not available within a user's browser/operating system
             console.error("failed to format zone name ".concat(zoneName));
           }
-        } // Sorts W -> E, prioritizes america. could be more nuanced based on system tz but simple for now
-
+        }
       } catch (err) {
         _iterator.e(err);
       } finally {
         _iterator.f();
       }
 
+      if (_this.props.additionalTimezones) {
+        timezones = timezones.concat(_this.props.additionalTimezones);
+      } // Sorts W -> E, prioritizes america. could be more nuanced based on system tz but simple for now
+
+
       return timezones.sort(function (a, b) {
         var offsetDelta = b.offset - a.offset;
         if (offsetDelta !== 0) return offsetDelta;

package/map-marker/types.d.ts

@@ -64,7 +64,7 @@ export declare type BadgePosition = {
 export declare type FixedMarkerProps = {
     size?: PinHeadSize;
     needle?: NeedleSize;
-    label?: string;
+    label?: React.ReactNode;
     startEnhancer?: React.ComponentType<{
         size: number;
     }>;
@@ -92,7 +92,7 @@ export declare type FloatingMarkerOverrides = {
     LabelEnhancerContainer?: Override;
 };
 export declare type FloatingMarkerProps = {
-    label?: string;
+    label?: React.ReactNode;
     anchor?: AnchorPositions;
     endEnhancer?: React.ComponentType<{
         size: number;
@@ -106,7 +106,7 @@ export declare type FloatingMarkerProps = {
 };
 export declare type PinHeadProps = {
     size?: PinHeadSize;
-    label?: string;
+    label?: React.ReactNode;
     endEnhancer?: React.ComponentType<{
         size: number;
     }>;

package/map-marker/types.js.flow

@@ -102,7 +102,7 @@ export type BadgePositionT = {
 export type FixedMarkerPropsT = {|
   size?: PinHeadSizeT,
   needle?: NeedleSizeT,
-  label?: string,
+  label?: React.Node,
   startEnhancer?: React.AbstractComponent<{| size: number |}>,
   endEnhancer?: React.AbstractComponent<{| size: number |}>,
   kind?: KindT,
@@ -130,7 +130,7 @@ export type FloatingMarkerOverridesT = {
 };
 
 export type FloatingMarkerPropsT = {
-  label?: string,
+  label?: React.Node,
   anchor?: AnchorPositionsT,
   endEnhancer?: React.AbstractComponent<{| size: number |}>,
   startEnhancer?: React.AbstractComponent<{| size: number |}>,
@@ -141,7 +141,7 @@ export type FloatingMarkerPropsT = {
 
 export type PinHeadPropsT = {
   size?: PinHeadSizeT,
-  label?: string,
+  label?: React.Node,
   endEnhancer?: React.AbstractComponent<{| size: number |}>,
   startEnhancer?: React.AbstractComponent<{| size: number |}>,
   color: string,

package/menu/styled-components.js

@@ -134,6 +134,7 @@ var StyledListItemElement = (0, _styles.styled)('li', function (props) {
       $theme = props.$theme,
       $size = props.$size;
   return _objectSpread(_objectSpread({}, $size === _constants.OPTION_LIST_SIZE.compact ? $theme.typography.font100 : $theme.typography.font200), {}, {
+    boxSizing: 'border-box',
     position: 'relative',
     display: 'block',
     color: getFontColor(props),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-a48c2fd",
+  "version": "0.0.0-next-90efe07",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",

package/timezonepicker/timezone-picker.js

@@ -118,14 +118,18 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
             // Ignores timezones that are not available within a user's browser/operating system
             console.error("failed to format zone name ".concat(zoneName));
           }
-        } // Sorts W -> E, prioritizes america. could be more nuanced based on system tz but simple for now
-
+        }
       } catch (err) {
         _iterator.e(err);
       } finally {
         _iterator.f();
       }
 
+      if (_this.props.additionalTimezones) {
+        timezones = timezones.concat(_this.props.additionalTimezones);
+      } // Sorts W -> E, prioritizes america. could be more nuanced based on system tz but simple for now
+
+
       return timezones.sort(function (a, b) {
         var offsetDelta = b.offset - a.offset;
         if (offsetDelta !== 0) return offsetDelta;

package/timezonepicker/types.d.ts

@@ -21,6 +21,7 @@ export declare type TimezonePickerOverrides = {
     Select?: Override;
 };
 export declare type TimezonePickerProps = {
+    additionalTimezones?: Timezone[];
     /**
      * If not provided, defaults to new Date(). Important to note that the timezone picker only
      * displays options related to the provided date. Take Pacific Time for example. On March 9th,

package/timezonepicker/types.js.flow

@@ -30,6 +30,7 @@ export type TimezoneT = {
   offset: number,
 };
 export type TimezonePickerPropsT = {
+  additionalTimezones?: TimezoneT[],
   /**
    * If not provided, defaults to new Date(). Important to note that the timezone picker only
    * displays options related to the provided date. Take Pacific Time for example. On March 9th,