@royallondon/design-system-component-cards 0.0.0-stage → 2.4.0

package/LICENSE.md

@@ -0,0 +1,54 @@
+Authorised Use Licence v1.0
+
+Copyright © 2026 Royal London.
+All rights reserved.
+
+1. Grant of Licence
+
+The Licensor grants a non-exclusive, non-transferable,
+revocable, royalty-free licence to use the Software only where:
+
+(a) the individual, organisation, or business has been
+expressly authorised in writing by the Licensor; and
+
+(b) such authorisation remains in force.
+
+2. Restrictions
+
+The Software may not be:
+
+(a) used by any unauthorised person or organisation;
+
+(b) redistributed, sublicensed, sold, rented or made
+available to third parties;
+
+(c) incorporated into another product or service without
+written approval;
+
+(d) reverse engineered except where prohibited by law.
+
+3. Ownership
+
+The Software remains the exclusive property of the Licensor.
+No ownership rights are transferred under this Licence.
+
+4. Termination
+
+The Licensor may revoke authorisation at any time by
+written notice.
+
+Upon termination the Licensee must immediately cease use
+of the Software and destroy all copies.
+
+5. No Warranty
+
+The Software is provided "as is" without warranty of any kind.
+
+6. Limitation of Liability
+
+The Licensor shall not be liable for any damages arising
+from use of the Software.
+
+7. Governing Law
+
+This Licence shall be governed by the laws of England and Wales.

package/README.md

@@ -1,3 +1,49 @@
-# Temporary Holding Version
+### Installation
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Install the Cards package from npm
+
+```bash
+npm install @royallondon/design-system-component-cards
+```
+
+Import the required CSS file
+
+```css
+@import '@royallondon/design-system-component-cards/dist/cards';
+```
+
+[Start using the Cards component](https://design.royallondon.com/components/cards/#live-example)
+
+[Modifiers are available to change the background colour of the card](https://design.royallondon.com/components/cards/#colour)
+
+### Support
+
+Issues and questions are handled through the [Royal London Design System support page](https://design.royallondon.com/support/).
+
+### Licence
+
+#### @royallondon/design-system-component-cards
+
+This package is published primarily for use in Royal London products. It is made available publicly so that partners and suppliers building Royal London experiences can consume it directly.
+
+Use of this package is subject to the Royal London Authorised Use Licence. See the `LICENSE.md` file included in this package.
+
+The Cards component for the [Royal London Design System](https://design.royallondon.com). For design guidance, examples and accessibility notes, see the [Cards page](https://design.royallondon.com/components/cards/).
+
+### Release log
+
+| Version | Release notes                                                                                                            |
+| ------- | ------------------------------------------------------------------------------------------------------------------------ |
+| 2.4.0   | Prepare for public npm release: add licence, publish `dist` only (`src` removed), remove source maps                     |
+| 2.3.4   | Move to new feed                                                                                                         |
+| 2.3.1   | Tweak spacings                                                                                                           |
+| 2.3.0   | Update layout to adapt to the inclusion of an Icon or Badge                                                              |
+| 2.2.0   | Apply latest tokens added to foundations                                                                                 |
+| 2.1.1   | Fix undesirable max-width limit inherited from Foundations ul rule                                                       |
+| 2.1.0   | Update cards to use type tokens                                                                                          |
+| 2.0.1   | Fix issue with media query processing without postcss                                                                    |
+| 2.0.0   | Upgrade for compatibility with foundations v2                                                                            |
+| 1.0.3   | Fix alignment issues                                                                                                     |
+| 1.0.2   | Fix css compilation issue, nested queries weren't getting compiled correctly causing errors when using on other projects |
+| 1.0.1   | Updated readme                                                                                                           |
+| 1.0.0   | First release after testing                                                                                              |

package/dist/cards.css

@@ -0,0 +1 @@
+@custom-media --mq-xsmall (max-width: 31.9375rem);@custom-media --mq-small (min-width: 32rem);@custom-media --mq-medium (min-width: 48rem);@custom-media --mq-large (min-width: 64rem);@custom-media --mq-medium-max (max-width: 47.9375rem);@custom-media --mq-large-max (max-width: 63.9375rem);@custom-media --mq-xs-max (max-width: 31.9375rem);@custom-media --mq-sm (min-width: 32rem);@custom-media --mq-sm-max (max-width: 47.9375rem);@custom-media --mq-md (min-width: 48rem);@custom-media --mq-md-max (max-width: 63.9375rem);@custom-media --mq-lg (min-width: 64rem);@custom-media --mq-lg-max (max-width: 79.9375rem);@custom-media --mq-xl (min-width: 80rem);@custom-media --mq-xl-max (max-width: 95.9375rem);@custom-media --mq-xxl (min-width: 96rem);figure{margin:0;padding:0}.rl-c-cards__container{grid-gap:var(--spacing-05);display:flex;flex-direction:column;max-width:100%;padding:var(--spacing-05);width:100%}@media (min-width:48rem){.rl-c-cards__container{grid-gap:var(--spacing-04);flex-direction:row}}@media (--mq-medium ){.rl-c-cards__container{grid-gap:var(--spacing-04);flex-direction:row}}@media (max-width:31.9375rem){.rl-c-cards__container{margin-bottom:var(--spacing-03)}}@media (--mq-xsmall ){.rl-c-cards__container{margin-bottom:var(--spacing-03)}}.rl-c-card__item{box-sizing:border-box;display:flex;flex:1}.rl-c-card,[class*=rl-c-card--]{background:var(--card-fill-white);border-radius:var(--radius-xxs);display:flex;flex-direction:column;overflow:hidden;width:100%}.rl-c-card__image{margin-bottom:0}.rl-c-card__image img{display:block;height:auto;width:100%}.rl-c-card__content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-03)}.rl-c-card__header{align-items:start;display:flex;flex-direction:column;gap:var(--spacing-02);margin-bottom:var(--spacing-03)}.rl-c-card__subtitle,.rl-c-card__title{margin-bottom:0}.rl-c-card__subtitle{color:var(--card-text-subtitle);display:flex;font-family:var(--typography-font-family-body-small);font-size:var(--typography-size-body-small);font-weight:var(--typography-weight-display-small)}.rl-c-card__subtitle,.rl-c-card__title{font-style:normal;line-height:var(--type-line-height)}.rl-c-card__title{color:var(--card-text-title);flex-grow:1;font-family:var(--typography-font-family-title-large);font-size:var(--typography-size-title-large);font-weight:var(--typography-weight-title-large);padding-top:0}.rl-c-card__description{margin-bottom:var(--spacing-05)}.rl-c-card__description:last-child{margin-bottom:0}.rl-c-card__action{display:flex;flex-direction:column;gap:var(--spacing-03);margin-top:auto}@media (min-width:48rem){.rl-c-card__action{flex-direction:row;flex-wrap:wrap}}@media (--mq-md ){.rl-c-card__action{flex-direction:row;flex-wrap:wrap}}.rl-c-card__action [class*=rl-c-button]+[class*=rl-c-button]{margin:0}.rl-c-card--ice{background:var(--card-fill-neutral-20)}.rl-c-card--cloud{background:var(--card-fill-neutral-30)}.rl-c-card--cloud .rl-c-card__description,.rl-c-card--cloud .rl-c-card__subtitle{color:var(--card-text-body)}.rl-c-card--purple{background:var(--card-fill-primary-100)}.rl-c-card--purple .rl-c-card__description,.rl-c-card--purple .rl-c-card__subtitle,.rl-c-card--purple .rl-c-card__title{color:var(--card-text-title-inverted)}.rl-c-card--purple-10{background:var(--card-fill-primary-20)}

package/package.json

@@ -1,6 +1,41 @@
 {
   "name": "@royallondon/design-system-component-cards",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "2.4.0",
+  "description": "Royal London Design System - Cards package",
+  "homepage": "https://design.royallondon.com/components/cards/",
+  "repository": {
+    "type": "git",
+    "url": "https://dev.azure.com/RLG-UK/GTC/_git/design-system",
+    "directory": "ds-packages/packages/design-system-component-cards"
+  },
+  "bugs": {
+    "url": "https://design.royallondon.com/support/"
+  },
+  "keywords": [
+    "royal-london-design-system-component-cards",
+    "rlds-cards",
+    "royal-london"
+  ],
+  "author": "Design System Squad <DesignSystem@royallondon.com>",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "main": "dist/cards.css",
+  "style": "dist/cards.css",
+  "scripts": {
+    "build:clean": "npx rimraf dist",
+    "build:lint": "stylelint src/**/*.{css,pcss} --fix",
+    "build:css": "postcss src/**/cards.pcss --base src --dir dist/ --ext css",
+    "build": "npm-run-all --serial build:clean build:css"
+  },
+  "devDependencies": {
+    "@royallondon/design-system-foundations": "^2.23.0"
+  },
+  "peerDependencies": {
+    "@royallondon/design-system-foundations": ">= 2.15.0 < 3"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
 }