@corto-ai/gds-angular 2.1.5-test.3 → 2.1.5-test.5

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.test.cortoaws.com/style/gds/2.1.5-test.3/css/all.css>
-- Acctivity: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.3/css/acctivity.css>
-- CORTO: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.3/css/corto.css>
-- LawY: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.3/css/lawy.css>
-- LEAP: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.3/css/leap.css>
+- All brands combined: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.5/css/all.css>
+- Acctivity: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.5/css/acctivity.css>
+- CORTO: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.5/css/corto.css>
+- LawY: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.5/css/lawy.css>
+- LEAP: <https://cdn.test.cortoaws.com/style/gds/2.1.5-test.5/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 `gds-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 `gds-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: gds-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/line/line-desktop.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 2C2.89543 2 2 2.89543 2 4V9.99729C2 11.1019 2.89543 11.9973 4 11.9973H6.005V13.008L4.50598 13.008C4.22984 13.008 4.00598 13.2319 4.00599 13.508C4.00599 13.7841 4.22985 14.008 4.50599 14.008L11.5021 14.0079C11.7783 14.0079 12.0021 13.7841 12.0021 13.5079C12.0021 13.2318 11.7783 13.0079 11.5021 13.0079L10.0029 13.0079V11.9973H12C13.1046 11.9973 14 11.1019 14 9.99729V4C14 2.89543 13.1046 2 12 2H4ZM9.00293 11.9973V13.008L7.005 13.008V11.9973H9.00293ZM3 4C3 3.44772 3.44772 3 4 3H12C12.5523 3 13 3.44772 13 4V9.99729C13 10.5496 12.5523 10.9973 12 10.9973H4C3.44772 10.9973 3 10.5496 3 9.99729V4Z" fill="#2F1973"/>
+</svg>

package/assets/svg/line/line-person-lock.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 14V13C4.43216 13 3 11.4376 3 10V9.5C3 9.22386 3.22386 9 3.5 9H7.22427C7.48135 8.51612 7.94027 8.1516 8.5 8.03754V8H3.5C2.67157 8 2 8.67157 2 9.5V10C2 11.9714 3.85951 14 7 14ZM9.75 4.25C9.75 2.73122 8.51878 1.5 7 1.5C5.48122 1.5 4.25 2.73122 4.25 4.25C4.25 5.76878 5.48122 7 7 7C8.51878 7 9.75 5.76878 9.75 4.25ZM5.25 4.25C5.25 3.2835 6.0335 2.5 7 2.5C7.9665 2.5 8.75 3.2835 8.75 4.25C8.75 5.2165 7.9665 6 7 6C6.0335 6 5.25 5.2165 5.25 4.25ZM9.5 8V9H8.875C8.39175 9 8 9.40294 8 9.9V14.1C8 14.5971 8.39175 15 8.875 15H14.125C14.6082 15 15 14.5971 15 14.1V9.9C15 9.40294 14.6082 9 14.125 9H13.5V8C13.5 6.89543 12.6046 6 11.5 6C10.3954 6 9.5 6.89543 9.5 8ZM11.5 7C12.0523 7 12.5 7.44772 12.5 8V9H10.5V8C10.5 7.44772 10.9477 7 11.5 7ZM11.5 12.75C11.0858 12.75 10.75 12.4142 10.75 12C10.75 11.5858 11.0858 11.25 11.5 11.25C11.9142 11.25 12.25 11.5858 12.25 12C12.25 12.4142 11.9142 12.75 11.5 12.75Z" fill="#2F1973"/>
+</svg>