@genexus/mercury 0.34.0 → 1.0.0-beta.0

package/dist/tokens/_generated/mercury-generated-definition.js

@@ -0,0 +1 @@
+export {};

package/dist/tokens/_generated/mercury-generated-plain-tokens.d.ts

@@ -0,0 +1,12 @@
+export declare const mercuryPlainTokens: {
+    [key in "general" | "globant" | "mercury"]: Record<string, string | number>;
+} & {
+    colorScheme: {
+        light: {
+            [key in "globant" | "mercury"]: Record<string, string | number>;
+        };
+        dark: {
+            [key in "globant" | "mercury"]: Record<string, string | number>;
+        };
+    };
+};

package/dist/tokens/_generated/mercury-generated-plain-tokens.js

@@ -0,0 +1 @@
+export const mercuryPlainTokens = JSON.parse(`{"general":{"--font-family-body":"'Inter'","--font-family-code":"monospace","--font-family-header":"'Inter'","--font-style-bold":700,"--font-style-italic":"Italic","--font-style-regular":400,"--font-style-semi-bold":600,"--line-height-loose":"1.6","--line-height-regular":"1.3","--line-height-relaxed":"1.4","--line-height-spacious":"1.5","--line-height-tight":"1.2","--size-0":"0px","--size-1":"1px","--size-2":"2px","--size-4":"4px","--size-6":"6px","--size-8":"8px","--size-10":"10px","--size-11":"11px","--size-12":"12px","--size-14":"14px","--size-15":"15px","--size-16":"16px","--size-18":"18px","--size-20":"20px","--size-22":"22px","--size-24":"24px","--size-26":"26px","--size-28":"28px","--size-32":"32px","--size-40":"40px","--size-48":"48px","--size-56":"56px","--size-64":"64px","--size-72":"72px","--size-80":"80px","--size--1":"-1px","--size--2":"-2px","--font-size-body-l":"var(--size-16)","--font-size-body-m":"var(--size-14)","--font-size-body-s":"var(--size-12)","--font-size-body-xl":"var(--size-18)","--font-size-body-xs":"var(--size-11)","--font-size-caption-l":"var(--size-11)","--font-size-caption-m":"var(--size-10)","--font-size-caption-s":"var(--size-8)","--font-size-header-h1":"var(--size-40)","--font-size-header-h2":"var(--size-32)","--font-size-header-h3":"var(--size-28)","--font-size-header-h4":"var(--size-24)","--font-size-header-h5":"var(--size-20)","--font-size-header-h6":"var(--size-18)","--font-size-subtitle-l":"var(--size-18)","--font-size-subtitle-m":"var(--size-16)","--font-size-subtitle-s":"var(--size-15)","--font-size-subtitle-xl":"var(--size-20)","--font-size-subtitle-xs":"var(--size-14)"},"globant":{"--color-avocado-100":"#f6f7ec","--color-avocado-200":"#e7e9c8","--color-avocado-300":"#d8dfa3","--color-avocado-400":"#c7d67b","--color-avocado-500":"#b4d050","--color-avocado-600":"#88af1d","--color-avocado-700":"#749519","--color-avocado-800":"#617920","--color-avocado-900":"#53681d","--color-avocado-1000":"#455519","--color-avocado-1100":"#333f13","--color-avocado-1200":"#232a0e","--color-avocado-1300":"#131708","--color-azure-50":"#eaf3fe","--color-azure-100":"#e1eefe","--color-azure-200":"#c6dffd","--color-azure-300":"#9cc8fc","--color-azure-400":"#3791fb","--color-azure-500":"#0a7cff","--color-azure-600":"#0072f8","--color-azure-700":"#0049cd","--color-azure-750":"#1f52ae","--color-azure-800":"#0034b1","--color-azure-900":"#002da8","--color-azure-1000":"#173d82","--color-chateau-50":"#e0f6e7","--color-chateau-100":"#b9eaca","--color-chateau-200":"#92dead","--color-chateau-300":"#72d495","--color-chateau-400":"#4fca7a","--color-chateau-500":"#35b061","--color-chateau-600":"#2d9552","--color-chateau-700":"#247541","--color-chateau-800":"#1c5e34","--color-chateau-900":"#154627","--color-ember-50":"#fffbeb","--color-ember-100":"#fff9e0","--color-ember-200":"#ffeda3","--color-ember-300":"#ffe370","--color-ember-400":"#ffdd52","--color-ember-500":"#ffcd00","--color-ember-600":"#cca400","--color-ember-700":"#997b00","--color-ember-800":"#665200","--color-ember-900":"#3d3100","--color-extra-violet-600":"#9a00fa","--color-gradient-gaserage":"#c0fb73","--color-gradient-greenwood":"#d9e021","--color-gradient-lemon":"#8cc63f","--color-gradient-mint":"#38efa0","--color-green-100":"#eef5f4","--color-green-200":"#ddebe9","--color-green-300":"#cae0dd","--color-green-400":"#b4d5d0","--color-green-500":"#9cc9c2","--color-green-600":"#3fa89b","--color-green-700":"#389287","--color-green-800":"#318278","--color-green-900":"#286a62","--color-green-1000":"#1c4b45","--color-green-1300":"#112d29","--color-lilac-50":"#f9fafa","--color-lilac-100":"#f8f9fc","--color-lilac-200":"#edf0f8","--color-lilac-250":"#e2e7f4","--color-lilac-300":"#dee1ed","--color-lilac-400":"#d5daeb","--color-lilac-500":"#c8d0e9","--color-lilac-600":"#c2cbe6","--color-lilac-700":"#bcc5e4","--color-lilac-800":"#b7c2e2","--color-lilac-900":"#9babd9","--color-neutral-100":"#ffffff","--color-neutral-200":"#fafafa","--color-neutral-300":"#f5f5f5","--color-neutral-350":"#f0f0f0","--color-neutral-400":"#ededed","--color-neutral-500":"#e5e5e5","--color-neutral-600":"#d6d6d6","--color-neutral-700":"#cccccc","--color-neutral-800":"#bdbdbd","--color-neutral-900":"#a9a9a9","--color-neutral-1000":"#8c8c8c","--color-neutral-1050":"#6b6b6b","--color-neutral-1100":"#686868","--color-neutral-1200":"#575757","--color-neutral-1300":"#464646","--color-neutral-1400":"#3b3b3b","--color-neutral-1450":"#373737","--color-neutral-1500":"#303030","--color-neutral-1550":"#262626","--color-neutral-1600":"#212121","--color-neutral-1700":"#171717","--color-neutral-1800":"#000000","--color-olive-100":"#fcfcf2","--color-olive-200":"#f2f3c9","--color-olive-300":"#e8ed9f","--color-olive-400":"#dee873","--color-olive-500":"#d2e546","--color-olive-600":"#c3e01a","--color-olive-700":"#a8c118","--color-olive-800":"#8ea216","--color-olive-900":"#7c8e15","--color-olive-1000":"#647213","--color-olive-1100":"#4d580e","--color-olive-1200":"#3a420b","--color-olive-1300":"#262b08","--color-opacity-70":"#171717","--color-primary-100":"#f9fbf2","--color-primary-200":"#f5f8e8","--color-primary-300":"#eaf1ce","--color-primary-400":"#deeab0","--color-primary-500":"#d2e38c","--color-primary-550":"#cfe184","--color-primary-580":"#c6d572","--color-primary-600":"#bfd732","--color-primary-700":"#b4cc28","--color-primary-800":"#a3b72b","--color-primary-900":"#8d9f25","--color-primary-1000":"#515c15","--color-primary-1100":"#2e340a","--color-primary-1200":"#262b08","--color-red-100":"#fcf4f4","--color-red-200":"#f8dfe0","--color-red-300":"#f4cdcf","--color-red-400":"#eda4a7","--color-red-500":"#e98b8f","--color-red-600":"#e35861","--color-red-700":"#d54b54","--color-red-800":"#a63a41","--color-red-900":"#883035","--color-red-1000":"#6d272b","--color-red-1300":"#2d1012","--color-scarlet-50":"#fee6e6","--color-scarlet-100":"#fdcece","--color-scarlet-200":"#fcb5b5","--color-scarlet-300":"#fb9d9d","--color-scarlet-400":"#f96c6c","--color-scarlet-450":"#f83a3a","--color-scarlet-500":"#c50707","--color-scarlet-600":"#ac0606","--color-scarlet-700":"#8a0505","--color-scarlet-800":"#6c0404","--color-scarlet-900":"#4f0303","--color-yellow-100":"#fffbf6","--color-yellow-200":"#fef1e3","--color-yellow-300":"#fde8cf","--color-yellow-400":"#fcdeb8","--color-yellow-500":"#fac980","--color-yellow-600":"#f9bd56","--color-yellow-700":"#ffc96b","--color-yellow-800":"#ecaf44","--color-yellow-900":"#b97d13","--color-yellow-1000":"#6f4b0b","--color-yellow-1300":"#382606"},"mercury":{"--color-azure-50":"#eaf3fe","--color-azure-100":"#e1eefe","--color-azure-200":"#c6dffd","--color-azure-300":"#9cc8fc","--color-azure-400":"#3791fb","--color-azure-500":"#0a7cff","--color-azure-600":"#0072f8","--color-azure-700":"#0049cd","--color-azure-750":"#1f52ae","--color-azure-800":"#0034b1","--color-azure-900":"#002da8","--color-azure-1000":"#173d82","--color-chateau-50":"#e0f6e7","--color-chateau-100":"#b9eaca","--color-chateau-200":"#92dead","--color-chateau-300":"#72d495","--color-chateau-400":"#4fca7a","--color-chateau-500":"#35b061","--color-chateau-600":"#2d9552","--color-chateau-700":"#247541","--color-chateau-800":"#1c5e34","--color-chateau-900":"#154627","--color-ember-50":"#fffbeb","--color-ember-100":"#fff9e0","--color-ember-200":"#ffeda3","--color-ember-300":"#ffe370","--color-ember-400":"#ffdd52","--color-ember-500":"#ffcd00","--color-ember-600":"#cca400","--color-ember-700":"#997b00","--color-ember-800":"#665200","--color-ember-900":"#3d3100","--color-gradient-berry":"#5ba7ff","--color-gradient-purple":"#cf7aff","--color-gradient-sky":"#00ccff","--color-green-100":"#eef5f4","--color-green-200":"#ddebe9","--color-green-300":"#cae0dd","--color-green-400":"#b4d5d0","--color-green-500":"#9cc9c2","--color-green-600":"#3fa89b","--color-green-700":"#389287","--color-green-800":"#318278","--color-green-900":"#286a62","--color-green-1000":"#1c4b45","--color-green-1300":"#112d29","--color-lilac-50":"#f9fafa","--color-lilac-100":"#f8f9fc","--color-lilac-200":"#edf0f8","--color-lilac-250":"#e2e7f4","--color-lilac-300":"#dee1ed","--color-lilac-400":"#d5daeb","--color-lilac-500":"#c8d0e9","--color-lilac-600":"#c2cbe6","--color-lilac-700":"#bcc5e4","--color-lilac-800":"#b7c2e2","--color-lilac-900":"#9babd9","--color-neutral-100":"#fafbfd","--color-neutral-200":"#f0f4fa","--color-neutral-300":"#e1ecf9","--color-neutral-400":"#d2ddeb","--color-neutral-500":"#c0ccd9","--color-neutral-600":"#aeb9c6","--color-neutral-700":"#9da9b6","--color-neutral-800":"#828b96","--color-neutral-900":"#56677a","--color-neutral-1000":"#4a5870","--color-neutral-1050":"#405975","--color-neutral-1100":"#485665","--color-neutral-1200":"#394552","--color-neutral-1300":"#333d47","--color-neutral-1400":"#2d3a48","--color-neutral-1450":"#243750","--color-neutral-1500":"#242d3c","--color-neutral-1550":"#17273b","--color-neutral-1600":"#181f2a","--color-neutral-1700":"#11151c","--color-neutral-1800":"#000000","--color-neutral-000":"#ffffff","--color-opacity-70":"rgba(17, 21, 28, 0.7)","--color-primary-100":"#f4f8ff","--color-primary-200":"#ebf0ff","--color-primary-300":"#cee0ff","--color-primary-400":"#b0cfff","--color-primary-500":"#8cbcff","--color-primary-550":"#75aef0","--color-primary-580":"#729fd5","--color-primary-600":"#5ba7ff","--color-primary-700":"#5498e8","--color-primary-800":"#437dc0","--color-primary-900":"#335884","--color-primary-1000":"#294b72","--color-primary-1100":"#005ac1","--color-primary-1300":"#101e2d","--color-red-100":"#fcf4f4","--color-red-200":"#f8dfe0","--color-red-300":"#f4cdcf","--color-red-400":"#eda4a7","--color-red-500":"#e98b8f","--color-red-600":"#e35861","--color-red-700":"#d54b54","--color-red-800":"#a63a41","--color-red-900":"#883035","--color-red-1000":"#6d272b","--color-red-1300":"#2d1012","--color-scarlet-50":"#fee6e6","--color-scarlet-100":"#fdcece","--color-scarlet-200":"#fcb5b5","--color-scarlet-300":"#fb9d9d","--color-scarlet-400":"#f96c6c","--color-scarlet-450":"#f83a3a","--color-scarlet-500":"#c50707","--color-scarlet-600":"#ac0606","--color-scarlet-700":"#8a0505","--color-scarlet-800":"#6c0404","--color-scarlet-900":"#4f0303","--color-yellow-100":"#fffbf6","--color-yellow-200":"#fef1e3","--color-yellow-300":"#fde8cf","--color-yellow-400":"#fcdeb8","--color-yellow-500":"#fac980","--color-yellow-600":"#f9bd56","--color-yellow-700":"#ffc96b","--color-yellow-800":"#ecaf44","--color-yellow-900":"#b97d13","--color-yellow-1000":"#6f4b0b","--color-yellow-1300":"#382606"},"colorScheme":{"dark":{"globant":{"--color-accent-backdrop-default":"var(--rgba(23, 23, 23, 0-7))","--color-accent-branding-surface":"var(--color-neutral-100)","--color-accent-error-contrast":"var(--color-red-1300)","--color-accent-error-default":"var(--color-red-600)","--color-accent-error-hover":"var(--color-red-500)","--color-accent-error-light":"var(--color-red-500)","--color-accent-error-lighter":"var(--color-red-300)","--color-accent-error-pressed":"var(--color-red-800)","--color-accent-gradient-end":"var(--color-gradient-lemon)","--color-accent-gradient-middle":"var(--color-gradient-mint)","--color-accent-gradient-start":"var(--color-gradient-greenwood)","--color-accent-item-active":"var(--color-neutral-1550)","--color-accent-item-hover":"var(--color-neutral-1400)","--color-accent-item-selected":"var(--color-neutral-1550)","--color-accent-neutral-black":"var(--color-neutral-1450)","--color-accent-neutral-contrast":"var(--color-neutral-1300)","--color-accent-neutral-default":"var(--color-neutral-900)","--color-accent-neutral-disabled":"var(--color-neutral-1300)","--color-accent-neutral-hover":"var(--color-neutral-300)","--color-accent-neutral-light":"var(--color-neutral-400)","--color-accent-neutral-neutral":"var(--color-neutral-600)","--color-accent-neutral-on-surface":"var(--color-neutral-100)","--color-accent-neutral-pressed":"var(--color-neutral-600)","--color-accent-neutral-tooltip":"var(--color-neutral-1050)","--color-accent-neutral-white":"var(--color-neutral-100)","--color-accent-primary-contrast":"var(--color-olive-1300)","--color-accent-primary-dark":"var(--color-olive-1200)","--color-accent-primary-default":"var(--color-olive-600)","--color-accent-primary-hover":"var(--color-olive-1000)","--color-accent-primary-light":"var(--color-olive-300)","--color-accent-primary-lighter":"var(--color-olive-300)","--color-accent-primary-on-default":"var(--color-olive-600)","--color-accent-primary-on-hover":"var(--color-olive-200)","--color-accent-primary-on-pressed":"var(--color-neutral-300)","--color-accent-primary-pressed":"var(--color-olive-900)","--color-accent-shadow-shadow":"var(--rgba(0, 0, 0, 0-2))","--color-accent-success-contrast":"var(--color-green-1300)","--color-accent-success-default":"var(--color-green-600)","--color-accent-success-hover":"var(--color-green-500)","--color-accent-success-light":"var(--color-green-500)","--color-accent-success-lighter":"var(--color-green-300)","--color-accent-success-pressed":"var(--color-green-1000)","--color-accent-surface-elevation-01":"var(--color-neutral-1600)","--color-accent-surface-elevation-02":"var(--color-neutral-1500)","--color-accent-surface-elevation-03":"var(--color-neutral-1300)","--color-accent-surface-elevation-answer":"var(--color-neutral-1450)","--color-accent-surface-surface":"var(--color-neutral-1700)","--color-accent-toast-error":"var(--color-scarlet-300)","--color-accent-toast-info":"var(--color-azure-300)","--color-accent-toast-neutral":"var(--color-neutral-1400)","--color-accent-toast-success":"var(--color-chateau-300)","--color-accent-toast-warning":"var(--color-ember-300)","--color-accent-warning-contrast":"var(--color-yellow-1300)","--color-accent-warning-default":"var(--color-yellow-600)","--color-accent-warning-hover":"var(--color-yellow-400)","--color-accent-warning-light":"var(--color-yellow-400)","--color-accent-warning-lighter":"var(--color-yellow-300)","--color-accent-warning-pressed":"var(--color-yellow-1000)","--color-border-branding-surface":"var(--color-neutral-1700)","--color-border-error-dark":"var(--color-red-1300)","--color-border-error-default":"var(--color-red-600)","--color-border-error-hover":"var(--color-red-500)","--color-border-error-light":"var(--color-red-500)","--color-border-error-lighter":"var(--color-red-300)","--color-border-error-pressed":"var(--color-red-800)","--color-border-item-active":"var(--color-neutral-1400)","--color-border-item-hover":"var(--color-neutral-1000)","--color-border-item-selected":"var(--color-olive-600)","--color-border-neutral-black":"var(--color-neutral-1300)","--color-border-neutral-default":"var(--color-neutral-900)","--color-border-neutral-disabled":"var(--color-neutral-1050)","--color-border-neutral-hover":"var(--color-neutral-100)","--color-border-neutral-light":"var(--color-neutral-400)","--color-border-neutral-neutral":"var(--color-neutral-600)","--color-border-neutral-on-border":"var(--color-neutral-100)","--color-border-neutral-pressed":"var(--color-neutral-400)","--color-border-neutral-white":"var(--color-neutral-100)","--color-border-primary-dark":"var(--color-olive-1100)","--color-border-primary-default":"var(--color-olive-500)","--color-border-primary-focused":"var(--color-extra-violet-600)","--color-border-primary-hover":"var(--color-olive-700)","--color-border-primary-light":"var(--color-olive-300)","--color-border-primary-lighter":"var(--color-olive-200)","--color-border-primary-on-default":"var(--color-olive-600)","--color-border-primary-on-hover":"var(--color-olive-200)","--color-border-primary-on-pressed":"var(--color-neutral-300)","--color-border-primary-pressed":"var(--color-olive-900)","--color-border-success-dark":"var(--color-green-1300)","--color-border-success-default":"var(--color-green-600)","--color-border-success-hover":"var(--color-green-500)","--color-border-success-light":"var(--color-green-500)","--color-border-success-lighter":"var(--color-green-300)","--color-border-success-pressed":"var(--color-green-1000)","--color-border-surface-on-elevation-01":"var(--color-neutral-1300)","--color-border-surface-on-elevation-02":"var(--color-neutral-1100)","--color-border-surface-on-elevation-03":"var(--color-neutral-900)","--color-border-warning-dark":"var(--color-yellow-1300)","--color-border-warning-default":"var(--color-yellow-600)","--color-border-warning-hover":"var(--color-yellow-400)","--color-border-warning-light":"var(--color-yellow-400)","--color-border-warning-lighter":"var(--color-yellow-300)","--color-border-warning-pressed":"var(--color-yellow-1000)","--color-component-button-suggestion-accent-default":"var(--color-neutral-1700)","--color-component-button-suggestion-accent-hover":"var(--color-neutral-1500)","--color-component-button-suggestion-accent-pressed":"var(--color-neutral-1600)","--color-component-button-suggestion-accent-selected":"var(--color-neutral-1700)","--color-component-button-suggestion-border-default":"var(--color-neutral-1500)","--color-component-button-suggestion-border-hover":"var(--color-neutral-1100)","--color-component-button-suggestion-border-pressed":"var(--color-neutral-1100)","--color-component-button-suggestion-border-selected":"var(--color-border-primary-default)","--color-icon-branding-surface":"var(--color-neutral-1800)","--color-icon-neutral-dark":"var(--color-neutral-1700)","--color-icon-neutral-default":"var(--color-neutral-400)","--color-icon-neutral-disabled":"var(--color-neutral-1050)","--color-icon-neutral-hover":"var(--color-neutral-300)","--color-icon-neutral-light":"var(--color-neutral-1200)","--color-icon-neutral-neutral":"var(--color-neutral-900)","--color-icon-neutral-on-disabled":"var(--color-neutral-600)","--color-icon-neutral-on-icon":"var(--color-neutral-1700)","--color-icon-neutral-on-pressed":"var(--color-neutral-300)","--color-icon-neutral-pressed":"var(--color-neutral-300)","--color-icon-neutral-white":"var(--color-neutral-100)","--color-icon-primary-default":"var(--color-olive-600)","--color-icon-primary-hover":"var(--color-olive-700)","--color-icon-primary-on-default":"var(--color-olive-600)","--color-icon-primary-on-hover":"var(--color-olive-200)","--color-icon-primary-on-pressed":"var(--color-olive-500)","--color-icon-primary-pressed":"var(--color-olive-900)","--color-icon-status-error":"var(--color-red-600)","--color-icon-status-info":"var(--color-primary-600)","--color-icon-status-neutral":"var(--color-neutral-800)","--color-icon-status-success":"var(--color-green-600)","--color-icon-status-warning":"var(--color-yellow-600)","--color-text-branding-surface":"var(--color-neutral-1800)","--color-text-neutral-dark":"var(--color-neutral-1700)","--color-text-neutral-default":"var(--color-neutral-400)","--color-text-neutral-disabled":"var(--color-neutral-1050)","--color-text-neutral-hover":"var(--color-neutral-300)","--color-text-neutral-light":"var(--color-neutral-1200)","--color-text-neutral-neutral":"var(--color-neutral-900)","--color-text-neutral-on-disabled":"var(--color-neutral-600)","--color-text-neutral-on-pressed":"var(--color-neutral-300)","--color-text-neutral-on-text":"var(--color-neutral-1700)","--color-text-neutral-pressed":"var(--color-neutral-300)","--color-text-neutral-white":"var(--color-neutral-100)","--color-text-primary-default":"var(--color-olive-600)","--color-text-primary-hover":"var(--color-olive-700)","--color-text-primary-on-default":"var(--color-olive-600)","--color-text-primary-on-hover":"var(--color-olive-200)","--color-text-primary-on-pressed":"var(--color-olive-500)","--color-text-primary-pressed":"var(--color-olive-900)","--color-text-status-error":"var(--color-red-600)","--color-text-status-info":"var(--color-primary-600)","--color-text-status-neutral":"var(--color-neutral-800)","--color-text-status-success":"var(--color-green-600)","--color-text-status-warning":"var(--color-yellow-600)"},"mercury":{"--color-accent-backdrop-default":"var(--color-opacity-70)","--color-accent-branding-surface":"var(--color-neutral-100)","--color-accent-error-contrast":"var(--color-red-1300)","--color-accent-error-default":"var(--color-red-600)","--color-accent-error-hover":"var(--color-red-500)","--color-accent-error-light":"var(--color-red-500)","--color-accent-error-lighter":"var(--color-red-300)","--color-accent-error-pressed":"var(--color-red-800)","--color-accent-gradient-end":"var(--color-gradient-purple)","--color-accent-gradient-middle":"var(--color-gradient-berry)","--color-accent-gradient-start":"var(--color-gradient-sky)","--color-accent-item-active":"var(--color-neutral-1550)","--color-accent-item-hover":"var(--color-neutral-1500)","--color-accent-item-selected":"var(--color-neutral-1550)","--color-accent-neutral-black":"var(--color-neutral-1700)","--color-accent-neutral-contrast":"var(--color-neutral-1450)","--color-accent-neutral-default":"var(--color-neutral-900)","--color-accent-neutral-disabled":"var(--color-neutral-1300)","--color-accent-neutral-hover":"var(--color-neutral-300)","--color-accent-neutral-light":"var(--color-neutral-400)","--color-accent-neutral-neutral":"var(--color-neutral-600)","--color-accent-neutral-on-surface":"var(--color-neutral-100)","--color-accent-neutral-pressed":"var(--color-neutral-600)","--color-accent-neutral-tooltip":"var(--color-neutral-1100)","--color-accent-neutral-white":"var(--color-neutral-100)","--color-accent-primary-contrast":"var(--color-primary-1300)","--color-accent-primary-dark":"var(--color-primary-1100)","--color-accent-primary-default":"var(--color-primary-600)","--color-accent-primary-hover":"var(--color-neutral-1450)","--color-accent-primary-light":"var(--color-primary-500)","--color-accent-primary-lighter":"var(--color-primary-300)","--color-accent-primary-on-default":"var(--color-primary-600)","--color-accent-primary-on-hover":"var(--color-primary-400)","--color-accent-primary-on-pressed":"var(--color-neutral-200)","--color-accent-primary-pressed":"var(--color-primary-800)","--color-accent-shadow-shadow":"var(--rgba(0, 0, 0, 0-2))","--color-accent-success-contrast":"var(--color-green-1300)","--color-accent-success-default":"var(--color-green-600)","--color-accent-success-hover":"var(--color-green-500)","--color-accent-success-light":"var(--color-green-500)","--color-accent-success-lighter":"var(--color-green-300)","--color-accent-success-pressed":"var(--color-green-1000)","--color-accent-surface-elevation-01":"var(--color-neutral-1600)","--color-accent-surface-elevation-02":"var(--color-neutral-1500)","--color-accent-surface-elevation-03":"var(--color-neutral-1400)","--color-accent-surface-elevation-answer":"var(--color-neutral-1450)","--color-accent-surface-surface":"var(--color-neutral-1700)","--color-accent-toast-error":"var(--color-scarlet-300)","--color-accent-toast-info":"var(--color-azure-300)","--color-accent-toast-neutral":"var(--color-neutral-1400)","--color-accent-toast-success":"var(--color-chateau-300)","--color-accent-toast-warning":"var(--color-ember-300)","--color-accent-warning-contrast":"var(--color-yellow-1300)","--color-accent-warning-default":"var(--color-yellow-600)","--color-accent-warning-hover":"var(--color-yellow-400)","--color-accent-warning-light":"var(--color-yellow-400)","--color-accent-warning-lighter":"var(--color-yellow-300)","--color-accent-warning-pressed":"var(--color-yellow-1000)","--color-border-branding-surface":"var(--color-neutral-1700)","--color-border-error-dark":"var(--color-red-1300)","--color-border-error-default":"var(--color-red-600)","--color-border-error-hover":"var(--color-red-500)","--color-border-error-light":"var(--color-red-500)","--color-border-error-lighter":"var(--color-red-300)","--color-border-error-pressed":"var(--color-red-800)","--color-border-item-active":"var(--color-primary-900)","--color-border-item-hover":"var(--color-neutral-1050)","--color-border-item-selected":"var(--color-primary-600)","--color-border-neutral-black":"var(--color-neutral-1700)","--color-border-neutral-default":"var(--color-neutral-900)","--color-border-neutral-disabled":"var(--color-neutral-800)","--color-border-neutral-hover":"var(--color-neutral-300)","--color-border-neutral-light":"var(--color-neutral-400)","--color-border-neutral-neutral":"var(--color-neutral-600)","--color-border-neutral-on-border":"var(--color-neutral-100)","--color-border-neutral-pressed":"var(--color-neutral-400)","--color-border-neutral-white":"var(--color-neutral-100)","--color-border-primary-dark":"var(--color-primary-1300)","--color-border-primary-default":"var(--color-primary-600)","--color-border-primary-focused":"var(--color-neutral-000)","--color-border-primary-hover":"var(--color-primary-400)","--color-border-primary-light":"var(--color-primary-500)","--color-border-primary-lighter":"var(--color-primary-300)","--color-border-primary-on-default":"var(--color-primary-600)","--color-border-primary-on-hover":"var(--color-primary-400)","--color-border-primary-on-pressed":"var(--color-neutral-400)","--color-border-primary-pressed":"var(--color-primary-800)","--color-border-success-dark":"var(--color-green-1300)","--color-border-success-default":"var(--color-green-600)","--color-border-success-hover":"var(--color-green-500)","--color-border-success-light":"var(--color-green-500)","--color-border-success-lighter":"var(--color-green-300)","--color-border-success-pressed":"var(--color-green-1000)","--color-border-surface-on-elevation-01":"var(--color-neutral-1300)","--color-border-surface-on-elevation-02":"var(--color-neutral-1100)","--color-border-surface-on-elevation-03":"var(--color-neutral-900)","--color-border-warning-dark":"var(--color-yellow-1300)","--color-border-warning-default":"var(--color-yellow-600)","--color-border-warning-hover":"var(--color-yellow-400)","--color-border-warning-light":"var(--color-yellow-400)","--color-border-warning-lighter":"var(--color-yellow-300)","--color-border-warning-pressed":"var(--color-yellow-1000)","--color-component-button-suggestion-accent-default":"var(--color-neutral-1700)","--color-component-button-suggestion-accent-hover":"var(--color-neutral-1500)","--color-component-button-suggestion-accent-pressed":"var(--color-neutral-1600)","--color-component-button-suggestion-accent-selected":"var(--color-neutral-1700)","--color-component-button-suggestion-border-default":"var(--color-neutral-1450)","--color-component-button-suggestion-border-hover":"var(--color-neutral-1100)","--color-component-button-suggestion-border-pressed":"var(--color-neutral-1100)","--color-component-button-suggestion-border-selected":"var(--color-border-primary-default)","--color-icon-branding-surface":"var(--color-neutral-1800)","--color-icon-neutral-dark":"var(--color-neutral-1700)","--color-icon-neutral-default":"var(--color-neutral-200)","--color-icon-neutral-disabled":"var(--color-neutral-800)","--color-icon-neutral-hover":"var(--color-neutral-300)","--color-icon-neutral-light":"var(--color-neutral-400)","--color-icon-neutral-neutral":"var(--color-neutral-400)","--color-icon-neutral-on-disabled":"var(--color-neutral-600)","--color-icon-neutral-on-icon":"var(--color-neutral-1700)","--color-icon-neutral-on-pressed":"var(--color-neutral-400)","--color-icon-neutral-pressed":"var(--color-neutral-400)","--color-icon-neutral-white":"var(--color-neutral-100)","--color-icon-primary-default":"var(--color-primary-600)","--color-icon-primary-hover":"var(--color-primary-400)","--color-icon-primary-on-default":"var(--color-primary-600)","--color-icon-primary-on-hover":"var(--color-primary-400)","--color-icon-primary-on-pressed":"var(--color-primary-500)","--color-icon-primary-pressed":"var(--color-primary-800)","--color-icon-status-error":"var(--color-red-600)","--color-icon-status-info":"var(--color-primary-600)","--color-icon-status-neutral":"var(--color-neutral-800)","--color-icon-status-success":"var(--color-green-600)","--color-icon-status-warning":"var(--color-yellow-600)","--color-text-branding-surface":"var(--color-neutral-1800)","--color-text-neutral-dark":"var(--color-neutral-1700)","--color-text-neutral-default":"var(--color-neutral-200)","--color-text-neutral-disabled":"var(--color-neutral-800)","--color-text-neutral-hover":"var(--color-neutral-300)","--color-text-neutral-light":"var(--color-neutral-400)","--color-text-neutral-neutral":"var(--color-neutral-400)","--color-text-neutral-on-disabled":"var(--color-neutral-600)","--color-text-neutral-on-pressed":"var(--color-neutral-400)","--color-text-neutral-on-text":"var(--color-neutral-1700)","--color-text-neutral-pressed":"var(--color-neutral-400)","--color-text-neutral-white":"var(--color-neutral-100)","--color-text-primary-default":"var(--color-primary-600)","--color-text-primary-hover":"var(--color-primary-400)","--color-text-primary-on-default":"var(--color-primary-600)","--color-text-primary-on-hover":"var(--color-primary-400)","--color-text-primary-on-pressed":"var(--color-primary-500)","--color-text-primary-pressed":"var(--color-primary-800)","--color-text-status-error":"var(--color-red-600)","--color-text-status-info":"var(--color-primary-600)","--color-text-status-neutral":"var(--color-neutral-800)","--color-text-status-success":"var(--color-green-600)","--color-text-status-warning":"var(--color-yellow-600)"}},"light":{"globant":{"--color-accent-backdrop-default":"var(--rgba(23, 23, 23, 0-8))","--color-accent-branding-surface":"var(--color-neutral-1800)","--color-accent-error-contrast":"var(--color-scarlet-50)","--color-accent-error-default":"var(--color-scarlet-450)","--color-accent-error-hover":"var(--color-scarlet-500)","--color-accent-error-light":"var(--color-scarlet-300)","--color-accent-error-lighter":"var(--color-scarlet-200)","--color-accent-error-pressed":"var(--color-scarlet-700)","--color-accent-gradient-end":"var(--color-gradient-lemon)","--color-accent-gradient-middle":"var(--color-gradient-mint)","--color-accent-gradient-start":"var(--color-gradient-greenwood)","--color-accent-item-active":"var(--color-neutral-500)","--color-accent-item-hover":"var(--color-neutral-350)","--color-accent-item-selected":"var(--color-avocado-100)","--color-accent-neutral-black":"var(--color-neutral-1200)","--color-accent-neutral-contrast":"var(--color-neutral-500)","--color-accent-neutral-default":"var(--color-neutral-900)","--color-accent-neutral-disabled":"var(--color-neutral-500)","--color-accent-neutral-hover":"var(--color-neutral-1550)","--color-accent-neutral-light":"var(--color-neutral-600)","--color-accent-neutral-neutral":"var(--color-neutral-900)","--color-accent-neutral-on-surface":"var(--color-neutral-1550)","--color-accent-neutral-pressed":"var(--color-neutral-200)","--color-accent-neutral-tooltip":"var(--color-neutral-1800)","--color-accent-neutral-white":"var(--color-neutral-100)","--color-accent-primary-contrast":"var(--color-primary-100)","--color-accent-primary-dark":"var(--color-primary-1100)","--color-accent-primary-default":"var(--color-avocado-600)","--color-accent-primary-hover":"var(--color-avocado-900)","--color-accent-primary-light":"var(--color-avocado-300)","--color-accent-primary-lighter":"var(--color-avocado-300)","--color-accent-primary-on-default":"var(--color-avocado-300)","--color-accent-primary-on-hover":"var(--color-primary-1000)","--color-accent-primary-on-pressed":"var(--color-neutral-300)","--color-accent-primary-pressed":"var(--color-primary-1000)","--color-accent-shadow-shadow":"var(--rgba(11, 18, 7, 0-2))","--color-accent-success-contrast":"var(--color-chateau-50)","--color-accent-success-default":"var(--color-chateau-500)","--color-accent-success-hover":"var(--color-chateau-800)","--color-accent-success-light":"var(--color-chateau-400)","--color-accent-success-lighter":"var(--color-chateau-200)","--color-accent-success-pressed":"var(--color-chateau-900)","--color-accent-surface-elevation-01":"var(--color-neutral-200)","--color-accent-surface-elevation-02":"var(--color-neutral-350)","--color-accent-surface-elevation-03":"var(--color-neutral-500)","--color-accent-surface-elevation-answer":"var(--color-neutral-600)","--color-accent-surface-surface":"var(--color-neutral-100)","--color-accent-toast-error":"var(--color-scarlet-300)","--color-accent-toast-info":"var(--color-azure-300)","--color-accent-toast-neutral":"var(--color-neutral-500)","--color-accent-toast-success":"var(--color-chateau-300)","--color-accent-toast-warning":"var(--color-ember-300)","--color-accent-warning-contrast":"var(--color-ember-50)","--color-accent-warning-default":"var(--color-ember-400)","--color-accent-warning-hover":"var(--color-ember-600)","--color-accent-warning-light":"var(--color-ember-300)","--color-accent-warning-lighter":"var(--color-ember-200)","--color-accent-warning-pressed":"var(--color-ember-800)","--color-border-branding-surface":"var(--color-neutral-1400)","--color-border-error-dark":"var(--color-scarlet-200)","--color-border-error-default":"var(--color-scarlet-450)","--color-border-error-hover":"var(--color-scarlet-500)","--color-border-error-light":"var(--color-scarlet-300)","--color-border-error-lighter":"var(--color-scarlet-200)","--color-border-error-pressed":"var(--color-scarlet-700)","--color-border-item-active":"var(--color-neutral-900)","--color-border-item-hover":"var(--color-neutral-600)","--color-border-item-selected":"var(--color-avocado-600)","--color-border-neutral-black":"var(--color-neutral-1300)","--color-border-neutral-default":"var(--color-neutral-800)","--color-border-neutral-disabled":"var(--color-neutral-1000)","--color-border-neutral-hover":"var(--color-neutral-1550)","--color-border-neutral-light":"var(--color-neutral-600)","--color-border-neutral-neutral":"var(--color-neutral-900)","--color-border-neutral-on-border":"var(--color-neutral-1550)","--color-border-neutral-pressed":"var(--color-neutral-1500)","--color-border-neutral-white":"var(--color-neutral-100)","--color-border-primary-dark":"var(--color-avocado-1200)","--color-border-primary-default":"var(--color-avocado-500)","--color-border-primary-focused":"var(--color-avocado-1100)","--color-border-primary-hover":"var(--color-avocado-900)","--color-border-primary-light":"var(--color-avocado-300)","--color-border-primary-lighter":"var(--color-avocado-200)","--color-border-primary-on-default":"var(--color-avocado-300)","--color-border-primary-on-hover":"var(--color-primary-1000)","--color-border-primary-on-pressed":"var(--color-neutral-300)","--color-border-primary-pressed":"var(--color-avocado-900)","--color-border-success-dark":"var(--color-chateau-200)","--color-border-success-default":"var(--color-chateau-500)","--color-border-success-hover":"var(--color-chateau-800)","--color-border-success-light":"var(--color-chateau-400)","--color-border-success-lighter":"var(--color-chateau-200)","--color-border-success-pressed":"var(--color-chateau-900)","--color-border-surface-on-elevation-01":"var(--color-neutral-400)","--color-border-surface-on-elevation-02":"var(--color-neutral-500)","--color-border-surface-on-elevation-03":"var(--color-neutral-600)","--color-border-warning-dark":"var(--color-ember-200)","--color-border-warning-default":"var(--color-ember-400)","--color-border-warning-hover":"var(--color-ember-600)","--color-border-warning-light":"var(--color-ember-300)","--color-border-warning-lighter":"var(--color-ember-200)","--color-border-warning-pressed":"var(--color-ember-800)","--color-component-button-suggestion-accent-default":"var(--color-neutral-400)","--color-component-button-suggestion-accent-hover":"var(--color-neutral-500)","--color-component-button-suggestion-accent-pressed":"var(--color-neutral-600)","--color-component-button-suggestion-accent-selected":"var(--color-neutral-400)","--color-component-button-suggestion-border-default":"var(--color-neutral-600)","--color-component-button-suggestion-border-hover":"var(--color-neutral-700)","--color-component-button-suggestion-border-pressed":"var(--color-neutral-700)","--color-component-button-suggestion-border-selected":"var(--color-border-primary-default)","--color-icon-branding-surface":"var(--color-neutral-100)","--color-icon-neutral-dark":"var(--color-neutral-1700)","--color-icon-neutral-default":"var(--color-neutral-1400)","--color-icon-neutral-disabled":"var(--color-neutral-1000)","--color-icon-neutral-hover":"var(--color-neutral-1550)","--color-icon-neutral-light":"var(--color-neutral-600)","--color-icon-neutral-neutral":"var(--color-neutral-900)","--color-icon-neutral-on-disabled":"var(--color-neutral-1100)","--color-icon-neutral-on-icon":"var(--color-neutral-200)","--color-icon-neutral-on-pressed":"var(--color-neutral-300)","--color-icon-neutral-pressed":"var(--color-neutral-1450)","--color-icon-neutral-white":"var(--color-neutral-100)","--color-icon-primary-default":"var(--color-primary-800)","--color-icon-primary-hover":"var(--color-primary-900)","--color-icon-primary-on-default":"var(--color-avocado-300)","--color-icon-primary-on-hover":"var(--color-primary-1000)","--color-icon-primary-on-pressed":"var(--color-avocado-700)","--color-icon-primary-pressed":"var(--color-primary-1000)","--color-icon-status-error":"var(--color-scarlet-700)","--color-icon-status-info":"var(--color-azure-900)","--color-icon-status-neutral":"var(--color-neutral-1500)","--color-icon-status-success":"var(--color-chateau-800)","--color-icon-status-warning":"var(--color-ember-800)","--color-text-branding-surface":"var(--color-neutral-100)","--color-text-neutral-dark":"var(--color-neutral-1700)","--color-text-neutral-default":"var(--color-neutral-1400)","--color-text-neutral-disabled":"var(--color-neutral-1000)","--color-text-neutral-hover":"var(--color-neutral-1550)","--color-text-neutral-light":"var(--color-neutral-600)","--color-text-neutral-neutral":"var(--color-neutral-900)","--color-text-neutral-on-disabled":"var(--color-neutral-1100)","--color-text-neutral-on-pressed":"var(--color-neutral-300)","--color-text-neutral-on-text":"var(--color-neutral-200)","--color-text-neutral-pressed":"var(--color-neutral-1450)","--color-text-neutral-white":"var(--color-neutral-100)","--color-text-primary-default":"var(--color-avocado-600)","--color-text-primary-hover":"var(--color-primary-900)","--color-text-primary-on-default":"var(--color-avocado-300)","--color-text-primary-on-hover":"var(--color-primary-1000)","--color-text-primary-on-pressed":"var(--color-avocado-700)","--color-text-primary-pressed":"var(--color-primary-1000)","--color-text-status-error":"var(--color-scarlet-700)","--color-text-status-info":"var(--color-azure-900)","--color-text-status-neutral":"var(--color-neutral-1500)","--color-text-status-success":"var(--color-chateau-800)","--color-text-status-warning":"var(--color-ember-800)"},"mercury":{"--color-accent-backdrop-default":"var(--rgba(17, 21, 28, 0-8))","--color-accent-branding-surface":"var(--color-neutral-1800)","--color-accent-error-contrast":"var(--color-scarlet-50)","--color-accent-error-default":"var(--color-scarlet-450)","--color-accent-error-hover":"var(--color-scarlet-500)","--color-accent-error-light":"var(--color-scarlet-300)","--color-accent-error-lighter":"var(--color-scarlet-200)","--color-accent-error-pressed":"var(--color-scarlet-700)","--color-accent-gradient-end":"var(--color-gradient-purple)","--color-accent-gradient-middle":"var(--color-gradient-berry)","--color-accent-gradient-start":"var(--color-gradient-sky)","--color-accent-item-active":"var(--color-azure-100)","--color-accent-item-hover":"var(--color-azure-50)","--color-accent-item-selected":"var(--color-azure-100)","--color-accent-neutral-black":"var(--color-primary-1300)","--color-accent-neutral-contrast":"var(--color-neutral-500)","--color-accent-neutral-default":"var(--color-neutral-700)","--color-accent-neutral-disabled":"var(--color-neutral-400)","--color-accent-neutral-hover":"var(--color-neutral-1550)","--color-accent-neutral-light":"var(--color-neutral-600)","--color-accent-neutral-neutral":"var(--color-neutral-900)","--color-accent-neutral-on-surface":"var(--color-primary-1300)","--color-accent-neutral-pressed":"var(--color-neutral-200)","--color-accent-neutral-tooltip":"var(--color-neutral-1800)","--color-accent-neutral-white":"var(--color-neutral-100)","--color-accent-primary-contrast":"var(--color-primary-100)","--color-accent-primary-dark":"var(--color-azure-800)","--color-accent-primary-default":"var(--color-azure-500)","--color-accent-primary-hover":"var(--color-azure-300)","--color-accent-primary-light":"var(--color-azure-100)","--color-accent-primary-lighter":"var(--color-azure-300)","--color-accent-primary-on-default":"var(--color-azure-300)","--color-accent-primary-on-hover":"var(--color-azure-800)","--color-accent-primary-on-pressed":"var(--color-neutral-300)","--color-accent-primary-pressed":"var(--color-azure-1000)","--color-accent-shadow-shadow":"var(--rgba(7, 10, 18, 0-2))","--color-accent-success-contrast":"var(--color-chateau-50)","--color-accent-success-default":"var(--color-chateau-500)","--color-accent-success-hover":"var(--color-chateau-800)","--color-accent-success-light":"var(--color-chateau-400)","--color-accent-success-lighter":"var(--color-chateau-200)","--color-accent-success-pressed":"var(--color-chateau-900)","--color-accent-surface-elevation-01":"var(--color-lilac-200)","--color-accent-surface-elevation-02":"var(--color-lilac-250)","--color-accent-surface-elevation-03":"var(--color-lilac-400)","--color-accent-surface-elevation-answer":"var(--color-lilac-600)","--color-accent-surface-surface":"var(--color-lilac-50)","--color-accent-toast-error":"var(--color-scarlet-300)","--color-accent-toast-info":"var(--color-azure-300)","--color-accent-toast-neutral":"var(--color-neutral-500)","--color-accent-toast-success":"var(--color-chateau-300)","--color-accent-toast-warning":"var(--color-ember-200)","--color-accent-warning-contrast":"var(--color-ember-50)","--color-accent-warning-default":"var(--color-ember-400)","--color-accent-warning-hover":"var(--color-ember-600)","--color-accent-warning-light":"var(--color-ember-300)","--color-accent-warning-lighter":"var(--color-ember-200)","--color-accent-warning-pressed":"var(--color-ember-800)","--color-border-branding-surface":"var(--color-neutral-1400)","--color-border-error-dark":"var(--color-scarlet-200)","--color-border-error-default":"var(--color-scarlet-450)","--color-border-error-hover":"var(--color-scarlet-500)","--color-border-error-light":"var(--color-scarlet-300)","--color-border-error-lighter":"var(--color-scarlet-200)","--color-border-error-pressed":"var(--color-scarlet-700)","--color-border-item-active":"var(--color-azure-300)","--color-border-item-hover":"var(--color-azure-200)","--color-border-item-selected":"var(--color-azure-600)","--color-border-neutral-black":"var(--color-primary-1300)","--color-border-neutral-default":"var(--color-neutral-700)","--color-border-neutral-disabled":"var(--color-neutral-700)","--color-border-neutral-hover":"var(--color-neutral-1550)","--color-border-neutral-light":"var(--color-neutral-600)","--color-border-neutral-neutral":"var(--color-neutral-900)","--color-border-neutral-on-border":"var(--color-primary-1300)","--color-border-neutral-pressed":"var(--color-neutral-1500)","--color-border-neutral-white":"var(--color-neutral-100)","--color-border-primary-dark":"var(--color-azure-900)","--color-border-primary-default":"var(--color-azure-600)","--color-border-primary-focused":"var(--color-azure-900)","--color-border-primary-hover":"var(--color-azure-400)","--color-border-primary-light":"var(--color-azure-100)","--color-border-primary-lighter":"var(--color-azure-50)","--color-border-primary-on-default":"var(--color-azure-300)","--color-border-primary-on-hover":"var(--color-azure-800)","--color-border-primary-on-pressed":"var(--color-neutral-300)","--color-border-primary-pressed":"var(--color-azure-700)","--color-border-success-dark":"var(--color-chateau-50)","--color-border-success-default":"var(--color-chateau-500)","--color-border-success-hover":"var(--color-chateau-800)","--color-border-success-light":"var(--color-chateau-400)","--color-border-success-lighter":"var(--color-chateau-200)","--color-border-success-pressed":"var(--color-chateau-900)","--color-border-surface-on-elevation-01":"var(--color-lilac-400)","--color-border-surface-on-elevation-02":"var(--color-lilac-500)","--color-border-surface-on-elevation-03":"var(--color-lilac-600)","--color-border-warning-dark":"var(--color-ember-200)","--color-border-warning-default":"var(--color-ember-400)","--color-border-warning-hover":"var(--color-ember-600)","--color-border-warning-light":"var(--color-ember-300)","--color-border-warning-lighter":"var(--color-ember-200)","--color-border-warning-pressed":"var(--color-ember-800)","--color-component-button-suggestion-accent-default":"var(--color-neutral-300)","--color-component-button-suggestion-accent-hover":"var(--color-neutral-400)","--color-component-button-suggestion-accent-pressed":"var(--color-neutral-500)","--color-component-button-suggestion-accent-selected":"var(--color-neutral-300)","--color-component-button-suggestion-border-default":"var(--color-neutral-500)","--color-component-button-suggestion-border-hover":"var(--color-neutral-600)","--color-component-button-suggestion-border-pressed":"var(--color-neutral-600)","--color-component-button-suggestion-border-selected":"var(--color-border-primary-default)","--color-icon-branding-surface":"var(--color-neutral-100)","--color-icon-neutral-dark":"var(--color-neutral-1700)","--color-icon-neutral-default":"var(--color-neutral-1400)","--color-icon-neutral-disabled":"var(--color-neutral-800)","--color-icon-neutral-hover":"var(--color-neutral-1550)","--color-icon-neutral-light":"var(--color-neutral-600)","--color-icon-neutral-neutral":"var(--color-neutral-900)","--color-icon-neutral-on-disabled":"var(--color-neutral-1000)","--color-icon-neutral-on-icon":"var(--color-neutral-100)","--color-icon-neutral-on-pressed":"var(--color-neutral-400)","--color-icon-neutral-pressed":"var(--color-neutral-1450)","--color-icon-neutral-white":"var(--color-neutral-100)","--color-icon-primary-default":"var(--color-azure-600)","--color-icon-primary-hover":"var(--color-azure-400)","--color-icon-primary-on-default":"var(--color-azure-300)","--color-icon-primary-on-hover":"var(--color-azure-800)","--color-icon-primary-on-pressed":"var(--color-azure-400)","--color-icon-primary-pressed":"var(--color-azure-750)","--color-icon-status-error":"var(--color-scarlet-800)","--color-icon-status-info":"var(--color-azure-900)","--color-icon-status-neutral":"var(--color-neutral-1500)","--color-icon-status-success":"var(--color-chateau-800)","--color-icon-status-warning":"var(--color-ember-800)","--color-text-branding-surface":"var(--color-neutral-100)","--color-text-neutral-dark":"var(--color-neutral-1700)","--color-text-neutral-default":"var(--color-neutral-1400)","--color-text-neutral-disabled":"var(--color-neutral-800)","--color-text-neutral-hover":"var(--color-neutral-1550)","--color-text-neutral-light":"var(--color-neutral-600)","--color-text-neutral-neutral":"var(--color-neutral-900)","--color-text-neutral-on-disabled":"var(--color-neutral-1000)","--color-text-neutral-on-pressed":"var(--color-neutral-400)","--color-text-neutral-on-text":"var(--color-neutral-200)","--color-text-neutral-pressed":"var(--color-neutral-1550)","--color-text-neutral-white":"var(--color-neutral-100)","--color-text-primary-default":"var(--color-azure-600)","--color-text-primary-hover":"var(--color-azure-400)","--color-text-primary-on-default":"var(--color-azure-300)","--color-text-primary-on-hover":"var(--color-azure-800)","--color-text-primary-on-pressed":"var(--color-azure-400)","--color-text-primary-pressed":"var(--color-azure-750)","--color-text-status-error":"var(--color-scarlet-700)","--color-text-status-info":"var(--color-azure-900)","--color-text-status-neutral":"var(--color-neutral-1500)","--color-text-status-success":"var(--color-chateau-800)","--color-text-status-warning":"var(--color-ember-800)"}}}}`);

package/dist/tokens/generator/internal/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TOKEN_PREFIX = "--";
+export declare const TOKEN_PREFIX_IN_JSON = "\"--";

package/dist/tokens/generator/internal/constants.js

@@ -0,0 +1,2 @@
+export const TOKEN_PREFIX = "--";
+export const TOKEN_PREFIX_IN_JSON = `"${TOKEN_PREFIX}`;

package/dist/tokens/generator/internal/get-and-set-token-placeholder-values.d.ts

@@ -0,0 +1,15 @@
+import type { MercuryTokensDefinition } from "../../_generated/mercury-generated-definition";
+import type { FigmaTheme, FigmaTokensType } from "../typings/figma-file-types";
+import type { MercuryTokenPlaceholdersToValueDictionary } from "../typings/output-file-types";
+export declare const setTokenPlaceholderValue: ({ colorScheme, tokenName, tokenValue, tokensType, figmaTheme }: {
+    colorScheme?: "light" | "dark";
+    tokenName: string;
+    tokenValue: string;
+    tokensType: FigmaTokensType;
+    figmaTheme?: FigmaTheme;
+}) => void;
+export declare const getAllTokenProcessedTokens: () => MercuryTokenPlaceholdersToValueDictionary;
+export declare const getAllTokensFromMercuryConfigFile: ({ primitive, semantic }: MercuryTokensDefinition) => MercuryTokenPlaceholdersToValueDictionary;
+export declare const getTokenPlaceholderValue: (tokenName: string) => string;
+export declare const getTokenNameFromPlaceholder: (placeholder: string) => string;
+export declare const replaceTokenPlaceholders: (css: string, figmaTheme: FigmaTheme, tokensOverride?: MercuryTokenPlaceholdersToValueDictionary) => string;

package/dist/tokens/generator/internal/get-and-set-token-placeholder-values.js

@@ -0,0 +1,105 @@
+import { mercuryPlainTokens } from "../../_generated/mercury-generated-plain-tokens.js";
+import { TOKEN_PREFIX } from "./constants.js";
+import { getTokenRealValue } from "./get-token-real-value.js";
+const TOKEN_PLACEHOLDER_IDENTIFIER = "$";
+const PLACEHOLDER_TOKEN_REGEX = /(\$[^$]+\$)/g;
+const SEPARATE_CSS_BY_COLOR_SCHEME_REGEX = /:root(?:\.(dark|light))?\s*{([^}]+)}/g;
+const mergeConfigTokensAndAddPrefix = (tokensByCategory) => {
+    if (tokensByCategory === undefined) {
+        return {};
+    }
+    const mergedTokensWithPrefixMap = new Map();
+    Object.values(tokensByCategory).forEach(tokens => Object.keys(tokens).forEach(tokenName => mergedTokensWithPrefixMap.set(`${TOKEN_PREFIX}${tokenName}`, tokens[tokenName])));
+    return Object.fromEntries(mergedTokensWithPrefixMap);
+};
+const tokensPlaceholder = {
+    // Tokens that not depends of the theme (some primitives and some semantic)
+    general: new Map(),
+    // Globant primitive tokens
+    globant: new Map(),
+    // Mercury primitive tokens
+    mercury: new Map(),
+    colorScheme: {
+        // Semantic tokens for light themes
+        light: {
+            globant: new Map(),
+            mercury: new Map()
+        },
+        // Semantic tokens for dark themes
+        dark: {
+            globant: new Map(),
+            mercury: new Map()
+        }
+    }
+};
+export const setTokenPlaceholderValue = ({ colorScheme, tokenName, tokenValue, tokensType, figmaTheme }) => {
+    // If the colorScheme is specified, the figmaTheme is to but we check it just in case
+    if (colorScheme !== undefined && figmaTheme !== undefined) {
+        tokensPlaceholder.colorScheme[colorScheme][figmaTheme].set(tokenName, getTokenRealValue(tokenValue, tokensType));
+    }
+    else {
+        tokensPlaceholder[figmaTheme ?? "general"].set(tokenName, getTokenRealValue(tokenValue, tokensType));
+    }
+};
+export const getAllTokenProcessedTokens = () => ({
+    general: Object.fromEntries(tokensPlaceholder.general),
+    globant: Object.fromEntries(tokensPlaceholder.globant),
+    mercury: Object.fromEntries(tokensPlaceholder.mercury),
+    colorScheme: {
+        dark: {
+            globant: Object.fromEntries(tokensPlaceholder.colorScheme.dark.globant),
+            mercury: Object.fromEntries(tokensPlaceholder.colorScheme.dark.mercury)
+        },
+        light: {
+            globant: Object.fromEntries(tokensPlaceholder.colorScheme.light.globant),
+            mercury: Object.fromEntries(tokensPlaceholder.colorScheme.light.mercury)
+        }
+    }
+});
+export const getAllTokensFromMercuryConfigFile = ({ primitive, semantic }) => ({
+    general: Object.assign({}, mergeConfigTokensAndAddPrefix(semantic?.["font-size"]), mergeConfigTokensAndAddPrefix({
+        "font-family": primitive?.["font-family"] ?? {},
+        "font-style": primitive?.["font-style"] ?? {},
+        size: primitive?.size ?? {}
+    })),
+    globant: mergeConfigTokensAndAddPrefix(primitive?.color?.globant),
+    mercury: mergeConfigTokensAndAddPrefix(primitive?.color?.mercury),
+    colorScheme: {
+        dark: {
+            globant: mergeConfigTokensAndAddPrefix(semantic?.color?.globant?.dark),
+            mercury: mergeConfigTokensAndAddPrefix(semantic?.color?.mercury?.dark)
+        },
+        light: {
+            globant: mergeConfigTokensAndAddPrefix(semantic?.color?.globant?.light),
+            mercury: mergeConfigTokensAndAddPrefix(semantic?.color?.mercury?.light)
+        }
+    }
+});
+export const getTokenPlaceholderValue = (tokenName) => TOKEN_PLACEHOLDER_IDENTIFIER + tokenName + TOKEN_PLACEHOLDER_IDENTIFIER;
+export const getTokenNameFromPlaceholder = (placeholder) => placeholder.trim().replaceAll("$", "");
+export const replaceTokenPlaceholders = (css, figmaTheme, tokensOverride) => 
+// First, separate the css by color scheme (:root.dark, :root.light or :root)
+css.replaceAll(SEPARATE_CSS_BY_COLOR_SCHEME_REGEX, (cssByColorScheme, darkOrLight) => {
+    return cssByColorScheme.replace(PLACEHOLDER_TOKEN_REGEX, match => {
+        const tokenName = getTokenNameFromPlaceholder(match);
+        let tokenValue;
+        // If the tokensOverride is not defined, just use the actual tokens of Mercury
+        const tokensOverrideDefined = tokensOverride ?? mercuryPlainTokens;
+        // If we are in a root selector with color scheme, find the tokens for
+        // color scheme and theme
+        if (darkOrLight !== undefined) {
+            tokenValue =
+                // Try to find if it exists a token override first
+                tokensOverrideDefined.colorScheme[darkOrLight][figmaTheme][tokenName] ??
+                    mercuryPlainTokens.colorScheme[darkOrLight][figmaTheme][tokenName];
+        }
+        return (tokenValue ??
+            tokensOverrideDefined[figmaTheme][tokenName] ?? // Try to find if it exists a token override first
+            mercuryPlainTokens[figmaTheme][tokenName] ??
+            tokensOverrideDefined.general[tokenName] ?? // Try to find if it exists a token override first
+            mercuryPlainTokens.general[tokenName] ??
+            // We default to the match to debug in case where the $tokenName$
+            // does not have a mapping
+            match).toString();
+    });
+});

package/dist/tokens/generator/internal/get-token-real-value.d.ts

@@ -0,0 +1,2 @@
+import type { FigmaTokensType } from "../typings/figma-file-types";
+export declare const getTokenRealValue: (tokenValue: string, tokensType: FigmaTokensType) => string | 300 | 100 | 200 | 400 | 500 | 600 | 700 | 800 | 900;

package/dist/tokens/generator/internal/get-token-real-value.js

@@ -0,0 +1,30 @@
+const FONT_WEIGHT_MAP = {
+    thin: 100,
+    "extra-light": 200,
+    light: 300,
+    regular: 400,
+    medium: 500,
+    "semi-bold": 600,
+    bold: 700,
+    "extra-bold": 800,
+    black: 900
+};
+const mapFontWeightKeywordToNumeric = (fontWeightKeyword) => {
+    const fontWeightKeywordSanitized = fontWeightKeyword
+        .toLowerCase()
+        .replace(/\s+/g, "-");
+    // If it doesn't map to any value is probably not a font-weight, like Italic.
+    return (FONT_WEIGHT_MAP[fontWeightKeywordSanitized] || fontWeightKeyword);
+};
+export const getTokenRealValue = (tokenValue, tokensType) => {
+    if (tokensType === "primitive-font-style") {
+        return mapFontWeightKeywordToNumeric(tokenValue);
+    }
+    if (tokensType === "primitive-font-family") {
+        return `"${tokenValue}"`;
+    }
+    return tokensType === "primitive-color" ||
+        (tokensType !== "semantic-font-size" && tokensType !== "semantic-color")
+        ? tokenValue
+        : `var(${tokenValue})`;
+};

package/dist/tokens/generator/typings/figma-file-types.d.ts

@@ -0,0 +1,77 @@
+export type FigmaTokens = [
+    FigmaTokensPrimitive,
+    FigmaTokensSemanticColor,
+    FigmaTokensSemanticSize
+];
+export interface FigmaTokensPrimitive {
+    _primitive: {
+        modes: {
+            Default: {
+                color: {
+                    globant: FigmaCategoryWithTypeOnly;
+                    mercury: FigmaCategoryWithTypeOnly;
+                };
+                "font-weight": FigmaCategoryWithTypeOnly;
+                "font-family": FigmaCategoryWithTypeOnly;
+                size: FigmaCategoryWithTypeOnly;
+            };
+        };
+    };
+}
+export interface FigmaTokensSemanticColor {
+    color: {
+        modes: {
+            [key in FigmaColorModeType]: {
+                color: FigmaCategoryWithTypeAndVariantAndState;
+            };
+        };
+    };
+}
+export interface FigmaTokensSemanticSize {
+    size: {
+        modes: {
+            Default: {
+                "font-size": FigmaCategoryWithTypeAndVariant;
+            };
+        };
+    };
+}
+export type FigmaCategoryWithTypeOnly = {
+    [key: string]: FigmaTypeOnly;
+};
+export type FigmaCategoryWithTypeAndVariant = {
+    [key: string]: FigmaTypeWithVariant;
+};
+export type FigmaCategoryWithTypeAndVariantAndState = {
+    [key: string]: FigmaTypeWithVariantAndState;
+};
+export type FigmaTypeOnly = FigmaTokenData;
+export type FigmaTypeWithVariant = {
+    [key: string]: FigmaTokenData;
+};
+export type FigmaTypeWithVariantAndState = {
+    [key: string]: FigmaTypeWithVariant;
+};
+export type FigmaVariantOnly = FigmaTokenData;
+export type FigmaVariantWithState = {
+    [key: string]: FigmaState;
+};
+export type FigmaState = FigmaTokenData;
+export type FigmaTokenData = {
+    $type: FigmaTokenTypeFigma;
+    $value: string;
+};
+export type FigmaColorModeType = "Mercury Light" | "Mercury Dark" | "Globant Light" | "Globant Dark";
+export type FigmaTheme = "mercury" | "globant";
+export type FigmaTokensType = "primitive-color" | "primitive-font-style" | "primitive-font-family" | "primitive-line-height" | "primitive-size" | "semantic-color" | "semantic-font-size";
+export type FigmaTokenTypeFigma = "float" | "color" | "string";
+export type FigmaTokensGroupType = "_primitive" | "semantic";
+export type FigmaCategoryType = "type-only" | "type-variant" | "type-variant-state";
+export interface FigmaConfig {
+    figmaJsonSourceFilePath: string;
+    tokensOutputDirPath: string;
+    enableMercury: boolean;
+    enableGlobant: boolean;
+    enableLight: boolean;
+    enableDark: boolean;
+}

package/dist/tokens/generator/typings/figma-file-types.js

@@ -0,0 +1 @@
+export {};

package/dist/tokens/generator/typings/output-file-types.d.ts

@@ -0,0 +1,51 @@
+import type { FigmaTheme } from "./figma-file-types";
+export type MercuryGenericTokensDefinition = {
+    primitive: {
+        color: {
+            globant: MercuryTokensByCategory;
+            mercury: MercuryTokensByCategory;
+        };
+        "font-style": MercuryTokens;
+        "font-family": MercuryTokens;
+        size: MercuryTokens;
+        "line-height": MercuryTokens;
+    };
+    semantic: {
+        color: {
+            mercury: MercuryTokensByColorScheme;
+            globant: MercuryTokensByColorScheme;
+        };
+        "font-size": MercuryTokensByCategory;
+    };
+};
+export type MercuryTokensByCategory = Record<string, MercuryTokens>;
+export type MercuryTokens = Record<string, MercuryTokenValue>;
+export type MercuryTokenValue = string;
+export type MercuryTokensByColorScheme = {
+    light: MercuryTokensByCategory;
+    dark: MercuryTokensByCategory;
+};
+export type MercuryTokenPlaceholdersToValueDictionary = {
+    [key in FigmaTheme | "general"]: Record<string, string | number>;
+} & {
+    colorScheme: {
+        light: {
+            [key in FigmaTheme]: Record<string, string | number>;
+        };
+        dark: {
+            [key in FigmaTheme]: Record<string, string | number>;
+        };
+    };
+};
+export type MercuryTokenPlaceholdersToValueMap = {
+    [key in FigmaTheme | "general"]: Map<string, string | number>;
+} & {
+    colorScheme: {
+        light: {
+            [key in FigmaTheme]: Map<string, string | number>;
+        };
+        dark: {
+            [key in FigmaTheme]: Map<string, string | number>;
+        };
+    };
+};

package/dist/tokens/generator/typings/output-file-types.js

@@ -0,0 +1 @@
+export {};

package/dist/types.d.ts

@@ -5,7 +5,7 @@ export type MercuryBundleBase = "base/base" | "base/icons";
 export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/dropdown" | "components/flexible-layout" | "components/layout-splitter" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/paginator" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
 export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/switch";
 export type MercuryBundleReset = "resets/box-sizing";
-export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
+export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/link" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
 export type MercuryBundleUtilFormFull = "utils/form--full";
 export type MercuryBundleMapping = {
     [key in MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleReset | MercuryBundleUtil | MercuryBundleUtilFormFull]: `${key}-${string}` | key;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.34.0",
+  "version": "1.0.0-beta.0",
   "description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -63,6 +63,8 @@
     "build.scss.watch": "tsc && bun build.scss.base && bun copy-tasks && bun build.scss.bundles --watch -i=/assets/icons/ -f=/assets/fonts/ --outDir=../showcase/.mercury/ --avoid-hash=base/base",
     "build.scss.test-common": "tsc && bun build.scss.base && bun copy-tasks && bun build.scss.bundles --ci -i=/assets/icons/ -f=/assets/fonts/ --outDir=../common/public/mercury/css/",
     "build.scss.helpers": "scss-bundle -e ./src/assets/scss/_helpers.scss -o ./src/assets/scss/helpers-bundled.scss --logLevel=info",
+    "build.tokens": "bun run ./src/tokens/generator/main.ts",
+    "build.tokens.watch": "bun run ./src/tokens/generator/main.ts --watch",
     "start": "vite --port 5200 --open showcase/button.html",
     "process-icons": "ssg --configPath=./src/config/icons.js",
     "icons-svg": "ssg-svg --srcDir=src/icons/svg-source --outDir=src/assets/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --showcaseDir=showcase/icons/ --showcaseBaseHref=../assets/icons/ --logDir=./log --objectFilePath=src/assets/MERCURY_ASSETS.ts --defaultColorType=on-surface",