@workday/canvas-kit-docs 17.0.0-alpha.0639-next.0 → 17.0.0-alpha.0645-next.0

package/dist/es6/lib/docs.js

@@ -101274,6 +101274,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
+        {
+          "kind": "property",
+          "name": "cs",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles }, or the result of {@link createVars } and\n{@link createModifiers }. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp } wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
         {
           "kind": "property",
           "name": "variant",
@@ -101291,37 +101309,13 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               }
             ]
           },
-          "description": "The variant of the TabsItem.",
+          "description": "",
           "declarations": [
             {
               "name": "variant",
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/tabs/lib/TabsItem.tsx"
             }
           ],
-          "tags": {
-            "default": "'filled'"
-          },
-          "defaultValue": {
-            "kind": "string",
-            "value": "filled"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles }, or the result of {@link createVars } and\n{@link createModifiers }. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp } wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
           "tags": {}
         },
         {
@@ -101681,38 +101675,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           ],
           "tags": {}
         },
-        {
-          "kind": "property",
-          "name": "variant",
-          "required": false,
-          "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "filled"
-              },
-              {
-                "kind": "string",
-                "value": "outlined"
-              }
-            ]
-          },
-          "description": "The variant of the TabsItem.",
-          "declarations": [
-            {
-              "name": "variant",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/tabs/lib/TabsItem.tsx"
-            }
-          ],
-          "tags": {
-            "default": "'filled'"
-          },
-          "defaultValue": {
-            "kind": "string",
-            "value": "filled"
-          }
-        },
         {
           "kind": "property",
           "name": "cs",
@@ -108394,9 +108356,21 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                 "kind": "property",
                 "name": "variant",
                 "defaultValue": {
-                  "kind": "unknown",
-                  "value": "unknown",
-                  "text": "config.variant || 'filled'"
+                  "kind": "property",
+                  "name": "variant",
+                  "type": {
+                    "kind": "union",
+                    "value": [
+                      {
+                        "kind": "string",
+                        "value": "filled"
+                      },
+                      {
+                        "kind": "string",
+                        "value": "outlined"
+                      }
+                    ]
+                  }
                 },
                 "type": {
                   "kind": "union",
@@ -116837,7 +116811,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "defaultValue": {
             "kind": "string",
-            "value": "filled"
+            "value": "outlined"
           },
           "type": {
             "kind": "union",
@@ -116861,7 +116835,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "default": "'filled'"
+            "default": "'outlined'"
           }
         },
         {
@@ -119779,7 +119753,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "defaultValue": {
             "kind": "string",
-            "value": "filled"
+            "value": "outlined"
           },
           "type": {
             "kind": "union",
@@ -119803,7 +119777,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {
-            "default": "'filled'"
+            "default": "'outlined'"
           }
         },
         {

package/dist/es6/lib/stackblitzFiles/packageJSONFile.js

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "16.1.9",
-    "@workday/canvas-kit-preview-react": "16.1.9",
-    "@workday/canvas-kit-react": "16.1.9",
-    "@workday/canvas-kit-react-fonts": "^16.1.9",
-    "@workday/canvas-kit-styling": "16.1.9",
+    "@workday/canvas-kit-labs-react": "16.1.10",
+    "@workday/canvas-kit-preview-react": "16.1.10",
+    "@workday/canvas-kit-react": "16.1.10",
+    "@workday/canvas-kit-react-fonts": "^16.1.10",
+    "@workday/canvas-kit-styling": "16.1.10",
     "@workday/canvas-system-icons-web": "^5.0.3",
     "@workday/canvas-expressive-icons-web": "1.0.1",
     "@workday/canvas-tokens-web": "4.4.0-beta.11"

package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts

@@ -19,11 +19,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "16.1.9",
-    "@workday/canvas-kit-preview-react": "16.1.9",
-    "@workday/canvas-kit-react": "16.1.9",
-    "@workday/canvas-kit-react-fonts": "^16.1.9",
-    "@workday/canvas-kit-styling": "16.1.9",
+    "@workday/canvas-kit-labs-react": "16.1.10",
+    "@workday/canvas-kit-preview-react": "16.1.10",
+    "@workday/canvas-kit-react": "16.1.10",
+    "@workday/canvas-kit-react-fonts": "^16.1.10",
+    "@workday/canvas-kit-styling": "16.1.10",
     "@workday/canvas-system-icons-web": "^5.0.3",
     "@workday/canvas-expressive-icons-web": "1.0.1",
     "@workday/canvas-tokens-web": "4.4.0-beta.11"

package/dist/mdx/16.0-UPGRADE-GUIDE.mdx

@@ -400,7 +400,7 @@ functional shortcuts, refer to the storybook documentation and our example stori
 **PR:** [#4062](https://github.com/Workday/canvas-kit/pull/4062)
 
 A new `Tabs` component has been added to `@workday/canvas-kit-preview-react`, aligned with the Sana
-Canvas visual language. It supports `filled` and `outlined` variants.
+Canvas visual language. It supports `filled` and `outlined` variants, with `outlined` variant as default.
 
 ```tsx
 import {Tabs} from '@workday/canvas-kit-preview-react/tabs';

package/dist/mdx/FONTS.mdx

@@ -62,10 +62,12 @@ traditional, static fonts. But you should be able to use it identically to how y
 other fonts.
 
 - **Family**: Sana Sans VF
-- **Format**: TrueType variable font
+- **Format**: WOFF2 variable font, with a TrueType fallback
 - **Weight range**: 100–700 (Regular through Bold)
 - **Styles**: normal, italic
-- **Source**: `https://design.workdaycdn.com/assets/fonts/Sana-Sans/SanaSansLCG05-Variable.ttf`
+- **Source**:
+  - `https://design.workdaycdn.com/assets/fonts/Sana-Sans/SanaSansLCG05-Variable.woff2`
+  - `https://design.workdaycdn.com/assets/fonts/Sana-Sans/SanaSansLCG05-Variable.ttf` (fallback)
 
 ### Monospace Font
 

package/dist/mdx/preview-react/tabs/Tabs.mdx

@@ -6,7 +6,7 @@ import DynamicTabs from './examples/DynamicTabs';
 import HoistedModel from './examples/HoistedModel';
 import Icons from './examples/Icons';
 import NamedTabs from './examples/NamedTabs';
-import OutlinedTabs from './examples/OutlinedTabs';
+import FilledTabs from './examples/FilledTabs';
 import OverflowTabs from './examples/OverflowTabs';
 import RightToLeft from './examples/RightToLeft';
 import SinglePanel from './examples/SinglePanel';
@@ -39,11 +39,11 @@ that does not support overflow.
 
 <ExampleCodeBlock code={Basic} />
 
-### Outlined Tabs
+### Filled Tabs
 
-Set the `variant` prop of `Tabs` to `outlined` to render an outlined style of tabs.
+Set the `variant` prop of `Tabs` to `filled` to render a filled style of tabs.
 
-<ExampleCodeBlock code={OutlinedTabs} />
+<ExampleCodeBlock code={FilledTabs} />
 
 ### Overflow Tabs
 

package/dist/mdx/preview-react/tabs/examples/{OutlinedTabs.tsx → FilledTabs.tsx}

@@ -4,7 +4,7 @@ import {system} from '@workday/canvas-tokens-web';
 
 export default () => {
   return (
-    <Tabs variant="outlined">
+    <Tabs variant="filled">
       <Tabs.List>
         <Tabs.Item>First Tab</Tabs.Item>
         <Tabs.Item>Second Tab</Tabs.Item>

package/dist/mdx/preview-react/tabs/examples/RightToLeft.tsx

@@ -22,7 +22,7 @@ export default () => {
           <Tabs.Panel>תוכן החמישי</Tabs.Panel>
         </div>
       </Tabs>
-      <Tabs variant="outlined">
+      <Tabs variant="filled">
         <Tabs.List>
           <Tabs.Item>ראשון</Tabs.Item>
           <Tabs.Item>שְׁנִיָה</Tabs.Item>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "17.0.0-alpha.0639-next.0",
+  "version": "17.0.0-alpha.0645-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -47,10 +47,10 @@
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
     "@workday/canvas-expressive-icons-web": "1.0.2",
-    "@workday/canvas-kit-labs-react": "^17.0.0-alpha.0639-next.0",
-    "@workday/canvas-kit-preview-react": "^17.0.0-alpha.0639-next.0",
-    "@workday/canvas-kit-react": "^17.0.0-alpha.0639-next.0",
-    "@workday/canvas-kit-styling": "^17.0.0-alpha.0639-next.0",
+    "@workday/canvas-kit-labs-react": "^17.0.0-alpha.0645-next.0",
+    "@workday/canvas-kit-preview-react": "^17.0.0-alpha.0645-next.0",
+    "@workday/canvas-kit-react": "^17.0.0-alpha.0645-next.0",
+    "@workday/canvas-kit-styling": "^17.0.0-alpha.0645-next.0",
     "@workday/canvas-system-icons-web": "^5.0.3",
     "@workday/canvas-tokens-web": "^4.4.0",
     "markdown-to-jsx": "^7.2.0",
@@ -63,5 +63,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "8f605ef1c093e1ad20689d21e92665309c9e858d"
+  "gitHead": "c5b6c9bab2748f3519a17122c7098cee533ae95c"
 }