@midas-ds/components 6.0.1 → 6.2.0

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "6.0.1",
+  "version": "6.2.0",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",

package/theme/index.d.ts

@@ -28,9 +28,7 @@ export declare const theme: {
         blue10: string;
         blue20: string;
         blue40: string;
-        blue50: string;
         blue60: string;
-        blue70: string;
         blue80: string;
         blue90: string;
         blue100: string;

package/theme/tokens.d.ts

@@ -26,9 +26,7 @@ export declare const baseColors: {
     blue10: string;
     blue20: string;
     blue40: string;
-    blue50: string;
     blue60: string;
-    blue70: string;
     blue80: string;
     blue90: string;
     blue100: string;

package/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./tokens-DZsQgihc.cjs"),s={...t.tokens};exports.baseColors=t.baseColors;exports.breakpoints=t.breakpoints;exports.semantic=t.semantic;exports.spacing=t.spacing;exports.states=t.states;exports.transitions=t.transitions;exports.typography=t.typography;exports.theme=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./tokens-DzCqA9U7.cjs"),s={...t.tokens};exports.baseColors=t.baseColors;exports.breakpoints=t.breakpoints;exports.semantic=t.semantic;exports.spacing=t.spacing;exports.states=t.states;exports.transitions=t.transitions;exports.typography=t.typography;exports.theme=s;

package/theme.js

@@ -1,5 +1,5 @@
-import { t as s } from "./tokens-Ce2Sj8HD.js";
-import { b as r, f as n, s as p, c as i, d as m, e as c, a as b } from "./tokens-Ce2Sj8HD.js";
+import { t as s } from "./tokens-DeYazHS9.js";
+import { b as r, f as n, s as p, c as i, d as m, e as c, a as b } from "./tokens-DeYazHS9.js";
 const t = { ...s };
 export {
   r as baseColors,

package/{tokens-Ce2Sj8HD.js → tokens-DeYazHS9.js}

@@ -26,9 +26,7 @@ const r = {
   blue10: "#eaf2f6",
   blue20: "#d5e5ed",
   blue40: "#abcbdb",
-  blue50: "#abcbdb",
   blue60: "#82b0c9",
-  blue70: "#6ca3c0",
   blue80: "#5897b8",
   blue90: "#4289ad",
   blue100: "#2e7ca5",
@@ -136,25 +134,25 @@ const r = {
   darkMode: "(prefers-color-scheme: dark)",
   prefersReducedMotion: "(prefers-reduced-motion: reduced)"
 }, l = {
-  background01: `light-dark(${r.white}, ${r.gray30})`,
+  background01: `light-dark(${r.white}, ${r.gray200})`,
   backgroundHover01: `light-dark(${r.whiteHover}, ${r.gray190})`,
-  backgroundInverse01: `light-dark(${r.gray30}, ${r.gray10})`,
+  backgroundInverse01: `light-dark(${r.gray200}, ${r.gray10})`,
   layer01: `light-dark(${r.gray10}, ${r.gray180})`,
   layerHover01: `light-dark(${r.gray20}, ${r.gray170})`,
   layerSelected01: `light-dark(${r.gray30}, ${r.gray160})`,
-  layerSelectedHover01: `light-dark(${r.gray40}, ${r.gray20})`,
+  layerSelectedHover01: `light-dark(${r.gray40}, ${r.gray150})`,
   layer02: `light-dark(${r.white}, ${r.gray160})`,
-  layerHover02: `light-dark(${r.whiteHover}, ${r.gray20})`,
+  layerHover02: `light-dark(${r.whiteHover}, ${r.gray150})`,
   layerSelected02: `light-dark(${r.gray30}, ${r.gray140})`,
   layerSelectedHover02: `light-dark(${r.gray40}, ${r.gray130})`,
   layerAccent01: `light-dark(${r.gray30}, ${r.gray160})`,
-  layerAccentHover01: `light-dark(${r.gray40}, ${r.gray20})`,
+  layerAccentHover01: `light-dark(${r.gray40}, ${r.gray150})`,
   layerAccentSelected01: `light-dark(${r.gray50}, ${r.gray140})`,
   layerAccent02: `light-dark(${r.gray10}, ${r.gray180})`,
   layerAccentHover02: `light-dark(${r.gray20}, ${r.gray170})`,
   layerAccentSelected02: `light-dark(${r.gray30}, ${r.gray160})`,
   brandPrimary: `light-dark(${r.red100}, ${r.red100})`,
-  borderStrong: `light-dark(${r.gray30}, ${r.gray10})`,
+  borderStrong: `light-dark(${r.gray200}, ${r.gray10})`,
   borderMedium: `light-dark(${r.gray110}, ${r.gray90})`,
   borderSubtle: `light-dark(${r.gray50}, ${r.gray160})`,
   borderBrand: `light-dark(${r.blue170}, ${r.blue170})`,
@@ -166,13 +164,13 @@ const r = {
   fieldHover01: `light-dark(${r.gray20}, ${r.gray170})`,
   fieldActive01: `light-dark(${r.gray30}, ${r.gray160})`,
   field02: `light-dark(${r.white}, ${r.gray160})`,
-  fieldHover02: `light-dark(${r.whiteHover}, ${r.gray20})`,
+  fieldHover02: `light-dark(${r.whiteHover}, ${r.gray150})`,
   fieldActive02: `light-dark(${r.gray30}, ${r.gray140})`,
   fieldDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
   fieldSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
-  iconPrimary: `light-dark(${r.gray30}, ${r.gray10})`,
-  iconSecondary: `light-dark(${r.blue170}, ${r.blue170})`,
-  iconInverse: `light-dark(${r.white}, ${r.black})`,
+  iconPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
+  iconSecondary: `light-dark(${r.blue170}, ${r.gray10})`,
+  iconInverse: `light-dark(${r.white}, ${r.gray200})`,
   iconOnColor: `light-dark(${r.white}, ${r.white})`,
   iconDanger: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
   iconDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
@@ -188,15 +186,15 @@ const r = {
   notificationBorderInfo: `light-dark(${r.signalBlue140}, ${r.signalBlue140})`,
   notificationBorderImportant: `light-dark(${r.signalYellow140}, ${r.signalYellow140})`,
   notificationBorderWarning: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
-  notificationBackgroundSuccess: `light-dark(${r.signalGreen20}, ${r.gray10})`,
-  notificationBackgroundInfo: `light-dark(${r.signalBlue20}, ${r.gray10})`,
-  notificationBackgroundImportant: `light-dark(${r.signalYellow20}, ${r.gray10})`,
-  notificationBackgroundWarning: `light-dark(${r.signalRed20}, ${r.gray10})`,
-  textPrimary: `light-dark(${r.gray30}, ${r.gray10})`,
+  notificationBackgroundSuccess: `light-dark(${r.signalGreen20}, ${r.gray180})`,
+  notificationBackgroundInfo: `light-dark(${r.signalBlue20}, ${r.gray180})`,
+  notificationBackgroundImportant: `light-dark(${r.signalYellow20}, ${r.gray180})`,
+  notificationBackgroundWarning: `light-dark(${r.signalRed20}, ${r.gray180})`,
+  textPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
   textSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
   textBrand: `light-dark(${r.blue170}, ${r.gray10})`,
   textOnColor: `light-dark(${r.white}, ${r.white})`,
-  textInverse: `light-dark(${r.white}, ${r.black})`,
+  textInverse: `light-dark(${r.gray10}, ${r.gray200})`,
   textSubtle: `light-dark(${r.gray90}, ${r.gray90})`,
   textDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
   textInvalid: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
@@ -204,7 +202,7 @@ const r = {
   buttonBackgroundPrimary: `light-dark(${r.blue170}, ${r.blue100})`,
   buttonBackgroundPrimaryHover: `light-dark(${r.blue140}, ${r.blue140})`,
   buttonBackgroundPrimaryActive: `light-dark(${r.blue100}, ${r.blue170})`,
-  buttonBackgroundSecondary: `light-dark(${r.white}, ${r.gray30})`,
+  buttonBackgroundSecondary: `light-dark(${r.white}, ${r.gray200})`,
   buttonBackgroundSecondaryHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
   buttonBackgroundSecondaryActive: `light-dark(${r.gray30}, ${r.gray180})`,
   buttonBackgroundTertiaryHover: `light-dark(${r.whiteHover}, ${r.gray190})`,

package/tokens-DzCqA9U7.cjs

@@ -0,0 +1 @@
+"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue60:"#82b0c9",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue20:"#eaf2f6",signalBlue140:"#0066cc",signalGreen20:"#d5f2d9",signalGreen140:"#008d3c",signalRed20:"#ffdfdf",signalRed140:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313",signalYellow20:"#fff8e1",signalYellow140:"#fdb813"},a={fontFamily:'"Inter", sans-serif',lineHeight01:1,lineHeight02:1.125,lineHeight03:1.25,lineHeight04:1.375,lineHeight05:1.5,lineHeight06:1.75,lineHeight07:2,lineHeight08:2.25,lineHeight09:2.5,size01:"0.75rem",size02:"0.875rem",size03:"1rem",size04:"1.125rem",size05:"1.25rem",size06:"1.5rem",size07:"1.75rem",size08:"2rem",size09:"2.25rem",size10:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},e={"01":"0.125rem","02":"0.25rem","03":"0.5rem","04":"0.75rem","05":"1rem","06":"1.5rem","07":"2rem","08":"2.5rem","09":"3rem",10:"4rem",11:"5rem",12:"6rem"},g={focus:"0 0 0 2px white, 0 0 0 4px black"},i={slow:"500ms",normal:"300ms",fast:"250ms"},t={sm:"(max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 1200px)",xl:"(min-width: 1440px)",forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},l={background01:`light-dark(${r.white}, ${r.gray200})`,backgroundHover01:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse01:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderStrong:`light-dark(${r.gray200}, ${r.gray10})`,borderMedium:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderBrand:`light-dark(${r.blue170}, ${r.blue170})`,borderInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,borderSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,borderInverse:`light-dark(${r.white}, ${r.gray180})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.blue170}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDanger:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,iconInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,iconWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,linkEnabled:`light-dark(${r.blue100}, ${r.blue90})`,linkHover:`light-dark(${r.blue170}, ${r.blue80})`,linkPressed:`light-dark(${r.gray200}, ${r.blue60})`,linkVisited:`light-dark(${r.purple140}, ${r.purple80})`,notificationBorderSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,notificationBorderInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,notificationBorderImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,notificationBorderWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,notificationBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,notificationBackgroundInfo:`light-dark(${r.signalBlue20}, ${r.gray180})`,notificationBackgroundImportant:`light-dark(${r.signalYellow20}, ${r.gray180})`,notificationBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textBrand:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textSubtle:`light-dark(${r.gray90}, ${r.gray90})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue170}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue140}, ${r.blue140})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue170})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed140}, ${r.signalRed140})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed160}, ${r.signalRed160})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed180}, ${r.signalRed180})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundGhostHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundGhostActive:`light-dark(${r.gray30}, ${r.gray190})`,buttonBorderPrimary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`},d=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:l,spacing:e,states:g,transitions:i,typography:a},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=l;exports.spacing=e;exports.states=g;exports.tokens=d;exports.transitions=i;exports.typography=a;

package/tokens-DZsQgihc.cjs

@@ -1 +0,0 @@
-"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue50:"#abcbdb",blue60:"#82b0c9",blue70:"#6ca3c0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue20:"#eaf2f6",signalBlue140:"#0066cc",signalGreen20:"#d5f2d9",signalGreen140:"#008d3c",signalRed20:"#ffdfdf",signalRed140:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313",signalYellow20:"#fff8e1",signalYellow140:"#fdb813"},e={fontFamily:'"Inter", sans-serif',lineHeight01:1,lineHeight02:1.125,lineHeight03:1.25,lineHeight04:1.375,lineHeight05:1.5,lineHeight06:1.75,lineHeight07:2,lineHeight08:2.25,lineHeight09:2.5,size01:"0.75rem",size02:"0.875rem",size03:"1rem",size04:"1.125rem",size05:"1.25rem",size06:"1.5rem",size07:"1.75rem",size08:"2rem",size09:"2.25rem",size10:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},a={"01":"0.125rem","02":"0.25rem","03":"0.5rem","04":"0.75rem","05":"1rem","06":"1.5rem","07":"2rem","08":"2.5rem","09":"3rem",10:"4rem",11:"5rem",12:"6rem"},g={focus:"0 0 0 2px white, 0 0 0 4px black"},i={slow:"500ms",normal:"300ms",fast:"250ms"},t={sm:"(max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 1200px)",xl:"(min-width: 1440px)",forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},l={background01:`light-dark(${r.white}, ${r.gray30})`,backgroundHover01:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse01:`light-dark(${r.gray30}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray20})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray20})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray20})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderStrong:`light-dark(${r.gray30}, ${r.gray10})`,borderMedium:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderBrand:`light-dark(${r.blue170}, ${r.blue170})`,borderInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,borderSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,borderInverse:`light-dark(${r.white}, ${r.gray180})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray20})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray30}, ${r.gray10})`,iconSecondary:`light-dark(${r.blue170}, ${r.blue170})`,iconInverse:`light-dark(${r.white}, ${r.black})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDanger:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,iconInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,iconWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,linkEnabled:`light-dark(${r.blue100}, ${r.blue90})`,linkHover:`light-dark(${r.blue170}, ${r.blue80})`,linkPressed:`light-dark(${r.gray200}, ${r.blue60})`,linkVisited:`light-dark(${r.purple140}, ${r.purple80})`,notificationBorderSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,notificationBorderInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,notificationBorderImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,notificationBorderWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,notificationBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray10})`,notificationBackgroundInfo:`light-dark(${r.signalBlue20}, ${r.gray10})`,notificationBackgroundImportant:`light-dark(${r.signalYellow20}, ${r.gray10})`,notificationBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray10})`,textPrimary:`light-dark(${r.gray30}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textBrand:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.white}, ${r.black})`,textSubtle:`light-dark(${r.gray90}, ${r.gray90})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue170}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue140}, ${r.blue140})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue170})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray30})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed140}, ${r.signalRed140})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed160}, ${r.signalRed160})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed180}, ${r.signalRed180})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundGhostHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundGhostActive:`light-dark(${r.gray30}, ${r.gray190})`,buttonBorderPrimary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`},d=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:l,spacing:a,states:g,transitions:i,typography:e},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=l;exports.spacing=a;exports.states=g;exports.tokens=d;exports.transitions=i;exports.typography=e;