@newskit-render/shared-components 1.3.0 → 1.4.0

package/dist/esm/theme/virginTheme/colors.d.ts

@@ -1,159 +1,150 @@
 export declare const colors: {
-    accessible020: string;
-    accessible010: string;
-    amber010: string;
-    amber020: string;
-    amber030: string;
-    amber040: string;
-    amber050: string;
-    amber060: string;
-    amber070: string;
-    amber080: string;
-    amber090: string;
-    amber100: string;
-    black: string;
-    blackTint10: string;
-    blackTint20: string;
-    blackTint30: string;
-    blackTint40: string;
-    blackTint50: string;
-    blackTint60: string;
-    blackTint70: string;
-    blackTint80: string;
-    blackTint90: string;
-    white: string;
-    whiteTint10: string;
-    whiteTint20: string;
-    whiteTint30: string;
-    whiteTint40: string;
-    whiteTint50: string;
-    whiteTint60: string;
-    whiteTint70: string;
-    whiteTint80: string;
-    whiteTint90: string;
-    blue010: string;
-    blue020: string;
-    blue030: string;
-    blue040: string;
-    blue050: string;
-    blue060: string;
-    blue070: string;
-    blue080: string;
-    blue090: string;
+    focus010: string;
+    purple100: string;
+    purple090: string;
+    purple080: string;
+    purple070: string;
+    purple060: string;
+    purple050: string;
+    purple040: string;
+    purple030: string;
+    purple020: string;
+    purple010: string;
     blue100: string;
-    brown010: string;
-    brown020: string;
-    brown030: string;
-    brown040: string;
-    brown050: string;
-    brown060: string;
-    brown070: string;
-    brown080: string;
-    brown090: string;
-    brown100: string;
-    green010: string;
-    green020: string;
-    green030: string;
-    green040: string;
-    green050: string;
-    green060: string;
-    green070: string;
-    green080: string;
-    green090: string;
+    blue090: string;
+    blue080: string;
+    blue070: string;
+    blue060: string;
+    blue050: string;
+    blue040: string;
+    blue030: string;
+    blue020: string;
+    blue010: string;
+    teal100: string;
+    teal090: string;
+    teal080: string;
+    teal070: string;
+    teal060: string;
+    teal050: string;
+    teal040: string;
+    teal030: string;
+    teal020: string;
+    teal010: string;
+    amber100: string;
+    amber090: string;
+    amber080: string;
+    amber070: string;
+    amber060: string;
+    amber050: string;
+    amber040: string;
+    amber030: string;
+    amber020: string;
+    amber010: string;
+    red100: string;
+    red090: string;
+    red080: string;
+    red070: string;
+    red060: string;
+    red050: string;
+    red040: string;
+    red030: string;
+    red020: string;
+    red010: string;
     green100: string;
-    neutral010: string;
-    neutral020: string;
-    neutral030: string;
-    neutral040: string;
-    neutral050: string;
-    neutral060: string;
-    neutral070: string;
-    neutral080: string;
-    neutral090: string;
+    green090: string;
+    green080: string;
+    green070: string;
+    green060: string;
+    green050: string;
+    green040: string;
+    green030: string;
+    green020: string;
+    green010: string;
     neutral100: string;
-    purple010: string;
-    purple020: string;
-    purple030: string;
-    purple040: string;
-    purple050: string;
-    purple060: string;
-    purple070: string;
-    purple080: string;
-    purple090: string;
-    purple100: string;
-    red010: string;
-    red020: string;
-    red030: string;
-    red040: string;
-    red050: string;
-    red060: string;
-    red070: string;
-    red080: string;
-    red090: string;
-    red100: string;
-    socialFacebook: string;
-    socialInstagram: string;
+    neutral090: string;
+    neutral080: string;
+    neutral070: string;
+    neutral060: string;
+    neutral050: string;
+    neutral040: string;
+    neutral030: string;
+    neutral020: string;
+    neutral010: string;
+    black: string;
+    white: string;
+    whiteTint090: string;
+    whiteTint080: string;
+    whiteTint070: string;
+    whiteTint060: string;
+    whiteTint050: string;
+    whiteTint040: string;
+    whiteTint030: string;
+    whiteTint020: string;
+    whiteTint010: string;
+    blackTint090: string;
+    blackTint080: string;
+    blackTint070: string;
+    blackTint060: string;
+    blackTint050: string;
+    blackTint040: string;
+    blackTint030: string;
+    blackTint020: string;
+    blackTint010: string;
     socialReddit: string;
-    socialTwitter: string;
     socialWhatsapp: string;
     socialYoutube: string;
-    teal010: string;
-    teal020: string;
-    teal030: string;
-    teal040: string;
-    teal050: string;
-    teal060: string;
-    teal070: string;
-    teal080: string;
-    teal090: string;
-    teal100: string;
-    inkAccessible010: string;
-    inkAccessible020: string;
+    socialInstagram: string;
+    socialFacebook: string;
+    socialTwitter: string;
+    socialGithub: string;
+    socialApple: string;
+    socialGoogleBlue: string;
+    socialGoogleRed: string;
+    socialGoogleYellow: string;
+    socialGoogleGreen: string;
+    virginRed100: string;
+    virginRed090: string;
+    virginRed080: string;
+    virginRed070: string;
+    virginRed060: string;
+    virginRed050: string;
+    virginRed040: string;
+    virginRed030: string;
+    virginRed020: string;
+    virginRed010: string;
+    virginRedGradient: string;
     inkBase: string;
-    inkBrand010: string;
-    inkBrand020: string;
     inkContrast: string;
-    inkInformative: string;
+    inkSubtle: string;
+    inkNonEssential: string;
     inkInverse: string;
+    inkPositive: string;
     inkNegative: string;
-    inkNonEssential: string;
     inkNotice: string;
-    inkPositive: string;
-    inkSubtle: string;
-    InterfaceInformative010: string;
-    InterfaceInformative020: string;
+    inkInformative: string;
+    inkBrand010: string;
+    inkBrand020: string;
+    interfaceBackground: string;
     interface010: string;
     interface020: string;
     interface030: string;
     interface040: string;
     interface050: string;
     interface060: string;
-    interfaceBackground: string;
     interfaceBrand010: string;
     interfaceBrand020: string;
-    interfaceDisabled: string;
+    interfacePositive010: string;
+    interfacePositive020: string;
     interfaceNegative010: string;
     interfaceNegative020: string;
-    interfaceNeutral010: string;
-    interfaceNeutral020: string;
     interfaceNotice010: string;
     interfaceNotice020: string;
-    interfacePositive010: string;
-    interfacePositive020: string;
+    interfaceInformative010: string;
+    interfaceInformative020: string;
+    interfaceNeutral010: string;
+    interfaceNeutral020: string;
     interfaceSkeleton010: string;
     interfaceSkeleton020: string;
-    transparent: string;
-    interactiveDisabled010: string;
-    interactiveNegative010: string;
-    interactiveNegative020: string;
-    interactiveNegative030: string;
-    interactiveNegative040: string;
-    interactiveNegative050: string;
-    interactivePositive010: string;
-    interactivePositive020: string;
-    interactivePositive030: string;
-    interactivePositive040: string;
-    interactivePositive050: string;
     interactivePrimary010: string;
     interactivePrimary020: string;
     interactivePrimary030: string;
@@ -164,6 +155,27 @@ export declare const colors: {
     interactiveSecondary030: string;
     interactiveSecondary040: string;
     interactiveSecondary050: string;
+    interactivePositive010: string;
+    interactivePositive020: string;
+    interactivePositive030: string;
+    interactivePositive040: string;
+    interactivePositive050: string;
+    interactiveNegative010: string;
+    interactiveNegative020: string;
+    interactiveNegative030: string;
+    interactiveNegative040: string;
+    interactiveNegative050: string;
+    interactiveDisabled010: string;
     interactiveVisited010: string;
-    customInterfaceBrand: string;
+    interactiveFocus010: string;
+    interactiveInverse010: string;
+    interactiveInverse020: string;
+    interactiveInverse030: string;
+    interactiveInverse040: string;
+    interactiveInverse050: string;
+    interactiveInput010: string;
+    interactiveInput020: string;
+    interactiveInput030: string;
+    interactiveInput040: string;
+    interactiveInput050: string;
 };

package/dist/esm/theme/virginTheme/colors.js

@@ -1,170 +1,182 @@
 export var colors = {
-    accessible020: 'rgba(144, 61, 145, 1)',
-    accessible010: 'rgba(47, 117, 215, 1)',
-    amber010: 'rgba(255, 227, 176, 1)',
-    amber020: 'rgba(255, 210, 132, 1)',
-    amber030: 'rgba(255, 192, 88, 1)',
-    amber040: 'rgba(255, 173, 44, 1)',
-    amber050: 'rgba(255, 153, 0, 1)',
-    amber060: 'rgba(255, 143, 0, 1)',
-    amber070: 'rgba(255, 130, 0, 1)',
-    amber080: 'rgba(255, 114, 0, 1)',
-    amber090: 'rgba(255, 96, 0, 1)',
-    amber100: 'rgba(255, 75, 0, 1)',
-    black: 'rgba(10, 10, 10, 1)',
-    blackTint10: 'rgba(10, 10, 10, 0.1',
-    blackTint20: 'rgba(10, 10, 10, 0.2)',
-    blackTint30: 'rgba(10, 10, 10, 0.3)',
-    blackTint40: 'rgba(10, 10, 10, 0.4)',
-    blackTint50: 'rgba(10, 10, 10, 0.5)',
-    blackTint60: 'rgba(10, 10, 10, 0.6)',
-    blackTint70: 'rgba(10, 10, 10, 0.7)',
-    blackTint80: 'rgba(10, 10, 10, 0.8)',
-    blackTint90: 'rgba(10, 10, 10, 0.9)',
-    white: 'rgba(255, 255, 255, 1)',
-    whiteTint10: 'rgba(255,255,255, 0.1)',
-    whiteTint20: 'rgba(255,255,255, 0.2)',
-    whiteTint30: 'rgba(255,255,255, 0.3)',
-    whiteTint40: 'rgba(255,255,255, 0.4)',
-    whiteTint50: 'rgba(255,255,255, 0.5)',
-    whiteTint60: 'rgba(255,255,255, 0.6)',
-    whiteTint70: 'rgba(255,255,255, 0.7)',
-    whiteTint80: 'rgba(255,255,255, 0.8)',
-    whiteTint90: 'rgba(255,255,255, 0.9)',
-    blue010: 'rgba(230, 244, 255, 1)',
-    blue020: 'rgba(213, 235, 255, 1)',
-    blue030: 'rgba(171, 213, 252, 1)',
-    blue040: 'rgba(110, 178, 242, 1)',
-    blue050: 'rgba(53, 140, 222, 1)',
-    blue060: 'rgba(10, 104, 193, 1)',
-    blue070: 'rgba(2, 80, 155, 1)',
-    blue080: 'rgba(1, 57, 110, 1)',
-    blue090: 'rgba(0, 33, 65, 1)',
-    blue100: 'rgba(0, 10, 20, 1)',
-    brown010: 'rgba(230, 244, 255, 1)',
-    brown020: 'rgba(78, 26, 26, 1)',
-    brown030: 'rgba(97, 52, 52, 1)',
-    brown040: 'rgba(117, 77, 77, 1)',
-    brown050: 'rgba(137, 103, 103, 1)',
-    brown060: 'rgba(157, 128, 128, 1)',
-    brown070: 'rgba(176, 153, 153, 1)',
-    brown080: 'rgba(196, 179, 179, 1)',
-    brown090: 'rgba(216, 204, 204, 1)',
-    brown100: 'rgba(235, 230, 230, 1)',
-    green010: 'rgba(230, 250, 235, 1)',
-    green020: 'rgba(184, 239, 200, 1)',
-    green030: 'rgba(142, 225, 166, 1)',
-    green040: 'rgba(103, 207, 134, 1)',
-    green050: 'rgba(66, 186, 103, 1)',
-    green060: 'rgba(35, 162, 72, 1)',
-    green070: 'rgba(20, 143, 57, 1)',
-    green080: 'rgba(10, 120, 42, 1)',
-    green090: 'rgba(0, 93, 28, 1)',
-    green100: 'rgba(0, 62, 17, 1)',
-    neutral010: 'rgba(250, 250, 250, 1)',
-    neutral020: 'rgba(240, 240, 240, 1)',
-    neutral030: 'rgba(228, 228, 228, 1)',
-    neutral040: 'rgba(204, 204, 204, 1)',
-    neutral050: 'rgba(192, 192, 192, 1)',
-    neutral060: 'rgba(156, 156, 156, 1)',
-    neutral070: 'rgba(119, 119, 119, 1)',
-    neutral080: 'rgba(83, 83, 83, 1)',
-    neutral090: 'rgba(46, 46, 46, 1)',
-    neutral100: 'rgba(10, 10, 10, 1)',
-    purple010: 'rgba(209, 194, 224, 1)',
-    purple020: 'rgba(147, 161, 195, 1)',
-    purple030: 'rgba(148, 112, 184, 1)',
-    purple040: 'rgba(133, 92, 173, 1)',
-    purple050: 'rgba(117, 71, 163, 1)',
-    purple060: 'rgba(102, 51, 153, 1)',
-    purple070: 'rgba(82, 41, 122, 1)',
-    purple080: 'rgba(84, 20, 93, 1)',
-    purple090: 'rgba(61, 31, 92, 1)',
-    purple100: 'rgba(41, 20, 61, 1)',
-    red010: 'rgba(255, 247, 248, 1)',
-    red020: 'rgba(255, 198, 199, 1)',
-    red030: 'rgba(252, 147, 152, 1)',
-    red040: 'rgba(239, 68, 83, 1)',
-    red050: 'rgba(225, 41, 50, 1)',
-    red060: 'rgba(207, 20, 43, 1)',
-    red070: 'rgba(207, 20, 43, 1)',
-    red080: 'rgba(176, 13, 29, 1)',
-    red090: 'rgba(142, 12, 18, 1)',
-    red100: 'rgba(105, 9, 12, 1)',
-    socialFacebook: 'rgba(24, 119, 242, 1)',
-    socialInstagram: 'rgba(195, 42, 163, 1)',
-    socialReddit: 'rgba(255, 69, 0, 1)',
-    socialTwitter: 'rgba(29, 161, 242, 1)',
-    socialWhatsapp: 'rgba(37, 211, 102, 1)',
-    socialYoutube: 'rgba(255, 0, 0, 1)',
-    teal010: 'rgba(232, 246, 248, 1)',
-    teal020: 'rgba(209, 236, 241, 1)',
-    teal030: 'rgba(162, 218, 227, 1)',
-    teal040: 'rgba(116, 199, 212, 1)',
-    teal050: 'rgba(69, 181, 198, 1)',
-    teal060: 'rgba(23, 162, 184, 1)',
-    teal070: 'rgba(18, 130, 147, 1)',
-    teal080: 'rgba(14, 97, 110, 1)',
-    teal090: 'rgba(9, 65, 74, 1)',
-    teal100: 'rgba(7, 49, 55, 1)',
-    inkAccessible010: '{{colors.accessible010}}',
-    inkAccessible020: '{{colors.accessible020}}',
+    focus010: 'rgba(55,104,251,1)',
+    purple100: 'rgba(64,12,48,1)',
+    purple090: 'rgba(79,16,73,1)',
+    purple080: 'rgba(84,20,93,1)',
+    purple070: 'rgba(80,25,107,1)',
+    purple060: 'rgba(71,30,121,1)',
+    purple050: 'rgba(80,59,140,1)',
+    purple040: 'rgba(93,88,159,1)',
+    purple030: 'rgba(117,124,177,1)',
+    purple020: 'rgba(147,161,195,1)',
+    purple010: 'rgba(178,195,213,1)',
+    blue100: 'rgba(0,10,20,1)',
+    blue090: 'rgba(0,33,65,1)',
+    blue080: 'rgba(1,57,110,1)',
+    blue070: 'rgba(2,80,155,1)',
+    blue060: 'rgba(10,104,193,1)',
+    blue050: 'rgba(53,140,222,1)',
+    blue040: 'rgba(110,178,242,1)',
+    blue030: 'rgba(171,213,252,1)',
+    blue020: 'rgba(213,235,255,1)',
+    blue010: 'rgba(230,244,255,1)',
+    teal100: 'rgba(7,49,55,1)',
+    teal090: 'rgba(9,65,74,1)',
+    teal080: 'rgba(14,97,110,1)',
+    teal070: 'rgba(18,130,147,1)',
+    teal060: 'rgba(23,162,184,1)',
+    teal050: 'rgba(69,181,198,1)',
+    teal040: 'rgba(116,199,212,1)',
+    teal030: 'rgba(162,218,227,1)',
+    teal020: 'rgba(209,236,241,1)',
+    teal010: 'rgba(232,246,248,1)',
+    amber100: 'rgba(255,75,0,1)',
+    amber090: 'rgba(255,96,0,1)',
+    amber080: 'rgba(255,114,0,1)',
+    amber070: 'rgba(255,130,0,1)',
+    amber060: 'rgba(255,143,0,1)',
+    amber050: 'rgba(255,153,0,1)',
+    amber040: 'rgba(255,173,44,1)',
+    amber030: 'rgba(255,192,88,1)',
+    amber020: 'rgba(255,219,157,1)',
+    amber010: 'rgba(255,238,207,1)',
+    red100: 'rgba(105,9,12,1)',
+    red090: 'rgba(142,12,18,1)',
+    red080: 'rgba(176,13,29,1)',
+    red070: 'rgba(195,24,40,1)',
+    red060: 'rgba(207,20,43,1)',
+    red050: 'rgba(225,41,50,1)',
+    red040: 'rgba(239,68,83,1)',
+    red030: 'rgba(252,147,152,1)',
+    red020: 'rgba(255,198,199,1)',
+    red010: 'rgba(255,247,248,1)',
+    green100: 'rgba(0,62,17,1)',
+    green090: 'rgba(0,93,28,1)',
+    green080: 'rgba(10,120,42,1)',
+    green070: 'rgba(20,143,57,1)',
+    green060: 'rgba(35,162,72,1)',
+    green050: 'rgba(66,186,103,1)',
+    green040: 'rgba(103,207,134,1)',
+    green030: 'rgba(142,225,166,1)',
+    green020: 'rgba(184,239,200,1)',
+    green010: 'rgba(230,250,235,1)',
+    neutral100: 'rgba(10,10,10,1)',
+    neutral090: 'rgba(46,46,46,1)',
+    neutral080: 'rgba(83,83,83,1)',
+    neutral070: 'rgba(119,119,119,1)',
+    neutral060: 'rgba(156,156,156,1)',
+    neutral050: 'rgba(192,192,192,1)',
+    neutral040: 'rgba(204,204,204,1)',
+    neutral030: 'rgba(222,222,222,1)',
+    neutral020: 'rgba(244,244,244,1)',
+    neutral010: 'rgba(250,250,250,1)',
+    black: 'rgba(0,0,0,1)',
+    white: 'rgba(255,255,255,1)',
+    whiteTint090: 'rgba(255,255,255,0.9)',
+    whiteTint080: 'rgba(255,255,255,0.8)',
+    whiteTint070: 'rgba(255,255,255,0.7)',
+    whiteTint060: 'rgba(255,255,255,0.6)',
+    whiteTint050: 'rgba(255,255,255,0.5)',
+    whiteTint040: 'rgba(255,255,255,0.4)',
+    whiteTint030: 'rgba(255,255,255,0.3)',
+    whiteTint020: 'rgba(255,255,255,0.2)',
+    whiteTint010: 'rgba(255,255,255,0.1)',
+    blackTint090: 'rgba(0,0,0,0.9)',
+    blackTint080: 'rgba(0,0,0,0.8)',
+    blackTint070: 'rgba(0,0,0,0.7)',
+    blackTint060: 'rgba(0,0,0,0.6)',
+    blackTint050: 'rgba(0,0,0,0.5)',
+    blackTint040: 'rgba(0,0,0,0.4)',
+    blackTint030: 'rgba(0,0,0,0.3)',
+    blackTint020: 'rgba(0,0,0,0.2)',
+    blackTint010: 'rgba(0,0,0,0.1)',
+    socialReddit: 'rgba(255,69,0,1)',
+    socialWhatsapp: 'rgba(37,211,102,1)',
+    socialYoutube: 'rgba(255,0,0,1)',
+    socialInstagram: 'rgba(195,42,163,1)',
+    socialFacebook: 'rgba(24,119,242,1)',
+    socialTwitter: 'rgba(29,161,242,1)',
+    socialGithub: 'rgba(0,0,0,1)',
+    socialApple: 'rgba(0,0,0,1)',
+    socialGoogleBlue: 'rgba(66,133,244,1)',
+    socialGoogleRed: 'rgba(219,68,55,1)',
+    socialGoogleYellow: 'rgba(244,180,0,1)',
+    socialGoogleGreen: 'rgba(15,157,88,1)',
+    virginRed100: 'rgba(128,0,0,1)',
+    virginRed090: 'rgba(159,0,0,1)',
+    virginRed080: 'rgba(190,0,0,1)',
+    virginRed070: 'rgba(209,0,0,1)',
+    virginRed060: 'rgba(225,10,10,1)',
+    virginRed050: 'rgba(230,54,54,1)',
+    virginRed040: 'rgba(236,98,98,1)',
+    virginRed030: 'rgba(241,142,142,1)',
+    virginRed020: 'rgba(247,186,186,1)',
+    virginRed010: 'rgba(252,231,231,1)',
+    virginRedGradient: 'linear-gradient(0deg, rgba(232,82,82,1.00) 0%,rgba(225,10,10,1.00) 100%)',
     inkBase: '{{colors.neutral090}}',
-    inkBrand010: '{{colors.red070}}',
-    inkBrand020: '{{colors.blue020}}',
-    inkContrast: '{{colors.black}}',
-    inkInformative: '{{colors.teal070}}',
+    inkContrast: '{{colors.neutral100}}',
+    inkSubtle: '{{colors.neutral080}}',
+    inkNonEssential: '{{colors.neutral050}}',
     inkInverse: '{{colors.white}}',
+    inkPositive: '{{colors.green080}}',
     inkNegative: '{{colors.red070}}',
-    inkNonEssential: '{{colors.neutral050}}',
     inkNotice: '{{colors.amber080}}',
-    inkPositive: '{{colors.green080}}',
-    inkSubtle: '{{colors.neutral070}}',
-    InterfaceInformative010: '{{colors.teal070}}',
-    InterfaceInformative020: '{{colors.teal010}}',
+    inkInformative: '{{colors.teal070}}',
+    inkBrand010: '{{colors.virginRed060}}',
+    inkBrand020: '{{colors.virginRed060}}',
+    interfaceBackground: '{{colors.white}}',
     interface010: '{{colors.white}}',
     interface020: '{{colors.neutral010}}',
     interface030: '{{colors.neutral020}}',
     interface040: '{{colors.neutral030}}',
     interface050: '{{colors.neutral040}}',
     interface060: '{{colors.neutral100}}',
-    interfaceBackground: '{{colors.white}}',
-    interfaceBrand010: '{{colors.red060}}',
-    interfaceBrand020: 'linear-gradient(269.23deg,#E64559 0%, #CF142B 100%)',
-    interfaceDisabled: '{{colors.neutral020}}',
+    interfaceBrand010: '{{colors.virginRed060}}',
+    interfaceBrand020: '{{colors.virginRedGradient}}',
+    interfacePositive010: '{{colors.green080}}',
+    interfacePositive020: '{{colors.green010}}',
     interfaceNegative010: '{{colors.red070}}',
     interfaceNegative020: '{{colors.red010}}',
+    interfaceNotice010: '{{colors.amber090}}',
+    interfaceNotice020: '{{colors.amber010}}',
+    interfaceInformative010: '{{colors.teal070}}',
+    interfaceInformative020: '{{colors.teal010}}',
     interfaceNeutral010: '{{colors.neutral080}}',
     interfaceNeutral020: '{{colors.neutral010}}',
-    interfaceNotice010: '{{colors.amber080}}',
-    interfaceNotice020: '{{colors.amber010}}',
-    interfacePositive010: '{{colors.green080}}',
-    interfacePositive020: '{{colors.green010}}',
     interfaceSkeleton010: '{{colors.neutral020}}',
     interfaceSkeleton020: '{{colors.neutral030}}',
-    transparent: 'transparent',
-    interactiveDisabled010: '{{colors.neutral020}}',
-    interactiveNegative010: '{{colors.red010}}',
-    interactiveNegative020: '{{colors.red020}}',
-    interactiveNegative030: '{{colors.red060}}',
-    interactiveNegative040: '{{colors.red070}}',
-    interactiveNegative050: '{{colors.red080}}',
+    interactivePrimary010: '{{colors.virginRed010}}',
+    interactivePrimary020: '{{colors.virginRed020}}',
+    interactivePrimary030: '{{colors.virginRed060}}',
+    interactivePrimary040: '{{colors.virginRed070}}',
+    interactivePrimary050: '{{colors.virginRed080}}',
+    interactiveSecondary010: '{{colors.neutral010}}',
+    interactiveSecondary020: '{{colors.neutral020}}',
+    interactiveSecondary030: '{{colors.neutral080}}',
+    interactiveSecondary040: '{{colors.neutral090}}',
+    interactiveSecondary050: '{{colors.neutral100}}',
     interactivePositive010: '{{colors.green010}}',
     interactivePositive020: '{{colors.green020}}',
     interactivePositive030: '{{colors.green060}}',
     interactivePositive040: '{{colors.green070}}',
     interactivePositive050: '{{colors.green080}}',
-    interactivePrimary010: '{{colors.red010}}',
-    interactivePrimary020: '{{colors.red020}}',
-    interactivePrimary030: '{{colors.red060}}',
-    interactivePrimary040: '{{colors.red060}}',
-    interactivePrimary050: '{{colors.red080}}',
-    interactiveSecondary010: '{{colors.neutral010}}',
-    interactiveSecondary020: '{{colors.neutral020}}',
-    interactiveSecondary030: '{{colors.neutral080}}',
-    interactiveSecondary040: '{{colors.neutral090}}',
-    interactiveSecondary050: '{{colors.black}}',
+    interactiveNegative010: '{{colors.red010}}',
+    interactiveNegative020: '{{colors.red020}}',
+    interactiveNegative030: '{{colors.red060}}',
+    interactiveNegative040: '{{colors.red070}}',
+    interactiveNegative050: '{{colors.red080}}',
+    interactiveDisabled010: '{{colors.neutral030}}',
     interactiveVisited010: '{{colors.purple050}}',
-    customInterfaceBrand: '{{colors.red060}}',
+    interactiveFocus010: '{{colors.focus010}}',
+    interactiveInverse010: '{{colors.whiteTint010}}',
+    interactiveInverse020: '{{colors.whiteTint020}}',
+    interactiveInverse030: '{{colors.white}}',
+    interactiveInverse040: '{{colors.whiteTint070}}',
+    interactiveInverse050: '{{colors.whiteTint080}}',
+    interactiveInput010: '{{colors.neutral010}}',
+    interactiveInput020: '{{colors.neutral040}}',
+    interactiveInput030: '{{colors.virginRed010}}',
+    interactiveInput040: '{{colors.virginRed060}}',
+    interactiveInput050: '{{colors.virginRed070}}',
 };
 //# sourceMappingURL=colors.js.map