@globalpayments/vega 2.13.0-backfill-beta.2 → 2.50.0

package/dist/collection/components/vega-box/vega-box.js

@@ -6,19 +6,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, Element, Host, h, Prop, Watch, State } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../utils/component';
-import { formatAndValidBorderStyle, formatAndValidResponsiveToken } from '../../utils/designToken';
+import { formatAndValidBorderStyle, formatAndValidResponsiveToken } from '../../utils/design-token';
 import { arrayToClassString } from '../../utils/ui';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { VegaBoxStateStylesController } from './slimmers/controllers/vega-box-state-styles-controller';
-import responsiveFormatFacade from '../../helpers/formatter/responsive-map-formatter/responsiveFormatFacade';
-import { PageResizeObserverSlimmer } from '../../helpers/slimmers/pageResizeObserverSlimmer';
-import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import responsiveFormatFacade from '../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
+import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { formatFlexStyles } from '../../helpers/formatter/style-formatter';
+import { VegaBoxResponsiveStyleController } from './slimmers/controllers/vega-box-responsive-style-controller';
+/**
+ * @vegaVersion 1.27.0
+ */
 export class VegaBox {
   constructor() {
     this.globalSlimmers = {};
     this.pageResizeSlimmer = new PageResizeObserverSlimmer();
     this.stateStyleController = new VegaBoxStateStylesController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.responsiveStyleController = new VegaBoxResponsiveStyleController();
+  }
+  watchPaddingChange() {
+    methodPlaceholder();
+  }
+  watchMarginChange() {
+    methodPlaceholder();
   }
   watchBorder() {
     methodPlaceholder();
@@ -32,6 +44,9 @@ export class VegaBox {
   watchBackgroundColor() {
     methodPlaceholder();
   }
+  watchCornersChange() {
+    methodPlaceholder();
+  }
   render() {
     const hostClasses = [
       formatAndValidResponsiveToken(this.padding, 'padding'),
@@ -41,23 +56,7 @@ export class VegaBox {
       formatAndValidBorderStyle(this.borderStyle),
       responsiveFormatFacade.formatCustom(this.responsiveClass),
     ];
-    const styles = {
-      width: formatAndValidResponsiveToken(this.width, 'widthAndHeight'),
-      height: formatAndValidResponsiveToken(this.height, 'widthAndHeight'),
-      minHeight: formatAndValidResponsiveToken(this.minHeight, 'widthAndHeight'),
-      maxHeight: formatAndValidResponsiveToken(this.maxHeight, 'widthAndHeight'),
-      order: this.order && `${responsiveFormatFacade.formatCustom(this.order)}`,
-      alignSelf: this.alignSelf && `${responsiveFormatFacade.formatCustom(this.alignSelf)}`,
-      justifySelf: this.justifySelf && `${responsiveFormatFacade.formatCustom(this.justifySelf)}`,
-    };
-    if (this.flex) {
-      styles.flex = `${responsiveFormatFacade.formatCustom(this.flex)}`;
-    }
-    else {
-      styles.flexBasis = this.flexBasis && `${responsiveFormatFacade.formatCustom(this.flexBasis)}`;
-      styles.flexGrow = this.flexGrow && `${responsiveFormatFacade.formatCustom(this.flexGrow)}`;
-      styles.flexShrink = this.flexShrink && `${responsiveFormatFacade.formatCustom(this.flexShrink)}`;
-    }
+    const styles = Object.assign({ width: formatAndValidResponsiveToken(this.width, 'widthAndHeight'), height: formatAndValidResponsiveToken(this.height, 'widthAndHeight'), minHeight: formatAndValidResponsiveToken(this.minHeight, 'widthAndHeight'), maxHeight: formatAndValidResponsiveToken(this.maxHeight, 'widthAndHeight'), order: this.order && `${responsiveFormatFacade.formatCustom(this.order)}`, alignSelf: this.alignSelf && `${responsiveFormatFacade.formatCustom(this.alignSelf)}`, justifySelf: this.justifySelf && `${responsiveFormatFacade.formatCustom(this.justifySelf)}` }, formatFlexStyles(this.flex, this.flexGrow, this.flexShrink, this.flexBasis));
     if (this.gridArea) {
       styles.gridArea = `${responsiveFormatFacade.formatCustom(this.gridArea)}`;
     }
@@ -97,7 +96,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "1.27.0"
+          }],
         "text": "Determines the spacing between the content and the edges of the box.\n   It can be set as a spacing value, such as `size-16` or `size-24`,\n   to apply the same padding on all sides.\n\nAlternatively, you can set the padding as a responsive map,\n   allowing you to define different padding values for different breakpoints.\n   The responsive map should follow the structure\n   `{default: 'size-12', L: { top: 'size-24', bottom: 'size-24'}}`.\n\nNote that the `default` value is required when using a responsive map\n   to provide a fallback padding value for breakpoints\n   that are not explicitly defined."
       },
       "attribute": "padding",
@@ -123,7 +125,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "1.27.0"
+          }],
         "text": "Defines the spacing around the box.\n   You can set it as a single spacing value,\n   such as `size-16` or `size-24`, which will apply\n   the same margin on all sides of the box.\n\nAlternatively, you can set the padding as a responsive map,\n   allowing you to define different margin values for different breakpoints.\n   The responsive map should follow the structure\n   `{default: 'size-12', L: { top: 'size-24', bottom: 'size-24'}}`.\n\nNote that the `default` value is required when using a responsive map\n   to provide a fallback margin value for breakpoints\n   that are not explicitly defined."
       },
       "attribute": "margin",
@@ -134,7 +139,7 @@ export class VegaBox {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<BoxDisplayType>",
-        "resolved": "\"block\" | \"none\" | { S?: \"none\" | \"block\"; M?: \"none\" | \"block\"; L?: \"none\" | \"block\"; XL?: \"none\" | \"block\"; default?: \"none\" | \"block\"; }",
+        "resolved": "\"block\" | \"inline-block\" | \"none\" | { S?: \"none\" | \"block\" | \"inline-block\"; M?: \"none\" | \"block\" | \"inline-block\"; L?: \"none\" | \"block\" | \"inline-block\"; XL?: \"none\" | \"block\" | \"inline-block\"; default?: \"none\" | \"block\" | \"inline-block\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -149,8 +154,11 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Defines the display behavior of the box, allowing you to choose from\n   standard display options like `block` and `none`."
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "1.38.0"
+          }],
+        "text": "Defines the display behavior of the box, allowing you to choose from\n   standard display options like `block`, `inline-block` and `none`."
       },
       "attribute": "display",
       "reflect": false
@@ -168,7 +176,7 @@ export class VegaBox {
           },
           "BordersTokenType": {
             "location": "import",
-            "path": "../../types/designToken.type"
+            "path": "../../types/design-token.type"
           },
           "CssStatesType": {
             "location": "import",
@@ -179,7 +187,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.0.0"
+          }],
         "text": "Defines the border of the box.\n   It accepts a string value representing a valid\n   border token."
       },
       "attribute": "border",
@@ -201,8 +212,11 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Specifies the line style of the box border."
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.7.0"
+          }],
+        "text": "Specifies the line style of the box border. *"
       },
       "attribute": "border-style",
       "reflect": false
@@ -220,14 +234,17 @@ export class VegaBox {
           },
           "ShadowsTokenType": {
             "location": "import",
-            "path": "../../types/designToken.type"
+            "path": "../../types/design-token.type"
           }
         }
       },
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.0.0"
+          }],
         "text": "Defines the box shadow of the box.\n   It accepts a string value representing a valid\n   box shadow token."
       },
       "attribute": "shadow",
@@ -246,7 +263,7 @@ export class VegaBox {
           },
           "BorderColorsTokenType": {
             "location": "import",
-            "path": "../../types/designToken.type"
+            "path": "../../types/design-token.type"
           },
           "CssStatesType": {
             "location": "import",
@@ -257,7 +274,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.0.0"
+          }],
         "text": "Defines the border color of the box.\n   It accepts a string value representing a valid\n   border color token."
       },
       "attribute": "border-color",
@@ -276,7 +296,7 @@ export class VegaBox {
           },
           "BackgroundColorsTokenType": {
             "location": "import",
-            "path": "../../types/designToken.type"
+            "path": "../../types/design-token.type"
           },
           "CssStatesType": {
             "location": "import",
@@ -287,7 +307,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.0.0"
+          }],
         "text": "Defines the background color of the box.\n   It accepts a string value representing a valid\n   background color token."
       },
       "attribute": "background-color",
@@ -313,7 +336,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.0.0"
+          }],
         "text": "Specifies the width of the box.\nIt accepts values in numeric, string and spacing token formats.\nFor numeric values, use a number to indicate the width\n   in pixels, e.g., 100 will be translated to 100px.\nFor string values, you can use CSS units like '%' or 'calc' expressions.\n   For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to\n   determine the width.\nFor spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens."
       },
       "attribute": "width",
@@ -339,7 +365,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.0.0"
+          }],
         "text": "Specifies the height of the box.\nIt accepts values in numeric, string and spacing token formats.\nFor numeric values, use a number to indicate the height\n   in pixels, e.g., 100 will be translated to 100px.\nFor string values, you can use CSS units like '%' or 'calc' expressions.\n   For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to\n   determine the height.\nFor spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens."
       },
       "attribute": "height",
@@ -365,7 +394,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.7.0"
+          }],
         "text": "Specifies the minimum height of the box.\nIt accepts values in numeric, string and spacing token formats.\nNumeric values represent minimum heights in pixels\n   (e.g., 100 translates to 100px).\nString values allow the use of CSS units such as '%'\n   or keyword values like 'max-content'\n   (e.g., '100%' or 'max-content').\nSpacing tokens like 'size-2' or 'size-16' can also be used.\n   Please refer to https://vega.hlprd.com/tokens/spacing\n   to check the full list of spacing tokens."
       },
       "attribute": "min-height",
@@ -391,7 +423,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.7.0"
+          }],
         "text": "Specifies the maximum height of the box.\nIt accepts values in numeric, string and spacing token formats.\nNumeric values represent maximum heights in pixels\n   (e.g., 100 translates to 100px).\nString values allow the use of CSS units such as '%'\n   or keyword values like 'min-content'\n   (e.g., '100%' or 'min-content').\nSpacing tokens like 'size-2' or 'size-16' can also be used.\n   Please refer to https://vega.hlprd.com/tokens/spacing\n   to check the full list of spacing tokens."
       },
       "attribute": "max-height",
@@ -413,7 +448,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.0.0"
+          }],
         "text": "Defines the custom class name of the box."
       },
       "attribute": "responsive-class",
@@ -439,7 +477,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.0.0"
+          }],
         "text": "Defines the corner of the box.\n   It accepts a string value representing a valid\n   border radius token."
       },
       "attribute": "corners",
@@ -450,7 +491,7 @@ export class VegaBox {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<FlexBasisType>",
-        "resolved": "\"auto\" | \"content\" | \"fix-content\" | \"inherit\" | \"initial\" | \"max-content\" | \"min-content\" | \"revert\" | \"revert-layer\" | \"unset\" | `${number}%` | `${number}em` | `${number}px` | { S?: FlexBasisType; M?: FlexBasisType; L?: FlexBasisType; XL?: FlexBasisType; default?: FlexBasisType; }",
+        "resolved": "\"auto\" | \"content\" | \"fit-content\" | \"fix-content\" | \"inherit\" | \"initial\" | \"max-content\" | \"min-content\" | \"revert\" | \"revert-layer\" | \"unset\" | `${number}%` | `${number}em` | `${number}px` | { S?: FlexBasisType; M?: FlexBasisType; L?: FlexBasisType; XL?: FlexBasisType; default?: FlexBasisType; }",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -465,7 +506,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.3.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis"
+          }],
         "text": "Specifies the base size of the box."
       },
       "attribute": "flex-basis",
@@ -491,7 +538,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.3.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow"
+          }],
         "text": "Specifies how the box is grow."
       },
       "attribute": "flex-grow",
@@ -517,7 +570,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.3.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink"
+          }],
         "text": "Specifies how much the box shrinks."
       },
       "attribute": "flex-shrink",
@@ -543,7 +602,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.3.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/order"
+          }],
         "text": "Specifies the display order of the box."
       },
       "attribute": "order",
@@ -569,7 +634,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.3.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex"
+          }],
         "text": "Specifies how the box adjusts its size, growth, and alignment within a flex container."
       },
       "attribute": "flex",
@@ -580,7 +651,7 @@ export class VegaBox {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<AlignSelfType>",
-        "resolved": "\"auto\" | \"inherit\" | \"initial\" | \"normal\" | \"revert\" | \"revert-layer\" | \"unset\" | { S?: AlignSelfType; M?: AlignSelfType; L?: AlignSelfType; XL?: AlignSelfType; default?: AlignSelfType; } | ({ [x: number]: string; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string): string; }; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; small: () => string; [Symbol.iterator]: () => IterableIterator<string>; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number) => number; lastIndexOf: (searchString: string, position?: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[], options?: CollatorOptions): number; }; match: { (regexp: string | RegExp): RegExpMatchArray; (matcher: { [Symbol.match](string: string): RegExpMatchArray; }): RegExpMatchArray; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; slice: (start?: number, end?: number) => string; split: { (separator: string | RegExp, limit?: number): string[]; (splitter: { [Symbol.split](string: string, limit?: number): string[]; }, limit?: number): string[]; }; substring: (start: number, end?: number) => string; toLowerCase: () => string; toLocaleLowerCase: (locales?: string | string[]) => string; toUpperCase: () => string; toLocaleUpperCase: (locales?: string | string[]) => string; trim: () => string; readonly length: number; substr: (from: number, length?: number) => string; valueOf: () => string; codePointAt: (pos: number) => number; includes: (searchString: string, position?: number) => boolean; endsWith: (searchString: string, endPosition?: number) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; strike: () => string; sub: () => string; sup: () => string; padStart: (maxLength: number, fillString?: string) => string; padEnd: (maxLength: number, fillString?: string) => string; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpMatchArray>; at: (index: number) => string; })",
+        "resolved": "\"auto\" | \"inherit\" | \"initial\" | \"normal\" | \"revert\" | \"revert-layer\" | \"unset\" | { S?: AlignSelfType; M?: AlignSelfType; L?: AlignSelfType; XL?: AlignSelfType; default?: AlignSelfType; } | ({ [x: number]: string; small: () => string; [Symbol.iterator]: () => IterableIterator<string>; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number) => number; lastIndexOf: (searchString: string, position?: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[], options?: CollatorOptions): number; }; match: { (regexp: string | RegExp): RegExpMatchArray; (matcher: { [Symbol.match](string: string): RegExpMatchArray; }): RegExpMatchArray; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; slice: (start?: number, end?: number) => string; split: { (separator: string | RegExp, limit?: number): string[]; (splitter: { [Symbol.split](string: string, limit?: number): string[]; }, limit?: number): string[]; }; substring: (start: number, end?: number) => string; toLowerCase: () => string; toLocaleLowerCase: (locales?: string | string[]) => string; toUpperCase: () => string; toLocaleUpperCase: (locales?: string | string[]) => string; trim: () => string; readonly length: number; substr: (from: number, length?: number) => string; valueOf: () => string; codePointAt: (pos: number) => number; includes: (searchString: string, position?: number) => boolean; endsWith: (searchString: string, endPosition?: number) => boolean; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string): string; }; repeat: (count: number) => string; startsWith: (searchString: string, position?: number) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; strike: () => string; sub: () => string; sup: () => string; padStart: (maxLength: number, fillString?: string) => string; padEnd: (maxLength: number, fillString?: string) => string; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpMatchArray>; at: (index: number) => string; })",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -595,7 +666,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.3.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-self"
+          }],
         "text": "Specifies how the box aligns itself within its container."
       },
       "attribute": "align-self",
@@ -621,7 +698,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.3.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self"
+          }],
         "text": "Specifies how a single box justifies its content along the main axis within its container."
       },
       "attribute": "justify-self",
@@ -632,7 +715,7 @@ export class VegaBox {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridColumnType>",
-        "resolved": "\"auto / auto\" | \"auto\" | `${number} / ${number}` | `${number} / auto` | `${number} / span ${number}` | `auto / ${number}` | `auto / span ${number}` | `span ${number} / ${number}` | `span ${number} / auto` | `span ${number} / span ${number}` | `span ${number}` | number | { S?: GridColumnType; M?: GridColumnType; L?: GridColumnType; XL?: GridColumnType; default?: GridColumnType; } | ({ [x: number]: string; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string): string; }; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; small: () => string; [Symbol.iterator]: () => IterableIterator<string>; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number) => number; lastIndexOf: (searchString: string, position?: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[], options?: CollatorOptions): number; }; match: { (regexp: string | RegExp): RegExpMatchArray; (matcher: { [Symbol.match](string: string): RegExpMatchArray; }): RegExpMatchArray; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; slice: (start?: number, end?: number) => string; split: { (separator: string | RegExp, limit?: number): string[]; (splitter: { [Symbol.split](string: string, limit?: number): string[]; }, limit?: number): string[]; }; substring: (start: number, end?: number) => string; toLowerCase: () => string; toLocaleLowerCase: (locales?: string | string[]) => string; toUpperCase: () => string; toLocaleUpperCase: (locales?: string | string[]) => string; trim: () => string; readonly length: number; substr: (from: number, length?: number) => string; valueOf: () => string; codePointAt: (pos: number) => number; includes: (searchString: string, position?: number) => boolean; endsWith: (searchString: string, endPosition?: number) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; strike: () => string; sub: () => string; sup: () => string; padStart: (maxLength: number, fillString?: string) => string; padEnd: (maxLength: number, fillString?: string) => string; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpMatchArray>; at: (index: number) => string; })",
+        "resolved": "\"auto / auto\" | \"auto\" | `${number} / ${number}` | `${number} / auto` | `${number} / span ${number}` | `auto / ${number}` | `auto / span ${number}` | `span ${number} / ${number}` | `span ${number} / auto` | `span ${number} / span ${number}` | `span ${number}` | number | { S?: GridColumnType; M?: GridColumnType; L?: GridColumnType; XL?: GridColumnType; default?: GridColumnType; } | ({ [x: number]: string; small: () => string; [Symbol.iterator]: () => IterableIterator<string>; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number) => number; lastIndexOf: (searchString: string, position?: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[], options?: CollatorOptions): number; }; match: { (regexp: string | RegExp): RegExpMatchArray; (matcher: { [Symbol.match](string: string): RegExpMatchArray; }): RegExpMatchArray; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; slice: (start?: number, end?: number) => string; split: { (separator: string | RegExp, limit?: number): string[]; (splitter: { [Symbol.split](string: string, limit?: number): string[]; }, limit?: number): string[]; }; substring: (start: number, end?: number) => string; toLowerCase: () => string; toLocaleLowerCase: (locales?: string | string[]) => string; toUpperCase: () => string; toLocaleUpperCase: (locales?: string | string[]) => string; trim: () => string; readonly length: number; substr: (from: number, length?: number) => string; valueOf: () => string; codePointAt: (pos: number) => number; includes: (searchString: string, position?: number) => boolean; endsWith: (searchString: string, endPosition?: number) => boolean; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string): string; }; repeat: (count: number) => string; startsWith: (searchString: string, position?: number) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; strike: () => string; sub: () => string; sup: () => string; padStart: (maxLength: number, fillString?: string) => string; padEnd: (maxLength: number, fillString?: string) => string; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpMatchArray>; at: (index: number) => string; })",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -647,7 +730,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.5.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column"
+          }],
         "text": "Determines the placement of the item within the grid along the horizontal axis."
       },
       "attribute": "grid-column",
@@ -658,7 +747,7 @@ export class VegaBox {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridRowType>",
-        "resolved": "\"auto / auto\" | \"auto\" | `${number} / ${number}` | `${number} / auto` | `${number} / span ${number}` | `auto / ${number}` | `auto / span ${number}` | `span ${number} / ${number}` | `span ${number} / auto` | `span ${number} / span ${number}` | `span ${number}` | number | { S?: GridRowType; M?: GridRowType; L?: GridRowType; XL?: GridRowType; default?: GridRowType; } | ({ [x: number]: string; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string): string; }; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; small: () => string; [Symbol.iterator]: () => IterableIterator<string>; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number) => number; lastIndexOf: (searchString: string, position?: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[], options?: CollatorOptions): number; }; match: { (regexp: string | RegExp): RegExpMatchArray; (matcher: { [Symbol.match](string: string): RegExpMatchArray; }): RegExpMatchArray; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; slice: (start?: number, end?: number) => string; split: { (separator: string | RegExp, limit?: number): string[]; (splitter: { [Symbol.split](string: string, limit?: number): string[]; }, limit?: number): string[]; }; substring: (start: number, end?: number) => string; toLowerCase: () => string; toLocaleLowerCase: (locales?: string | string[]) => string; toUpperCase: () => string; toLocaleUpperCase: (locales?: string | string[]) => string; trim: () => string; readonly length: number; substr: (from: number, length?: number) => string; valueOf: () => string; codePointAt: (pos: number) => number; includes: (searchString: string, position?: number) => boolean; endsWith: (searchString: string, endPosition?: number) => boolean; repeat: (count: number) => string; startsWith: (searchString: string, position?: number) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; strike: () => string; sub: () => string; sup: () => string; padStart: (maxLength: number, fillString?: string) => string; padEnd: (maxLength: number, fillString?: string) => string; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpMatchArray>; at: (index: number) => string; })",
+        "resolved": "\"auto / auto\" | \"auto\" | `${number} / ${number}` | `${number} / auto` | `${number} / span ${number}` | `auto / ${number}` | `auto / span ${number}` | `span ${number} / ${number}` | `span ${number} / auto` | `span ${number} / span ${number}` | `span ${number}` | number | { S?: GridRowType; M?: GridRowType; L?: GridRowType; XL?: GridRowType; default?: GridRowType; } | ({ [x: number]: string; small: () => string; [Symbol.iterator]: () => IterableIterator<string>; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number) => number; lastIndexOf: (searchString: string, position?: number) => number; localeCompare: { (that: string): number; (that: string, locales?: string | string[], options?: CollatorOptions): number; }; match: { (regexp: string | RegExp): RegExpMatchArray; (matcher: { [Symbol.match](string: string): RegExpMatchArray; }): RegExpMatchArray; }; replace: { (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { [Symbol.replace](string: string, replaceValue: string): string; }, replaceValue: string): string; (searchValue: { [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string; }, replacer: (substring: string, ...args: any[]) => string): string; }; search: { (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }; slice: (start?: number, end?: number) => string; split: { (separator: string | RegExp, limit?: number): string[]; (splitter: { [Symbol.split](string: string, limit?: number): string[]; }, limit?: number): string[]; }; substring: (start: number, end?: number) => string; toLowerCase: () => string; toLocaleLowerCase: (locales?: string | string[]) => string; toUpperCase: () => string; toLocaleUpperCase: (locales?: string | string[]) => string; trim: () => string; readonly length: number; substr: (from: number, length?: number) => string; valueOf: () => string; codePointAt: (pos: number) => number; includes: (searchString: string, position?: number) => boolean; endsWith: (searchString: string, endPosition?: number) => boolean; normalize: { (form: \"NFC\" | \"NFD\" | \"NFKC\" | \"NFKD\"): string; (form?: string): string; }; repeat: (count: number) => string; startsWith: (searchString: string, position?: number) => boolean; anchor: (name: string) => string; big: () => string; blink: () => string; bold: () => string; fixed: () => string; fontcolor: (color: string) => string; fontsize: { (size: number): string; (size: string): string; }; italics: () => string; link: (url: string) => string; strike: () => string; sub: () => string; sup: () => string; padStart: (maxLength: number, fillString?: string) => string; padEnd: (maxLength: number, fillString?: string) => string; trimEnd: () => string; trimStart: () => string; trimLeft: () => string; trimRight: () => string; matchAll: (regexp: RegExp) => IterableIterator<RegExpMatchArray>; at: (index: number) => string; })",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -673,7 +762,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.5.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row"
+          }],
         "text": "Determines the placement of the item within the grid along the vertical axis."
       },
       "attribute": "grid-row",
@@ -699,7 +794,13 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.5.0"
+          }, {
+            "name": "nativeTypeRedirection",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area"
+          }],
         "text": "Defines the area within the grid occupied by the item. It accepts CSS values and can be set as ResponsiveType."
       },
       "attribute": "grid-area",
@@ -711,6 +812,12 @@ export class VegaBox {
   }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "padding",
+      "methodName": "watchPaddingChange"
+    }, {
+      "propName": "margin",
+      "methodName": "watchMarginChange"
+    }, {
       "propName": "border",
       "methodName": "watchBorder"
     }, {
@@ -722,6 +829,9 @@ export class VegaBox {
     }, {
       "propName": "backgroundColor",
       "methodName": "watchBackgroundColor"
+    }, {
+      "propName": "corners",
+      "methodName": "watchCornersChange"
     }]; }
 }
 __decorate([
@@ -736,3 +846,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaBox.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaBox.prototype, "responsiveStyleController", void 0);

package/dist/collection/components/vega-brand-logo/assets/dark-mode/g-symbol-large.js

@@ -0,0 +1,4 @@
+export const gSymbolLargeInDark = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" width="45" height="61" viewBox="0 0 45 61" fill="none"><path d="M28.5811 43.8321C26.2474 44.0682 24.0443 43.5172 23.169 42.7899C22.9008 42.5429 22.7198 42.2153 22.6538 41.8571C22.5464 41.3542 22.7198 40.8324 23.1077 40.4944C23.9175 39.9642 24.9078 39.786 25.8515 40.0014C26.6589 40.1061 27.472 40.1579 28.2865 40.1574C36.5271 40.1574 41.8496 35.1653 41.8496 27.4375C41.8496 19.7097 36.5224 14.7144 28.286 14.7144C20.0496 14.7144 14.7224 19.7083 14.7224 27.4366C14.7224 31.7415 16.3745 35.1965 19.2634 37.4137C17.8715 38.2513 16.8015 39.5334 16.227 41.053C15.7452 42.7838 16.2991 44.6376 17.6514 45.8207L17.9903 46.1497L17.5661 46.3632C14.4127 47.9484 12.8912 50.1633 13.2791 52.603C13.3192 52.8457 13.3776 53.0847 13.4549 53.318C14.8638 58.1828 21.9331 60.213 28.9058 59.9952C32.8958 59.8703 43.9438 58.1508 44.0588 51.2743C44.2149 41.8524 33.4549 43.3522 29.2273 43.7727L28.5811 43.8321ZM28.286 20.8481C31.709 20.8481 33.8348 23.374 33.8348 27.439C33.8348 31.5039 31.709 34.0299 28.286 34.0299C24.8631 34.0299 22.7349 31.5039 22.7349 27.439C22.7349 23.374 24.8607 20.8481 28.286 20.8481ZM23.1407 48.8732C23.3052 48.851 23.5254 48.818 23.7884 48.778C28.41 48.095 34.7591 47.4111 36.538 49.42C37.0197 49.9771 37.1667 50.7496 36.9226 51.4444C36.4074 53.3227 32.3547 54.1504 28.5509 54.1504C27.5465 54.1523 26.5425 54.091 25.5456 53.9661C22.4907 53.5683 20.801 52.627 20.7892 51.3153C20.7571 50.0002 22.4092 48.9698 23.144 48.8704" fill="white"/><path d="M35.9142 9.19902C24.7579 5.12489 12.4213 10.8744 8.35981 22.018C7.62368 24.036 7.19213 26.1555 7.07791 28.3132C6.84945 32.8823 8.0425 37.4134 10.5301 41.259C11.5455 42.8329 11.0886 44.927 9.51477 45.9424C7.96635 46.9324 5.92294 46.5136 4.88219 45.0032C-3.98952 31.7401 -0.435764 13.7935 12.8274 4.90912C15.2516 3.28454 17.9042 2.04076 20.6964 1.21578C26.5728 -0.523029 32.8427 -0.383447 38.6429 1.62189H38.6556C40.7371 2.3961 41.8033 4.70606 41.0417 6.78755C40.2929 8.81827 38.0591 9.89709 36.003 9.21173L35.9269 9.18636" fill="url(#paint0_linear_73169_282)"/><path d="M35.9142 9.19902C24.7579 5.12489 12.4213 10.8744 8.35981 22.018C7.62368 24.036 7.19213 26.1555 7.07791 28.3132C6.84945 32.8823 8.0425 37.4134 10.5301 41.259C11.5455 42.8329 11.0886 44.927 9.51477 45.9424C7.96635 46.9324 5.92294 46.5136 4.88219 45.0032C-3.98952 31.7401 -0.435764 13.7935 12.8274 4.90912C15.2516 3.28454 17.9042 2.04076 20.6964 1.21578C26.5728 -0.523029 32.8427 -0.383447 38.6429 1.62189H38.6556C40.7371 2.3961 41.8033 4.70606 41.0417 6.78755C40.2929 8.81827 38.0591 9.89709 36.003 9.21173L35.9269 9.18636" fill="url(#paint1_linear_73169_282)"/><path d="M35.9142 9.19902C24.7579 5.12489 12.4213 10.8744 8.35981 22.018C7.62368 24.036 7.19213 26.1555 7.07791 28.3132C6.84945 32.8823 8.0425 37.4134 10.5301 41.259C11.5455 42.8329 11.0886 44.927 9.51477 45.9424C7.96635 46.9324 5.92294 46.5136 4.88219 45.0032C-3.98952 31.7401 -0.435764 13.7935 12.8274 4.90912C15.2516 3.28454 17.9042 2.04076 20.6964 1.21578C26.5728 -0.523029 32.8427 -0.383447 38.6429 1.62189H38.6556C40.7371 2.3961 41.8033 4.70606 41.0417 6.78755C40.2929 8.81827 38.0591 9.89709 36.003 9.21173L35.9269 9.18636" fill="url(#paint2_linear_73169_282)"/><path d="M43.1625 6.17865C43.1625 8.62841 41.1697 10.6212 38.7199 10.6212C36.2702 10.6212 34.2773 8.62841 34.2773 6.17865C34.2773 3.72889 36.2702 1.73608 38.7199 1.73608C41.1697 1.73608 43.1625 3.72889 43.1625 6.17865Z" fill="white"/><defs><linearGradient id="paint0_linear_73169_282" x1="14.8096" y1="0.41205" x2="36.0511" y2="5.54677" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_73169_282" x1="8.64794" y1="39.544" x2="25.5655" y2="18.1403" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_73169_282" x1="9.24249" y1="20.5185" x2="25.1331" y2="9.43834" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.2"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>`,
+  autoSize: true,
+};

package/dist/collection/components/vega-brand-logo/assets/dark-mode/g-symbol-medium.js

@@ -0,0 +1,4 @@
+export const gSymbolMediumInDark = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="49" viewBox="0 0 36 49" fill="none"><path d="M22.8635 35.0686C20.9967 35.2575 19.2343 34.8168 18.5341 34.235C18.3196 34.0374 18.1748 33.7753 18.122 33.4888C18.0361 33.0864 18.1748 32.669 18.4851 32.3987C19.1329 31.9745 19.9251 31.832 20.68 32.0043C21.3259 32.088 21.9763 32.1295 22.6279 32.1291C29.22 32.1291 33.4777 28.1357 33.4777 21.9538C33.4777 15.7719 29.2162 11.7759 22.6275 11.7759C16.0388 11.7759 11.7773 15.7708 11.7773 21.9531C11.7773 25.3967 13.0989 28.1606 15.4098 29.9342C14.2964 30.6043 13.4405 31.6299 12.9808 32.8455C12.5955 34.2301 13.0385 35.713 14.1203 36.6594L14.3914 36.9226L14.0521 37.0934C11.5295 38.3615 10.3124 40.1333 10.6227 42.0849C10.6548 42.2791 10.7015 42.4703 10.7634 42.6569C11.8904 46.5485 17.5455 48.1725 23.1233 47.9983C26.3151 47.8984 35.153 46.5229 35.245 41.022C35.3698 33.485 26.7623 34.6848 23.3805 35.0211L22.8635 35.0686ZM22.6275 16.6825C25.3657 16.6825 27.0662 18.7032 27.0662 21.9549C27.0662 25.2067 25.3657 27.2273 22.6275 27.2273C19.8893 27.2273 18.1869 25.2067 18.1869 21.9549C18.1869 18.7032 19.8874 16.6825 22.6275 16.6825ZM18.5115 39.1013C18.6431 39.0836 18.8192 39.0572 19.0296 39.0251C22.7267 38.4788 27.8056 37.9316 29.2286 39.5387C29.614 39.9843 29.7316 40.6023 29.5363 41.1581C29.1242 42.6607 25.8823 43.3228 22.8394 43.3228C22.0359 43.3243 21.2327 43.2753 20.4353 43.1754C17.9916 42.8571 16.6398 42.1042 16.6304 41.0548C16.6047 40.0028 17.9263 39.1786 18.5142 39.099" fill="white"/><path d="M28.7296 7.36389C19.8051 4.10479 9.9364 8.70409 6.68744 17.6184C6.09857 19.2327 5.75336 20.9283 5.66198 22.6543C5.47923 26.3094 6.43361 29.934 8.42359 33.0103C9.23583 34.2693 8.87032 35.9446 7.61135 36.7568C6.37269 37.5487 4.73806 37.2137 3.90552 36.0055C-3.19142 25.3956 -0.34859 11.0393 10.2613 3.93218C12.2005 2.6326 14.3225 1.63763 16.5561 0.977689C21.257 -0.413271 26.2726 -0.301611 30.9125 1.30256H30.9226C32.5877 1.92189 33.4406 3.76974 32.8314 5.43483C32.2324 7.05931 30.4454 7.92232 28.8006 7.37406L28.7397 7.35376" fill="url(#paint0_linear_73169_23)"/><path d="M28.7296 7.36389C19.8051 4.10479 9.9364 8.70409 6.68744 17.6184C6.09857 19.2327 5.75336 20.9283 5.66198 22.6543C5.47923 26.3094 6.43361 29.934 8.42359 33.0103C9.23583 34.2693 8.87032 35.9446 7.61135 36.7568C6.37269 37.5487 4.73806 37.2137 3.90552 36.0055C-3.19142 25.3956 -0.34859 11.0393 10.2613 3.93218C12.2005 2.6326 14.3225 1.63763 16.5561 0.977689C21.257 -0.413271 26.2726 -0.301611 30.9125 1.30256H30.9226C32.5877 1.92189 33.4406 3.76974 32.8314 5.43483C32.2324 7.05931 30.4454 7.92232 28.8006 7.37406L28.7397 7.35376" fill="url(#paint1_linear_73169_23)"/><path d="M28.7296 7.36389C19.8051 4.10479 9.9364 8.70409 6.68744 17.6184C6.09857 19.2327 5.75336 20.9283 5.66198 22.6543C5.47923 26.3094 6.43361 29.934 8.42359 33.0103C9.23583 34.2693 8.87032 35.9446 7.61135 36.7568C6.37269 37.5487 4.73806 37.2137 3.90552 36.0055C-3.19142 25.3956 -0.34859 11.0393 10.2613 3.93218C12.2005 2.6326 14.3225 1.63763 16.5561 0.977689C21.257 -0.413271 26.2726 -0.301611 30.9125 1.30256H30.9226C32.5877 1.92189 33.4406 3.76974 32.8314 5.43483C32.2324 7.05931 30.4454 7.92232 28.8006 7.37406L28.7397 7.35376" fill="url(#paint2_linear_73169_23)"/><path d="M34.5276 4.94788C34.5276 6.90757 32.9334 8.50172 30.9738 8.50172C29.0141 8.50172 27.4199 6.90757 27.4199 4.94788C27.4199 2.98819 29.0141 1.39404 30.9738 1.39404C32.9334 1.39404 34.5276 2.98819 34.5276 4.94788Z" fill="white"/><defs><linearGradient id="paint0_linear_73169_23" x1="11.847" y1="0.334747" x2="28.8391" y2="4.44227" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_73169_23" x1="6.91793" y1="31.6384" x2="20.4511" y2="14.5165" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_73169_23" x1="7.39354" y1="16.4189" x2="20.1052" y2="7.55534" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.2"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>`,
+  autoSize: true,
+};

package/dist/collection/components/vega-brand-logo/assets/dark-mode/g-symbol-small.js

@@ -0,0 +1,4 @@
+export const gSymbolSmallInDark = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" width="30" height="42" viewBox="0 0 30 42" fill="none"><path d="M19.4604 29.956C17.8714 30.1173 16.3713 29.7408 15.7754 29.2439C15.5927 29.0751 15.4695 28.8513 15.4246 28.6065C15.3514 28.2628 15.4695 27.9063 15.7336 27.6754C16.285 27.313 16.9593 27.1913 17.6018 27.3385C18.1516 27.41 18.7052 27.4454 19.2598 27.4451C24.8707 27.4451 28.4948 24.034 28.4948 18.7537C28.4948 13.4734 24.8675 10.0601 19.2595 10.0601C13.6514 10.0601 10.0241 13.4724 10.0241 18.7531C10.0241 21.6945 11.149 24.0553 13.1161 25.5703C12.1683 26.1426 11.4398 27.0187 11.0486 28.057C10.7206 29.2397 11.0977 30.5064 12.0184 31.3148L12.2492 31.5396L11.9604 31.6855C9.81328 32.7686 8.77729 34.282 9.04142 35.949C9.0687 36.1149 9.1085 36.2782 9.16113 36.4376C10.1204 39.7617 14.9339 41.1489 19.6815 41.0001C22.3982 40.9147 29.9207 39.7398 29.999 35.0411C30.1052 28.6033 22.7789 29.6281 19.9004 29.9154L19.4604 29.956ZM19.2595 14.2512C21.5901 14.2512 23.0375 15.9771 23.0375 18.7547C23.0375 21.5322 21.5901 23.2582 19.2595 23.2582C16.9288 23.2582 15.4798 21.5322 15.4798 18.7547C15.4798 15.9771 16.9272 14.2512 19.2595 14.2512ZM15.7561 33.4005C15.8681 33.3854 16.018 33.3628 16.1971 33.3354C19.3439 32.8688 23.6669 32.4014 24.8781 33.7741C25.2061 34.1548 25.3063 34.6827 25.14 35.1574C24.7892 36.4408 22.0298 37.0064 19.4398 37.0064C18.7559 37.0077 18.0723 36.9658 17.3935 36.8805C15.3135 36.6086 14.163 35.9655 14.1549 35.0691C14.1331 34.1706 15.258 33.4665 15.7583 33.3986" fill="white"/><path d="M24.4536 6.2916C16.8574 3.50777 8.45751 7.43635 5.69211 15.0507C5.19088 16.4296 4.89705 17.8778 4.81927 19.3521C4.66372 22.4742 5.47606 25.5702 7.16986 28.1979C7.86121 29.2733 7.5501 30.7043 6.47851 31.398C5.4242 32.0745 4.03287 31.7883 3.32424 30.7563C-2.71642 21.6937 -0.296707 9.43098 8.73404 3.36034C10.3846 2.25028 12.1908 1.40041 14.092 0.836711C18.0932 -0.3514 22.3623 -0.256024 26.3116 1.11421H26.3202C27.7375 1.64322 28.4634 3.22159 27.9449 4.64386C27.435 6.03143 25.9141 6.76858 24.5141 6.30028L24.4622 6.28294" fill="url(#paint0_linear_69880_33404)"/><path d="M24.4536 6.2916C16.8574 3.50777 8.45751 7.43635 5.69211 15.0507C5.19088 16.4296 4.89705 17.8778 4.81927 19.3521C4.66372 22.4742 5.47606 25.5702 7.16986 28.1979C7.86121 29.2733 7.5501 30.7043 6.47851 31.398C5.4242 32.0745 4.03287 31.7883 3.32424 30.7563C-2.71642 21.6937 -0.296707 9.43098 8.73404 3.36034C10.3846 2.25028 12.1908 1.40041 14.092 0.836711C18.0932 -0.3514 22.3623 -0.256024 26.3116 1.11421H26.3202C27.7375 1.64322 28.4634 3.22159 27.9449 4.64386C27.435 6.03143 25.9141 6.76858 24.5141 6.30028L24.4622 6.28294" fill="url(#paint1_linear_69880_33404)"/><path d="M24.4536 6.2916C16.8574 3.50777 8.45751 7.43635 5.69211 15.0507C5.19088 16.4296 4.89705 17.8778 4.81927 19.3521C4.66372 22.4742 5.47606 25.5702 7.16986 28.1979C7.86121 29.2733 7.5501 30.7043 6.47851 31.398C5.4242 32.0745 4.03287 31.7883 3.32424 30.7563C-2.71642 21.6937 -0.296707 9.43098 8.73404 3.36034C10.3846 2.25028 12.1908 1.40041 14.092 0.836711C18.0932 -0.3514 22.3623 -0.256024 26.3116 1.11421H26.3202C27.7375 1.64322 28.4634 3.22159 27.9449 4.64386C27.435 6.03143 25.9141 6.76858 24.5141 6.30028L24.4622 6.28294" fill="url(#paint2_linear_69880_33404)"/><path d="M29.3887 4.22795C29.3887 5.90185 28.0318 7.26352 26.3638 7.26352C24.6957 7.26352 23.3389 5.90185 23.3389 4.22795C23.3389 2.55405 24.6957 1.19238 26.3638 1.19238C28.0318 1.19238 29.3887 2.55405 29.3887 4.22795Z" fill="white"/><defs><linearGradient id="paint0_linear_69880_33404" x1="10.0837" y1="0.287532" x2="24.5524" y2="3.77277" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_69880_33404" x1="5.8883" y1="27.0261" x2="17.4572" y2="12.4408" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_69880_33404" x1="6.29312" y1="14.0261" x2="17.1378" y2="6.49095" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.2"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>`,
+  autoSize: true,
+};

package/dist/collection/components/vega-brand-logo/assets/dark-mode/genius-large.js

@@ -0,0 +1,4 @@
+export const geniusLargeInDark = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" width="119" height="53" viewBox="0 0 119 53" fill="none"><path d="M104.932 33.0669C105.131 34.8539 106.68 36.0867 109.421 36.0867C111.766 36.0867 113.194 35.3316 113.194 33.9013C113.194 32.2332 111.804 32.1143 108.506 31.6773C103.739 31.1214 100.045 30.0478 100.045 25.837C100.045 21.6261 103.579 19.1223 108.824 19.1626C114.307 19.1626 118.081 21.5858 118.359 25.7584H112.996C112.837 24.1289 111.288 23.136 109.024 23.136C106.76 23.136 105.408 23.9301 105.408 25.2411C105.408 26.7903 107.157 26.9495 110.096 27.3065C114.784 27.7863 118.678 28.8574 118.678 33.465C118.678 37.5177 114.863 40.1005 109.381 40.1005C103.899 40.1005 99.8468 37.4374 99.609 33.0676L104.932 33.0669Z" fill="white"/><path d="M91.0704 19.4487H96.6698V39.861H91.7059L91.1897 37.3989C89.879 38.9873 88.092 40.0992 85.1932 40.0992C80.9837 40.0992 77.0916 37.9944 77.0916 30.7665V19.4487H82.6911V30.0124C82.6911 33.666 83.8825 35.453 86.6624 35.453C89.4423 35.453 91.0704 33.4275 91.0704 29.655V19.4487Z" fill="white"/><path d="M68.3776 19.4412H74.0188V39.861H68.3776V19.4412Z" fill="white"/><path d="M65.2734 28.5379V39.8602H59.6718V29.0938C59.6718 25.6374 58.3608 23.81 55.5402 23.81C52.7197 23.81 50.9716 25.8759 50.9716 29.4116V39.8598H45.3701V19.4403H50.2565L50.7728 21.9827C52.0838 20.3939 53.9511 19.2021 57.0894 19.2021C61.4992 19.2021 65.2734 21.5461 65.2734 28.5382V28.5379Z" fill="white"/><path d="M22.2906 29.6907C22.2906 23.3351 26.4609 19.2039 32.7778 19.2039C39.0948 19.2039 43.0255 23.0174 43.1044 29.0159C43.1044 29.6121 43.0655 30.2869 42.9466 30.9218H28.1289V31.1999C28.2492 34.1004 30.1151 35.8474 32.9353 35.8474C35.1997 35.8474 36.7888 34.8542 37.2658 32.9483H42.7874C42.1512 36.9207 38.6158 40.0979 33.1745 40.0979C26.3819 40.0976 22.2906 36.0063 22.2906 29.6907ZM37.464 27.2675C37.067 24.7654 35.3589 23.3754 32.8164 23.3754C30.274 23.3754 28.5659 24.8443 28.2492 27.2675H37.464Z" fill="white"/><path d="M11.5911 40.2743L11.1161 40.3118C9.76612 40.5117 8.37865 40.2493 7.20369 39.5618C7.0037 39.3868 6.87872 39.1493 6.82872 38.8868C6.75372 38.5243 6.87865 38.1493 7.15365 37.8993C7.74113 37.5119 8.45364 37.3869 9.14111 37.5494C9.72859 37.6244 10.316 37.6618 10.9035 37.6618C16.8658 37.6618 20.7157 34.0495 20.7157 28.4622C20.7157 22.8748 16.8658 19.2625 10.9035 19.2625C4.94122 19.2625 1.09137 22.8748 1.09137 28.4622C0.966379 31.2496 2.19134 33.937 4.37877 35.6744C3.36631 36.2744 2.59132 37.2118 2.17883 38.3118C1.82884 39.5618 2.22884 40.8992 3.20381 41.7617L3.45382 41.9992L3.14133 42.1492C0.8664 43.2992 -0.233539 44.8991 0.0414516 46.6616C0.0664507 46.8365 0.116419 47.0115 0.166417 47.174C1.17888 50.6864 6.30372 52.1614 11.3411 51.9989C14.2285 51.9114 22.2157 50.6614 22.3032 45.6866C22.4157 38.8743 14.6284 39.9618 11.5785 40.2618M10.9035 23.6873C13.3784 23.6873 14.9159 25.5122 14.9159 28.4496C14.9159 31.387 13.3784 33.212 10.9035 33.212C8.4286 33.212 6.8912 31.387 6.8912 28.4496C6.8912 25.5122 8.4286 23.6873 10.9035 23.6873ZM7.17867 43.9616C7.30366 43.9491 7.45367 43.9241 7.65366 43.8866C10.9911 43.3867 15.5909 42.8992 16.8784 44.3491C17.2284 44.7491 17.3283 45.3116 17.1533 45.8116C16.7783 47.174 13.8535 47.774 11.1036 47.774C10.3786 47.774 9.65362 47.7365 8.92864 47.6365C6.71621 47.349 5.49125 46.6616 5.49125 45.7241C5.49125 44.7866 6.6662 44.0241 7.19118 43.9491" fill="white"/><path d="M18.9953 13.2523C22.2443 9.33285 26.358 6.22366 31.0153 4.16813C35.6104 2.15402 40.5499 1.046 45.5645 0.906206C50.5532 0.737932 55.5315 1.44209 60.2768 2.98763C65.1594 4.52539 69.6354 7.13493 73.3789 10.6273C74.663 11.857 74.707 13.8944 73.4773 15.1784C72.2476 16.4625 70.2102 16.5065 68.9261 15.2768L68.908 15.2587L68.8588 15.2095C65.8428 12.354 62.2314 10.2053 58.2834 8.91346C54.2448 7.54138 49.9966 6.88382 45.7328 6.97184C41.4897 7.03138 37.2958 7.90899 33.384 9.55549C29.5267 11.1916 26.1094 13.7287 23.3886 16.9129C22.3815 18.1219 20.5642 18.2747 19.3578 17.265C18.1488 16.258 17.9883 14.4613 18.9953 13.2523Z" fill="url(#paint0_linear_73169_272)"/><path d="M18.9953 13.2523C22.2443 9.33285 26.358 6.22366 31.0153 4.16813C35.6104 2.15402 40.5499 1.046 45.5645 0.906206C50.5532 0.737932 55.5315 1.44209 60.2768 2.98763C65.1594 4.52539 69.6354 7.13493 73.3789 10.6273C74.663 11.857 74.707 13.8944 73.4773 15.1784C72.2476 16.4625 70.2102 16.5065 68.9261 15.2768L68.908 15.2587L68.8588 15.2095C65.8428 12.354 62.2314 10.2053 58.2834 8.91346C54.2448 7.54138 49.9966 6.88382 45.7328 6.97184C41.4897 7.03138 37.2958 7.90899 33.384 9.55549C29.5267 11.1916 26.1094 13.7287 23.3886 16.9129C22.3815 18.1219 20.5642 18.2747 19.3578 17.265C18.1488 16.258 17.9883 14.4613 18.9953 13.2523Z" fill="url(#paint1_linear_73169_272)"/><path d="M18.9953 13.2523C22.2443 9.33285 26.358 6.22366 31.0153 4.16813C35.6104 2.15402 40.5499 1.046 45.5645 0.906206C50.5532 0.737932 55.5315 1.44209 60.2768 2.98763C65.1594 4.52539 69.6354 7.13493 73.3789 10.6273C74.663 11.857 74.707 13.8944 73.4773 15.1784C72.2476 16.4625 70.2102 16.5065 68.9261 15.2768L68.908 15.2587L68.8588 15.2095C65.8428 12.354 62.2314 10.2053 58.2834 8.91346C54.2448 7.54138 49.9966 6.88382 45.7328 6.97184C41.4897 7.03138 37.2958 7.90899 33.384 9.55549C29.5267 11.1916 26.1094 13.7287 23.3886 16.9129C22.3815 18.1219 20.5642 18.2747 19.3578 17.265C18.1488 16.258 17.9883 14.4613 18.9953 13.2523Z" fill="url(#paint2_linear_73169_272)"/><path d="M73.4762 15.2755C72.1887 16.563 70.0888 16.563 68.7888 15.2755C67.5014 13.988 67.5014 11.8881 68.7888 10.5882C70.0763 9.30069 72.1762 9.30069 73.4762 10.5882C74.7636 11.8756 74.7761 13.9755 73.4762 15.2755Z" fill="white"/><defs><linearGradient id="paint0_linear_73169_272" x1="57.3601" y1="0.913793" x2="70.3846" y2="14.202" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_73169_272" x1="23.8939" y1="15.1967" x2="57.5789" y2="13.8853" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_73169_272" x1="46.3688" y1="7.04286" x2="61.6294" y2="14.0936" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.2"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>`,
+  autoSize: true,
+};

package/dist/collection/components/vega-brand-logo/assets/dark-mode/genius-medium.js

@@ -0,0 +1,4 @@
+export const geniusMediumInDark = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" width="95" height="42" viewBox="0 0 95 42" fill="none"><path d="M83.9456 25.8558C84.1049 27.2854 85.3443 28.2716 87.5365 28.2716C89.4125 28.2716 90.555 27.6675 90.555 26.5233C90.555 25.1888 89.4428 25.0937 86.8047 24.7441C82.991 24.2994 80.0359 23.4405 80.0359 20.0718C80.0359 16.7031 82.8631 14.7001 87.0592 14.7323C91.4456 14.7323 94.4647 16.6709 94.6869 20.009H90.397C90.2697 18.7054 89.0303 17.911 87.2191 17.911C85.408 17.911 84.3266 18.5463 84.3266 19.5951C84.3266 20.8345 85.7253 20.9618 88.0769 21.2475C91.8272 21.6313 94.9425 22.4882 94.9425 26.1742C94.9425 29.4164 91.8906 31.4826 87.5051 31.4826C83.1195 31.4826 79.8774 29.3521 79.6871 25.8563L83.9456 25.8558Z" fill="white"/><path d="M72.8563 14.9612H77.3359V31.291H73.3647L72.9517 29.3213C71.9032 30.5921 70.4736 31.4815 68.1545 31.4815C64.7869 31.4815 61.6733 29.7977 61.6733 24.0154V14.9612H66.1528V23.4121C66.1528 26.335 67.106 27.7646 69.3299 27.7646C71.5538 27.7646 72.8563 26.1442 72.8563 23.1262V14.9612Z" fill="white"/><path d="M54.7021 14.9551H59.215V31.291H54.7021V14.9551Z" fill="white"/><path d="M52.2187 22.2325V31.2903H47.7375V22.6772C47.7375 19.9121 46.6886 18.4502 44.4322 18.4502C42.1757 18.4502 40.7773 20.1029 40.7773 22.9314V31.29H36.2961V14.9544H40.2052L40.6182 16.9884C41.667 15.7173 43.1609 14.7639 45.6715 14.7639C49.1993 14.7639 52.2187 16.6391 52.2187 22.2328V22.2325Z" fill="white"/><path d="M17.8325 23.1549C17.8325 18.0704 21.1687 14.7654 26.2223 14.7654C31.2759 14.7654 34.4204 17.8162 34.4836 22.615C34.4836 23.092 34.4524 23.6319 34.3573 24.1397H22.5031V24.3622C22.5994 26.6826 24.0921 28.0803 26.3483 28.0803C28.1597 28.0803 29.4311 27.2856 29.8126 25.7609H34.2299C33.7209 28.9388 30.8926 31.4807 26.5396 31.4807C21.1055 31.4804 17.8325 28.2074 17.8325 23.1549ZM29.9712 21.2163C29.6536 19.2146 28.2871 18.1026 26.2532 18.1026C24.2192 18.1026 22.8528 19.2777 22.5994 21.2163H29.9712Z" fill="white"/><path d="M9.27285 31.6217L8.89286 31.6517C7.81289 31.8117 6.70292 31.6017 5.76295 31.0517C5.60296 30.9117 5.50297 30.7217 5.46298 30.5117C5.40298 30.2217 5.50292 29.9218 5.72292 29.7218C6.1929 29.4118 6.76291 29.3118 7.31289 29.4418C7.78288 29.5018 8.25283 29.5318 8.72282 29.5318C13.4927 29.5318 16.5726 26.6419 16.5726 22.172C16.5726 17.7022 13.4927 14.8123 8.72282 14.8123C3.95297 14.8123 0.8731 17.7022 0.8731 22.172C0.773103 24.4019 1.75308 26.5519 3.50302 27.9418C2.69304 28.4218 2.07306 29.1718 1.74307 30.0517C1.46308 31.0517 1.78307 32.1217 2.56305 32.8117L2.76305 33.0017L2.51306 33.1217C0.69312 34.0416 -0.186832 35.3216 0.0331612 36.7315C0.0531606 36.8715 0.0931349 37.0115 0.133134 37.1415C0.943107 39.9514 5.04297 41.1314 9.07284 41.0014C11.3828 40.9314 17.7726 39.9314 17.8426 35.9516C17.9326 30.5017 11.7028 31.3717 9.26284 31.6117M8.72282 18.3521C10.7028 18.3521 11.9327 19.8121 11.9327 22.162C11.9327 24.5119 10.7028 25.9719 8.72282 25.9719C6.74288 25.9719 5.51296 24.5119 5.51296 22.162C5.51296 19.8121 6.74288 18.3521 8.72282 18.3521ZM5.74294 34.5716C5.84293 34.5616 5.96293 34.5416 6.12293 34.5116C8.79284 34.1116 12.4727 33.7216 13.5027 34.8816C13.7827 35.2016 13.8626 35.6516 13.7227 36.0515C13.4227 37.1415 11.0828 37.6215 8.88285 37.6215C8.30287 37.6215 7.72289 37.5915 7.14291 37.5115C5.37297 37.2815 4.393 36.7315 4.393 35.9816C4.393 35.2316 5.33296 34.6216 5.75294 34.5616" fill="white"/><path d="M15.1961 10.0041C17.7953 6.86848 21.0862 4.38113 24.812 2.7367C28.4882 1.12542 32.4397 0.239 36.4514 0.127162C40.4423 -0.00745697 44.425 0.555873 48.2213 1.7923C52.1273 3.02251 55.7082 5.11014 58.7029 7.90401C59.7302 8.88776 59.7654 10.5177 58.7816 11.5449C57.7979 12.5722 56.1679 12.6074 55.1407 11.6236L55.1262 11.6091L55.0868 11.5698C52.6741 9.28541 49.7849 7.56643 46.6265 6.53296C43.3957 5.4353 39.9971 4.90925 36.586 4.97967C33.1915 5.0273 29.8364 5.72939 26.707 7.04659C23.6212 8.3555 20.8874 10.3851 18.7107 12.9326C17.905 13.8997 16.4511 14.0219 15.486 13.2142C14.5188 12.4086 14.3904 10.9713 15.1961 10.0041Z" fill="url(#paint0_linear_73169_172)"/><path d="M15.1961 10.0041C17.7953 6.86848 21.0862 4.38113 24.812 2.7367C28.4882 1.12542 32.4397 0.239 36.4514 0.127162C40.4423 -0.00745697 44.425 0.555873 48.2213 1.7923C52.1273 3.02251 55.7082 5.11014 58.7029 7.90401C59.7302 8.88776 59.7654 10.5177 58.7816 11.5449C57.7979 12.5722 56.1679 12.6074 55.1407 11.6236L55.1262 11.6091L55.0868 11.5698C52.6741 9.28541 49.7849 7.56643 46.6265 6.53296C43.3957 5.4353 39.9971 4.90925 36.586 4.97967C33.1915 5.0273 29.8364 5.72939 26.707 7.04659C23.6212 8.3555 20.8874 10.3851 18.7107 12.9326C17.905 13.8997 16.4511 14.0219 15.486 13.2142C14.5188 12.4086 14.3904 10.9713 15.1961 10.0041Z" fill="url(#paint1_linear_73169_172)"/><path d="M15.1961 10.0041C17.7953 6.86848 21.0862 4.38113 24.812 2.7367C28.4882 1.12542 32.4397 0.239 36.4514 0.127162C40.4423 -0.00745697 44.425 0.555873 48.2213 1.7923C52.1273 3.02251 55.7082 5.11014 58.7029 7.90401C59.7302 8.88776 59.7654 10.5177 58.7816 11.5449C57.7979 12.5722 56.1679 12.6074 55.1407 11.6236L55.1262 11.6091L55.0868 11.5698C52.6741 9.28541 49.7849 7.56643 46.6265 6.53296C43.3957 5.4353 39.9971 4.90925 36.586 4.97967C33.1915 5.0273 29.8364 5.72939 26.707 7.04659C23.6212 8.3555 20.8874 10.3851 18.7107 12.9326C17.905 13.8997 16.4511 14.0219 15.486 13.2142C14.5188 12.4086 14.3904 10.9713 15.1961 10.0041Z" fill="url(#paint2_linear_73169_172)"/><path d="M58.7811 11.6224C57.7512 12.6524 56.0712 12.6524 55.0313 11.6224C54.0013 10.5925 54.0013 8.91254 55.0313 7.87257C56.0612 6.84261 57.7412 6.84261 58.7811 7.87257C59.8111 8.90254 59.8211 10.5825 58.7811 11.6224Z" fill="white"/><defs><linearGradient id="paint0_linear_73169_172" x1="45.8879" y1="0.133232" x2="56.3075" y2="10.7638" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_73169_172" x1="19.1149" y1="11.5596" x2="46.0629" y2="10.5104" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_73169_172" x1="37.0948" y1="5.03648" x2="49.3033" y2="10.6771" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.2"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>`,
+  autoSize: true,
+};