@workday/canvas-kit-docs 11.0.0-alpha.780-next.0 → 11.0.0-alpha.781-next.0

package/dist/es6/lib/docs.js

@@ -37125,17 +37125,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
           "name": "variant",
           "required": false,
           "type": {
-            "kind": "union",
-            "value": [
-              {
-                "kind": "string",
-                "value": "default"
-              },
-              {
-                "kind": "string",
-                "value": "inverse"
-              }
-            ]
+            "kind": "string",
+            "value": "inverse"
           },
           "description": "Sets the variant of the Count Badge",
           "declarations": [
@@ -37144,13 +37135,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
               "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/badge/lib/CountBadge.tsx"
             }
           ],
-          "tags": {
-            "default": "'default'"
-          },
-          "defaultValue": {
-            "kind": "string",
-            "value": "default"
-          }
+          "tags": {}
         },
         {
           "kind": "property",

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

@@ -229,7 +229,9 @@ instead.
 
 **PR:** [#2472](https://github.com/Workday/canvas-kit/pull/2700)
 
-As part of the refactor, we've removed the following exports that were primarily used to style the component:
+As part of the refactor, we've removed the following exports that were primarily used to style the
+component:
+
 - `useStatusIndicatorModel`
 - `useStatusIndicator`
 - `statusIndicatorColors`
@@ -505,6 +507,19 @@ our new
 The component API has not been changed, and it should behave identically as it did in previous
 versions.
 
+We also removed the `default` variant and consolidated those styles into the badge's base styles.
+This will not be a breaking change for most users. However, if you have a `CountBadge` with an
+explicit `default` variant, you'll see a TypeScript error. To resolve this, simply remove the
+variant prop.
+
+```tsx
+// Before (v10)
+<CountBadge variant="default" count={10} />
+
+// After (v11)
+<CountBadge count={10} />
+```
+
 ### Form Field (Preview)
 
 **PR:** [#2472](https://github.com/Workday/canvas-kit/pull/2472)
@@ -765,6 +780,7 @@ our
 The component now supports the `cs` prop, but otherwise the API has not been changed.
 
 > #### Visual Breaking Change
+>
 > Opacity applied to the whole container has been removed for transparent variant and replace by
 > translucent color. By this change opacity has been changed from `0.85` to `0.84`, so there is
 > possibility of the small visual change.

package/dist/mdx/react/badge/examples/Basic.tsx

@@ -4,16 +4,19 @@ import {createStyles} from '@workday/canvas-kit-styling';
 import {base, system} from '@workday/canvas-tokens-web';
 
 const containerStyles = createStyles({
+  boxSizing: 'border-box',
   display: 'flex',
   flexDirection: 'column',
 });
 
 const defaultBackground = createStyles({
+  boxSizing: 'border-box',
   backgroundColor: base.frenchVanilla100,
   padding: system.space.x4,
 });
 
 const inverseBackground = createStyles({
+  boxSizing: 'border-box',
   backgroundColor: base.blueberry400,
   padding: system.space.x4,
 });

package/dist/mdx/react/badge/examples/CustomLimit.tsx

@@ -6,12 +6,14 @@ import {createStyles, cssVar} from '@workday/canvas-kit-styling';
 import {base, system} from '@workday/canvas-tokens-web';
 
 const columnStyles = createStyles({
+  boxSizing: 'border-box',
   display: 'flex',
   flexDirection: 'column',
   gap: system.space.x4,
 });
 
 const controls = createStyles({
+  boxSizing: 'border-box',
   borderBottom: `solid 1px ${cssVar(base.soap400)}`,
   display: 'flex',
   gap: system.space.x1,
@@ -19,11 +21,13 @@ const controls = createStyles({
 });
 
 const defaultBackground = createStyles({
+  boxSizing: 'border-box',
   backgroundColor: base.frenchVanilla100,
   padding: system.space.x4,
 });
 
 const inverseBackground = createStyles({
+  boxSizing: 'border-box',
   backgroundColor: base.blueberry400,
   padding: system.space.x4,
 });

package/dist/mdx/react/badge/examples/NotificationBadge.tsx

@@ -11,12 +11,14 @@ function negate(value: string, fallback?: string) {
 }
 
 const container = createStyles({
+  boxSizing: 'border-box',
   display: 'flex',
   flexDirection: 'column',
   gap: system.space.x4,
 });
 
 const controls = createStyles({
+  boxSizing: 'border-box',
   borderBottom: `solid 1px ${cssVar(base.soap400)}`,
   display: 'flex',
   gap: system.space.x1,
@@ -24,10 +26,12 @@ const controls = createStyles({
 });
 
 const notificationContainerStyles = createStyles({
+  boxSizing: 'border-box',
   position: 'relative',
 });
 
 const countBadgeStyles = createStyles({
+  boxSizing: 'border-box',
   position: 'absolute',
   top: negate(system.space.x4),
   insetInlineEnd: negate(system.space.x1),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "11.0.0-alpha.780-next.0",
+  "version": "11.0.0-alpha.781-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -44,10 +44,10 @@
   "dependencies": {
     "@emotion/styled": "^11.6.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^11.0.0-alpha.780-next.0",
-    "@workday/canvas-kit-preview-react": "^11.0.0-alpha.780-next.0",
-    "@workday/canvas-kit-react": "^11.0.0-alpha.780-next.0",
-    "@workday/canvas-kit-styling": "^11.0.0-alpha.780-next.0",
+    "@workday/canvas-kit-labs-react": "^11.0.0-alpha.781-next.0",
+    "@workday/canvas-kit-preview-react": "^11.0.0-alpha.781-next.0",
+    "@workday/canvas-kit-react": "^11.0.0-alpha.781-next.0",
+    "@workday/canvas-kit-styling": "^11.0.0-alpha.781-next.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^1.3.1",
     "markdown-to-jsx": "^6.10.3",
@@ -59,5 +59,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.2"
   },
-  "gitHead": "9caa780860f5c8a2e9a833d6e6f29c539c022170"
+  "gitHead": "d6f6fb3561eb04c34f1a6b43531f4c717140618d"
 }