@royallondon/design-system-component-avatar 0.0.0-stage → 1.3.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,41 @@
-# 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 Avatar package from npm
+
+```bash
+npm install @royallondon/design-system-component-avatar
+```
+
+Import the required CSS file
+
+```css
+@import '@royallondon/design-system-component-avatar/dist/avatar';
+```
+
+[Start using the Avatar component](https://design.royallondon.com/components/avatar/#live-example)
+
+### Support
+
+Issues and questions are handled through the [Royal London Design System support page](https://design.royallondon.com/support/).
+
+### Licence
+
+#### @royallondon/design-system-component-avatar
+
+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 Avatar component for the [Royal London Design System](https://design.royallondon.com). For design guidance, examples and accessibility notes, see the [Avatar page](https://design.royallondon.com/components/avatar/).
+
+### Release log
+
+| Version | Release notes                                                                                        |
+| ------- | ---------------------------------------------------------------------------------------------------- |
+| 1.3.0   | Prepare for public npm release: add licence, publish `dist` only (`src` removed), remove source maps |
+| 1.2.3   | Move to new feed                                                                                     |
+| 1.2.0   | Apply new icons and latest tokens added to foundations                                               |
+| 1.1.0   | Update styles to use type tokens                                                                     |
+| 1.0.2   | Build package css                                                                                    |
+| 1.0.1   | Apply icon size via css                                                                              |
+| 1.0.0   | First release after testing                                                                          |

package/dist/avatar.css

@@ -0,0 +1,5 @@
+.rl-c-avatar{-moz-column-gap:var(--spacing-02);column-gap:var(--spacing-02);display:flex;font-family:var(--typography-font-family-body-small);width:100%}.rl-c-avatar__icon{align-items:center;background:var(--avatar-item-library-fill-container-secondary);border:1px solid var(--avatar-item-library-stroke-secondary);border-radius:50%;color:var(--avatar-item-library-text-initial-secondary);display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.rl-c-avatar__icon svg{fill:currentColor;height:1rem;width:1rem}.rl-c-avatar__icon-text{font-family:var(--typography-font-family-title-medium);font-size:var(--typography-size-title-medium);font-weight:var(--typography-weight-title-medium);line-height:var(--type-line-height);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rl-c-avatar__detail{display:flex;flex-direction:column;justify-content:center}.rl-c-avatar__detail-role{color:var(--avatar-text-label);margin-block-end:0}.rl-c-avatar__detail-name{color:var(--avatar-text-body);margin-block-end:0}.rl-c-avatar--primary .rl-c-avatar__icon{background-color:var(--avatar-item-library-fill-container-primary);border-color:var(--avatar-item-library-stroke-primary);color:var(--avatar-item-library-text-initial-primary)}.rl-c-avatar--tertiary-wine .rl-c-avatar__icon{background-color:var(--avatar-item-library-fill-container-tertiary-wine);border-color:var(--avatar-item-library-stroke-tertiary-wine);color:var(--avatar-item-library-text-initial-tertiary-wine)}.rl-c-avatar--tertiary-rose .rl-c-avatar__icon{background-color:var(--avatar-item-library-fill-container-tertiary-rose);border-color:var(--avatar-item-library-stroke-tertiary-rose);color:var(--avatar-item-library-text-initial-tertiary-rose)}.rl-c-avatar--tertiary-watermelon .rl-c-avatar__icon{background-color:var(
+      --avatar-item-library-fill-container-tertiary-watermelon
+    );border-color:var(--avatar-item-library-stroke-tertiary-watermelon);color:var(--avatar-item-library-text-initial-tertiary-watermelon)}.rl-c-avatar--tertiary-lavender .rl-c-avatar__icon{background-color:var(
+      --avatar-item-library-fill-container-tertiary-lavender
+    );border-color:var(--avatar-item-library-stroke-tertiary-lavender);color:var(--avatar-item-library-text-initial-tertiary-lavender)}.rl-c-avatar--tertiary-azure .rl-c-avatar__icon{background-color:var(--avatar-item-library-fill-container-tertiary-azure);border-color:var(--avatar-item-library-stroke-tertiary-azure);color:var(--avatar-item-library-text-initial-tertiary-azure)}

package/package.json

@@ -1,6 +1,41 @@
 {
   "name": "@royallondon/design-system-component-avatar",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.3.0",
+  "description": "Royal London Design System - Avatar package",
+  "homepage": "https://design.royallondon.com/components/avatar/",
+  "repository": {
+    "type": "git",
+    "url": "https://dev.azure.com/RLG-UK/GTC/_git/design-system",
+    "directory": "ds-packages/packages/design-system-component-avatar"
+  },
+  "bugs": {
+    "url": "https://design.royallondon.com/support/"
+  },
+  "keywords": [
+    "royal-london-design-system-component-avatar",
+    "rlds-avatar",
+    "royal-london"
+  ],
+  "author": "Design System Squad <DesignSystem@royallondon.com>",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "main": "dist/avatar.css",
+  "style": "dist/avatar.css",
+  "scripts": {
+    "build:clean": "npx rimraf dist",
+    "build:lint": "stylelint src/**/*.{css,pcss} --fix",
+    "build:css": "postcss src/**/avatar.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"
+  }
 }