Deploy 10.7.2

docs/CHANGELOG.md

@@ -1,5 +1,14 @@
 # docs
 
+## 0.5.2
+
+### Patch Changes
+
+- Deploy 10.7.2
+- Updated dependencies
+  - @heathmont/moon-core-tw@10.7.2
+  - @heathmont/moon-base-tw@10.7.2
+
 ## 0.5.1
 
 ### Patch Changes

docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@heathmont/moon-base-tw": "workspace:^10.7.1",
-    "@heathmont/moon-core-tw": "workspace:^10.7.1",
+    "@heathmont/moon-base-tw": "workspace:^10.7.2",
+    "@heathmont/moon-core-tw": "workspace:^10.7.2",
     "@heathmont/moon-icons-tw": "9.28.4",
     "@types/node": "20.4.9",
     "@types/react": "18.2.19",

next-docs/CHANGELOG.md

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

next-docs/components/themes/useThemes.tsx

@@ -21,6 +21,7 @@ type Themes = {
   tradeart: ColorModes;
   tradeartMiniBetting: ColorModes;
   travel: ColorModes;
+  pay: ColorModes;
 };
 
 export const themes: Themes = {
@@ -80,6 +81,10 @@ export const themes: Themes = {
     dark: 'theme-travel-light',
     light: 'theme-travel-light',
   },
+  pay: {
+    dark: 'theme-pay-light',
+    light: 'theme-pay-light',
+  },
 };
 
 export type Brand = keyof Themes;

next-docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-docs",
-  "version": "10.7.1",
+  "version": "10.7.2",
   "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.7.1",
+    "@heathmont/moon-cmdk-tw": "workspace:^10.7.2",
     "@heathmont/moon-core": "workspace:^10.7.1",
-    "@heathmont/moon-core-tw": "workspace:^10.7.1",
+    "@heathmont/moon-core-tw": "workspace:^10.7.2",
     "@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.7.1",
+    "@heathmont/moon-table-tw": "workspace:^10.7.2",
     "@heathmont/moon-themes": "workspace:^10.7.1",
-    "@heathmont/moon-themes-tw": "workspace:^10.7.1",
+    "@heathmont/moon-themes-tw": "workspace:^10.7.2",
     "@heathmont/moon-utils": "workspace:^10.7.1",
     "@heathmont/moon-icons-tw": "9.28.5",
     "@hookform/resolvers": "3.2.0",

next-docs/pages/components/button.tsx

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import Preview from '../../components/codePreview/Preview';
 import ComponentPageDescription from '../../components/ComponentPageDescription';
+import type { ComponentNames } from '../../components/getComponent';
 import Layout from '../../components/Layout';
 import PropsTable from '../../components/PropsTable';
 import Animations from '../../public/examples/button/Animations';
@@ -9,10 +10,10 @@ import Default from '../../public/examples/button/Default';
 import Disabled from '../../public/examples/button/Disabled';
 import FullWidth from '../../public/examples/button/FullWidth';
 import Icons from '../../public/examples/button/Icons';
+import Multiline from '../../public/examples/button/Multiline';
 import Sizes from '../../public/examples/button/Sizes';
 import Variants from '../../public/examples/button/Variants';
 import useComponent from '../../utils/useComponent';
-import type { ComponentNames } from '../../components/getComponent';
 
 const COMPONENT_NAME: ComponentNames = 'Button';
 
@@ -79,6 +80,12 @@ const PageButton = () => {
         preview={<Animations />}
         code={examples ? examples.Animations : 'Loading'}
       />
+      <Preview
+        title="Multiline"
+        description="Multiline button exists in XL size only. Please copy and paste the code below to see the result."
+        preview={<Multiline />}
+        code={examples ? examples.Multiline : 'Loading'}
+      />
       <PropsTable
         title="Button props"
         data={[

next-docs/pages/components/circularProgress.tsx

@@ -1,14 +1,14 @@
 import { ReactNode } from 'react';
 import Preview from '../../components/codePreview/Preview';
 import ComponentPageDescription from '../../components/ComponentPageDescription';
+import type { ComponentNames } from '../../components/getComponent';
 import Layout from '../../components/Layout';
 import PropsTable from '../../components/PropsTable';
 import Colors from '../../public/examples/circularProgress/Colors';
 import Default from '../../public/examples/circularProgress/Default';
 import Sizes from '../../public/examples/circularProgress/Sizes';
 import Values from '../../public/examples/circularProgress/Values';
 import useComponent from '../../utils/useComponent';
-import type { ComponentNames } from '../../components/getComponent';
 
 const COMPONENT_NAME: ComponentNames = 'CircularProgress';
 
@@ -19,7 +19,6 @@ const PageCircularProgress = () => {
       <ComponentPageDescription
         title={name}
         image={image}
-        isInProgress
         isRtlSupport
         isAriaSupport
       >
@@ -49,18 +48,11 @@ const PageCircularProgress = () => {
         title="Progress props"
         data={[
           {
-            name: 'bgColor',
-            type: 'string',
-            required: false,
-            default: 'stroke-trunks/[.24]',
-            description: 'Background colour',
-          },
-          {
-            name: 'progressColor',
+            name: 'className',
             type: 'string',
             required: false,
-            default: 'stroke-piccolo',
-            description: 'Progress bar colour',
+            default: '-',
+            description: 'Tailwind classes for custom styles.',
           },
           {
             name: 'size',

next-docs/public/examples/button/Multiline.tsx

@@ -0,0 +1,14 @@
+import { Button } from '@heathmont/moon-core-tw';
+
+const Example = () => (
+  <Button size="xl" className="py-3">
+    <span className="flex flex-col gap-1">
+      <span className="leading-none">Button text</span>
+      <span className="text-moon-9 font-normal leading-[12px]">
+        Placeholder text
+      </span>
+    </span>
+  </Button>
+);
+
+export default Example;