@ucalgary-design-system/all-components 1.2.0 β 1.2.2
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/CHANGELOG.md +15 -0
- package/README.md +36 -3
- package/bundle/index.css +1 -1
- package/bundle/index.js +1 -1
- package/index.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @ucalgary-design-system/all-components
|
|
2
2
|
|
|
3
|
+
## 1.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 811f580: Updated core header styles
|
|
8
|
+
|
|
9
|
+
## 1.2.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 542d786: Updated README. Added CDN usage info.
|
|
14
|
+
- 148b308: Added base styles to Core package. All components now outputs tokens and base stlyes with fonts in its css.
|
|
15
|
+
- Updated dependencies [148b308]
|
|
16
|
+
- @ucalgary-design-system/core@1.0.7
|
|
17
|
+
|
|
3
18
|
## 1.2.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -41,8 +41,8 @@ Then use the components in your HTML:
|
|
|
41
41
|
For projects not using a package manager, you can include the bundled JavaScript and CSS directly in your HTML:
|
|
42
42
|
|
|
43
43
|
```html
|
|
44
|
-
<link rel="stylesheet" href="dist/bundle/
|
|
45
|
-
<script type="module" src="dist/bundle/
|
|
44
|
+
<link rel="stylesheet" href="dist/bundle/index.css" />
|
|
45
|
+
<script type="module" src="dist/bundle/index.js"></script>
|
|
46
46
|
```
|
|
47
47
|
|
|
48
48
|
Once included, you can use any UCalgary Design System component:
|
|
@@ -53,6 +53,36 @@ Once included, you can use any UCalgary Design System component:
|
|
|
53
53
|
|
|
54
54
|
> π‘ Make sure the `dist/bundle` directory is served publicly by your server.
|
|
55
55
|
|
|
56
|
+
### Option 3: Load from a CDN
|
|
57
|
+
|
|
58
|
+
If you donβt want to install the package locally, you can load the bundled files directly from [jsDelivr](https://www.jsdelivr.com/):
|
|
59
|
+
|
|
60
|
+
```html
|
|
61
|
+
<link
|
|
62
|
+
rel="stylesheet"
|
|
63
|
+
href="https://cdn.jsdelivr.net/npm/@ucalgary-design-system/all-components@1.2.0/bundle/index.css"
|
|
64
|
+
/>
|
|
65
|
+
<script
|
|
66
|
+
type="module"
|
|
67
|
+
src="https://cdn.jsdelivr.net/npm/@ucalgary-design-system/all-components@1.2.0/bundle/index.js">
|
|
68
|
+
</script>
|
|
69
|
+
````
|
|
70
|
+
|
|
71
|
+
Once included, you can use any UCalgary Design System component:
|
|
72
|
+
|
|
73
|
+
```html
|
|
74
|
+
<ucds-dropdown label="Choose one">
|
|
75
|
+
<ucds-dropdown-item value="1">Option 1</ucds-dropdown-item>
|
|
76
|
+
<ucds-dropdown-item value="2">Option 2</ucds-dropdown-item>
|
|
77
|
+
</ucds-dropdown>
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
> π‘ You can pin to a specific version (recommended) or use `@latest` to always get the newest release:
|
|
81
|
+
>
|
|
82
|
+
> ```html
|
|
83
|
+
> <script type="module" src="https://cdn.jsdelivr.net/npm/@ucalgary-design-system/all-components@latest/bundle/index.js"></script>
|
|
84
|
+
> ```
|
|
85
|
+
|
|
56
86
|
---
|
|
57
87
|
|
|
58
88
|
## Components Included
|
|
@@ -70,5 +100,8 @@ The following components are available:
|
|
|
70
100
|
* `ucds-fieldset`
|
|
71
101
|
* `ucds-icon`
|
|
72
102
|
* `ucds-icon-button`
|
|
103
|
+
* `ucds-link`
|
|
73
104
|
* `ucds-radio`
|
|
74
|
-
* `
|
|
105
|
+
* `search-input`
|
|
106
|
+
* `ucds-text-input`
|
|
107
|
+
* `ucds-text-area`
|