@corto-ai/gds-angular 2.1.5-test.1 → 2.1.5-test.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/README.md +5 -5
- package/assets/scss/mixins/_animated-border.scss +19 -7
- package/assets/svg/brand/brand-icon.svg +0 -0
- package/assets/svg/line/line-cursor-hover.svg +3 -0
- package/assets/svg/line/line-dismiss-circle.svg +3 -0
- package/assets/svg/line/line-sparkle-circle.svg +3 -0
- package/assets/svg/line/line-upload.svg +3 -0
- package/fesm2022/corto-ai-gds-angular.mjs +140 -38
- package/fesm2022/corto-ai-gds-angular.mjs.map +1 -1
- package/package.json +2 -2
- package/types/corto-ai-gds-angular.d.ts +19 -6
package/README.md
CHANGED
|
@@ -30,11 +30,11 @@ If you plan to only use the stylesheet/fonts for this library, we recommend impl
|
|
|
30
30
|
|
|
31
31
|
## CDN Assets
|
|
32
32
|
|
|
33
|
-
- All brands combined: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.
|
|
34
|
-
- Acctivity: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.
|
|
35
|
-
- CORTO: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.
|
|
36
|
-
- LawY: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.
|
|
37
|
-
- LEAP: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.
|
|
33
|
+
- All brands combined: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.2/css/all.css>
|
|
34
|
+
- Acctivity: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.2/css/acctivity.css>
|
|
35
|
+
- CORTO: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.2/css/corto.css>
|
|
36
|
+
- LawY: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.2/css/lawy.css>
|
|
37
|
+
- LEAP: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.2/css/leap.css>
|
|
38
38
|
|
|
39
39
|
## Library `@layer`s
|
|
40
40
|
|
|
@@ -4,6 +4,18 @@
|
|
|
4
4
|
// never sits behind the element's background or content. That leaves the element free to carry
|
|
5
5
|
// whatever background it likes including the translucent hover states GDS ships, which would
|
|
6
6
|
// otherwise show the gradient straight through the fill.
|
|
7
|
+
//
|
|
8
|
+
// To override any of these mixin styles (color stops, animation, etc.) include this mixin with custom styles
|
|
9
|
+
// Example:
|
|
10
|
+
// @include animatedGradientBorder() {
|
|
11
|
+
// background: linear-gradient(
|
|
12
|
+
// 42deg,
|
|
13
|
+
// var(--color) 30%,
|
|
14
|
+
// var(--another-color) 50%,
|
|
15
|
+
// var(--yet-another-color) 80%
|
|
16
|
+
// );
|
|
17
|
+
// }
|
|
18
|
+
|
|
7
19
|
@mixin animatedGradientBorder($width: 1px, $duration: 3s) {
|
|
8
20
|
position: relative;
|
|
9
21
|
border: $width solid transparent;
|
|
@@ -15,13 +27,11 @@
|
|
|
15
27
|
padding: $width;
|
|
16
28
|
border-radius: inherit;
|
|
17
29
|
pointer-events: none;
|
|
18
|
-
background: linear-gradient(
|
|
19
|
-
|
|
20
|
-
var(--gds-
|
|
21
|
-
var(--gds-accent-
|
|
22
|
-
var(--gds-brand-
|
|
23
|
-
var(--gds-brand-500) 49.52%,
|
|
24
|
-
var(--gds-palette-border-dark) 93.75%
|
|
30
|
+
background-image: linear-gradient(
|
|
31
|
+
90deg,
|
|
32
|
+
var(--gds-brand-500) 30%,
|
|
33
|
+
var(--gds-accent-400) 50%,
|
|
34
|
+
var(--gds-brand-500) 80%
|
|
25
35
|
);
|
|
26
36
|
background-size: 300% 300%;
|
|
27
37
|
animation: gdsChaseBorder $duration infinite linear;
|
|
@@ -31,6 +41,8 @@
|
|
|
31
41
|
linear-gradient(#000 0 0);
|
|
32
42
|
mask-composite: exclude;
|
|
33
43
|
|
|
44
|
+
@content;
|
|
45
|
+
|
|
34
46
|
@keyframes gdsChaseBorder {
|
|
35
47
|
0%,
|
|
36
48
|
100% {
|
|
File without changes
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M1 5C1 3.89543 1.89543 3 3 3H13C14.1046 3 15 3.89543 15 5V10C15 10.8062 14.523 11.501 13.8358 11.8175C13.7656 11.6802 13.6736 11.5523 13.5607 11.4394L13.1148 10.9935C13.613 10.9366 14 10.5135 14 10V5C14 4.44772 13.5523 4 13 4H3C2.44772 4 2 4.44772 2 5V10C2 10.5523 2.44772 11 3 11H7V12H3C1.89543 12 1 11.1046 1 10V5ZM8.85355 8.14645C8.71055 8.00345 8.4955 7.96067 8.30866 8.03806C8.12182 8.11545 8 8.29777 8 8.5V14.5C8 14.7152 8.13771 14.9063 8.34189 14.9743C8.54606 15.0424 8.77087 14.9722 8.9 14.8L10.25 13H12.5C12.7022 13 12.8845 12.8782 12.9619 12.6913C13.0393 12.5045 12.9966 12.2894 12.8536 12.1464L8.85355 8.14645ZM9 13V9.70711L11.2929 12H10C9.84262 12 9.69443 12.0741 9.6 12.2L9 13Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2ZM8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13C10.7614 13 13 10.7614 13 8C13 5.23858 10.7614 3 8 3ZM5.83859 5.96569L5.89645 5.89645C6.07001 5.72288 6.33944 5.7036 6.53431 5.83859L6.60355 5.89645L8 7.293L9.39645 5.89645C9.57001 5.72288 9.83944 5.7036 10.0343 5.83859L10.1036 5.89645C10.2771 6.07001 10.2964 6.33944 10.1614 6.53431L10.1036 6.60355L8.707 8L10.1036 9.39645C10.2771 9.57001 10.2964 9.83944 10.1614 10.0343L10.1036 10.1036C9.92999 10.2771 9.66056 10.2964 9.46569 10.1614L9.39645 10.1036L8 8.707L6.60355 10.1036C6.42999 10.2771 6.16056 10.2964 5.96569 10.1614L5.89645 10.1036C5.72288 9.92999 5.7036 9.66056 5.83859 9.46569L5.89645 9.39645L7.293 8L5.89645 6.60355C5.72288 6.42999 5.7036 6.16056 5.83859 5.96569L5.89645 5.89645L5.83859 5.96569Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14m-8 7a8 8 0 1 1 16 0 8 8 0 0 1-16 0m5.175-4.417c.275-.777 1.374-.778 1.65 0l.257.726a1 1 0 0 0 .609.609l.725.257c.778.275.778 1.374 0 1.65l-.725.256a1 1 0 0 0-.609.61l-.257.726c-.275.777-1.375.777-1.65 0l-.256-.726a1 1 0 0 0-.61-.61l-.726-.256c-.777-.275-.777-1.375 0-1.65l.726-.257a1 1 0 0 0 .61-.61zM12.672 10c-.2-.666-1.141-.666-1.341 0l-.179.593a.83.83 0 0 1-.558.559L10 11.33c-.666.2-.665 1.142 0 1.34l.592.178c.269.08.479.29.56.559l.178.595c.2.665 1.142.665 1.34 0l.179-.594a.83.83 0 0 1 .559-.559l.593-.178c.665-.2.665-1.141 0-1.341l-.594-.178a.83.83 0 0 1-.558-.559z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M15 3.00098C15.2761 3.00098 15.5 2.77712 15.5 2.50098C15.5 2.25552 15.3231 2.05137 15.0899 2.00903L15 2.00098H4C3.72386 2.00098 3.5 2.22483 3.5 2.50098C3.5 2.74644 3.67688 2.95059 3.91012 2.99292L4 3.00098H15ZM9.50014 17.9988C9.7456 17.9988 9.9497 17.8218 9.99197 17.5885L10 17.4986L9.996 5.70477L13.6414 9.3531C13.8148 9.52683 14.0842 9.54636 14.2792 9.41154L14.3485 9.35375C14.5222 9.18034 14.5418 8.91094 14.407 8.71595L14.3492 8.64664L9.85745 4.14664C9.78495 4.07401 9.69568 4.02833 9.60207 4.00962L9.49608 3.99987C9.33511 3.99987 9.19192 4.076 9.10051 4.19419L4.64386 8.64607C4.44846 8.84119 4.44823 9.15777 4.64336 9.35317C4.8168 9.52686 5.08621 9.54634 5.28117 9.41148L5.35046 9.35368L8.996 5.71277L9 17.4989C9.00008 17.7751 9.224 17.9988 9.50014 17.9988Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|