chore(release): publish

Author: github-actions[bot]

.changeset/brown-bags-complain.md

@@ -0,0 +1,94 @@
+# @bigcommerce/big-design-patterns
+
+## 1.0.0
+
+### Major Changes
+
+- cc19989: Releases `@bigcommerce/big-design-pattern`, a collections of useful patterns for BigDesign.
+
+  ### New components:
+
+  #### `Header`
+
+  A header component that can be used to display a title, description, and actions.
+
+  ```tsx
+  import { Text, Link } from '@bigcommerce/big-design';
+  import { AddIcon. ArrowDropDownIcon } from '@bigcommerce/big-design-icons';
+  import { Header } from '@bigcommerce/big-design-patterns';
+
+  export const Component = () => {
+    return (
+      <Header
+        actions={[
+          {
+            text: 'Main action',
+            variant: 'primary',
+            iconLeft: <AddIcon />,
+          },
+          {
+            items: [],
+            toggle: {
+              text: 'Secondary',
+              variant: 'secondary',
+              iconRight: <ArrowDropDownIcon />,
+            },
+          },
+        ]}
+        backLink={{
+          text: 'Back link',
+          href: '#',
+          onClick: () => {
+            window.alert('Back button clicked');
+          },
+        }}
+        badge={{
+          variant: 'primary',
+          label: 'Beta',
+        }}
+        description={
+          <Text>
+            Main description of the page. It provides a comprehensive overview, accurately capturing
+            the essence of the topic in a concise manner.{' '}
+            <Link external={true} href="#" target="_blank">
+              Learn more
+            </Link>
+          </Text>
+        }
+        icon={<img alt="" height={40} src="logo.svg" width={40} />}
+        title="Page Title"
+      />
+    );
+  };
+  ```
+
+  #### `Page`
+
+  A page component that can be used to display a header and main content.
+
+  ```tsx
+  import { Panel } from '@bigcommerce/big-design';
+  import { Page, Header } from '@bigcommerce/big-design-patterns';
+
+  export const Component = () => {
+    return (
+      <Page
+        background={{
+          src: 'background.jpg',
+        }}
+        header={<Header {...} />}
+        message={{
+          header: 'Optional headline',
+          type: 'info',
+          messages: [
+            { text: 'Required description copy.', link: { text: 'Optional link', href: '#' } },
+          ],
+        }}
+      >
+        <Panel header="Main content">
+          ...
+        </Panel>
+      </Page>
+    );
+  };
+  ```

packages/big-design-patterns/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "@bigcommerce/big-design-patterns",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "sideEffects": false,
   "main": "src/index.ts",
   "author": "BigCommerce Inc",

packages/big-design-patterns/package.json

@@ -1,5 +1,12 @@
 # Change Log
 
+## 1.2.1
+
+### Patch Changes
+
+- Updated dependencies [cc19989]
+  - @bigcommerce/big-design-patterns@1.0.0
+
 ## 1.2.0
 
 ### Minor Changes

packages/docs/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "@bigcommerce/docs",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "private": true,
   "sideEffects": false,
   "license": "(MIT AND CC-BY-3.0)",