@cruk/chakra-components 4.0.0-dev.6 → 4.0.0-dev.8

package/README.md

@@ -1,7 +1,7 @@
-# CRUK Chakra Components 🎨
-
 ![Logo](.github/assets/logo.png)
 
+# CRUK Chakra Components 🎨
+
 A [Chakra UI v2](https://v2.chakra-ui.com/docs/) based component library that provides styled components following the [Cancer Research UK Helix design system](https://zeroheight.com/721bd94bd/p/074a6c-helix-design-system---cancer-research-uk) 🧬.
 It is a Work In Progress.
 
@@ -18,15 +18,11 @@ It is a Work In Progress.
 
 Depending on your project, you might install the library in the project root directory, or in `client`:
 
-## Install the package
-
 ```bash
+# Install the package
 npm install @cruk/chakra-components
-```
-
-## Install peer dependencies (if you don't already have them)
 
-```bash
+# Install peer dependencies (if you don't already have them)
 npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion
 ```
 
@@ -36,7 +32,7 @@ npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion
 
 Once added to the project, you can use the `ChakraBaseProvider` to wrap your application and provide styled based on the `crukBrand` theme.
 
-`````typescript
+```typescript
 import type { AppProps } from "next/app";
 import { ChakraBaseProvider, crukBrand } from "@cruk/chakra-components";
 
@@ -47,7 +43,7 @@ const App = ({ Component, pageProps }: AppProps) => (
 );
 
 export default App;
-```js
+```
 
 - 📖 [Styling documentation](https://super-succotash-wg8qmo1.pages.github.io/styling)
 - 📖 [Theming documentation](https://super-succotash-wg8qmo1.pages.github.io/theming)
@@ -58,32 +54,28 @@ export default App;
 
 After cloning the repository, install the dependencies:
 
-````bash
+```bash
 # Clone and setup
 git clone https://github.com/CRUKorg/cruk-chakra-components
 cd cruk-chakra-components
 npm ci
 
 # Start Storybook
-Ensure your npm v matches repo and run story book
-```bash
-nvm use && npm run storybook
-`````
+npm run storybook
+```
 
 ### Quick Test
 
-Ensure right version of node and run tests.
-
 ```bash
-nvm use && npm run test     # Unit tests
-nvm use && npm run test-ct  # Component tests
+npm run test     # Unit tests
+npm run test-ct  # Component tests
 ```
 
 ## Deployment and Releases 🚀
 
 ### Release Process
 
-This library uses [semantic-release](https://github.com/semantic-release/semantic-release) to automate versioning and package publishing based on **pull request titles** and **commit content**.
+This library uses [semantic-release](https://github.com/semantic-release/semantic-release) with **GitHub PR labels** to automate versioning and package publishing.
 
 #### Branch Strategy
 
@@ -92,54 +84,33 @@ This library uses [semantic-release](https://github.com/semantic-release/semanti
 
 #### Release Requirements
 
-**Important:** Only pull requests with `RELEASE` in the title will trigger a release. The version type (major/minor/patch) is determined by the commit content within that PR.
+**Important:** Only pull requests with the `release` label will trigger a release. The version type is determined by additional labels.
 
 #### Creating a Release
 
-1. **Create your pull request with `RELEASE` in the title:**
+1. **Create your pull request and add labels:**
 
-   ```none
-   RELEASE: Add new Button component
-   RELEASE: Fix accessibility issues
-   Feature update - RELEASE v2.1.0
-   ```
+   **Required label:**
+   - `release` - Must be present to trigger any release
 
-1. **Use conventional commit messages** within your PR to determine the release type:
+   **Version labels (choose one):**
+   - `breaking` or `major` - Major release (v1.0.0 → v2.0.0)
+   - `minor` - Minor release (v1.0.0 → v1.1.0)
+   - `patch` - Patch release (v1.0.0 → v1.0.1)
 
-   **Patch Release** (v1.0.0 → v1.0.1):
+   If only the `release` label is present, it defaults to a patch release.
 
-   ```none
-   fix: resolve Button focus state issue
-   docs: update component documentation
-   test: add missing unit tests
-   refactor: improve component structure
-   ```
+2. **For main branch releases: Obtain ServiceNow approval**
 
-   **Minor Release** (v1.0.0 → v1.1.0):
+   **Important:** All releases to the `main` branch require an approved ServiceNow change request before merging. This is mandatory for production deployments.
 
-   ```none
+3. **Merge your PR** to the appropriate branch:
 
-   feat: add new Button variant
-   feature: implement dark mode support
+   - Merge to `dev` for prerelease versions (no ServiceNow required)
+   - Merge to `main` for standard releases (ServiceNow approval required)
 
-   ```
-
-   **Major Release** (v1.0.0 → v2.0.0):
-
-```none
-
- feat: redesign Button component API
-
- BREAKING CHANGE: The Button component no longer accepts 'size' prop, use 'buttonSize' instead.
-
-```
-
-1. **Merge your PR** to the appropriate branch:
-   - Merge to `dev` for prerelease versions
-   - Merge to `main` for standard releases
-
-2. The semantic-release system will automatically:
-   - Analyse the PR title and commit content
+4. The semantic-release system will automatically:
+   - Read the PR labels
    - Determine the appropriate version bump
    - Generate release notes
    - Publish to npm
@@ -148,24 +119,17 @@ This library uses [semantic-release](https://github.com/semantic-release/semanti
 #### Examples
 
 ✅ **Will trigger a minor release:**
-
-- PR title: "RELEASE: Add new components"
-- Contains commit: "feat: add new Button variant"
+- Labels: `release`, `minor`
 
 ✅ **Will trigger a patch release:**
-
-- PR title: "RELEASE: Bug fixes"
-- Contains commit: "fix: resolve styling issue"
+- Labels: `release`, `patch`
+- Labels: `release` (defaults to patch)
 
 ✅ **Will trigger a major release:**
-
-- PR title: "RELEASE: Breaking API changes"
-- Contains commit with: "BREAKING CHANGE: removed deprecated props"
+- Labels: `release`, `breaking`
 
 ❌ **Will NOT trigger any release:**
-
-- PR title: "Add new components" (missing "RELEASE")
-- Even with commits like "feat: new component"
+- No `release` label present
 
 #### Manual Release
 
@@ -175,12 +139,12 @@ If needed, you can manually trigger a release:
 npm run release
 ```
 
-### Resources 📖
+## Resources 📖
 
 - [Component Examples (Storybook)](https://helix-components.cms.app.crnet.org)
 - [Full Documentation (Style guide, Theming, Testing and more)](https://super-succotash-wg8qmo1.pages.github.io/)
 - [Need help? Message us on Slack](https://cruk.slack.com/archives/C07BNR9FY4E)
 
-#### 📄 Licence
+## 📄 Licence
 
 MIT © Cancer Research UK

package/dist/cjs/components/Table/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@chakra-ui/react");const t=r.forwardRef(((t,n)=>{const{children:o,...u}=t;return e.jsxs(r.Table,{ref:n,...u,children:[o," "]})}));Object.defineProperty(exports,"TableContainer",{enumerable:!0,get:function(){return r.TableContainer}}),Object.defineProperty(exports,"Tbody",{enumerable:!0,get:function(){return r.Tbody}}),Object.defineProperty(exports,"Td",{enumerable:!0,get:function(){return r.Td}}),Object.defineProperty(exports,"Th",{enumerable:!0,get:function(){return r.Th}}),Object.defineProperty(exports,"Thead",{enumerable:!0,get:function(){return r.Thead}}),Object.defineProperty(exports,"Tr",{enumerable:!0,get:function(){return r.Tr}}),exports.Table=t;
+"use strict";var e=require("react/jsx-runtime"),r=require("@chakra-ui/react");const t=r.forwardRef(((t,n)=>{const{children:o,...u}=t;return e.jsx(r.Table,{ref:n,...u,children:o})}));Object.defineProperty(exports,"TableContainer",{enumerable:!0,get:function(){return r.TableContainer}}),Object.defineProperty(exports,"Tbody",{enumerable:!0,get:function(){return r.Tbody}}),Object.defineProperty(exports,"Td",{enumerable:!0,get:function(){return r.Td}}),Object.defineProperty(exports,"Th",{enumerable:!0,get:function(){return r.Th}}),Object.defineProperty(exports,"Thead",{enumerable:!0,get:function(){return r.Thead}}),Object.defineProperty(exports,"Tr",{enumerable:!0,get:function(){return r.Tr}}),exports.Table=t;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Table/index.tsx"],"sourcesContent":[null],"names":["Table","forwardRef","props","ref","children","rest","_jsxs","ChakraTable"],"mappings":"8EAkBM,MAAAA,EAAQC,EAAUA,YAAsB,CAACC,EAAOC,KACpD,MAAMC,SAAEA,KAAaC,GAASH,EAC9B,OACEI,OAACC,EAAAA,MAAW,CAACJ,IAAKA,KAASE,YACxBD,EAAU,MACC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Table/index.tsx"],"sourcesContent":[null],"names":["Table","forwardRef","props","ref","children","rest","_jsx","jsx","ChakraTable"],"mappings":"8EAkBM,MAAAA,EAAQC,EAAUA,YAAsB,CAACC,EAAOC,KACpD,MAAMC,SAAEA,KAAaC,GAASH,EAC9B,OACEI,EAAAC,IAACC,EAAWR,MAAA,CAACG,IAAKA,KAASE,EAAID,SAC5BA,GACW"}

package/dist/esm/components/Table/index.js

@@ -1,2 +1,2 @@
-import{jsxs as r}from"react/jsx-runtime";import{forwardRef as e,Table as a}from"@chakra-ui/react";export{TableContainer,Tbody,Td,Th,Thead,Tr}from"@chakra-ui/react";const t=e(((e,t)=>{const{children:o,...c}=e;return r(a,{ref:t,...c,children:[o," "]})}));export{t as Table};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,Table as a}from"@chakra-ui/react";export{TableContainer,Tbody,Td,Th,Thead,Tr}from"@chakra-ui/react";const t=e(((e,t)=>{const{children:o,...c}=e;return r(a,{ref:t,...c,children:o})}));export{t as Table};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Table/index.tsx"],"sourcesContent":[null],"names":["Table","forwardRef","props","ref","children","rest","_jsxs","ChakraTable"],"mappings":"oKAkBM,MAAAA,EAAQC,GAAgC,CAACC,EAAOC,KACpD,MAAMC,SAAEA,KAAaC,GAASH,EAC9B,OACEI,EAACC,EAAW,CAACJ,IAAKA,KAASE,YACxBD,EAAU,MACC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Table/index.tsx"],"sourcesContent":[null],"names":["Table","forwardRef","props","ref","children","rest","_jsx","ChakraTable"],"mappings":"mKAkBM,MAAAA,EAAQC,GAAgC,CAACC,EAAOC,KACpD,MAAMC,SAAEA,KAAaC,GAASH,EAC9B,OACEI,EAACC,EAAW,CAACJ,IAAKA,KAASE,EAAID,SAC5BA,GACW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/chakra-components",
-  "version": "4.0.0-dev.6",
+  "version": "4.0.0-dev.8",
   "description": "Chakra UI v2 based components for CRUK applications",
   "license": "MIT",
   "sideEffects": false,
@@ -67,6 +67,7 @@
     "@axe-core/playwright": "^4.10.1",
     "@chromatic-com/storybook": "^3.2.5",
     "@eslint/js": "^9.21.0",
+    "@octokit/rest": "^22.0.0",
     "@playwright/experimental-ct-react": "^1.51.0",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
@@ -74,8 +75,9 @@
     "@rollup/plugin-typescript": "^12.1.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
+    "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^11.0.1",
+    "@semantic-release/github": "^11.0.5",
     "@semantic-release/npm": "^12.0.1",
     "@semantic-release/release-notes-generator": "^14.0.3",
     "@storybook/addon-a11y": "^8.6.1",