@corto-ai/gds-angular 2.1.5-dev.3 → 2.1.5-dev.4

package/README.md

@@ -30,11 +30,11 @@ If you plan to only use the stylesheet/fonts for this library, we recommend impl
 
 ## CDN Assets
 
-- All brands combined: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.3/css/all.css>
-- Acctivity: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.3/css/acctivity.css>
-- CORTO: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.3/css/corto.css>
-- LawY: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.3/css/lawy.css>
-- LEAP: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.3/css/leap.css>
+- All brands combined: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.4/css/all.css>
+- Acctivity: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.4/css/acctivity.css>
+- CORTO: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.4/css/corto.css>
+- LawY: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.4/css/lawy.css>
+- LEAP: <https://cdn.dev.cortoaws.com/style/gds/2.1.5-dev.4/css/leap.css>
 
 ## Library `@layer`s
 

package/assets/scss/_toast-anchor-fallback.scss

@@ -0,0 +1,62 @@
+@use './mixins' as *;
+
+// `gds-toast` pins and stacks itself with CSS anchor positioning
+// (`anchor-name` / `position-anchor` / `position-area`, Chrome 125+).
+//
+// Browsers without it drop those declarations entirely, so every toast collapses
+// into static flow at the top-left of the fixed container. This mixin replaces the
+// anchor chain with a flex column so legacy runtimes (e.g. the embedded browser
+// LEAP AI is hosted in) still honour the per-instance `toast-*` position classes.
+//
+// Opt in from an app's global stylesheet - it is intentionally not part of `all.css`.
+//
+// Keep in sync with `libs/gds/src/lib/toastr/toast.component.scss`.
+@mixin toast-anchor-fallback {
+  @supports not (position-area: bottom) {
+    $vertical-flow: (
+      top: column,
+      bottom: column-reverse
+    );
+    $horizontal-alignment: (
+      left: flex-start,
+      center: center,
+      right: flex-end
+    );
+
+    gds-toast-container {
+      display: flex;
+      // defaults mirror `toast-bottom-right`, refined per position class below
+      flex-direction: column-reverse;
+      justify-content: flex-start;
+      // `--toast-spacing` is declared on `gds-toast`, so it is out of reach from here
+      gap: var(--gds-spacing-2xs);
+      padding: var(--gds-spacing-2xs);
+    }
+
+    gds-toast {
+      position: static;
+      // the container fills the viewport, so toasts must never be compressed to fit
+      flex: 0 0 auto;
+      align-self: flex-end;
+      padding: 0;
+    }
+
+    @include create-responsive-classes using ($responsive-class) {
+      @each $vertical-axis, $flow in $vertical-flow {
+        @each $horizontal-axis, $alignment in $horizontal-alignment {
+          $class-name: toast-#{$responsive-class}#{$vertical-axis}-#{$horizontal-axis};
+
+          // the vertical axis is owned by the container, so it has to be derived
+          // from the classes of the toasts it is currently rendering
+          gds-toast-container:has(> .#{$class-name}) {
+            flex-direction: $flow;
+          }
+
+          gds-toast.#{$class-name} {
+            align-self: $alignment;
+          }
+        }
+      }
+    }
+  }
+}

package/assets/svg/filled/filled-people.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.75 10C8.54493 10 10 8.54493 10 6.75C10 4.95507 8.54493 3.5 6.75 3.5C4.95507 3.5 3.5 4.95507 3.5 6.75C3.5 8.54493 4.95507 10 6.75 10ZM12.4373 15.1449C12.9668 15.3619 13.6409 15.5 14.4992 15.5C18.4992 15.5 18.4992 12.5 18.4992 12.5C18.4992 11.6716 17.8276 11 16.9992 11H12.3714C12.7641 11.4755 13 12.0852 13 12.75V13.0625C13 13.0625 13 13.0619 13 13.0646L13 13.0667L13 13.0713L12.9999 13.0814L12.9995 13.1058C12.9991 13.1238 12.9984 13.1453 12.9973 13.1701C12.995 13.2197 12.9908 13.2828 12.9835 13.3575C12.9688 13.5065 12.9408 13.7047 12.8875 13.9363C12.8096 14.2745 12.6743 14.6976 12.4373 15.1449ZM17 7.5C17 8.88071 15.8807 10 14.5 10C13.1193 10 12 8.88071 12 7.5C12 6.11929 13.1193 5 14.5 5C15.8807 5 17 6.11929 17 7.5ZM1.5 13C1.5 11.8954 2.39543 11 3.5 11H10C11.1046 11 12 11.8954 12 13C12 13 12 17 6.75 17C1.5 17 1.5 13 1.5 13ZM12.9995 13.1058L12.9973 13.1701L12.9995 13.1058Z" fill="currentColor"/>
+</svg>

package/assets/svg/line/line-window-dev-tools.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 4.5C2 3.11929 3.11929 2 4.5 2H13.5C14.8807 2 16 3.11929 16 4.5V6.71098C15.6583 6.73674 15.3217 6.80873 15 6.9244V5.99873H3V13.5C3 14.3284 3.67157 15 4.5 15H11.1909L10.7521 15.76C10.7068 15.8385 10.6669 15.9186 10.6325 16H4.5C3.11929 16 2 14.8807 2 13.5V4.5ZM4.49902 2.99878C3.6706 2.99878 2.99902 3.67035 2.99902 4.49878V4.99878H14.999V4.49878C14.999 3.67035 14.3275 2.99878 13.499 2.99878H4.49902ZM13.874 9.09036C13.3112 10.0651 13.406 11.2391 14.0207 12.0986L11.6181 16.26C11.2983 16.8139 11.4881 17.5222 12.042 17.842C12.5959 18.1618 13.3042 17.972 13.624 17.4181L16.0311 13.2489C17.0757 13.3425 18.1291 12.8379 18.6881 11.8698C19.2932 10.8217 19.1381 9.54345 18.394 8.67325L17.0834 10.9433C16.8276 11.3864 16.261 11.5383 15.8178 11.2824C15.3747 11.0266 15.2229 10.46 15.4787 10.0168L16.7893 7.74675C15.6637 7.53741 14.4791 8.0423 13.874 9.09036ZM12.5605 11.1441C12.4382 10.4616 12.5022 9.74233 12.7749 9.06779L10.8523 7.1452C10.657 6.94993 10.3404 6.94993 10.1452 7.1452C9.9499 7.34046 9.9499 7.65704 10.1452 7.8523L12.2916 9.99874L10.1452 12.1452C9.9499 12.3405 9.9499 12.657 10.1452 12.8523C10.3404 13.0476 10.657 13.0476 10.8523 12.8523L12.5605 11.1441ZM8.35227 7.8523C8.54753 7.65704 8.54753 7.34046 8.35227 7.1452C8.15701 6.94993 7.84043 6.94993 7.64516 7.1452L5.14516 9.6452C4.9499 9.84046 4.9499 10.157 5.14517 10.3523L7.64517 12.8523C7.84043 13.0476 8.15701 13.0476 8.35227 12.8523C8.54753 12.657 8.54753 12.3405 8.35227 12.1452L6.20583 9.99875L8.35227 7.8523Z" fill="currentColor"/>
+</svg>