@progressio_resources/gravity-design-system 3.0.24 → 4.0.25

package/src/lib/styles/foundations/spacing/_spacing.scss

@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 $scss-types: padding, margin;
 $spacing-sizes: none, xxs, xs, sm, md, lg, xl, xxl, xxxl, xxxxl, xxxxxl;
 $spacing-types: '', -top, -bottom, -left, -right, -block, -inline;
@@ -27,7 +29,7 @@ $spacing-values: (
     @each $spacing-type in $spacing-types {
       //.gravity-{{padding,margin}}-{{top,bottom,left,right,block,inline}}-{{xxs, xs, sm, md, lg, xl, xxl, xxxl, xxxxl, xxxxxl}}
       .gravity-#{$scss-type}#{$spacing-type}-#{$size} {
-        #{$scss-type}#{$spacing-type}: map-get($spacing-values, $size) !important;
+        #{$scss-type}#{$spacing-type}: map.get($spacing-values, $size) !important;
       }
     }
   }

package/src/lib/styles/gravity-design-system.scss

@@ -1,18 +1,18 @@
-@import "./responsive";
-@import "./shared";
+@use "./responsive";
+@use "./shared";
 
 //Components
-@import "./components/card_highlight";
-@import "./components/datepicker";
-@import "./components/datepicker-v2";
-@import "./components/link";
-@import "./components/offcanvas";
-@import "./components/tables";
+@use "./components/card_highlight";
+@use "./components/datepicker";
+@use "./components/datepicker-v2";
+@use "./components/link";
+@use "./components/offcanvas";
+@use "./components/tables";
 
 //Foundations
-@import "./foundations/breakpoints/breakpoints";
-@import "./foundations/grids/grids";
-@import "./foundations/spacing/spacing";
+@use "./foundations/breakpoints/breakpoints";
+@use "./foundations/grids/grids";
+@use "./foundations/spacing/spacing";
 
 //Overwrite
-@import "./overwrite/bootstrap/bootstrap-export";
+@use "./overwrite/bootstrap/bootstrap-export";

package/src/lib/styles/overwrite/bootstrap/_bootstrap-export.scss

@@ -1,2 +1,2 @@
-@import "bootstrap";
-@import "modal";
+@use "bootstrap";
+@use "modal";

package/src/lib/styles/overwrite/bootstrap/_modal.scss

@@ -1,4 +1,4 @@
-@import "../../foundations/border-radius/hero.border-radius";
+@use "../../foundations/border-radius/hero.border-radius" as bor;
 
 $modal-margin: 3.5rem;
 
@@ -109,7 +109,7 @@ $modal-margin: 3.5rem;
 
   background-clip: padding-box;
   background-color: var(--dialog-background-color);
-  border-radius: $border-radius-md;
+  border-radius: bor.$border-radius-md;
   box-shadow: 0 27px 34px #000c208f;
   color: var(--dialog-text-color);
   display: flex;

package/src/lib/styles/themes/_hero.scss

@@ -1,4 +1,4 @@
-@import "../foundations/border-radius/hero.border-radius";
-@import "../foundations/colors/tokens/hero.tokens";
-@import "../foundations/elevation/hero.elevation";
-@import "../foundations/typography/hero.typography";
+@use "../foundations/border-radius/hero.border-radius" as heroBorder;
+@use "../foundations/colors/tokens/hero.tokens" as heroTokens;
+@use "../foundations/elevation/hero.elevation" as heroElevation;
+@use "../foundations/typography/hero.typography" as heroTypography;

package/src/lib/vendor/gravity-tooltip/gravity-tooltip.component.ts

@@ -1,10 +1,11 @@
 import {Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnInit, Renderer2} from '@angular/core';
 
 @Component({
-  selector: 'tooltip',
-  templateUrl: './gravity-tooltip.component.html',
-  host: {'class': 'tooltip'},
-  styleUrls: ['./gravity-tooltip.component.sass']
+    selector: 'tooltip',
+    templateUrl: './gravity-tooltip.component.html',
+    host: { 'class': 'tooltip' },
+    styleUrls: ['./gravity-tooltip.component.sass'],
+    standalone: false
 })
 
 export class GravityTooltipComponent implements OnInit {

package/src/lib/vendor/gravity-tooltip/gravity-tooltip.directive.ts

@@ -28,8 +28,9 @@ export interface AdComponent {
 }
 
 @Directive({
-  selector: '[tooltip]',
-  exportAs: 'tooltip',
+    selector: '[tooltip]',
+    exportAs: 'tooltip',
+    standalone: false
 })
 
 export class GravityTooltipDirective implements OnChanges {

package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-switch-lg-24.svg

@@ -1,10 +0,0 @@
-<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_5640_558)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1929 0.792893C10.5834 0.402369 11.2166 0.402369 11.6071 0.792893L14.9071 4.09289C15.2976 4.48342 15.2976 5.11658 14.9071 5.50711L11.6071 8.80711C11.2166 9.19763 10.5834 9.19763 10.1929 8.80711C9.80237 8.41658 9.80237 7.78342 10.1929 7.39289L11.7858 5.8H8.7C4.99969 5.8 2 8.79969 2 12.5C2 15.1712 3.56318 17.4793 5.82909 18.5557C6.32795 18.7927 6.54024 19.3892 6.30326 19.8881C6.06628 20.387 5.46976 20.5992 4.97091 20.3623C2.03394 18.9671 0 15.9721 0 12.5C0 7.69512 3.89512 3.8 8.7 3.8H11.7858L10.1929 2.20711C9.80237 1.81658 9.80237 1.18342 10.1929 0.792893ZM17.6967 5.1119C17.9337 4.61305 18.5302 4.40075 19.0291 4.63773C21.9661 6.03294 24 9.02795 24 12.5C24 17.3049 20.1049 21.2 15.3 21.2H12.2142L13.8071 22.7929C14.1976 23.1834 14.1976 23.8166 13.8071 24.2071C13.4166 24.5976 12.7834 24.5976 12.3929 24.2071L9.09289 20.9071C8.70237 20.5166 8.70237 19.8834 9.09289 19.4929L12.3929 16.1929C12.7834 15.8024 13.4166 15.8024 13.8071 16.1929C14.1976 16.5834 14.1976 17.2166 13.8071 17.6071L12.2142 19.2H15.3C19.0003 19.2 22 16.2003 22 12.5C22 9.82878 20.4368 7.52067 18.1709 6.44425C17.6721 6.20727 17.4598 5.61076 17.6967 5.1119Z" fill="#394C6E"/>
-</g>
-<defs>
-<clipPath id="clip0_5640_558">
-<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
-</clipPath>
-</defs>
-</svg>

package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-switch-md-16.svg

@@ -1,10 +0,0 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_5640_557)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.74936 0.717405C7.03924 0.427532 7.50922 0.427532 7.79909 0.717405L9.97641 2.89472C10.2663 3.1846 10.2663 3.65458 9.97641 3.94445L7.79909 6.12177C7.50922 6.41164 7.03924 6.41164 6.74936 6.12177C6.45949 5.8319 6.45949 5.36192 6.74936 5.07204L7.65955 4.16186H5.82268C3.42679 4.16186 1.48454 6.10411 1.48454 8.5C1.48454 10.2294 2.4965 11.724 3.96386 12.421C4.33415 12.597 4.49173 13.0397 4.31582 13.41C4.13992 13.7803 3.69714 13.9379 3.32686 13.762C1.36139 12.8283 0 10.8239 0 8.5C0 5.28422 2.6069 2.67732 5.82268 2.67732H7.65955L6.74936 1.76713C6.45949 1.47726 6.45949 1.00728 6.74936 0.717405ZM11.6842 3.58999C11.8601 3.2197 12.3029 3.06213 12.6731 3.23803C14.6386 4.17172 16 6.17614 16 8.5C16 11.7158 13.3931 14.3227 10.1773 14.3227H8.34045L9.25064 15.2329C9.54051 15.5227 9.54051 15.9927 9.25064 16.2826C8.96076 16.5725 8.49078 16.5725 8.20091 16.2826L6.02359 14.1053C5.73372 13.8154 5.73372 13.3454 6.02359 13.0556L8.20091 10.8782C8.49078 10.5884 8.96076 10.5884 9.25064 10.8782C9.54051 11.1681 9.54051 11.6381 9.25064 11.928L8.34045 12.8381H10.1773C12.5732 12.8381 14.5155 10.8959 14.5155 8.5C14.5155 6.77057 13.5035 5.27602 12.0361 4.57895C11.6659 4.40305 11.5083 3.96028 11.6842 3.58999Z" fill="#394C6E"/>
-</g>
-<defs>
-<clipPath id="clip0_5640_557">
-<rect width="16" height="16" fill="white" transform="translate(0 0.5)"/>
-</clipPath>
-</defs>
-</svg>

package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-switch-sm-12.svg

@@ -1,10 +0,0 @@
-<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_5640_556)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.09645 0.646447C5.29171 0.451184 5.60829 0.451184 5.80355 0.646447L7.45355 2.29645C7.64882 2.49171 7.64882 2.80829 7.45355 3.00355L5.80355 4.65355C5.60829 4.84882 5.29171 4.84882 5.09645 4.65355C4.90118 4.45829 4.90118 4.14171 5.09645 3.94645L5.89289 3.15H4.35C2.49985 3.15 1 4.64985 1 6.5C1 7.83561 1.78159 8.98966 2.91455 9.52787C3.16397 9.64636 3.27012 9.94462 3.15163 10.194C3.03314 10.4435 2.73488 10.5496 2.48545 10.4311C1.01697 9.73353 0 8.23603 0 6.5C0 4.09756 1.94756 2.15 4.35 2.15H5.89289L5.09645 1.35355C4.90118 1.15829 4.90118 0.841709 5.09645 0.646447ZM8.84837 2.80595C8.96686 2.55652 9.26512 2.45038 9.51455 2.56887C10.983 3.26647 12 4.76397 12 6.5C12 8.90244 10.0524 10.85 7.65 10.85H6.10711L6.90355 11.6464C7.09882 11.8417 7.09882 12.1583 6.90355 12.3536C6.70829 12.5488 6.39171 12.5488 6.19645 12.3536L4.54645 10.7036C4.35118 10.5083 4.35118 10.1917 4.54645 9.99645L6.19645 8.34645C6.39171 8.15118 6.70829 8.15118 6.90355 8.34645C7.09882 8.54171 7.09882 8.85829 6.90355 9.05355L6.10711 9.85H7.65C9.50015 9.85 11 8.35015 11 6.5C11 5.16439 10.2184 4.01034 9.08545 3.47213C8.83603 3.35364 8.72988 3.05538 8.84837 2.80595Z" fill="#394C6E"/>
-</g>
-<defs>
-<clipPath id="clip0_5640_556">
-<rect width="12" height="12" fill="white" transform="translate(0 0.5)"/>
-</clipPath>
-</defs>
-</svg>

package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-switch-xl-32.svg

@@ -1,10 +0,0 @@
-<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_5640_559)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5536 0.908349C14.098 0.363884 14.9808 0.363884 15.5253 0.908349L19.907 5.29009C20.4515 5.83456 20.4515 6.71731 19.907 7.26178L15.5253 11.6435C14.9808 12.188 14.098 12.188 13.5536 11.6435C13.0091 11.0991 13.0091 10.2163 13.5536 9.67183L15.5553 7.67013H11.6183C6.74165 7.67013 2.78838 11.6234 2.78838 16.5C2.78838 20.0203 4.84834 23.0622 7.83475 24.4809C8.53025 24.8113 8.82623 25.6429 8.49583 26.3384C8.16543 27.0339 7.33378 27.3299 6.63828 26.9995C2.71629 25.1364 0 21.1368 0 16.5C0 10.0834 5.20167 4.88174 11.6183 4.88174H15.5553L13.5536 2.88003C13.0091 2.33557 13.0091 1.45281 13.5536 0.908349ZM23.5042 6.66159C23.8346 5.96609 24.6662 5.67011 25.3617 6.00051C29.2837 7.86364 32 11.8632 32 16.5C32 22.9166 26.7983 28.1183 20.3817 28.1183H16.4447L18.4464 30.12C18.9909 30.6644 18.9909 31.5472 18.4464 32.0917C17.902 32.6361 17.0192 32.6361 16.4747 32.0917L12.093 27.7099C11.5485 27.1654 11.5485 26.2827 12.093 25.7382L16.4747 21.3565C17.0192 20.812 17.902 20.812 18.4464 21.3565C18.9909 21.9009 18.9909 22.7837 18.4464 23.3282L16.4447 25.3299H20.3817C25.2583 25.3299 29.2116 21.3766 29.2116 16.5C29.2116 12.9797 27.1517 9.93783 24.1652 8.51914C23.4697 8.18875 23.1738 7.35709 23.5042 6.66159Z" fill="#394C6E"/>
-</g>
-<defs>
-<clipPath id="clip0_5640_559">
-<rect width="32" height="32" fill="white" transform="translate(0 0.5)"/>
-</clipPath>
-</defs>
-</svg>