chore: update changeset; temporary override to polaris

Shopify · Jul 20, 2023 · 629d08c · 629d08c
1 parent 3d0c80d
commit 629d08c
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/.changeset/lemon-cars-stare.md b/.changeset/lemon-cars-stare.md
@@ -1,5 +1,5 @@
 ---
-'@shopify/polaris': major
+'@shopify/polaris': minor
 ---
 
 - Created a Menu Item with indentation that renders in the user menu
diff --git a/polaris-react/src/components/ActionList/ActionList.scss b/polaris-react/src/components/ActionList/ActionList.scss
@@ -30,8 +30,7 @@
     @include focus-ring($size: 'wide');
     /* stylelint-disable-next-line polaris/conventions/polaris/custom-property-allowed-list -- se23 */
     --pc-action-list-item-min-height: var(--p-space-8);
-    padding: var(--p-space-1_5-experimental);
-    // padding: var(--p-space-1_5-experimental) var(--p-space-2);
+    padding: var(--p-space-1_5-experimental) var(--p-space-2);
     border-radius: var(--p-border-radius-2);
     align-items: center;
     display: flex;

diff --git a/polaris-react/src/components/ActionList/components/Item/Item.tsx b/polaris-react/src/components/ActionList/components/Item/Item.tsx
@@ -176,7 +176,7 @@ export const TruncateText = ({children}: {children: string}) => {
     }
   }, [children]);
   const text = (
-    <Text as="span" variant="bodyMd" truncate>
+    <Text as="span" truncate>
       <Box width="100%" ref={textRef}>
         {children}
       </Box>
@@ -191,7 +191,7 @@ export const TruncateText = ({children}: {children: string}) => {
       content={children}
       dismissOnMouseOut
     >
-      <Text as="span" variant="bodyMd" truncate>
+      <Text as="span" truncate>
         {children}
       </Text>
     </Tooltip>

diff --git a/polaris-react/src/components/TopBar/components/Menu/Menu.tsx b/polaris-react/src/components/TopBar/components/Menu/Menu.tsx
@@ -167,11 +167,7 @@ function generateMenuItem(
 
   if (id === OTHER_STORES_ID) {
     return {
-      itemMarkup: (
-        <Box width="100%" paddingInlineEnd="2" insetInlineEnd="2">
-          {itemMarkup}
-        </Box>
-      ),
+      itemMarkup,
       isOtherStore: true,
     };
   }
@@ -193,7 +189,11 @@ function buildSections(actions: ActionListProps['sections'], indent: boolean) {
     ? storeListSection?.items.map((item, index) => {
         const {itemMarkup, isOtherStore} = generateMenuItem(item, index);
         if (isOtherStore) {
-          otherStoresMarkup = itemMarkup;
+          otherStoresMarkup = (
+            <Box width="100%" paddingInlineEnd="2" insetInlineEnd="2">
+              {itemMarkup}
+            </Box>
+          );
           return null;
         }
         return itemMarkup;

diff --git a/polaris-react/src/components/TopBar/components/Menu/components/MenuItem/MenuItem.scss b/polaris-react/src/components/TopBar/components/Menu/components/MenuItem/MenuItem.scss
@@ -61,4 +61,5 @@ $item-vertical-padding: calc((var(--p-space-3)) / 2);
   color: var(--p-color-text);
   border-radius: var(--p-border-radius-2);
   outline: var(--p-border-width-3) solid transparent;
+  font-weight: var(--p-font-weight-semibold);
 }