npm - @workday/canvas-kit-docs - Versions diffs - 14.0.0-alpha.1253-next.0 → 14.0.0-alpha.1255-next.0 - Mend

@workday/canvas-kit-docs 14.0.0-alpha.1253-next.0 → 14.0.0-alpha.1255-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/es6/lib/docs.js +1621 -506
package/dist/mdx/14.0-UPGRADE-GUIDE.mdx +95 -41
package/dist/mdx/14.0-VISUAL-CHANGES.mdx +1 -1
package/package.json +6 -6

package/dist/es6/lib/docs.js CHANGED Viewed

@@ -862,7 +862,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -877,6 +877,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -41856,7 +41879,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -41871,6 +41894,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -42988,7 +43034,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -43003,6 +43049,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -56397,25 +56466,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "default": "'start'"
           }
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          }
-        },
         {
           "kind": "property",
           "name": "accent",
@@ -56628,7 +56678,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -56639,6 +56689,25 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "default": "false"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          }
+        },
         {
           "kind": "property",
           "name": "backgroundAttachment",
@@ -61948,29 +62017,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "accent",
@@ -62151,7 +62197,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -62166,6 +62212,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -67737,6 +67806,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -67798,29 +67913,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -67896,7 +67988,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -67911,6 +68003,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -68715,7 +68830,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -68730,6 +68845,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -71337,6 +71475,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -71398,29 +71582,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -71496,7 +71657,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -71511,6 +71672,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -84610,7 +84794,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -84625,6 +84809,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -98132,6 +98339,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -98193,29 +98446,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -98291,7 +98521,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -98306,6 +98536,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -107678,25 +107931,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "default": "'start'"
           }
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          }
-        },
         {
           "kind": "property",
           "name": "children",
@@ -107927,7 +108161,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -107938,6 +108172,25 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "default": "false"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          }
+        },
         {
           "kind": "property",
           "name": "backgroundAttachment",
@@ -113279,29 +113532,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "children",
@@ -113500,7 +113730,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -113515,6 +113745,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -113701,6 +113954,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -113761,29 +114060,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -113859,7 +114135,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -113874,6 +114150,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -114166,6 +114465,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -114227,29 +114572,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -114325,7 +114647,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -114340,6 +114662,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -116505,7 +116850,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirrorIcon",
@@ -116520,6 +116865,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/parts/ButtonLabelIcon.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "icon",
@@ -116718,7 +117086,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -116733,6 +117101,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -116903,6 +117294,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -116964,29 +117401,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -117062,7 +117476,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -117077,6 +117491,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -117386,6 +117823,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -117447,29 +117930,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -117545,7 +118005,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -117560,6 +118020,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -117869,6 +118352,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -117929,29 +118458,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -118027,7 +118533,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -118042,6 +118548,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -119082,7 +119611,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirrorIcon",
@@ -119095,6 +119624,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/ToolbarIconButton.tsx"
+            }
+          ],
+          "tags": {},
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "fill",
@@ -119170,7 +119720,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -119185,6 +119735,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -120224,7 +120797,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirrorIcon",
@@ -120237,6 +120810,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/ToolbarIconButton.tsx"
+            }
+          ],
+          "tags": {},
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "colors",
@@ -120380,7 +120974,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -120395,6 +120989,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -126500,24 +127117,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "isRTL",
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "required": true,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "isRTL",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/keyUtils.ts"
-            }
-          ],
-          "tags": {}
         }
       ],
       "members": [],
@@ -195670,7 +196269,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
   {
     "name": "useIsRTL",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/useIsRTL.ts",
-    "description": "This is a small hook to support right-to-left logic.\nIt returns a boolean",
+    "description": "This is a small hook to support right-to-left logic.\nIt returns a boolean\n\n```ts\nconst isRTL = useIsRTL();\n```",
     "declarations": [
       {
         "name": "useIsRTL",
@@ -195678,7 +196277,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     ],
     "tags": {
-      "example": "const isRTL = useIsRTL();"
+      "deprecated": "Use isElementRTL instead."
     },
     "type": {
       "kind": "function",
@@ -201703,6 +202302,47 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "isElementRTL",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/isElementRTL.ts",
+    "description": "Returns true if element has a right-to-left content direction. This is most useful to get\ndirection from a JavaScript event. If you desire to get a direction for styling, use [CSS Logical\nProperties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties)\n\nThe performance cost of getting the direction from an element is negligible, but it is intended\nto be used in event handlers and not a part of render functions.\n\n```ts\nonKeyDown(e) {\n  const isRTL = isElementRTL(e.currentTarget);\n\n  if (e.key === 'ArrowRight') {\n    if (isRTL) {\n      // Right arrow moves to the right even on RTL languages, but \"right\" doesn't mean\n      //\"advance\" in RTL. Previous is to the right of the current in RTL.\n      model.events.goToPreviousRow();\n    } else {\n      model.events.goToNextRow();\n    }\n  }\n```",
+    "declarations": [
+      {
+        "name": "isElementRTL",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/isElementRTL.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "element",
+          "type": {
+            "kind": "external",
+            "name": "Element",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "element",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/isElementRTL.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "primitive",
+        "value": "boolean"
+      }
+    }
+  },
   {
     "name": "isWithinBreakpoint",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/isWithinBreakpoint.ts",
@@ -211913,7 +212553,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -211928,6 +212568,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -223495,7 +224158,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -223510,6 +224173,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -224492,7 +225178,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -224507,6 +225193,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -227337,7 +228046,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -227352,6 +228061,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -228616,7 +229348,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -228631,6 +229363,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -229631,7 +230386,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -229646,6 +230401,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIconCircle.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -293847,6 +294625,44 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "default": "'start'"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -293903,25 +294719,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -294039,7 +294836,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -294050,6 +294847,25 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "default": "false"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          }
+        },
         {
           "kind": "property",
           "name": "backgroundAttachment",
@@ -299439,6 +300255,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -299500,29 +300362,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -299598,7 +300437,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -299613,6 +300452,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -299931,6 +300793,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -299992,29 +300900,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -300090,7 +300975,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -300105,6 +300990,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -300423,6 +301331,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -300484,29 +301438,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -300582,7 +301513,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -300597,6 +301528,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -300915,6 +301869,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -300976,29 +301976,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -301074,7 +302051,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -301089,6 +302066,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -320213,6 +321213,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -320274,29 +321320,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -320372,7 +321395,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -320387,6 +321410,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -323042,29 +324088,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "children",
@@ -323263,7 +324286,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -323278,6 +324301,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -396094,6 +397140,52 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": "start"
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIcon",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the icon should mirror only when\nin an right-to-left language, use `shouldMirrorIconInRTL` instead.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIcon",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
+        {
+          "kind": "property",
+          "name": "shouldMirrorIconInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorIconInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Button.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "size",
@@ -396155,29 +397247,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "shouldMirrorIcon",
-          "required": false,
-          "type": {
-            "kind": "primitive",
-            "value": "boolean"
-          },
-          "description": "If set to `true`, transform the icon's x-axis to mirror the graphic",
-          "declarations": [
-            {
-              "name": "shouldMirrorIcon",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
-            }
-          ],
-          "tags": {
-            "default": "false"
-          },
-          "defaultValue": {
-            "kind": "boolean",
-            "value": false
-          }
-        },
         {
           "kind": "property",
           "name": "fill",
@@ -396253,7 +397322,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -396268,6 +397337,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",
@@ -397471,7 +398563,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "kind": "primitive",
             "value": "boolean"
           },
-          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic",
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to\nalways mirror the icon regardless of the content direction. If the SVG should mirror only when\nin an right-to-left language, use `shouldMirrorInRTL` instead.",
           "declarations": [
             {
               "name": "shouldMirror",
@@ -397486,6 +398578,29 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             "value": false
           }
         },
+        {
+          "kind": "property",
+          "name": "shouldMirrorInRTL",
+          "required": false,
+          "type": {
+            "kind": "primitive",
+            "value": "boolean"
+          },
+          "description": "If set to `true`, transform the SVG's x-axis to mirror the graphic when the content direction\nis `rtl`. Icons don't have enough context to know if they should be mirrored in all cases.\nSetting this to `true` indicates the icon should be mirrored in right-to-left languages.",
+          "declarations": [
+            {
+              "name": "shouldMirrorInRTL",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
+            }
+          ],
+          "tags": {
+            "default": "false"
+          },
+          "defaultValue": {
+            "kind": "boolean",
+            "value": false
+          }
+        },
         {
           "kind": "property",
           "name": "cs",