@corto-ai/gds-angular 2.1.3-dev.2 → 2.1.3-dev.4

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.
Files changed (40) hide show
  1. package/README.md +5 -5
  2. package/assets/css/acctivity.css +13 -15
  3. package/assets/css/acctivity.css.map +1 -1
  4. package/assets/css/all.css +13 -15
  5. package/assets/css/all.css.map +1 -1
  6. package/assets/css/corto.css +13 -15
  7. package/assets/css/corto.css.map +1 -1
  8. package/assets/css/lawy.css +13 -15
  9. package/assets/css/lawy.css.map +1 -1
  10. package/assets/css/leap.css +13 -15
  11. package/assets/css/leap.css.map +1 -1
  12. package/assets/css/storybook.css +4 -0
  13. package/assets/scss/_mixins.scss +73 -13
  14. package/assets/scss/fonts/_inter.scss +1 -1
  15. package/assets/scss/fonts/_satoshi-black.scss +6 -6
  16. package/assets/scss/fonts/_satoshi-bold.scss +6 -6
  17. package/assets/scss/fonts/_satoshi-light.scss +6 -6
  18. package/assets/scss/fonts/_satoshi-medium.scss +6 -6
  19. package/assets/scss/fonts/_satoshi-regular.scss +6 -6
  20. package/assets/scss/fonts/_satoshi-variable.scss +6 -6
  21. package/assets/scss/mixins/buttons/_base.scss +1 -0
  22. package/assets/scss/utilities/_toastr.scss +12 -4
  23. package/assets/storybook/guide-actions.png +0 -0
  24. package/assets/storybook/guide-branding.png +0 -0
  25. package/assets/storybook/guide-code-examples.png +0 -0
  26. package/assets/storybook/guide-controls.png +0 -0
  27. package/assets/svg/filled/filled-document-multiple.svg +3 -1
  28. package/assets/svg/leap/leap-logo-matter-ai-background.svg +10 -0
  29. package/assets/svg/line/line-email-alert.svg +3 -0
  30. package/fesm2022/corto-ai-gds-angular.mjs +317 -69
  31. package/fesm2022/corto-ai-gds-angular.mjs.map +1 -1
  32. package/package.json +12 -12
  33. package/types/corto-ai-gds-angular.d.ts +76 -17
  34. package/assets/storybook/components.svg +0 -5
  35. package/assets/storybook/guide-viewport.png +0 -0
  36. package/assets/storybook/icon-filled.svg +0 -3
  37. package/assets/storybook/icon-general.svg +0 -8
  38. package/assets/storybook/icon-line.svg +0 -3
  39. package/assets/storybook/icon-twotone.svg +0 -4
  40. package/assets/storybook/logo.svg +0 -3
@@ -1,9 +1,9 @@
1
1
  @font-face {
2
2
  font-family: 'Satoshi';
3
3
  src:
4
- url('./fonts/Satoshi-Medium.woff2') format('woff2'),
5
- url('./fonts/Satoshi-Medium.woff') format('woff'),
6
- url('./fonts/Satoshi-Medium.ttf') format('truetype');
4
+ url('../fonts/Satoshi-Medium.woff2') format('woff2'),
5
+ url('../fonts/Satoshi-Medium.woff') format('woff'),
6
+ url('../fonts/Satoshi-Medium.ttf') format('truetype');
7
7
  font-weight: 500;
8
8
  font-display: swap;
9
9
  font-style: normal;
@@ -12,9 +12,9 @@
12
12
  @font-face {
13
13
  font-family: 'Satoshi';
14
14
  src:
15
- url('./fonts/Satoshi-MediumItalic.woff2') format('woff2'),
16
- url('./fonts/Satoshi-MediumItalic.woff') format('woff'),
17
- url('./fonts/Satoshi-MediumItalic.ttf') format('truetype');
15
+ url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
16
+ url('../fonts/Satoshi-MediumItalic.woff') format('woff'),
17
+ url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
18
18
  font-weight: 500;
19
19
  font-display: swap;
20
20
  font-style: italic;
@@ -1,9 +1,9 @@
1
1
  @font-face {
2
2
  font-family: 'Satoshi';
3
3
  src:
4
- url('./fonts/Satoshi-Regular.woff2') format('woff2'),
5
- url('./fonts/Satoshi-Regular.woff') format('woff'),
6
- url('./fonts/Satoshi-Regular.ttf') format('truetype');
4
+ url('../fonts/Satoshi-Regular.woff2') format('woff2'),
5
+ url('../fonts/Satoshi-Regular.woff') format('woff'),
6
+ url('../fonts/Satoshi-Regular.ttf') format('truetype');
7
7
  font-weight: 400;
8
8
  font-display: swap;
9
9
  font-style: normal;
@@ -12,9 +12,9 @@
12
12
  @font-face {
13
13
  font-family: 'Satoshi';
14
14
  src:
15
- url('./fonts/Satoshi-Italic.woff2') format('woff2'),
16
- url('./fonts/Satoshi-Italic.woff') format('woff'),
17
- url('./fonts/Satoshi-Italic.ttf') format('truetype');
15
+ url('../fonts/Satoshi-Italic.woff2') format('woff2'),
16
+ url('../fonts/Satoshi-Italic.woff') format('woff'),
17
+ url('../fonts/Satoshi-Italic.ttf') format('truetype');
18
18
  font-weight: 400;
19
19
  font-display: swap;
20
20
  font-style: italic;
@@ -1,9 +1,9 @@
1
1
  @font-face {
2
2
  font-family: 'Satoshi';
3
3
  src:
4
- url('./fonts/Satoshi-Variable.woff2') format('woff2'),
5
- url('./fonts/Satoshi-Variable.woff') format('woff'),
6
- url('./fonts/Satoshi-Variable.ttf') format('truetype');
4
+ url('../fonts/Satoshi-Variable.woff2') format('woff2'),
5
+ url('../fonts/Satoshi-Variable.woff') format('woff'),
6
+ url('../fonts/Satoshi-Variable.ttf') format('truetype');
7
7
  font-weight: 300 900;
8
8
  font-display: swap;
9
9
  font-style: normal;
@@ -12,9 +12,9 @@
12
12
  @font-face {
13
13
  font-family: 'Satoshi';
14
14
  src:
15
- url('./fonts/Satoshi-VariableItalic.woff2') format('woff2'),
16
- url('./fonts/Satoshi-VariableItalic.woff') format('woff'),
17
- url('./fonts/Satoshi-VariableItalic.ttf') format('truetype');
15
+ url('../fonts/Satoshi-VariableItalic.woff2') format('woff2'),
16
+ url('../fonts/Satoshi-VariableItalic.woff') format('woff'),
17
+ url('../fonts/Satoshi-VariableItalic.ttf') format('truetype');
18
18
  font-weight: 300 900;
19
19
  font-display: swap;
20
20
  font-style: italic;
@@ -80,6 +80,7 @@
80
80
  display: grid;
81
81
  grid-template-columns: 100%;
82
82
  grid-template-rows: 100%;
83
+ max-width: 100%;
83
84
  }
84
85
 
85
86
  .label {
@@ -1,5 +1,12 @@
1
1
  @use '../mixins' as *;
2
2
 
3
+ // CDK Overlay sets some pane styles inline; utilities on panelClass can't override those.
4
+ .cdk-overlay-pane.gds-toast-overlay-pane {
5
+ max-width: none !important;
6
+ transform: none !important;
7
+ pointer-events: none !important;
8
+ }
9
+
3
10
  .toast-container {
4
11
  pointer-events: none;
5
12
  position: fixed;
@@ -16,13 +23,14 @@
16
23
  align-items: flex-end;
17
24
  margin: var(--gds-spacing-2xs);
18
25
  width: calc(100% - (2 * var(--gds-spacing-2xs)));
19
- }
20
- .toast-container * {
21
- box-sizing: border-box;
26
+
27
+ > * {
28
+ pointer-events: auto;
29
+ max-width: 100%;
30
+ }
22
31
  }
23
32
 
24
33
  @include create-responsive-classes using ($responsive-class) {
25
- /* border */
26
34
  .toast-#{$responsive-class}top-left {
27
35
  inset: 0 auto auto 0;
28
36
  align-items: flex-start;
@@ -1,3 +1,5 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M4 4.25C4 3.00736 5.00736 2 6.25 2H10.5039V6.74753C10.5039 7.99017 11.5113 8.99753 12.7539 8.99753H17.5V17.25C17.5 18.4926 16.4926 19.5 15.25 19.5H6.25C5.00736 19.5 4 18.4926 4 17.25V4.25ZM7.75 11.5C7.33579 11.5 7 11.8358 7 12.25C7 12.6642 7.33579 13 7.75 13C8.16421 13 8.5 12.6642 8.5 12.25C8.5 11.8358 8.16421 11.5 7.75 11.5ZM7 15.25C7 15.6642 7.33579 16 7.75 16C8.16421 16 8.5 15.6642 8.5 15.25C8.5 14.8358 8.16421 14.5 7.75 14.5C7.33579 14.5 7 14.8358 7 15.25ZM10 12.25C10 12.6642 10.3358 13 10.75 13H13.8038C14.218 13 14.5538 12.6642 14.5538 12.25C14.5538 11.8358 14.218 11.5 13.8038 11.5H10.75C10.3358 11.5 10 11.8358 10 12.25ZM10.75 14.5C10.3358 14.5 10 14.8358 10 15.25C10 15.6642 10.3358 16 10.75 16H13.8038C14.218 16 14.5538 15.6642 14.5538 15.25C14.5538 14.8358 14.218 14.5 13.8038 14.5H10.75ZM12.0039 6.74753V2.46728C12.0803 2.52611 12.1532 2.59009 12.2221 2.65901L16.841 7.27786C16.9103 7.34721 16.9747 7.42062 17.0338 7.49753H12.7539C12.3397 7.49753 12.0039 7.16174 12.0039 6.74753ZM6.62891 20.5C6.93778 21.3739 7.77121 22 8.75088 22H15.2509C17.8742 22 20.0009 19.8734 20.0009 17.25V11.3689C20.0009 10.7721 19.7638 10.1998 19.3419 9.77788L18.5009 8.93689V17.25C18.5009 19.0449 17.0458 20.5 15.2509 20.5H6.62891Z" fill="currentColor"/>
2
+ <path d="M4 4.25C4 3.00736 5.00736 2 6.25 2H10.5039V6.74753C10.5039 7.99017 11.5113 8.99753 12.7539 8.99753H17.5V17.25C17.5 18.4926 16.4926 19.5 15.25 19.5H6.25C5.00736 19.5 4 18.4926 4 17.25V4.25Z" fill="currentColor"/>
3
+ <path d="M12.0039 6.74753V2.46728C12.0803 2.52611 12.1532 2.59009 12.2221 2.65901L16.841 7.27786C16.9103 7.34721 16.9747 7.42062 17.0338 7.49753H12.7539C12.3397 7.49753 12.0039 7.16174 12.0039 6.74753Z" fill="currentColor"/>
4
+ <path d="M8.75088 22C7.77121 22 6.93778 21.3739 6.62891 20.5H15.2509C17.0458 20.5 18.5009 19.0449 18.5009 17.25V8.93689L19.3419 9.77788C19.7638 10.1998 20.0009 10.7721 20.0009 11.3689V17.25C20.0009 19.8734 17.8742 22 15.2509 22H8.75088Z" fill="currentColor"/>
3
5
  </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="137" height="137" viewBox="0 0 137 137" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g>
3
+ <path d="M4.25 34.25C4.25 16.5769 18.5769 2.25 36.25 2.25H100.25C117.923 2.25 132.25 16.5769 132.25 34.25V98.25C132.25 115.923 117.923 130.25 100.25 130.25H36.25C18.5769 130.25 4.25 115.923 4.25 98.25V34.25Z" fill="#F5F5F5"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M68.2505 26.7188C46.418 26.7188 28.7192 44.4175 28.7192 66.25C28.7192 73.827 30.8492 80.9012 34.5423 86.9125C34.7931 87.3207 34.8621 87.815 34.7327 88.2763L30.2542 104.248L46.1647 99.7295C46.628 99.598 47.1252 99.6668 47.5353 99.9193C53.5552 103.625 60.6621 105.781 68.2505 105.781C69.1997 105.781 69.9692 106.551 69.9692 107.5C69.9692 108.449 69.1997 109.219 68.2505 109.219C60.2762 109.219 52.7872 107.027 46.3855 103.24L28.2398 108.393C27.6413 108.563 26.9977 108.396 26.557 107.957C26.1163 107.518 25.9474 106.875 26.1154 106.276L31.2225 88.0629C27.4474 81.6679 25.2817 74.2094 25.2817 66.25C25.2817 42.519 44.5195 23.2812 68.2505 23.2812C91.9815 23.2812 111.219 42.519 111.219 66.25C111.219 68.6881 111.016 71.08 110.625 73.4094C110.468 74.3455 109.582 74.9771 108.646 74.8201C107.71 74.663 107.078 73.7768 107.235 72.8406C107.594 70.6984 107.782 68.4967 107.782 66.25C107.782 44.4175 90.083 26.7188 68.2505 26.7188Z" fill="#1E365E"/>
5
+ <path d="M113.972 83.4375V111.742H109.016V83.4375H113.972Z" fill="#32ABE2"/>
6
+ <path d="M85.1004 111.742H79.9506L90.1727 83.4375H95.2451L105.467 111.742H100.24L97.9555 105.198H87.3849L85.1004 111.742ZM92.07 91.8785L88.8562 101.016H96.5228L93.2703 91.8785C93.038 91.1428 92.767 90.291 92.6895 89.7102C92.5734 90.2522 92.341 91.1041 92.07 91.8785Z" fill="#32ABE2"/>
7
+ <path d="M54.5 61.0938C57.3477 61.0938 59.6562 63.4023 59.6562 66.25C59.6562 69.0977 57.3477 71.4062 54.5 71.4062C51.6523 71.4062 49.3438 69.0977 49.3438 66.25C49.3438 63.4023 51.6523 61.0938 54.5 61.0938ZM68.25 61.0938C71.0977 61.0938 73.4062 63.4023 73.4062 66.25C73.4062 69.0977 71.0977 71.4062 68.25 71.4062C65.4023 71.4062 63.0938 69.0977 63.0938 66.25C63.0938 63.4023 65.4023 61.0938 68.25 61.0938ZM82 61.0938C84.8477 61.0938 87.1562 63.4023 87.1562 66.25C87.1562 69.0977 84.8477 71.4062 82 71.4062C79.1523 71.4062 76.8438 69.0977 76.8438 66.25C76.8438 63.4023 79.1523 61.0938 82 61.0938Z" fill="#0060A9"/>
8
+ <path d="M4.25 34.25C4.25 16.5769 18.5769 2.25 36.25 2.25H100.25C117.923 2.25 132.25 16.5769 132.25 34.25V98.25C132.25 115.923 117.923 130.25 100.25 130.25H36.25C18.5769 130.25 4.25 115.923 4.25 98.25V34.25Z" stroke="#D2D7DF" stroke-width="1"/>
9
+ </g>
10
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M17.5025 1C15.2934 1 13.5025 2.79086 13.5025 5L13.5023 8L12.5539 8.80035C12.2462 9.06004 12.0923 9.18988 12.0457 9.29132C11.9312 9.54071 12.0391 9.8358 12.2875 9.95252C12.3885 10 12.5898 10 12.9925 10H22.0121C22.4148 10 22.6162 10 22.7172 9.95252C22.9656 9.8358 23.0735 9.5407 22.9589 9.29131C22.9123 9.18987 22.7584 9.06001 22.4507 8.80031L21.5025 8V5C21.5025 2.79086 19.7116 1 17.5025 1ZM19.0025 11C18.7842 11.5826 18.195 12 17.5025 12C16.81 12 16.2208 11.5826 16.0025 11H19.0025ZM22 16.75V11L20.5 11V16.75L20.4942 16.8935C20.4212 17.7929 19.6682 18.5 18.75 18.5H5.25L5.10647 18.4942C4.20711 18.4212 3.5 17.6682 3.5 16.75V9.374L11.6507 13.6637L11.7468 13.706C11.9431 13.7764 12.1619 13.7623 12.3493 13.6637L15.4503 12.0313C15.2878 11.8289 15.1559 11.6003 15.0624 11.3509L14.9309 11L14.1893 11L12 12.1525L3.5 7.679V7.25L3.5058 7.10647C3.57881 6.20711 4.33183 5.5 5.25 5.5H12.4988L12.4988 5C12.4988 4.65753 12.5333 4.32311 12.5989 4H5.25L5.06558 4.00514C3.35645 4.10075 2 5.51697 2 7.25V16.75L2.00514 16.9344C2.10075 18.6435 3.51697 20 5.25 20H18.75L18.9344 19.9949C20.6435 19.8992 22 18.483 22 16.75Z" fill="currentColor"/>
3
+ </svg>