Merge branch 'pinterest:master' into multicolumn-integtest

pinterest · Feb 26, 2025 · ef976de · ef976de
2 parents 0cdd0f6 + 7b795ae
commit ef976de
Show file tree

Hide file tree

Showing 51 changed files with 484 additions and 98 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,63 @@
+## 172.9.4 (Feb 25, 2025)
+
+### Patch
+
+- SearchGuide: fix stacking context bug with isolation='isolate' ([#4011](https://github.com/pinterest/gestalt/pull/4011)) - [Preview link](https://deploy-preview-4011--gestalt.netlify.app?devexample=true)
+
+## 172.9.3 (Feb 22, 2025)
+
+### Patch
+
+- DateField: upgrade dependency to 6.20.2 ([#4008](https://github.com/pinterest/gestalt/pull/4008)) - [Preview link](https://deploy-preview-4008--gestalt.netlify.app?devexample=true)
+
+## 172.9.2 (Feb 21, 2025)
+
+### Patch
+
+- BannerCallout: message width adjustments ([#4007](https://github.com/pinterest/gestalt/pull/4007)) - [Preview link](https://deploy-preview-4007--gestalt.netlify.app?devexample=true)
+
+## 172.9.1 (Feb 21, 2025)
+
+### Patch
+
+- SearchGuide: fix border radius in VR image variant ([#4006](https://github.com/pinterest/gestalt/pull/4006)) - [Preview link](https://deploy-preview-4006--gestalt.netlify.app?devexample=true)
+
+## 172.9.0 (Feb 20, 2025)
+
+### Minor
+
+- Icon: New Icons [GESTALT-8749] ([#4003](https://github.com/pinterest/gestalt/pull/4003)) - [Preview link](https://deploy-preview-4003--gestalt.netlify.app?devexample=true)
+
+## 172.8.6 (Feb 20, 2025)
+
+### Patch
+
+- SegmentedControl: fix VR colors in dark mode ([#4004](https://github.com/pinterest/gestalt/pull/4004)) - [Preview link](https://deploy-preview-4004--gestalt.netlify.app?devexample=true)
+
+## 172.8.5 (Feb 20, 2025)
+
+### Patch
+
+- DatePicker: add private prop \_overrideRangeDateFix to enable correct logic in date ranges ([#4000](https://github.com/pinterest/gestalt/pull/4000)) - [Preview link](https://deploy-preview-4000--gestalt.netlify.app?devexample=true)
+
+## 172.8.4 (Feb 19, 2025)
+
+### Patch
+
+- Link: fix a warning from accessibility pause in AccessibilityLinkActionIcon ([#4002](https://github.com/pinterest/gestalt/pull/4002)) - [Preview link](https://deploy-preview-4002--gestalt.netlify.app?devexample=true)
+
+## 172.8.3 (Feb 19, 2025)
+
+### Patch
+
+- Internal: change v.pinimg.com to v1.pinimg.com ([#4001](https://github.com/pinterest/gestalt/pull/4001)) - [Preview link](https://deploy-preview-4001--gestalt.netlify.app?devexample=true)
+
+## 172.8.2 (Feb 18, 2025)
+
+### Patch
+
+- IconButton: fix focus ring on visible in VR ([#3998](https://github.com/pinterest/gestalt/pull/3998)) - [Preview link](https://deploy-preview-3998--gestalt.netlify.app?devexample=true)
+
 ## 172.8.1 (Feb 14, 2025)
 
 ### Patch

diff --git a/docs/examples/animation/useExample.tsx b/docs/examples/animation/useExample.tsx
@@ -18,7 +18,7 @@ export default function Example() {
           onPlay={() => setPlaying(true)}
           onPlayError={({ error }) => error && setPlaying(false)}
           playing={playing}
-          src="https://v.pinimg.com/videos/mc/720p/f4/5c/51/f45c5182f7721c660309948a973c6408.mp4"
+          src="https://v1.pinimg.com/videos/mc/720p/f4/5c/51/f45c5182f7721c660309948a973c6408.mp4"
         />
       </Box>
       <Text align="center" italic>

diff --git a/docs/examples/video/autoplayAndErrorDetectionExample.tsx b/docs/examples/video/autoplayAndErrorDetectionExample.tsx
@@ -20,7 +20,7 @@ export default function Example() {
           onPlayError={({ error }) => error && setPlaying(false)}
           onVolumeChange={(e) => setVolume(e.volume)}
           playing={playing}
-          src="https://v.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
+          src="https://v1.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
           volume={volume}
         />
       </Box>

diff --git a/docs/examples/video/controlsExample.tsx b/docs/examples/video/controlsExample.tsx
@@ -33,7 +33,7 @@ export default function Example() {
             onVolumeChange={(e) => setVolume(e.volume)}
             playing={playing}
             poster="https://i.pinimg.com/videos/thumbnails/originals/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4.0000000.jpg"
-            src="https://v.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
+            src="https://v1.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
             volume={volume}
           >
             {!showControls ? (

diff --git a/docs/examples/video/localizationLabels.tsx b/docs/examples/video/localizationLabels.tsx
@@ -34,7 +34,7 @@ export default function Example() {
             onPlayError={({ error }) => error && setPlaying(false)}
             onVolumeChange={(e) => setVolume(e.volume)}
             playing={playing}
-            src="https://v.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
+            src="https://v1.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
             volume={volume}
           />
         </Box>

diff --git a/docs/examples/video/mainExample.tsx b/docs/examples/video/mainExample.tsx
@@ -18,7 +18,7 @@ export default function Example() {
           onPlayError={({ error }) => error && setPlaying(false)}
           onVolumeChange={(e) => setVolume(e.volume)}
           playing={playing}
-          src="https://v.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
+          src="https://v1.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
           volume={volume}
         />
       </Box>

diff --git a/docs/examples/video/updatesExample.tsx b/docs/examples/video/updatesExample.tsx
@@ -3,12 +3,12 @@ import { Box, Button, Flex, Label, Text, TextField, Video } from 'gestalt';
 
 export default function Example() {
   const [input, setInput] = useState(
-    'https://v.pinimg.com/videos/mc/expMp4/ce/b4/cc/ceb4cc8c4889a86432a65884c147021f_t1.mp4',
+    'https://v1.pinimg.com/videos/mc/expMp4/ce/b4/cc/ceb4cc8c4889a86432a65884c147021f_t1.mp4',
   );
   const [playbackRate, setPlaybackRate] = useState(1);
   const [playing, setPlaying] = useState(false);
   const [src, setSrc] = useState(
-    'https://v.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4',
+    'https://v1.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4',
   );
   const [volume, setVolume] = useState(1);
 

diff --git a/docs/examples/video/withChildrenExample.tsx b/docs/examples/video/withChildrenExample.tsx
@@ -18,7 +18,7 @@ export default function Example() {
           onPlayError={({ error }) => error && setPlaying(false)}
           onVolumeChange={(e) => setVolume(e.volume)}
           playing={playing}
-          src="https://v.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
+          src="https://v1.pinimg.com/videos/mc/expMp4/c8/37/71/c83771d856bc1ee12e2d2f81083df9d4_t1.mp4"
           volume={volume}
         >
           <Box

diff --git a/docs/pages/foundations/iconography/ICON_DATA.json b/docs/pages/foundations/iconography/ICON_DATA.json
@@ -1487,6 +1487,12 @@
       "description": "Indicates a shopping bag on shopping experience",
       "keywords": ["cart", "buying"]
     },
+    {
+      "name": "shopping-bag-fill",
+      "categories": ["Commerce"],
+      "description": "Indicates a shopping bag on shopping experience.",
+      "keywords": ["cart", "buying"]
+    },
     {
       "name": "shrink",
       "categories": [],
@@ -1824,6 +1830,12 @@
       "description": "Indicates the ability to change the view type to default",
       "keywords": ["square", "grid"]
     },
+    {
+      "name": "view-type-default-fill",
+      "categories": ["Toggle"],
+      "description": "Indicates the ability to change the view type to default.",
+      "keywords": ["square", "grid", "categories"]
+    },
     {
       "name": "view-type-dense",
       "categories": ["Utility and tools"],

diff --git a/docs/public/icons-diff.html b/docs/public/icons-diff.html
@@ -13268,6 +13268,90 @@
       </div>
     </div>
 
+    <div class="icon-row">
+      <div class="icon-name">square-plus-fill.svg</div>
+      <div class="icon icon-orig">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+          <path
+            d="M1 5a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4zm9.5 5.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3z"
+          />
+        </svg>
+      </div>
+      <div class="icon icon-new">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+          <path
+            d="M1 5a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4zm9.5 5.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3z"
+          />
+        </svg>
+      </div>
+      <div
+        class="icon icon-overlay"
+        title="Orig: White, New: Red, Overlap: Blue"
+      >
+        <div class="new">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M1 5a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4zm9.5 5.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3z"
+            />
+          </svg>
+        </div>
+        <div class="orig">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M1 5a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4zm9.5 5.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3z"
+            />
+          </svg>
+        </div>
+      </div>
+      <div class="icon-sizes">
+        <div>Orig 193</div>
+        <div>New 193</div>
+        <div style="background: #dddddd">Diff 0.00%</div>
+      </div>
+    </div>
+
+    <div class="icon-row">
+      <div class="icon-name">square-plus.svg</div>
+      <div class="icon icon-orig">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+          <path
+            d="M10.5 10.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3zM5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm15 4v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1"
+          />
+        </svg>
+      </div>
+      <div class="icon icon-new">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+          <path
+            d="M10.5 10.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3zM5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm15 4v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1"
+          />
+        </svg>
+      </div>
+      <div
+        class="icon icon-overlay"
+        title="Orig: White, New: Red, Overlap: Blue"
+      >
+        <div class="new">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M10.5 10.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3zM5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm15 4v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1"
+            />
+          </svg>
+        </div>
+        <div class="orig">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M10.5 10.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3zM5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm15 4v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1"
+            />
+          </svg>
+        </div>
+      </div>
+      <div class="icon-sizes">
+        <div>Orig 266</div>
+        <div>New 266</div>
+        <div style="background: #dddddd">Diff 0.00%</div>
+      </div>
+    </div>
+
     <div class="icon-row">
       <div class="icon-name">star-half.svg</div>
       <div class="icon icon-orig">
@@ -16249,33 +16333,33 @@
         <div class="icon">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
             <path
-              d="M1 5a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4zm9.5 5.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3z"
+              d="M12.25.25a6 6 0 0 0-6 6V7H2.5L1.01 17.13A6 6 0 0 0 6.95 24h10.1A6 6 0 0 0 23 17.13L21.5 7h-3.25v-.75a6 6 0 0 0-6-6M9.75 7v-.75a2.5 2.5 0 1 1 5 0V7z"
             />
           </svg>
         </div>
-        <div class="new-icon-name">square-plus-fill.svg</div>
+        <div class="new-icon-name">shopping-bag-fill.svg</div>
       </div>
       <div class="new-icon">
         <div class="icon">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
             <path
-              d="M10.5 10.5H6v3h4.5V18h3v-4.5H18v-3h-4.5V6h-3zM5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm15 4v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1"
+              d="M10.5 10.5H0V0h10.5zM24 24H13.5V13.5H24zM13.5 0H24v10.5H13.5zm-3 24H0V13.5h10.5z"
             />
           </svg>
         </div>
-        <div class="new-icon-name">square-plus.svg</div>
+        <div class="new-icon-name">view-type-default-fill.svg</div>
       </div>
     </div>
 
     <div id="stats" class="stats">
       <div class="stats-header">Stats</div>
-      <div class="stats-details">Last Update: Thu Feb 06 2025 11:08:33 AM</div>
-      <div class="stats-details">Current SVG icons file count: 379</div>
+      <div class="stats-details">Last Update: Wed Feb 19 2025 1:24:24 PM</div>
+      <div class="stats-details">Current SVG icons file count: 381</div>
       <div class="stats-details">
-        Current SVG icon total size (bytes): 144510
+        Current SVG icon total size (bytes): 144969
       </div>
-      <div class="stats-details">New SVG icon file count: 400</div>
-      <div class="stats-details">New SVG icon total size (bytes): 149341</div>
+      <div class="stats-details">New SVG icon file count: 402</div>
+      <div class="stats-details">New SVG icon total size (bytes): 149730</div>
       <div class="stats-details">Missing icons:<br /></div>
       <div class="stats-details">
         New icons:<br />compact-add.svg, compact-arrow-up-right.svg,
@@ -16288,8 +16372,8 @@
         compact-workflow-status-in-progress.svg,
         compact-workflow-status-problem.svg,
         compact-workflow-status-unstarted.svg,
-        compact-workflow-status-warning.svg, square-plus-fill.svg,
-        square-plus.svg
+        compact-workflow-status-warning.svg, shopping-bag-fill.svg,
+        view-type-default-fill.svg
       </div>
     </div>
   </body>