updates

CianciarusoCataldo · Jul 21, 2024 · 43177b1 · 43177b1
1 parent 4b44b72
commit 43177b1
Show file tree

Hide file tree

Showing 142 changed files with 1,748 additions and 1,790 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -38,6 +38,7 @@
 - Refactoring
 - Bundle size reduced
 - New `underline` prop for `Link` component
+- `highlight` property removed from `CodeBox` component
 - UI re-designed for all components
 
 <br>

diff --git a/docs-gen/components/atoms/CodeBox/props.json b/docs-gen/components/atoms/CodeBox/props.json
@@ -3,11 +3,6 @@
     "type": "string",
     "description": "code to display - multiline string is supported"
   },
-  "highlight": {
-    "type": "boolean",
-    "description": "Enable/disable  text highlight, based on selected environment",
-    "default": "true"
-  },
   "environment": {
     "type": "'javascript' | 'python' | 'terminal' | 'common'",
     "description": "environment for text highlight feature, default to 'terminal' (only enabled when 'highlight' is true)",

diff --git a/docs-gen/components/molecules/Card/props.json b/docs-gen/components/molecules/Card/props.json
@@ -53,6 +53,11 @@
     "type": "boolean",
     "default": false
   },
+  "dividerSize": {
+    "description": "Set the size of the top and the bottom divider",
+    "default": "1px",
+    "type": "string"
+  },
   "children": {
     "type": "`JSX.Element` | `string`",
     "default": "",

diff --git a/docs-gen/components/molecules/DismissableCard/props.json b/docs-gen/components/molecules/DismissableCard/props.json
@@ -80,5 +80,11 @@
     "description": "Custom props applied on the Card footer - extended from [Card component](../../molecules/Card/props.md#footerProps)",
     "type": "Record<string, any>",
     "comment": "Custom props applied on the Card footer - extended from {@link https://cianciarusocataldo.github.io/mobrix-ui/components/molecules/Card Card}"
+  },
+  "dividerSize": {
+    "description": "Set the size of the top and the bottom divider - extended from [Card component](../../molecules/Card/props.md#dividerSize)",
+    "default": "1px",
+    "type": "string",
+    "comment": "Set the size of the top and the bottom divider - extended from {@link https://cianciarusocataldo.github.io/mobrix-ui/components/molecules/Card Card}"
   }
 }
diff --git a/docs-gen/components/molecules/Review/css-vars.json b/docs-gen/components/molecules/Review/css-vars.json
@@ -25,30 +25,17 @@
     "defaultGlobal": "--mbx-text-color-dark",
     "fallback": "--mbx-review-text-color"
   },
-  "--mbx-review-link-color": {
-    "description": "Fallback value for `--mbx-review-link-color-light` and `--mbx-review-link-color-dark`"
-  },
-  "--mbx-review-link-color-light": {
-    "description": "Review link color when [dark mode](https://cianciarusocataldo.github.io/mobrix-ui/docs/shared/props/#dark) is `off`",
-    "defaultColor": "#615f5f",
-    "fallback": "--mbx-review-link-color"
-  },
-  "--mbx-review-link-color-dark": {
-    "description": "Review link color when [dark mode](https://cianciarusocataldo.github.io/mobrix-ui/docs/shared/props/#dark) is `on`",
-    "defaultColor": "white",
-    "fallback": "--mbx-review-link-color"
-  },
-  "--mbx-review-github-color": {
+  "--mbx-review-icon-color": {
     "description": "Fallback value for `--mbx-review-github-color-light` and `--mbx-review-github-color-dark`"
   },
-  "--mbx-review-github-color-light": {
-    "description": "Review github icon color when [dark mode](https://cianciarusocataldo.github.io/mobrix-ui/docs/shared/props/#dark) is `on`",
+  "--mbx-review-icon-color-light": {
+    "description": "Review icon icon color when [dark mode](https://cianciarusocataldo.github.io/mobrix-ui/docs/shared/props/#dark) is `on`",
     "defaultColor": "#615f5f",
-    "fallback": "--mbx-review-github-color"
+    "fallback": "--mbx-review-icon-color"
   },
-  "--mbx-review-github-color-dark": {
-    "description": "Review github icon color when [dark mode](https://cianciarusocataldo.github.io/mobrix-ui/docs/shared/props/#dark) is `off`",
+  "--mbx-review-icon-color-dark": {
+    "description": "Review icon icon color when [dark mode](https://cianciarusocataldo.github.io/mobrix-ui/docs/shared/props/#dark) is `off`",
     "defaultColor": "white",
-    "fallback": "--mbx-review-github-color"
+    "fallback": "--mbx-review-icon-color"
   }
 }
diff --git a/docs/components/atoms/CodeBox/props.md b/docs/components/atoms/CodeBox/props.md
@@ -15,7 +15,6 @@
 | <div style='text-align:center;margin:auto;'>Parameter</div> | <div style='text-align:center;margin:auto;'>Type</div> | <div style='text-align:center;margin:auto;'>Default</div> |
 | ----------------------------------------------------------- | --------------------------------------------------------- | ------------------------------------------------------------- |
 | <div style='text-align:center;margin:auto;'>[value](#value)</div> | <div style='text-align:center;margin:auto;'>string</div> | <div style='text-align:center;margin:auto;'>/</div> |
-| <div style='text-align:center;margin:auto;'>[highlight](#highlight)</div> | <div style='text-align:center;margin:auto;'>boolean</div> | <div style='text-align:center;margin:auto;'>true</div> |
 | <div style='text-align:center;margin:auto;'>[environment](#environment)</div> | <div style='text-align:center;margin:auto;'>`javascript` &#124; `python` &#124; `terminal` &#124; `common`</div> | <div style='text-align:center;margin:auto;'>'terminal'</div> |
 | <div style='text-align:center;margin:auto;'>[copyButton](#copybutton)</div> | <div style='text-align:center;margin:auto;'>boolean</div> | <div style='text-align:center;margin:auto;'>true</div> |
 
@@ -42,21 +41,6 @@ code to display - multiline string is supported
 
 <br>
 
-### highlight
-
-<!-- prettier-ignore -->
-| <div style='text-align:center;margin:auto;'>Type</div> | <div style='text-align:center;margin:auto;'>Default</div> |
-| ---------------------------------------------------------- | --------------------------------------------------------- |
-| <div style='text-align:center;margin:auto;'>boolean</div> | <div style='text-align:center;margin:auto;'>true</div> |
-
-<br>
-
-Enable/disable text highlight, based on selected environment
-
-<br>
-
-<br>
-
 ### environment
 
 <!-- prettier-ignore -->

diff --git a/docs/components/molecules/Card/props.md b/docs/components/molecules/Card/props.md
@@ -26,6 +26,7 @@
 | <div style='text-align:center;margin:auto;'>[noDivider](#nodivider)</div> | <div style='text-align:center;margin:auto;'>boolean</div> | <div style='text-align:center;margin:auto;'>/</div> |
 | <div style='text-align:center;margin:auto;'>[noTopDivider](#notopdivider)</div> | <div style='text-align:center;margin:auto;'>boolean</div> | <div style='text-align:center;margin:auto;'>/</div> |
 | <div style='text-align:center;margin:auto;'>[noBottomDivider](#nobottomdivider)</div> | <div style='text-align:center;margin:auto;'>boolean</div> | <div style='text-align:center;margin:auto;'>/</div> |
+| <div style='text-align:center;margin:auto;'>[dividerSize](#dividersize)</div> | <div style='text-align:center;margin:auto;'>string</div> | <div style='text-align:center;margin:auto;'>1px</div> |
 | <div style='text-align:center;margin:auto;'>[children](#children)</div> | <div style='text-align:center;margin:auto;'>`JSX.Element` &#124; `string`</div> | <div style='text-align:center;margin:auto;'>/</div> |
 
 <br>
@@ -216,6 +217,21 @@ If `true`, hide the top divider, between body and footer
 
 <br>
 
+### dividerSize
+
+<!-- prettier-ignore -->
+| <div style='text-align:center;margin:auto;'>Type</div> | <div style='text-align:center;margin:auto;'>Default</div> |
+| ---------------------------------------------------------- | --------------------------------------------------------- |
+| <div style='text-align:center;margin:auto;'>string</div> | <div style='text-align:center;margin:auto;'>1px</div> |
+
+<br>
+
+Set the size of the top and the bottom divider
+
+<br>
+
+<br>
+
 ### children
 
 <!-- prettier-ignore -->

diff --git a/docs/components/molecules/DismissableCard/props.md b/docs/components/molecules/DismissableCard/props.md
@@ -29,6 +29,7 @@
 | <div style='text-align:center;margin:auto;'>[headerProps](#headerprops)</div> | <div style='text-align:center;margin:auto;'>Record<string, any></div> | <div style='text-align:center;margin:auto;'>/</div> |
 | <div style='text-align:center;margin:auto;'>[bodyProps](#bodyprops)</div> | <div style='text-align:center;margin:auto;'>Record<string, any></div> | <div style='text-align:center;margin:auto;'>/</div> |
 | <div style='text-align:center;margin:auto;'>[footerProps](#footerprops)</div> | <div style='text-align:center;margin:auto;'>Record<string, any></div> | <div style='text-align:center;margin:auto;'>/</div> |
+| <div style='text-align:center;margin:auto;'>[dividerSize](#dividersize)</div> | <div style='text-align:center;margin:auto;'>string</div> | <div style='text-align:center;margin:auto;'>1px</div> |
 
 <br>
 
@@ -260,3 +261,18 @@ Custom props applied on the Card body - extended from [Card component](../../mol
 Custom props applied on the Card footer - extended from [Card component](../../molecules/Card/props.md#footerProps)
 
 <br>
+
+<br>
+
+### dividerSize
+
+<!-- prettier-ignore -->
+| <div style='text-align:center;margin:auto;'>Type</div> | <div style='text-align:center;margin:auto;'>Default</div> |
+| ---------------------------------------------------------- | --------------------------------------------------------- |
+| <div style='text-align:center;margin:auto;'>string</div> | <div style='text-align:center;margin:auto;'>1px</div> |
+
+<br>
+
+Set the size of the top and the bottom divider - extended from [Card component](../../molecules/Card/props.md#dividerSize)
+
+<br>