baseui 12.0.0 → 12.1.0

package/es/tag/styled-components.js

@@ -57,16 +57,19 @@ const COLOR_STATE = {
 const pick = (theme, light, dark) => theme.name && theme.name.includes('dark') ? dark : light;
 
 const neutralColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: theme.colors.tagNeutralFontDisabled,
     backgroundColor: null,
     borderColor: theme.colors.tagNeutralOutlinedDisabled
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: theme.colors.tagNeutralSolidFont,
     backgroundColor: theme.colors.tagNeutralSolidBackground,
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: theme.colors.tagNeutralOutlinedFont,
     backgroundColor: null,
@@ -74,16 +77,19 @@ const neutralColorStates = {
   })
 };
 const primaryColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: theme.colors.tagPrimaryFontDisabled,
     backgroundColor: null,
     borderColor: theme.colors.tagPrimaryOutlinedDisabled
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: theme.colors.tagPrimarySolidFont,
     backgroundColor: theme.colors.tagPrimarySolidBackground,
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: theme.colors.tagPrimaryOutlinedFont,
     backgroundColor: null,
@@ -91,16 +97,19 @@ const primaryColorStates = {
   })
 };
 const accentColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: theme.colors.tagAccentFontDisabled,
     backgroundColor: null,
     borderColor: theme.colors.tagAccentOutlinedDisabled
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: theme.colors.tagAccentSolidFont,
     backgroundColor: theme.colors.tagAccentSolidBackground,
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: theme.colors.tagAccentOutlinedFont,
     backgroundColor: null,
@@ -108,16 +117,19 @@ const accentColorStates = {
   })
 };
 const positiveColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: theme.colors.tagPositiveFontDisabled,
     backgroundColor: null,
     borderColor: theme.colors.tagPositiveOutlinedDisabled
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: theme.colors.tagPositiveSolidFont,
     backgroundColor: theme.colors.tagPositiveSolidBackground,
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: theme.colors.tagPositiveOutlinedFont,
     backgroundColor: null,
@@ -125,16 +137,19 @@ const positiveColorStates = {
   })
 };
 const warningColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: theme.colors.tagWarningFontDisabled,
     backgroundColor: null,
     borderColor: theme.colors.tagWarningOutlinedDisabled
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: theme.colors.tagWarningSolidFont,
     backgroundColor: theme.colors.tagWarningSolidBackground,
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: theme.colors.tagWarningOutlinedFont,
     backgroundColor: null,
@@ -142,16 +157,19 @@ const warningColorStates = {
   })
 };
 const negativeColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: theme.colors.tagNegativeFontDisabled,
     backgroundColor: null,
     borderColor: theme.colors.tagNegativeOutlinedDisabled
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: theme.colors.tagNegativeSolidFont,
     backgroundColor: theme.colors.tagNegativeSolidBackground,
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: theme.colors.tagNegativeOutlinedFont,
     backgroundColor: null,
@@ -159,16 +177,19 @@ const negativeColorStates = {
   })
 };
 const orangeColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: pick(theme, colorTokens.orange200, colorTokens.orange600),
     backgroundColor: null,
     borderColor: pick(theme, colorTokens.orange200, colorTokens.orange700)
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: colorTokens.white,
     backgroundColor: pick(theme, colorTokens.orange400, colorTokens.orange500),
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: pick(theme, colorTokens.orange400, colorTokens.orange300),
     backgroundColor: null,
@@ -176,16 +197,19 @@ const orangeColorStates = {
   })
 };
 const purpleColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: pick(theme, colorTokens.purple200, colorTokens.purple600),
     backgroundColor: null,
     borderColor: pick(theme, colorTokens.purple200, colorTokens.purple700)
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: colorTokens.white,
     backgroundColor: pick(theme, colorTokens.purple400, colorTokens.purple500),
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: pick(theme, colorTokens.purple400, colorTokens.purple300),
     backgroundColor: null,
@@ -193,16 +217,19 @@ const purpleColorStates = {
   })
 };
 const brownColorStates = {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.disabled]: (theme, color) => ({
     color: pick(theme, colorTokens.brown200, colorTokens.brown600),
     backgroundColor: null,
     borderColor: pick(theme, colorTokens.brown200, colorTokens.brown700)
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.solid]: (theme, color) => ({
     color: colorTokens.white,
     backgroundColor: pick(theme, colorTokens.brown400, colorTokens.brown500),
     borderColor: null
   }),
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   [COLOR_STATE.outline]: (theme, color) => ({
     color: pick(theme, colorTokens.brown400, colorTokens.brown300),
     backgroundColor: null,
@@ -277,6 +304,7 @@ export const Action = styled('span', props => {
   };
 });
 Action.displayName = "Action";
+Action.displayName = 'Action';
 export const StartEnhancerContainer = styled('div', ({
   $theme,
   $size = SIZE.small
@@ -297,6 +325,7 @@ export const StartEnhancerContainer = styled('div', ({
   };
 });
 StartEnhancerContainer.displayName = "StartEnhancerContainer";
+StartEnhancerContainer.displayName = 'StartEnhancerContainer';
 export const Text = styled('span', props => {
   const {
     $theme
@@ -310,6 +339,7 @@ export const Text = styled('span', props => {
   };
 });
 Text.displayName = "Text";
+Text.displayName = 'Text';
 export const Root = styled('span', props => {
   const {
     $theme,
@@ -384,4 +414,5 @@ export const Root = styled('span', props => {
     }
   };
 });
-Root.displayName = "Root";
+Root.displayName = "Root";
+Root.displayName = 'Root';

package/es/tag/tag.js

@@ -30,7 +30,9 @@ const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
     isFocused = false,
     isHovered = false,
     kind = KIND.primary,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onActionClick = event => {},
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onActionKeyDown = event => {},
     onClick = null,
     onKeyDown = null,
@@ -45,7 +47,8 @@ const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
     if (isFocusVisible(event)) {
       setFocusVisible(true);
     }
-  }
+  } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 
   function handleBlur(event) {
     if (focusVisible !== false) {
@@ -112,7 +115,8 @@ const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
   }[size]; // Capitalize for JSX
 
   const StartEnhancer = startEnhancer;
-  return /*#__PURE__*/React.createElement(Root, _extends({
+  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  , _extends({
     ref: ref,
     "data-baseweb": "tag",
     "aria-label": isButton && closeable ? `${typeof children === 'string' ? `${children}, ` : ''}close by backspace` : null,

package/es/textarea/styled-components.js

@@ -7,20 +7,28 @@ LICENSE file in the root directory of this source tree.
 import { styled } from '../styles';
 import { getInputStyles, getInputContainerStyles, getRootStyles } from '../input/styled-components';
 export const StyledTextAreaRoot = styled('div', props => {
-  return getRootStyles({
-    $positive: false,
-    ...props,
-    $hasIconTrailing: false
-  });
+  return { ...getRootStyles({
+      $positive: false,
+      ...props,
+      $hasIconTrailing: false
+    }),
+    width: props.$resize ? 'fit-content' : '100%'
+  };
 });
 StyledTextAreaRoot.displayName = "StyledTextAreaRoot";
-export const StyledTextareaContainer = styled('div', props => ({ ...getInputContainerStyles({
+StyledTextAreaRoot.displayName = 'StyledTextAreaRoot';
+export const StyledTextareaContainer = styled('div', props => {
+  return getInputContainerStyles({
     $positive: false,
     ...props
-  })
-}));
+  });
+});
 StyledTextareaContainer.displayName = "StyledTextareaContainer";
-export const StyledTextarea = styled('textarea', props => ({ ...getInputStyles(props),
-  resize: 'none'
-}));
-StyledTextarea.displayName = "StyledTextarea";
+StyledTextareaContainer.displayName = 'StyledTextareaContainer';
+export const StyledTextarea = styled('textarea', props => {
+  return { ...getInputStyles(props),
+    resize: props.$resize || 'none'
+  };
+});
+StyledTextarea.displayName = "StyledTextarea";
+StyledTextarea.displayName = 'StyledTextarea';

package/es/textarea/textarea.js

@@ -60,12 +60,14 @@ class Textarea extends React.Component {
       $disabled: this.props.disabled,
       $error: this.props.error,
       $positive: this.props.positive,
-      $required: this.props.required
+      $required: this.props.required,
+      $resize: this.props.resize
     }, rootProps), /*#__PURE__*/React.createElement(BaseInput, _extends({}, this.props, {
       type: CUSTOM_INPUT_TYPE.textarea,
       overrides: inputOverrides,
       onFocus: this.onFocus,
-      onBlur: this.onBlur
+      onBlur: this.onBlur,
+      resize: this.props.resize
     })));
   }
 

package/es/themes/move-theme/typography.js

@@ -22,6 +22,24 @@ export const typography = {
   font1150: {
     fontFamily: secondaryFontFamily
   },
+  font1050: {
+    fontFamily: secondaryFontFamily
+  },
+  font950: {
+    fontFamily: secondaryFontFamily
+  },
+  font850: {
+    fontFamily: secondaryFontFamily
+  },
+  font750: {
+    fontFamily: secondaryFontFamily
+  },
+  font650: {
+    fontFamily: secondaryFontFamily
+  },
+  font550: {
+    fontFamily: secondaryFontFamily
+  },
   DisplayLarge: {
     fontFamily: secondaryFontFamily
   },
@@ -34,6 +52,24 @@ export const typography = {
   DisplayXSmall: {
     fontFamily: secondaryFontFamily
   },
+  HeadingXXLarge: {
+    fontFamily: secondaryFontFamily
+  },
+  HeadingXLarge: {
+    fontFamily: secondaryFontFamily
+  },
+  HeadingLarge: {
+    fontFamily: secondaryFontFamily
+  },
+  HeadingMedium: {
+    fontFamily: secondaryFontFamily
+  },
+  HeadingSmall: {
+    fontFamily: secondaryFontFamily
+  },
+  HeadingXSmall: {
+    fontFamily: secondaryFontFamily
+  },
   MonoParagraphXSmall: {
     fontFamily: monoFontFamily
   },

package/es/themes/shared/borders.js

@@ -47,13 +47,18 @@ const borders = {
   useRoundedCorners: true,
 
   /** Button, ButtonGroup */
+  buttonBorderRadiusMini: '4px',
   buttonBorderRadius: '8px',
 
-  /** Input, Select, Textarea, Checkbox */
-  inputBorderRadius: '0px',
+  /** Checkbox */
+  checkboxBorderRadius: '0px',
+
+  /** Input, Select, Textarea */
+  inputBorderRadiusMini: '4px',
+  inputBorderRadius: '8px',
 
   /** Popover, Menu, Tooltip */
-  popoverBorderRadius: '0px',
+  popoverBorderRadius: '8px',
 
   /** Card, Datepicker, Modal, Toast, Notification */
   surfaceBorderRadius: '0px',

package/es/themes/shared/typography.js

@@ -60,61 +60,61 @@ export default ((fontTokens = defaultFontTokens) => {
   const font550 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '20px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '28px'
   };
   const font650 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '24px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '32px'
   };
   const font750 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '28px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '36px'
   };
   const font850 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '32px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '40px'
   };
   const font950 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '36px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '44px'
   };
   const font1050 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '40px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '52px'
   };
   const font1150 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '36px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '44px'
   };
   const font1250 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '44px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '52px'
   };
   const font1350 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '52px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '64px'
   };
   const font1450 = {
     fontFamily: fontTokens.primaryFontFamily,
     fontSize: '96px',
-    fontWeight: 500,
+    fontWeight: 700,
     lineHeight: '112px'
   };
   return {

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/es/timezonepicker/tzdata.js

@@ -4,4 +4,4 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-export const zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', 'Antarctica/Vostok', 'America/Argentina/Buenos_Aires', 'America/Argentina/Cordoba', 'America/Argentina/Salta', 'America/Argentina/Jujuy', 'America/Argentina/Tucuman', 'America/Argentina/Catamarca', 'America/Argentina/La_Rioja', 'America/Argentina/San_Juan', 'America/Argentina/Mendoza', 'America/Argentina/San_Luis', 'America/Argentina/Rio_Gallegos', 'America/Argentina/Ushuaia', 'Pacific/Pago_Pago', 'Europe/Vienna', 'Australia/Lord_Howe', 'Antarctica/Macquarie', 'Australia/Hobart', 'Australia/Melbourne', 'Australia/Sydney', 'Australia/Broken_Hill', 'Australia/Brisbane', 'Australia/Lindeman', 'Australia/Adelaide', 'Australia/Darwin', 'Australia/Perth', 'Australia/Eucla', 'Asia/Baku', 'America/Barbados', 'Asia/Dhaka', 'Europe/Brussels', 'Europe/Sofia', 'Atlantic/Bermuda', 'Asia/Brunei', 'America/La_Paz', 'America/Noronha', 'America/Belem', 'America/Fortaleza', 'America/Recife', 'America/Araguaina', 'America/Maceio', 'America/Bahia', 'America/Sao_Paulo', 'America/Campo_Grande', 'America/Cuiaba', 'America/Santarem', 'America/Porto_Velho', 'America/Boa_Vista', 'America/Manaus', 'America/Eirunepe', 'America/Rio_Branco', 'Asia/Thimphu', 'Europe/Minsk', 'America/Belize', 'America/St_Johns', 'America/Halifax', 'America/Glace_Bay', 'America/Moncton', 'America/Goose_Bay', 'America/Toronto', 'America/Nipigon', 'America/Thunder_Bay', 'America/Iqaluit', 'America/Pangnirtung', 'America/Winnipeg', 'America/Rainy_River', 'America/Resolute', 'America/Rankin_Inlet', 'America/Regina', 'America/Swift_Current', 'America/Edmonton', 'America/Cambridge_Bay', 'America/Yellowknife', 'America/Inuvik', 'America/Dawson_Creek', 'America/Fort_Nelson', 'America/Whitehorse', 'America/Dawson', 'America/Vancouver', 'Indian/Cocos', 'Europe/Zurich', 'Africa/Abidjan', 'Pacific/Rarotonga', 'America/Santiago', 'America/Punta_Arenas', 'Pacific/Easter', 'Asia/Shanghai', 'Asia/Urumqi', 'America/Bogota', 'America/Costa_Rica', 'America/Havana', 'Atlantic/Cape_Verde', 'Indian/Christmas', 'Asia/Nicosia', 'Asia/Famagusta', 'Europe/Prague', 'Europe/Berlin', 'Europe/Copenhagen', 'America/Santo_Domingo', 'Africa/Algiers', 'America/Guayaquil', 'Pacific/Galapagos', 'Europe/Tallinn', 'Africa/Cairo', 'Africa/El_Aaiun', 'Europe/Madrid', 'Africa/Ceuta', 'Atlantic/Canary', 'Europe/Helsinki', 'Pacific/Fiji', 'Atlantic/Stanley', 'Pacific/Chuuk', 'Pacific/Pohnpei', 'Pacific/Kosrae', 'Atlantic/Faroe', 'Europe/Paris', 'Europe/London', 'Asia/Tbilisi', 'America/Cayenne', 'Europe/Gibraltar', 'America/Nuuk', 'America/Danmarkshavn', 'America/Scoresbysund', 'America/Thule', 'Europe/Athens', 'Atlantic/South_Georgia', 'America/Guatemala', 'Pacific/Guam', 'Africa/Bissau', 'America/Guyana', 'Asia/Hong_Kong', 'America/Tegucigalpa', 'America/Port-au-Prince', 'Europe/Budapest', 'Asia/Jakarta', 'Asia/Pontianak', 'Asia/Makassar', 'Asia/Jayapura', 'Europe/Dublin', 'Asia/Jerusalem', 'Asia/Kolkata', 'Indian/Chagos', 'Asia/Baghdad', 'Asia/Tehran', 'Atlantic/Reykjavik', 'Europe/Rome', 'America/Jamaica', 'Asia/Amman', 'Asia/Tokyo', 'Africa/Nairobi', 'Asia/Bishkek', 'Pacific/Tarawa', 'Pacific/Kanton', 'Pacific/Kiritimati', 'Asia/Pyongyang', 'Asia/Seoul', 'Asia/Almaty', 'Asia/Qyzylorda', 'Asia/Qostanay', 'Asia/Aqtobe', 'Asia/Aqtau', 'Asia/Atyrau', 'Asia/Oral', 'Asia/Beirut', 'Asia/Colombo', 'Africa/Monrovia', 'Europe/Vilnius', 'Europe/Luxembourg', 'Europe/Riga', 'Africa/Tripoli', 'Africa/Casablanca', 'Europe/Monaco', 'Europe/Chisinau', 'Pacific/Majuro', 'Pacific/Kwajalein', 'Asia/Yangon', 'Asia/Ulaanbaatar', 'Asia/Hovd', 'Asia/Choibalsan', 'Asia/Macau', 'America/Martinique', 'Europe/Malta', 'Indian/Mauritius', 'Indian/Maldives', 'America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Mazatlan', 'America/Chihuahua', 'America/Ojinaga', 'America/Hermosillo', 'America/Tijuana', 'America/Bahia_Banderas', 'Asia/Kuala_Lumpur', 'Asia/Kuching', 'Africa/Maputo', 'Africa/Windhoek', 'Pacific/Noumea', 'Pacific/Norfolk', 'Africa/Lagos', 'America/Managua', 'Europe/Amsterdam', 'Europe/Oslo', 'Asia/Kathmandu', 'Pacific/Nauru', 'Pacific/Niue', 'Pacific/Auckland', 'Pacific/Chatham', 'America/Panama', 'America/Lima', 'Pacific/Tahiti', 'Pacific/Marquesas', 'Pacific/Gambier', 'Pacific/Port_Moresby', 'Pacific/Bougainville', 'Asia/Manila', 'Asia/Karachi', 'Europe/Warsaw', 'America/Miquelon', 'Pacific/Pitcairn', 'America/Puerto_Rico', 'Asia/Gaza', 'Asia/Hebron', 'Europe/Lisbon', 'Atlantic/Madeira', 'Atlantic/Azores', 'Pacific/Palau', 'America/Asuncion', 'Asia/Qatar', 'Indian/Reunion', 'Europe/Bucharest', 'Europe/Belgrade', 'Europe/Kaliningrad', 'Europe/Moscow', 'Europe/Simferopol', 'Europe/Kirov', 'Europe/Volgograd', 'Europe/Astrakhan', 'Europe/Saratov', 'Europe/Ulyanovsk', 'Europe/Samara', 'Asia/Yekaterinburg', 'Asia/Omsk', 'Asia/Novosibirsk', 'Asia/Barnaul', 'Asia/Tomsk', 'Asia/Novokuznetsk', 'Asia/Krasnoyarsk', 'Asia/Irkutsk', 'Asia/Chita', 'Asia/Yakutsk', 'Asia/Khandyga', 'Asia/Vladivostok', 'Asia/Ust-Nera', 'Asia/Magadan', 'Asia/Sakhalin', 'Asia/Srednekolymsk', 'Asia/Kamchatka', 'Asia/Anadyr', 'Asia/Riyadh', 'Pacific/Guadalcanal', 'Indian/Mahe', 'Africa/Khartoum', 'Europe/Stockholm', 'Asia/Singapore', 'America/Paramaribo', 'Africa/Juba', 'Africa/Sao_Tome', 'America/El_Salvador', 'Asia/Damascus', 'America/Grand_Turk', 'Africa/Ndjamena', 'Indian/Kerguelen', 'Asia/Bangkok', 'Asia/Dushanbe', 'Pacific/Fakaofo', 'Asia/Dili', 'Asia/Ashgabat', 'Africa/Tunis', 'Pacific/Tongatapu', 'Europe/Istanbul', 'Pacific/Funafuti', 'Asia/Taipei', 'Europe/Kiev', 'Europe/Uzhgorod', 'Europe/Zaporozhye', 'Pacific/Wake', 'America/New_York', 'America/Detroit', 'America/Kentucky/Louisville', 'America/Kentucky/Monticello', 'America/Indiana/Indianapolis', 'America/Indiana/Vincennes', 'America/Indiana/Winamac', 'America/Indiana/Marengo', 'America/Indiana/Petersburg', 'America/Indiana/Vevay', 'America/Chicago', 'America/Indiana/Tell_City', 'America/Indiana/Knox', 'America/Menominee', 'America/North_Dakota/Center', 'America/North_Dakota/New_Salem', 'America/North_Dakota/Beulah', 'America/Denver', 'America/Boise', 'America/Phoenix', 'America/Los_Angeles', 'America/Anchorage', 'America/Juneau', 'America/Sitka', 'America/Metlakatla', 'America/Yakutat', 'America/Nome', 'America/Adak', 'Pacific/Honolulu', 'America/Montevideo', 'Asia/Samarkand', 'Asia/Tashkent', 'America/Caracas', 'Asia/Ho_Chi_Minh', 'Pacific/Efate', 'Pacific/Wallis', 'Pacific/Apia', 'Africa/Johannesburg'];
+export const zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', 'America/Argentina/Buenos_Aires', 'America/Argentina/Cordoba', 'America/Argentina/Salta', 'America/Argentina/Jujuy', 'America/Argentina/Tucuman', 'America/Argentina/Catamarca', 'America/Argentina/La_Rioja', 'America/Argentina/San_Juan', 'America/Argentina/Mendoza', 'America/Argentina/San_Luis', 'America/Argentina/Rio_Gallegos', 'America/Argentina/Ushuaia', 'Pacific/Pago_Pago', 'Europe/Vienna', 'Australia/Lord_Howe', 'Antarctica/Macquarie', 'Australia/Hobart', 'Australia/Melbourne', 'Australia/Sydney', 'Australia/Broken_Hill', 'Australia/Brisbane', 'Australia/Lindeman', 'Australia/Adelaide', 'Australia/Darwin', 'Australia/Perth', 'Australia/Eucla', 'Asia/Baku', 'America/Barbados', 'Asia/Dhaka', 'Europe/Brussels', 'Europe/Sofia', 'Atlantic/Bermuda', 'America/La_Paz', 'America/Noronha', 'America/Belem', 'America/Fortaleza', 'America/Recife', 'America/Araguaina', 'America/Maceio', 'America/Bahia', 'America/Sao_Paulo', 'America/Campo_Grande', 'America/Cuiaba', 'America/Santarem', 'America/Porto_Velho', 'America/Boa_Vista', 'America/Manaus', 'America/Eirunepe', 'America/Rio_Branco', 'Asia/Thimphu', 'Europe/Minsk', 'America/Belize', 'America/St_Johns', 'America/Halifax', 'America/Glace_Bay', 'America/Moncton', 'America/Goose_Bay', 'America/Toronto', 'America/Nipigon', 'America/Thunder_Bay', 'America/Iqaluit', 'America/Pangnirtung', 'America/Winnipeg', 'America/Rainy_River', 'America/Resolute', 'America/Rankin_Inlet', 'America/Regina', 'America/Swift_Current', 'America/Edmonton', 'America/Cambridge_Bay', 'America/Yellowknife', 'America/Inuvik', 'America/Dawson_Creek', 'America/Fort_Nelson', 'America/Whitehorse', 'America/Dawson', 'America/Vancouver', 'Europe/Zurich', 'Africa/Abidjan', 'Pacific/Rarotonga', 'America/Santiago', 'America/Punta_Arenas', 'Pacific/Easter', 'Asia/Shanghai', 'Asia/Urumqi', 'America/Bogota', 'America/Costa_Rica', 'America/Havana', 'Atlantic/Cape_Verde', 'Asia/Nicosia', 'Asia/Famagusta', 'Europe/Prague', 'Europe/Berlin', 'America/Santo_Domingo', 'Africa/Algiers', 'America/Guayaquil', 'Pacific/Galapagos', 'Europe/Tallinn', 'Africa/Cairo', 'Africa/El_Aaiun', 'Europe/Madrid', 'Africa/Ceuta', 'Atlantic/Canary', 'Europe/Helsinki', 'Pacific/Fiji', 'Atlantic/Stanley', 'Pacific/Kosrae', 'Atlantic/Faroe', 'Europe/Paris', 'Europe/London', 'Asia/Tbilisi', 'America/Cayenne', 'Europe/Gibraltar', 'America/Nuuk', 'America/Danmarkshavn', 'America/Scoresbysund', 'America/Thule', 'Europe/Athens', 'Atlantic/South_Georgia', 'America/Guatemala', 'Pacific/Guam', 'Africa/Bissau', 'America/Guyana', 'Asia/Hong_Kong', 'America/Tegucigalpa', 'America/Port-au-Prince', 'Europe/Budapest', 'Asia/Jakarta', 'Asia/Pontianak', 'Asia/Makassar', 'Asia/Jayapura', 'Europe/Dublin', 'Asia/Jerusalem', 'Asia/Kolkata', 'Indian/Chagos', 'Asia/Baghdad', 'Asia/Tehran', 'Europe/Rome', 'America/Jamaica', 'Asia/Amman', 'Asia/Tokyo', 'Africa/Nairobi', 'Asia/Bishkek', 'Pacific/Tarawa', 'Pacific/Kanton', 'Pacific/Kiritimati', 'Asia/Pyongyang', 'Asia/Seoul', 'Asia/Almaty', 'Asia/Qyzylorda', 'Asia/Qostanay', 'Asia/Aqtobe', 'Asia/Aqtau', 'Asia/Atyrau', 'Asia/Oral', 'Asia/Beirut', 'Asia/Colombo', 'Africa/Monrovia', 'Europe/Vilnius', 'Europe/Riga', 'Africa/Tripoli', 'Africa/Casablanca', 'Europe/Chisinau', 'Pacific/Kwajalein', 'Asia/Yangon', 'Asia/Ulaanbaatar', 'Asia/Hovd', 'Asia/Choibalsan', 'Asia/Macau', 'America/Martinique', 'Europe/Malta', 'Indian/Mauritius', 'Indian/Maldives', 'America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Mazatlan', 'America/Chihuahua', 'America/Ojinaga', 'America/Hermosillo', 'America/Tijuana', 'America/Bahia_Banderas', 'Asia/Kuching', 'Africa/Maputo', 'Africa/Windhoek', 'Pacific/Noumea', 'Pacific/Norfolk', 'Africa/Lagos', 'America/Managua', 'Asia/Kathmandu', 'Pacific/Nauru', 'Pacific/Niue', 'Pacific/Auckland', 'Pacific/Chatham', 'America/Panama', 'America/Lima', 'Pacific/Tahiti', 'Pacific/Marquesas', 'Pacific/Gambier', 'Pacific/Port_Moresby', 'Pacific/Bougainville', 'Asia/Manila', 'Asia/Karachi', 'Europe/Warsaw', 'America/Miquelon', 'Pacific/Pitcairn', 'America/Puerto_Rico', 'Asia/Gaza', 'Asia/Hebron', 'Europe/Lisbon', 'Atlantic/Madeira', 'Atlantic/Azores', 'Pacific/Palau', 'America/Asuncion', 'Asia/Qatar', 'Europe/Bucharest', 'Europe/Belgrade', 'Europe/Kaliningrad', 'Europe/Moscow', 'Europe/Simferopol', 'Europe/Kirov', 'Europe/Volgograd', 'Europe/Astrakhan', 'Europe/Saratov', 'Europe/Ulyanovsk', 'Europe/Samara', 'Asia/Yekaterinburg', 'Asia/Omsk', 'Asia/Novosibirsk', 'Asia/Barnaul', 'Asia/Tomsk', 'Asia/Novokuznetsk', 'Asia/Krasnoyarsk', 'Asia/Irkutsk', 'Asia/Chita', 'Asia/Yakutsk', 'Asia/Khandyga', 'Asia/Vladivostok', 'Asia/Ust-Nera', 'Asia/Magadan', 'Asia/Sakhalin', 'Asia/Srednekolymsk', 'Asia/Kamchatka', 'Asia/Anadyr', 'Asia/Riyadh', 'Pacific/Guadalcanal', 'Africa/Khartoum', 'Asia/Singapore', 'America/Paramaribo', 'Africa/Juba', 'Africa/Sao_Tome', 'America/El_Salvador', 'Asia/Damascus', 'America/Grand_Turk', 'Africa/Ndjamena', 'Asia/Bangkok', 'Asia/Dushanbe', 'Pacific/Fakaofo', 'Asia/Dili', 'Asia/Ashgabat', 'Africa/Tunis', 'Pacific/Tongatapu', 'Europe/Istanbul', 'Asia/Taipei', 'Europe/Kyiv', 'Europe/Uzhgorod', 'Europe/Zaporozhye', 'America/New_York', 'America/Detroit', 'America/Kentucky/Louisville', 'America/Kentucky/Monticello', 'America/Indiana/Indianapolis', 'America/Indiana/Vincennes', 'America/Indiana/Winamac', 'America/Indiana/Marengo', 'America/Indiana/Petersburg', 'America/Indiana/Vevay', 'America/Chicago', 'America/Indiana/Tell_City', 'America/Indiana/Knox', 'America/Menominee', 'America/North_Dakota/Center', 'America/North_Dakota/New_Salem', 'America/North_Dakota/Beulah', 'America/Denver', 'America/Boise', 'America/Phoenix', 'America/Los_Angeles', 'America/Anchorage', 'America/Juneau', 'America/Sitka', 'America/Metlakatla', 'America/Yakutat', 'America/Nome', 'America/Adak', 'Pacific/Honolulu', 'America/Montevideo', 'Asia/Samarkand', 'Asia/Tashkent', 'America/Caracas', 'Asia/Ho_Chi_Minh', 'Pacific/Efate', 'Pacific/Apia', 'Africa/Johannesburg'];

package/es/toast/styled-components.js

@@ -107,9 +107,11 @@ export const Root = styled('div', ({
   };
 });
 Root.displayName = "Root";
+Root.displayName = 'Root';
 export const InnerContainer = styled('div', // eslint-disable-next-line no-empty-pattern
 ({}) => ({}));
 InnerContainer.displayName = "InnerContainer";
+InnerContainer.displayName = 'InnerContainer';
 export const Body = styled('div', ({
   $isVisible,
   $kind,
@@ -143,6 +145,7 @@ export const Body = styled('div', ({
   };
 });
 Body.displayName = "Body";
+Body.displayName = 'Body';
 export const CloseIconSvg = styled('svg', ({
   $theme,
   $size,
@@ -158,4 +161,5 @@ export const CloseIconSvg = styled('svg', ({
   flexShrink: 0,
   outline: $isFocusVisible ? `3px solid ${$theme.colors.accent}` : 'none'
 }));
-CloseIconSvg.displayName = "CloseIconSvg";
+CloseIconSvg.displayName = "CloseIconSvg";
+CloseIconSvg.displayName = 'CloseIconSvg';

package/es/toast/toaster.js

@@ -8,8 +8,6 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-
-/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { getOverrides, mergeOverrides } from '../helpers/overrides';

package/es/tokens/colors.js

@@ -50,6 +50,14 @@ const colors = {
   yellow500: '#BC8B2C',
   yellow600: '#996F00',
   yellow700: '#674D1B',
+  lime50: '#F2F7ED',
+  lime100: '#E0ECD2',
+  lime200: '#BCD69D',
+  lime300: '#8BB956',
+  lime400: '#67A421',
+  lime500: '#4E7C19',
+  lime600: '#3D6213',
+  lime700: '#29410d',
   green50: '#E6F2ED',
   green100: '#ADDEC9',
   green200: '#66D19E',
@@ -58,6 +66,14 @@ const colors = {
   green500: '#03703C',
   green600: '#03582F',
   green700: '#10462D',
+  teal50: '#EDF5F7',
+  teal100: '#D2E8EC',
+  teal200: '#9DCDD6',
+  teal300: '#56A9B9',
+  teal400: '#218EA4',
+  teal500: '#196B7C',
+  teal600: '#135562',
+  teal700: '#0D3841',
   blue50: '#EFF3FE',
   blue100: '#D4E2FC',
   blue200: '#A0BFF8',
@@ -82,6 +98,14 @@ const colors = {
   purple500: '#574191',
   purple600: '#453473',
   purple700: '#2E224C',
+  magenta50: '#F9F1F7',
+  magenta100: '#F2DDEB',
+  magenta200: '#E2B4D3',
+  magenta300: '#CE7EB3',
+  magenta400: '#BF569C',
+  magenta500: '#914176',
+  magenta600: '#72335D',
+  magenta700: '#4C223E',
   brown50: '#F6F0EA',
   brown100: '#EBE0DB',
   brown200: '#D2BBB0',

package/es/tooltip/styled-components.js

@@ -32,6 +32,7 @@ export const Body = styled('div', props => ({ ...getBodyStyles(props),
   transform: getEndPosition(props.$popoverOffset)
 }));
 Body.displayName = "Body";
+Body.displayName = 'Body';
 export const Inner = styled('div', props => ({ ...getInnerStyles(props),
   backgroundColor: props.$theme.colors.tooltipBackground,
   borderTopLeftRadius: props.$theme.borders.radius300,
@@ -46,7 +47,9 @@ export const Inner = styled('div', props => ({ ...getInnerStyles(props),
   color: props.$theme.colors.tooltipText
 }));
 Inner.displayName = "Inner";
+Inner.displayName = 'Inner';
 export const Arrow = styled('div', props => ({ ...getArrowStyles(props),
   backgroundColor: props.$theme.colors.tooltipBackground
 }));
-Arrow.displayName = "Arrow";
+Arrow.displayName = "Arrow";
+Arrow.displayName = 'Arrow';

package/es/tree-view/index.js

@@ -12,4 +12,5 @@ export { StyledTreeItemList, StyledTreeItem, StyledItemContent, StyledIconContai
 export { default as TreeLabel } from './tree-label';
 export { default as TreeLabelInteractable } from './tree-label-interactable';
 export { toggleIsExpanded };
-/** @deprecated use TreeNodeData instead. To be removed in future versions.*/
+/** @deprecated use TreeNodeData instead. To be removed in future versions.*/
+// eslint-disable-next-line @typescript-eslint/no-explicit-any

package/es/tree-view/styled-components.js

@@ -27,6 +27,7 @@ export const StyledTreeItemList = styled('ul', ({
   };
 });
 StyledTreeItemList.displayName = "StyledTreeItemList";
+StyledTreeItemList.displayName = 'StyledTreeItemList';
 export const StyledTreeItem = styled('li', ({
   $theme,
   $isLeafNode
@@ -47,6 +48,7 @@ export const StyledTreeItem = styled('li', ({
   };
 });
 StyledTreeItem.displayName = "StyledTreeItem";
+StyledTreeItem.displayName = 'StyledTreeItem';
 export const StyledItemContent = styled('div', ({
   $theme,
   $isSelected,
@@ -73,6 +75,7 @@ export const StyledItemContent = styled('div', ({
   };
 });
 StyledItemContent.displayName = "StyledItemContent";
+StyledItemContent.displayName = 'StyledItemContent';
 export const StyledIconContainer = styled('div', ({
   $theme
 }) => {
@@ -87,6 +90,7 @@ export const StyledIconContainer = styled('div', ({
   };
 });
 StyledIconContainer.displayName = "StyledIconContainer";
+StyledIconContainer.displayName = 'StyledIconContainer';
 export const StyledNoIconContainer = styled('div', ({
   $theme
 }) => {
@@ -103,7 +107,9 @@ export const StyledNoIconContainer = styled('div', ({
   };
 });
 StyledNoIconContainer.displayName = "StyledNoIconContainer";
+StyledNoIconContainer.displayName = 'StyledNoIconContainer';
 export const StyledLabelInteractable = styled('div', () => ({
   width: '100%'
 }));
-StyledLabelInteractable.displayName = "StyledLabelInteractable";
+StyledLabelInteractable.displayName = "StyledLabelInteractable";
+StyledLabelInteractable.displayName = 'StyledLabelInteractable';