baseui 0.0.0-alpha-3479e57 → 0.0.0-alpha-e79754d

package/es/table-semantic/styled-components.js

@@ -41,8 +41,6 @@ export const StyledRoot = styled('div', ({
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const StyledTable = styled('table', ({
   $theme,
   $width
@@ -55,23 +53,18 @@ export const StyledTable = styled('table', ({
   };
 });
 StyledTable.displayName = "StyledTable";
-StyledTable.displayName = 'StyledTable'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export const StyledTableHead = styled('thead', ({
   $theme
 }) => {
   return {};
 });
 StyledTableHead.displayName = "StyledTableHead";
-StyledTableHead.displayName = 'StyledTableHead'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export const StyledTableHeadRow = styled('tr', ({
   $theme
 }) => {
   return {};
 });
 StyledTableHeadRow.displayName = "StyledTableHeadRow";
-StyledTableHeadRow.displayName = 'StyledTableHeadRow';
 export const StyledTableHeadCell = styled('th', ({
   $theme,
   $size,
@@ -107,7 +100,6 @@ export const StyledTableHeadCell = styled('th', ({
   };
 });
 StyledTableHeadCell.displayName = "StyledTableHeadCell";
-StyledTableHeadCell.displayName = 'StyledTableHeadCell';
 export const StyledTableHeadCellSortable = withStyle(StyledTableHeadCell, ({
   $theme,
   $isFocusVisible
@@ -126,7 +118,6 @@ export const StyledTableHeadCellSortable = withStyle(StyledTableHeadCell, ({
   };
 });
 StyledTableHeadCellSortable.displayName = "StyledTableHeadCellSortable";
-StyledTableHeadCellSortable.displayName = 'StyledTableHeadCellSortable';
 export const StyledSortIconContainer = styled('span', ({
   $theme
 }) => {
@@ -138,10 +129,9 @@ export const StyledSortIconContainer = styled('span', ({
     right: $theme.sizing.scale500,
     transform: 'translateY(-50%)'
   };
-});
-StyledSortIconContainer.displayName = "StyledSortIconContainer";
-StyledSortIconContainer.displayName = 'StyledSortIconContainer'; // No longer used, but will maintain for some time to support existing usage
+}); // No longer used, but will maintain for some time to support existing usage
 
+StyledSortIconContainer.displayName = "StyledSortIconContainer";
 export const StyledSortAscIcon = styled(ChevronUp, ({
   $theme
 }) => {
@@ -153,7 +143,6 @@ export const StyledSortAscIcon = styled(ChevronUp, ({
   };
 });
 StyledSortAscIcon.displayName = "StyledSortAscIcon";
-StyledSortAscIcon.displayName = 'StyledSortAscIcon';
 export const StyledSortDescIcon = styled(ChevronDown, ({
   $theme
 }) => {
@@ -165,7 +154,6 @@ export const StyledSortDescIcon = styled(ChevronDown, ({
   };
 });
 StyledSortDescIcon.displayName = "StyledSortDescIcon";
-StyledSortDescIcon.displayName = 'StyledSortDescIcon';
 export const StyledSortNoneIcon = styled(Blank, ({
   $theme
 }) => {
@@ -177,15 +165,12 @@ export const StyledSortNoneIcon = styled(Blank, ({
   };
 });
 StyledSortNoneIcon.displayName = "StyledSortNoneIcon";
-StyledSortNoneIcon.displayName = 'StyledSortNoneIcon'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export const StyledTableBody = styled('tbody', ({
   $theme
 }) => {
   return {};
 });
 StyledTableBody.displayName = "StyledTableBody";
-StyledTableBody.displayName = 'StyledTableBody';
 export const StyledTableBodyRow = styled('tr', ({
   $theme
 }) => {
@@ -196,7 +181,6 @@ export const StyledTableBodyRow = styled('tr', ({
   };
 });
 StyledTableBodyRow.displayName = "StyledTableBodyRow";
-StyledTableBodyRow.displayName = 'StyledTableBodyRow';
 export const StyledTableBodyCell = styled('td', ({
   $theme,
   $size,
@@ -228,7 +212,6 @@ export const StyledTableBodyCell = styled('td', ({
   };
 });
 StyledTableBodyCell.displayName = "StyledTableBodyCell";
-StyledTableBodyCell.displayName = 'StyledTableBodyCell';
 export const StyledTableLoadingMessage = styled('div', ({
   $theme
 }) => {
@@ -238,5 +221,4 @@ export const StyledTableLoadingMessage = styled('div', ({
   };
 });
 StyledTableLoadingMessage.displayName = "StyledTableLoadingMessage";
-StyledTableLoadingMessage.displayName = 'StyledTableLoadingMessage';
 export const StyledTableEmptyMessage = StyledTableLoadingMessage;

package/es/tabs/stateful-tabs.js

@@ -49,7 +49,6 @@ export default class StatefulTabs extends React.Component {
   }
 
   render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       initialState,
       stateReducer,

package/es/tabs/styled-components.js

@@ -16,7 +16,6 @@ export const Root = styled('div', props => {
   };
 });
 Root.displayName = "Root";
-Root.displayName = 'Root';
 export const Tab = styled('div', props => {
   const {
     $disabled,
@@ -59,7 +58,6 @@ export const Tab = styled('div', props => {
   return style;
 });
 Tab.displayName = "Tab";
-Tab.displayName = 'Tab';
 export const TabBar = styled('div', props => {
   const {
     $orientation,
@@ -77,7 +75,6 @@ export const TabBar = styled('div', props => {
   };
 });
 TabBar.displayName = "TabBar";
-TabBar.displayName = 'TabBar';
 export const TabContent = styled('div', props => {
   const {
     $active,
@@ -94,5 +91,4 @@ export const TabContent = styled('div', props => {
     paddingBottom: sizing.scale500
   };
 });
-TabContent.displayName = "TabContent";
-TabContent.displayName = 'TabContent';
+TabContent.displayName = "TabContent";

package/es/tabs/tabs.js

@@ -31,8 +31,7 @@ export default class Tabs extends React.Component {
       orientation,
       children,
       overrides = {}
-    } = this.props; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+    } = this.props;
     const tabs = React.Children.map(children, (child, index) => {
       if (!child) return;
       const key = child.key || String(index);
@@ -65,8 +64,7 @@ export default class Tabs extends React.Component {
     const {
       TabContent: TabContentOverride
     } = overrides;
-    const [TabContent, tabContentProps] = getOverrides(TabContentOverride, StyledTabContent); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+    const [TabContent, tabContentProps] = getOverrides(TabContentOverride, StyledTabContent);
     const tabs = React.Children.map(children, (child, index) => {
       if (!child) return;
       const key = child.key || String(index);

package/es/tabs-motion/styled-components.js

@@ -24,7 +24,6 @@ export const StyledRoot = styled('div', ({
   return style;
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export const StyledTabList = styled('div', ({
   $theme,
   $fill = FILL.intrinsic,
@@ -69,13 +68,11 @@ export const StyledTabList = styled('div', ({
   return style;
 });
 StyledTabList.displayName = "StyledTabList";
-StyledTabList.displayName = 'StyledTabList';
 export const StyledTab = styled('button', ({
   $theme,
   $orientation = ORIENTATION.horizontal,
   $fill = FILL.intrinsic,
   $focusVisible = false,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   $isActive = false
 }) => {
   const style = {
@@ -138,7 +135,6 @@ export const StyledTab = styled('button', ({
   return style;
 });
 StyledTab.displayName = "StyledTab";
-StyledTab.displayName = 'StyledTab';
 export const StyledArtworkContainer = styled('div', ({
   $theme,
   $orientation = ORIENTATION.horizontal
@@ -156,7 +152,6 @@ export const StyledArtworkContainer = styled('div', ({
   return style;
 });
 StyledArtworkContainer.displayName = "StyledArtworkContainer";
-StyledArtworkContainer.displayName = 'StyledArtworkContainer';
 export const StyledTabBorder = styled('div', ({
   $theme,
   $orientation = ORIENTATION.horizontal
@@ -175,7 +170,6 @@ export const StyledTabBorder = styled('div', ({
   return style;
 });
 StyledTabBorder.displayName = "StyledTabBorder";
-StyledTabBorder.displayName = 'StyledTabBorder';
 export const StyledTabHighlight = styled('div', ({
   $theme,
   $orientation = ORIENTATION.horizontal,
@@ -216,7 +210,6 @@ export const StyledTabHighlight = styled('div', ({
   return style;
 });
 StyledTabHighlight.displayName = "StyledTabHighlight";
-StyledTabHighlight.displayName = 'StyledTabHighlight';
 export const StyledTabPanel = styled('div', ({
   $theme,
   $pad = true
@@ -236,5 +229,4 @@ export const StyledTabPanel = styled('div', ({
 
   return style;
 });
-StyledTabPanel.displayName = "StyledTabPanel";
-StyledTabPanel.displayName = 'StyledTabPanel';
+StyledTabPanel.displayName = "StyledTabPanel";

package/es/tabs-motion/tab.js

@@ -4,7 +4,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-next-line @typescript-eslint/no-unused-vars
 export function Tab(props) {
   return null;
 }

package/es/tabs-motion/tabs.js

@@ -314,8 +314,7 @@ function InternalTab({
       setFocusVisible(true);
     }
   }, []);
-  const handleBlur = React.useCallback( // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  event => {
+  const handleBlur = React.useCallback(event => {
     if (focusVisible !== false) {
       setFocusVisible(false);
     }

package/es/tag/styled-components.js

@@ -57,19 +57,16 @@ 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,
@@ -77,19 +74,16 @@ 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,
@@ -97,19 +91,16 @@ 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,
@@ -117,19 +108,16 @@ 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,
@@ -137,19 +125,16 @@ 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,
@@ -157,19 +142,16 @@ 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,
@@ -177,19 +159,16 @@ 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,
@@ -197,19 +176,16 @@ 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,
@@ -217,19 +193,16 @@ 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,
@@ -304,7 +277,6 @@ export const Action = styled('span', props => {
   };
 });
 Action.displayName = "Action";
-Action.displayName = 'Action';
 export const StartEnhancerContainer = styled('div', ({
   $theme,
   $size = SIZE.small
@@ -325,7 +297,6 @@ export const StartEnhancerContainer = styled('div', ({
   };
 });
 StartEnhancerContainer.displayName = "StartEnhancerContainer";
-StartEnhancerContainer.displayName = 'StartEnhancerContainer';
 export const Text = styled('span', props => {
   const {
     $theme
@@ -339,7 +310,6 @@ export const Text = styled('span', props => {
   };
 });
 Text.displayName = "Text";
-Text.displayName = 'Text';
 export const Root = styled('span', props => {
   const {
     $theme,
@@ -414,5 +384,4 @@ export const Root = styled('span', props => {
     }
   };
 });
-Root.displayName = "Root";
-Root.displayName = 'Root';
+Root.displayName = "Root";

package/es/tag/tag.js

@@ -30,9 +30,7 @@ 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,
@@ -47,8 +45,7 @@ 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) {
@@ -115,8 +112,7 @@ const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
   }[size]; // Capitalize for JSX
 
   const StartEnhancer = startEnhancer;
-  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  , _extends({
+  return /*#__PURE__*/React.createElement(Root, _extends({
     ref: ref,
     "data-baseweb": "tag",
     "aria-label": isButton && closeable ? `${typeof children === 'string' ? `${children}, ` : ''}close by backspace` : null,

package/es/textarea/styled-components.js

@@ -14,16 +14,13 @@ export const StyledTextAreaRoot = styled('div', props => {
   });
 });
 StyledTextAreaRoot.displayName = "StyledTextAreaRoot";
-StyledTextAreaRoot.displayName = 'StyledTextAreaRoot';
 export const StyledTextareaContainer = styled('div', props => ({ ...getInputContainerStyles({
     $positive: false,
     ...props
   })
 }));
 StyledTextareaContainer.displayName = "StyledTextareaContainer";
-StyledTextareaContainer.displayName = 'StyledTextareaContainer';
 export const StyledTextarea = styled('textarea', props => ({ ...getInputStyles(props),
   resize: 'none'
 }));
-StyledTextarea.displayName = "StyledTextarea";
-StyledTextarea.displayName = 'StyledTextarea';
+StyledTextarea.displayName = "StyledTextarea";

package/es/themes/shared/typography.js

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

package/es/toast/styled-components.js

@@ -107,11 +107,9 @@ 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,
@@ -145,7 +143,6 @@ export const Body = styled('div', ({
   };
 });
 Body.displayName = "Body";
-Body.displayName = 'Body';
 export const CloseIconSvg = styled('svg', ({
   $theme,
   $size,
@@ -161,5 +158,4 @@ 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,6 +8,8 @@ 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,14 +50,6 @@ 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',
@@ -66,14 +58,6 @@ 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',
@@ -98,14 +82,6 @@ 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,7 +32,6 @@ 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,
@@ -47,9 +46,7 @@ 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";