@royallondon/design-system-component-callout 0.0.0-stage → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +54 -0
- package/README.md +38 -2
- package/dist/callout.css +1 -0
- package/package.json +38 -3
package/LICENSE.md
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
Authorised Use Licence v1.0
|
|
2
|
+
|
|
3
|
+
Copyright © 2026 Royal London.
|
|
4
|
+
All rights reserved.
|
|
5
|
+
|
|
6
|
+
1. Grant of Licence
|
|
7
|
+
|
|
8
|
+
The Licensor grants a non-exclusive, non-transferable,
|
|
9
|
+
revocable, royalty-free licence to use the Software only where:
|
|
10
|
+
|
|
11
|
+
(a) the individual, organisation, or business has been
|
|
12
|
+
expressly authorised in writing by the Licensor; and
|
|
13
|
+
|
|
14
|
+
(b) such authorisation remains in force.
|
|
15
|
+
|
|
16
|
+
2. Restrictions
|
|
17
|
+
|
|
18
|
+
The Software may not be:
|
|
19
|
+
|
|
20
|
+
(a) used by any unauthorised person or organisation;
|
|
21
|
+
|
|
22
|
+
(b) redistributed, sublicensed, sold, rented or made
|
|
23
|
+
available to third parties;
|
|
24
|
+
|
|
25
|
+
(c) incorporated into another product or service without
|
|
26
|
+
written approval;
|
|
27
|
+
|
|
28
|
+
(d) reverse engineered except where prohibited by law.
|
|
29
|
+
|
|
30
|
+
3. Ownership
|
|
31
|
+
|
|
32
|
+
The Software remains the exclusive property of the Licensor.
|
|
33
|
+
No ownership rights are transferred under this Licence.
|
|
34
|
+
|
|
35
|
+
4. Termination
|
|
36
|
+
|
|
37
|
+
The Licensor may revoke authorisation at any time by
|
|
38
|
+
written notice.
|
|
39
|
+
|
|
40
|
+
Upon termination the Licensee must immediately cease use
|
|
41
|
+
of the Software and destroy all copies.
|
|
42
|
+
|
|
43
|
+
5. No Warranty
|
|
44
|
+
|
|
45
|
+
The Software is provided "as is" without warranty of any kind.
|
|
46
|
+
|
|
47
|
+
6. Limitation of Liability
|
|
48
|
+
|
|
49
|
+
The Licensor shall not be liable for any damages arising
|
|
50
|
+
from use of the Software.
|
|
51
|
+
|
|
52
|
+
7. Governing Law
|
|
53
|
+
|
|
54
|
+
This Licence shall be governed by the laws of England and Wales.
|
package/README.md
CHANGED
|
@@ -1,3 +1,39 @@
|
|
|
1
|
-
|
|
1
|
+
### Installation
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Install the Callout package from npm
|
|
4
|
+
|
|
5
|
+
```bash
|
|
6
|
+
npm install @royallondon/design-system-component-callout
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
Import the required CSS file
|
|
10
|
+
|
|
11
|
+
```css
|
|
12
|
+
@import '@royallondon/design-system-component-callout/dist/callout';
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
[Start using the Callout component](https://design.royallondon.com/components/callout/#live-example)
|
|
16
|
+
|
|
17
|
+
### Support
|
|
18
|
+
|
|
19
|
+
Issues and questions are handled through the [Royal London Design System support page](https://design.royallondon.com/support/).
|
|
20
|
+
|
|
21
|
+
### Licence
|
|
22
|
+
|
|
23
|
+
#### @royallondon/design-system-component-callout
|
|
24
|
+
|
|
25
|
+
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.
|
|
26
|
+
|
|
27
|
+
Use of this package is subject to the Royal London Authorised Use Licence. See the `LICENSE.md` file included in this package.
|
|
28
|
+
|
|
29
|
+
The Callout component for the [Royal London Design System](https://design.royallondon.com). For design guidance, examples and accessibility notes, see the [Callout page](https://design.royallondon.com/components/callout/).
|
|
30
|
+
|
|
31
|
+
### Release log
|
|
32
|
+
|
|
33
|
+
| Version | Release notes |
|
|
34
|
+
| ------- | ---------------------------------------------------------------------------------------------------- |
|
|
35
|
+
| 1.3.0 | Prepare for public npm release: add licence, publish `dist` only (`src` removed), remove source maps |
|
|
36
|
+
| 1.2.3 | Move to new feed |
|
|
37
|
+
| 1.2.0 | Apply new icons and latest tokens added to foundations |
|
|
38
|
+
| 1.1.0 | Update to use type tokens |
|
|
39
|
+
| 1.0.0 | First release of Callout component, formerly In-page alert |
|
package/dist/callout.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.rl-c-callout{grid-column-gap:var(--spacing-02);background:var(--notification-callout-fill);border:.125rem solid var(--notification-callout-stroke-info);border-radius:var(--radius-sm);display:grid;grid-template-areas:"icon title" ". description";grid-template-columns:var(--icons-symbol-sm) 1fr;padding:var(--spacing-04) var(--spacing-04) var(--spacing-05);width:100%}.rl-c-callout>*{max-width:50rem}.rl-c-callout .rl-f-icon,.rl-c-callout [class*=rl-icon]{grid-area:icon;height:var(--icons-symbol-sm);margin-right:var(--spacing-02);width:var(--icons-symbol-sm)}.rl-c-callout [class*=rl-icon]{background-color:var(--icons-fill-container-info);color:var(--icons-fill-symbol-info)}.rl-c-callout__title{color:var(--notification-callout-text-title);font-family:var(--typography-font-family-title-medium);font-size:var(--typography-size-title-medium);font-weight:var(--typography-weight-title-medium);grid-area:title;line-height:var(--type-line-height);margin-bottom:var(--spacing-02)}.rl-c-callout__description{grid-area:description;margin-bottom:0}.rl-c-callout__description>*{margin-bottom:var(--spacing-02)}:is(.rl-c-callout__description>*):last-child{margin-bottom:0}.rl-c-callout--success{border-color:var(--notification-callout-stroke-success)}.rl-c-callout--success [class*=rl-icon]{background-color:var(--icons-fill-container-success);color:var(--icons-fill-symbol-success)}.rl-c-callout--warning{border-color:var(--notification-callout-stroke-warning)}.rl-c-callout--warning [class*=rl-icon]{background-color:var(--icons-fill-container-warning);color:var(--icons-fill-symbol-warning)}.rl-c-callout--danger{border-color:var(--notification-callout-stroke-danger)}.rl-c-callout--danger [class*=rl-icon]{background-color:var(--icons-fill-container-danger);color:var(--icons-fill-symbol-danger)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,41 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@royallondon/design-system-component-callout",
|
|
3
|
-
"version": "
|
|
4
|
-
"
|
|
5
|
-
"
|
|
3
|
+
"version": "1.3.0",
|
|
4
|
+
"description": "Royal London Design System - Callout package",
|
|
5
|
+
"homepage": "https://design.royallondon.com/components/callout/",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "https://dev.azure.com/RLG-UK/GTC/_git/design-system",
|
|
9
|
+
"directory": "ds-packages/packages/design-system-component-callout"
|
|
10
|
+
},
|
|
11
|
+
"bugs": {
|
|
12
|
+
"url": "https://design.royallondon.com/support/"
|
|
13
|
+
},
|
|
14
|
+
"keywords": [
|
|
15
|
+
"royal-london-design-system-component-callout",
|
|
16
|
+
"rlds-callout",
|
|
17
|
+
"royal-london"
|
|
18
|
+
],
|
|
19
|
+
"author": "Design System Squad <DesignSystem@royallondon.com>",
|
|
20
|
+
"license": "SEE LICENSE IN LICENSE.md",
|
|
21
|
+
"main": "dist/callout.css",
|
|
22
|
+
"style": "dist/callout.css",
|
|
23
|
+
"scripts": {
|
|
24
|
+
"build:clean": "npx rimraf dist",
|
|
25
|
+
"build:lint": "stylelint src/**/*.{css,pcss} --fix",
|
|
26
|
+
"build:css": "postcss src/**/callout.pcss --base src --dir dist/ --ext css",
|
|
27
|
+
"build": "npm-run-all --serial build:clean build:css"
|
|
28
|
+
},
|
|
29
|
+
"devDependencies": {
|
|
30
|
+
"@royallondon/design-system-foundations": "^2.23.0"
|
|
31
|
+
},
|
|
32
|
+
"peerDependencies": {
|
|
33
|
+
"@royallondon/design-system-foundations": ">= 2.15.0 < 3"
|
|
34
|
+
},
|
|
35
|
+
"files": [
|
|
36
|
+
"dist"
|
|
37
|
+
],
|
|
38
|
+
"publishConfig": {
|
|
39
|
+
"access": "public"
|
|
40
|
+
}
|
|
6
41
|
}
|