release: v5.0.0-beta.0

README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.0.0-alpha.3.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.0.0-beta.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

lerna.json

@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.0.0-alpha.3",
+  "version": "5.0.0-beta.0",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }

packages/coreui-react/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.0.0-alpha.3.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.0.0-beta.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

packages/coreui-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "5.0.0-alpha.3",
+  "version": "5.0.0-beta.0",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -41,6 +41,7 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
+    "@coreui/coreui": "^5.0.0-beta.0",
     "@popperjs/core": "^2.11.8",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",

packages/coreui-react/src/components/dropdown/CDropdownToggle.tsx

@@ -21,7 +21,7 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
   /**
    * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
    * 
-   * @since v5.0.0-alpha.3
+   * @since v5.0.0-beta.0
    */
   navLink?: boolean
   /**

packages/docs/content/api/CChart.api.mdx

@@ -9,7 +9,7 @@ import CChart from '@coreui/react-chartjs/src/CChart'
 | --- | --- | --- | --- |
 | **className** | A string of all className you want applied to the base component. | `string` | - |
 | **customTooltips** | Enables custom html based tooltips instead of standard tooltips. | `boolean` | true |
-| **data** | The data object that is passed into the Chart.js chart (more info). | `ChartData<keyof ChartTypeRegistry, (number` \| `ScatterDataPoint` \| `BubbleDataPoint)[], unknown>` \| `((canvas: HTMLCanvasElement) => ChartData<...>)` | - |
+| **data** | The data object that is passed into the Chart.js chart (more info). | `ChartData<keyof ChartTypeRegistry, (number` \| `[number, number]` \| `Point` \| `BubbleDataPoint)[], unknown>` \| `((canvas: HTMLCanvasElement) => ChartData<...>)` | - |
 | **fallbackContent** | A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions. | `React.ReactNode` | - |
 | **getDatasetAtEvent** | Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event. | `(dataset: InteractionItem[], event: React.MouseEvent<HTMLCanvasElement>) => void` | - |
 | **getElementAtEvent** | Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event. | `(element: InteractionItem[], event: React.MouseEvent<HTMLCanvasElement>) => void` | - |

packages/docs/content/api/CCharts.api.mdx

@@ -9,7 +9,7 @@ import CChartBar from '@coreui/react-chartjs/src/CCharts'
 | --- | --- | --- | --- |
 | **className** | A string of all className you want applied to the base component. | `string` | - |
 | **customTooltips** | Enables custom html based tooltips instead of standard tooltips. | `boolean` | true |
-| **data** | The data object that is passed into the Chart.js chart (more info). | `ChartData<keyof ChartTypeRegistry, (number` \| `ScatterDataPoint` \| `BubbleDataPoint)[], unknown>` \| `((canvas: HTMLCanvasElement) => ChartData<...>)` | - |
+| **data** | The data object that is passed into the Chart.js chart (more info). | `ChartData<keyof ChartTypeRegistry, (number` \| `[number, number]` \| `Point` \| `BubbleDataPoint)[], unknown>` \| `((canvas: HTMLCanvasElement) => ChartData<...>)` | - |
 | **fallbackContent** | A fallback for when the canvas cannot be rendered. Can be used for accessible chart descriptions. | `React.ReactNode` | - |
 | **getDatasetAtEvent** | Proxy for Chart.js getDatasetAtEvent. Calls with dataset and triggering event. | `(dataset: InteractionItem[], event: React.MouseEvent<HTMLCanvasElement>) => void` | - |
 | **getElementAtEvent** | Proxy for Chart.js getElementAtEvent. Calls with single element array and triggering event. | `(element: InteractionItem[], event: React.MouseEvent<HTMLCanvasElement>) => void` | - |

packages/docs/content/api/CDropdownToggle.api.mdx

@@ -15,6 +15,7 @@ import CDropdownToggle from '@coreui/react/src/components/dropdown/CDropdownTogg
 | **custom** | Create a custom toggler which accepts any content. | `boolean` | - |
 | **disabled** | Toggle the disabled state for the component. | `boolean` | - |
 | **href** | The href attribute specifies the URL of the page the link goes to. | `string` | - |
+| **navLink** **_v5.0.0-beta.0+_** | If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button. | `boolean` | true |
 | **role** | The role attribute describes the role of an element in programs that can make use of it, such as screen readers or magnifiers. | `string` | - |
 | **shape** | Select the shape of the component. | `'rounded'` \| `'rounded-top'` \| `'rounded-end'` \| `'rounded-bottom'` \| `'rounded-start'` \| `'rounded-circle'` \| `'rounded-pill'` \| `'rounded-0'` \| `'rounded-1'` \| `'rounded-2'` \| `'rounded-3'` \| `string` | - |
 | **size** | Size the component small or large. | `'sm'` \| `'lg'` | - |

packages/docs/content/api/CIcon.api.mdx

@@ -16,4 +16,5 @@ import CIcon from '@coreui/icons-react/src/CIcon'
 | **size** | Size of the icon. Available sizes: 'sm', 'lg', 'xl', 'xxl', '3xl...9xl', 'custom', 'custom-size'. | `'custom'` \| `'custom-size'` \| `'sm'` \| `'lg'` \| `'xl'` \| `'xxl'` \| `'3xl'` \| `'4xl'` \| `'5xl'` \| `'6xl'` \| `'7xl'` \| `'8xl'` \| `'9xl'` | - |
 | **title** | Title tag content. | `string` | - |
 | **use** | If defined component will be rendered using 'use' tag. | `string` | - |
+| **viewBox** | The viewBox attribute defines the position and dimension of an SVG viewport. | `string` | - |
 | **width** | The width attribute defines the horizontal length of an icon. | `number` | - |

packages/docs/content/api/CNav.api.mdx

@@ -10,4 +10,4 @@ import CNav from '@coreui/react/src/components/nav/CNav'
 | **className** | A string of all className you want applied to the base component. | `string` | - |
 | **component** | Component used for the root node. Either a string to use a HTML element or a component. | `string` \| `ComponentClass<any, any>` \| `FunctionComponent<any>` | - |
 | **layout** | Specify a layout type for component. | `'fill'` \| `'justified'` | - |
-| **variant** | Set the nav variant to tabs or pills. | `'pills'` \| `'tabs'` \| `'underline'` | - |
+| **variant** | Set the nav variant to tabs or pills. | `'pills'` \| `'tabs'` \| `'underline'` \| `'underline-border'` | - |

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-docs",
-  "version": "5.0.0-alpha.3",
+  "version": "5.0.0-beta.0",
   "private": true,
   "description": "",
   "homepage": "https://coreui.io/react/",