Merge pull request #2463 from coingaming/develop

Deploy 10.10.3

docs/CHANGELOG.md

@@ -1,5 +1,16 @@
 # docs
 
+## 10.10.3
+
+### Patch Changes
+
+- Deploy 10.10.3
+- Updated dependencies
+  - @heathmont/moon-base-tw@10.10.3
+  - @heathmont/moon-core-tw@10.10.3
+  - @heathmont/moon-cmdk-tw@10.10.3
+  - @heathmont/moon-themes-tw@10.10.3
+
 ## 10.10.2
 
 ### Patch Changes

docs/app/components/server/accordion/page.tsx

@@ -7,7 +7,7 @@ import QuickNav from '@/app/components/shared/QuickNav';
 import { getExamples } from '@/app/utils/getExamples';
 import { MDX } from '@/components/MDX';
 
-export default async function Home() {
+export default async function Accordion() {
   const { server } = await getExamples();
   const examplesList = Object.keys(server.accordion.examples);
   return (

docs/app/components/server/button/page.tsx

@@ -11,7 +11,7 @@ import QuickNav from '@/app/components/shared/QuickNav';
 import { getExamples } from '@/app/utils/getExamples';
 import { MDX } from '@/components/MDX';
 
-export default async function Home() {
+export default async function Button() {
   const { server } = await getExamples();
   const examplesList = Object.keys(server.button.examples);
   return (

docs/app/components/server/checkbox/examples/Default.tsx

@@ -1,5 +1,3 @@
 import Checkbox from '@heathmont/moon-base-tw/lib/checkbox/Checkbox';
 
 export const Default = () => <Checkbox />;
-
-export default Default;

docs/app/components/server/checkbox/page.tsx

@@ -4,7 +4,7 @@ import QuickNav from '@/app/components/shared/QuickNav';
 import { getExamples } from '@/app/utils/getExamples';
 import { MDX } from '@/components/MDX';
 
-export default async function Home() {
+export default async function Checkbox() {
   const { server } = await getExamples();
   const examplesList = Object.keys(server.checkbox.examples);
   return (

docs/app/components/server/chip/description.md

@@ -0,0 +1 @@
+Chips help filter content, or trigger actions.

docs/app/components/server/chip/examples/Default.tsx

@@ -0,0 +1,3 @@
+import Chip from '@heathmont/moon-base-tw/lib/chip/Chip';
+
+export const Default = () => <Chip>Default</Chip>;

docs/app/components/server/chip/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/chip/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
+
+export default async function Chip() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.chip.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Chip</h1>
+      <MDX markdown={server.chip.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.chip.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/server/input/description.md

@@ -0,0 +1,3 @@
+Text input fields allow users to enter text and can be used to collect user feedback or enter information in data entry forms.
+
+These types of input fields are used on their own, or in combination with other inputs such as number entry, date picker, etc.

docs/app/components/server/input/examples/Default.tsx

@@ -0,0 +1,3 @@
+import Input from '@heathmont/moon-base-tw/lib/input/Input';
+
+export const Default = () => <Input aria-label="default" />;

docs/app/components/server/input/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/input/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
+
+export default async function Input() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.input.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Input</h1>
+      <MDX markdown={server.input.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.input.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/server/loader/description.md

@@ -0,0 +1 @@
+Loaders provide a visual cue that an action is processing awaiting a course of change or a result.

docs/app/components/server/loader/examples/Default.tsx

@@ -0,0 +1,3 @@
+import Loader from '@heathmont/moon-base-tw/lib/loader/Loader';
+
+export const Default = () => <Loader />;

docs/app/components/server/loader/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/loader/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
+
+export default async function Loader() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.loader.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Loader</h1>
+      <MDX markdown={server.loader.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.loader.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/server/nativeSelect/description.md

@@ -0,0 +1,3 @@
+A form input used for selecting a value: when collapsed it shows the currently selected option and when expanded, it shows a scrollable list of predefined options for the user to choose from.
+
+When collapsed it shows the currently selected option and when expanded, it shows a scrollable list of predefined options for the user to choose from. Moon.io supports two types of selects, one whichs opens browser's native styling option list and Dropdown.

docs/app/components/server/nativeSelect/examples/Default.tsx

@@ -0,0 +1,10 @@
+import NativeSelect from '@heathmont/moon-base-tw/lib/nativeSelect/NativeSelect';
+
+export const Default = () => (
+  <NativeSelect>
+    <option value="Italy">Italy</option>
+    <option value="Spain">Spain</option>
+    <option value="China">China</option>
+    <option value="Germany">Germany</option>
+  </NativeSelect>
+);

docs/app/components/server/nativeSelect/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/nativeSelect/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
+
+export default async function NativeSelect() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.nativeSelect.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">NativeSelect</h1>
+      <MDX markdown={server.nativeSelect.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.nativeSelect.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/server/pagination/description.md

@@ -0,0 +1,3 @@
+Pagination is the process of splitting information over multiple pages instead of showing it all on a single page.
+
+Also the name for the interface component used for navigating between these pages.

docs/app/components/server/pagination/examples/Default.tsx

@@ -0,0 +1,9 @@
+import Pagination from '@heathmont/moon-base-tw/lib/pagination/Pagination';
+
+export const Default = () => (
+  <Pagination>
+    <Pagination.PrevButton>Previous</Pagination.PrevButton>
+    <Pagination.Pages currentPage={5} totalPages={11} />
+    <Pagination.NextButton>Next</Pagination.NextButton>
+  </Pagination>
+);

docs/app/components/server/pagination/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/pagination/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
+
+export default async function Pagination() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.pagination.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Pagination</h1>
+      <MDX markdown={server.pagination.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.pagination.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/server/table/description.md

@@ -0,0 +1 @@
+A component for displaying large amounts of data in rows and columns.

docs/app/components/server/table/examples/Default.tsx

@@ -0,0 +1,25 @@
+import Table from '@heathmont/moon-base-tw/lib/table/Table';
+
+export const Default = () => (
+  <Table>
+    <Table.Head>
+      <Table.Row>
+        <Table.Header>Header 1</Table.Header>
+        <Table.Header>Header 2</Table.Header>
+        <Table.Header>Header 3</Table.Header>
+      </Table.Row>
+    </Table.Head>
+    <Table.Body>
+      <Table.Row>
+        <Table.Cell>Cell 1</Table.Cell>
+        <Table.Cell>Cell 2</Table.Cell>
+        <Table.Cell>Cell 3</Table.Cell>
+      </Table.Row>
+      <Table.Row>
+        <Table.Cell>Cell 1</Table.Cell>
+        <Table.Cell>Cell 2</Table.Cell>
+        <Table.Cell>Cell 3</Table.Cell>
+      </Table.Row>
+    </Table.Body>
+  </Table>
+);

docs/app/components/server/table/page.tsx

@@ -0,0 +1,22 @@
+import { Default } from '@/app/components/server/table/examples/Default';
+import ExampleSection from '@/app/components/shared/ExampleSection';
+import QuickNav from '@/app/components/shared/QuickNav';
+import { getExamples } from '@/app/utils/getExamples';
+import { MDX } from '@/components/MDX';
+
+export default async function Table() {
+  const { server } = await getExamples();
+  const examplesList = Object.keys(server.table.examples);
+  return (
+    <div className="w-full max-w-7xl flex flex-col gap-4 text-moon-14">
+      <h1 className="font-medium text-moon-32">Table</h1>
+      <MDX markdown={server.table.description} />
+      <QuickNav items={examplesList} />
+      <ExampleSection
+        title="Default"
+        component={<Default />}
+        code={server.table.examples.Default}
+      />
+    </div>
+  );
+}

docs/app/components/shared/CodePreview.tsx

@@ -1,5 +1,5 @@
 const CodePreview = ({ code }: { code: string }) => (
-  <pre className="theme-moon-dark bg-gohan text-bulma rounded-moon-s-sm p-4">
+  <pre className="theme-moon-dark overflow-x-auto bg-gohan text-bulma rounded-moon-s-sm p-4">
     {code}
   </pre>
 );

docs/app/components/types.ts

@@ -42,6 +42,42 @@ export interface Examples {
         Default: 'string';
       };
     };
+    chip: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
+    input: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
+    loader: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
+    nativeSelect: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
+    pagination: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
+    table: {
+      description: 'string';
+      examples: {
+        Default: 'string';
+      };
+    };
     tag: {
       description: 'string';
       examples: {

docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "10.10.2",
+  "version": "10.10.3",
   "private": true,
   "type": "module",
   "scripts": {
@@ -11,11 +11,11 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@heathmont/moon-base-tw": "workspace:^10.10.2",
-    "@heathmont/moon-cmdk-tw": "workspace:^10.10.2",
-    "@heathmont/moon-core-tw": "workspace:^10.10.2",
+    "@heathmont/moon-base-tw": "workspace:^10.10.3",
+    "@heathmont/moon-cmdk-tw": "workspace:^10.10.3",
+    "@heathmont/moon-core-tw": "workspace:^10.10.3",
     "@heathmont/moon-icons-tw": "9.28.6",
-    "@heathmont/moon-themes-tw": "workspace:^10.10.2",
+    "@heathmont/moon-themes-tw": "workspace:^10.10.3",
     "@types/node": "20.4.9",
     "@types/react": "18.2.19",
     "@types/react-dom": "18.2.7",

next-docs/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
 
+## 10.10.3
+
+### Patch Changes
+
+- Deploy 10.10.3
+- Updated dependencies
+  - @heathmont/moon-table-tw@10.10.3
+  - @heathmont/moon-core-tw@10.10.3
+  - @heathmont/moon-cmdk-tw@10.10.3
+  - @heathmont/moon-themes-tw@10.10.3
+
 ## 10.10.2
 
 ### Patch Changes

next-docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-docs",
-  "version": "10.10.2",
+  "version": "10.10.3",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -19,9 +19,9 @@
     "@heathmont/moon-assets": "workspace:^10.7.1",
     "@heathmont/moon-charts": "workspace:^10.7.1",
     "@heathmont/moon-components": "workspace:^10.7.1",
-    "@heathmont/moon-cmdk-tw": "workspace:^10.10.2",
+    "@heathmont/moon-cmdk-tw": "workspace:^10.10.3",
     "@heathmont/moon-core": "workspace:^10.7.1",
-    "@heathmont/moon-core-tw": "workspace:^10.10.2",
+    "@heathmont/moon-core-tw": "workspace:^10.10.3",
     "@heathmont/moon-datepicker": "workspace:^10.7.1",
     "@heathmont/moon-draggabletable": "workspace:^10.7.1",
     "@heathmont/moon-icons": "workspace:^10.7.1",
@@ -30,9 +30,9 @@
     "@heathmont/moon-select": "workspace:^10.7.1",
     "@heathmont/moon-sidebar": "workspace:^10.7.1",
     "@heathmont/moon-table": "workspace:^10.7.1",
-    "@heathmont/moon-table-tw": "workspace:^10.10.2",
+    "@heathmont/moon-table-tw": "workspace:^10.10.3",
     "@heathmont/moon-themes": "workspace:^10.7.1",
-    "@heathmont/moon-themes-tw": "workspace:^10.10.2",
+    "@heathmont/moon-themes-tw": "workspace:^10.10.3",
     "@heathmont/moon-utils": "workspace:^10.7.1",
     "@heathmont/moon-icons-tw": "9.28.6",
     "@hookform/resolvers": "3.2.0",