@workday/canvas-kit-docs 16.0.0-alpha.0424-next.0 → 16.0.0-alpha.0431-next.0

package/dist/es6/lib/docs.js

@@ -124250,6 +124250,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       "componentType": "regular",
       "displayName": "DeleteButton",
       "props": [
+        {
+          "kind": "property",
+          "name": "variant",
+          "required": false,
+          "type": {
+            "kind": "string",
+            "value": "outline"
+          },
+          "description": "Variant has an option for `outline` which will reverse the styling of the button",
+          "declarations": [
+            {
+              "name": "variant",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/DeleteButton.tsx"
+            }
+          ],
+          "tags": {}
+        },
         {
           "kind": "property",
           "name": "iconPosition",
@@ -446670,6 +446687,66 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
+  {
+    "name": "createProgram",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createTypeScriptWatchProgram.ts",
+    "description": "Create a one-shot TypeScript program suitable for production builds.",
+    "declarations": [
+      {
+        "name": "createProgram",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createTypeScriptWatchProgram.ts"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "function",
+      "parameters": [
+        {
+          "kind": "parameter",
+          "name": "tsconfigPath",
+          "type": {
+            "kind": "primitive",
+            "value": "string"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "tsconfigPath",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createTypeScriptWatchProgram.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "parameter",
+          "name": "compilerOptions",
+          "type": {
+            "kind": "symbol",
+            "name": "ts.CompilerOptions",
+            "value": "CompilerOptions"
+          },
+          "required": true,
+          "rest": false,
+          "description": "",
+          "declarations": [
+            {
+              "name": "compilerOptions",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createTypeScriptWatchProgram.ts"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "members": [],
+      "returnType": {
+        "kind": "symbol",
+        "name": "ts.Program",
+        "value": "Program"
+      }
+    }
+  },
   {
     "name": "getCompilerOptions",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling-transform/lib/createTypeScriptWatchProgram.ts",

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": "15.0.16",
-    "@workday/canvas-kit-preview-react": "15.0.16",
-    "@workday/canvas-kit-react": "15.0.16",
-    "@workday/canvas-kit-react-fonts": "^15.0.16",
-    "@workday/canvas-kit-styling": "15.0.16",
+    "@workday/canvas-kit-labs-react": "15.0.17",
+    "@workday/canvas-kit-preview-react": "15.0.17",
+    "@workday/canvas-kit-react": "15.0.17",
+    "@workday/canvas-kit-react-fonts": "^15.0.17",
+    "@workday/canvas-kit-styling": "15.0.17",
     "@workday/canvas-system-icons-web": "4.0.2",
     "@workday/canvas-expressive-icons-web": "1.0.1",
     "@workday/canvas-tokens-web": "4.2.0"

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": "15.0.16",
-    "@workday/canvas-kit-preview-react": "15.0.16",
-    "@workday/canvas-kit-react": "15.0.16",
-    "@workday/canvas-kit-react-fonts": "^15.0.16",
-    "@workday/canvas-kit-styling": "15.0.16",
+    "@workday/canvas-kit-labs-react": "15.0.17",
+    "@workday/canvas-kit-preview-react": "15.0.17",
+    "@workday/canvas-kit-react": "15.0.17",
+    "@workday/canvas-kit-react-fonts": "^15.0.17",
+    "@workday/canvas-kit-styling": "15.0.17",
     "@workday/canvas-system-icons-web": "4.0.2",
     "@workday/canvas-expressive-icons-web": "1.0.1",
     "@workday/canvas-tokens-web": "4.2.0"

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

@@ -16,6 +16,8 @@ Soon to be...
   - [KBD](#kbd)
 - [Component Updates](#component-updates)
   - [Avatar](#avatar)
+  - [Buttons](#buttons)
+    - [Delete Button Outline Variant](#delete-button-outline-variant)
   - [Card](#card)
   - [Color Input](#color-input)
   - [Color Picker](#color-picker)
@@ -160,6 +162,42 @@ import {Avatar} from '@workday/canvas-kit-react/avatar';
 No migration is required unless you rely on the previous color values for custom styling via the
 `cs` prop or `baseAvatarStencil` modifiers.
 
+### Buttons
+
+**PR:** [#4000](https://github.com/Workday/canvas-kit/pull/4000)
+
+All buttons have had the following updates:
+
+- `fontWeight` has been updated from `system.fontWeight.bold` to `system.fontWeight.medium`.
+- `minWidth` has been updated to the following:
+
+| Default Size | minWidth v15 | minWidth v16 |
+| ------------ | ------------ | ------------ |
+| extraSmall   | unchanged    | unchanged    |
+| small        | `5rem`       | `4.5rem`     |
+| medium       | `6rem`       | `5.5rem`     |
+| large        | `7rem`       | `6.5rem`     |
+
+- `paddingInline` has been updated to the following:
+
+| Size       | paddingInline v15 | paddingInline v16 |
+| ---------- | ----------------- | ----------------- |
+| extraSmall | `0.75rem`         | `0.5rem`          |
+| small      | `1rem`            | `0.75rem`         |
+| medium     | `1.5rem`          | `1rem`            |
+| large      | `2rem`            | `1.25rem`         |
+
+#### Delete Button Outline Variant
+
+We've added an `outline` variant to the `DeleteButton` component. This variant will reverse the
+button's styling with a `border` and `transparent` background.
+
+```tsx
+import {DeleteButton} from '@workday/canvas-kit-react/button';
+
+<DeleteButton variant="outline">Delete</DeleteButton>;
+```
+
 ### Card
 
 **PR:** [#4014](https://github.com/Workday/canvas-kit/pull/4014)

package/dist/mdx/react/button/button/Button.mdx

@@ -7,6 +7,7 @@ import {
 
 import CustomStyles from './examples/CustomStyles';
 import Delete from './examples/Delete';
+import DeleteOutline from './examples/DeleteOutline';
 import Grow from './examples/Grow';
 import Primary from './examples/Primary';
 import PrimaryInverse from './examples/PrimaryInverse';
@@ -41,7 +42,7 @@ The example below shows multiple instances of a `PrimaryButton` with various ico
 
 Primary Buttons also have an `inverse` variant. While it looks similar to the default Secondary
 Button, the default outline as well as the hover and focus states are different. Use this variant
-when you need to place a Primary Button on a dark or colorful background such as `blueberry400`.
+when you need to place a Primary Button on a dark or colorful background such as `neutral400`.
 
 <ExampleCodeBlock code={PrimaryInverse} />
 
@@ -54,7 +55,7 @@ The example below shows multiple instances of a `SecondaryButton` with various i
 <ExampleCodeBlock code={Secondary} />
 
 Secondary Buttons also have an `inverse` variant. Use this when you need to place a Secondary Button
-on a dark or colorful background such as `blueberry400`.
+on a dark or colorful background such as `neutral400`.
 
 <ExampleCodeBlock code={SecondaryInverse} />
 
@@ -67,7 +68,7 @@ The example below shows multiple instances of a `TertiaryButton` with various ic
 <ExampleCodeBlock code={Tertiary} />
 
 Tertiary Buttons also have an `inverse` variant. Use this when you need to place a Tertiary Button
-on a dark or colorful background such as `blueberry400`.
+on a dark or colorful background such as `neutral400`.
 
 <ExampleCodeBlock code={TertiaryInverse} />
 
@@ -77,6 +78,10 @@ on a dark or colorful background such as `blueberry400`.
 
 <ExampleCodeBlock code={Delete} />
 
+Delete Buttons also have an `outline` variant.
+
+<ExampleCodeBlock code={DeleteOutline} />
+
 ### Grow Prop
 
 The example below shows the use of the `grow` prop on different variants of buttons. This will set

package/dist/mdx/react/button/button/examples/DeleteOutline.tsx

@@ -0,0 +1,26 @@
+import {DeleteButton} from '@workday/canvas-kit-react/button';
+import {Tooltip} from '@workday/canvas-kit-react/tooltip';
+import {createStyles} from '@workday/canvas-kit-styling';
+import {trashIcon} from '@workday/canvas-system-icons-web';
+import {system} from '@workday/canvas-tokens-web';
+
+const parentContainerStyles = createStyles({
+  display: 'flex',
+  gap: system.gap.md,
+  padding: system.padding.md,
+});
+
+export default () => (
+  <div className={parentContainerStyles}>
+    <DeleteButton variant="outline">Delete</DeleteButton>
+    <DeleteButton icon={trashIcon} iconPosition="start" variant="outline">
+      Delete
+    </DeleteButton>
+    <DeleteButton icon={trashIcon} iconPosition="end" variant="outline">
+      Delete
+    </DeleteButton>
+    <Tooltip title="Delete">
+      <DeleteButton icon={trashIcon} variant="outline" />
+    </Tooltip>
+  </div>
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "16.0.0-alpha.0424-next.0",
+  "version": "16.0.0-alpha.0431-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -47,12 +47,12 @@
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
     "@workday/canvas-expressive-icons-web": "1.0.2",
-    "@workday/canvas-kit-labs-react": "^16.0.0-alpha.0424-next.0",
-    "@workday/canvas-kit-preview-react": "^16.0.0-alpha.0424-next.0",
-    "@workday/canvas-kit-react": "^16.0.0-alpha.0424-next.0",
-    "@workday/canvas-kit-styling": "^16.0.0-alpha.0424-next.0",
+    "@workday/canvas-kit-labs-react": "^16.0.0-alpha.0431-next.0",
+    "@workday/canvas-kit-preview-react": "^16.0.0-alpha.0431-next.0",
+    "@workday/canvas-kit-react": "^16.0.0-alpha.0431-next.0",
+    "@workday/canvas-kit-styling": "^16.0.0-alpha.0431-next.0",
     "@workday/canvas-system-icons-web": "4.0.4",
-    "@workday/canvas-tokens-web": "4.4.0-beta.0",
+    "@workday/canvas-tokens-web": "4.4.0-beta.3",
     "markdown-to-jsx": "^7.2.0",
     "react-syntax-highlighter": "^15.5.0",
     "ts-node": "^10.9.1"
@@ -63,5 +63,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "cebd41107b3d9b3a051bfe89c62ee33f9665f0a7"
+  "gitHead": "4c60e57196dd7159579dde8977cc784182cc6171"
 }