@atlaskit/tokens 1.5.0 → 1.5.2

package/dist/cjs/tokens/atlassian-light-new-input-border/color/border.js

@@ -7,44 +7,8 @@ exports.default = void 0;
 var color = {
   color: {
     border: {
-      '[default]': {
-        value: 'Neutral300A'
-      },
-      bold: {
-        value: 'Neutral600'
-      },
-      inverse: {
-        value: 'Neutral0'
-      },
-      focused: {
-        value: 'Blue500'
-      },
       input: {
-        value: 'Neutral600'
-      },
-      disabled: {
-        value: 'Neutral200A'
-      },
-      brand: {
-        value: 'Blue700'
-      },
-      selected: {
-        value: 'Blue700'
-      },
-      danger: {
-        value: 'Red600'
-      },
-      warning: {
-        value: 'Orange600'
-      },
-      success: {
-        value: 'Green600'
-      },
-      discovery: {
-        value: 'Purple600'
-      },
-      information: {
-        value: 'Blue600'
+        value: 'Neutral500'
       }
     }
   }

package/dist/cjs/tokens/default/color/accent.js

@@ -14,7 +14,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.6.0',
-              description: 'Use for blue text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+              description: 'Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color.'
             }
           },
           bolder: {
@@ -22,7 +22,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.7.0',
-              description: 'Use on bold blue accent backgrounds.'
+              description: 'Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color.'
             }
           }
         },
@@ -32,7 +32,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.6.0',
-              description: 'Use for red text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+              description: 'Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color.'
             }
           },
           bolder: {
@@ -40,7 +40,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.7.0',
-              description: 'Use on bold red accent backgrounds.'
+              description: 'Use for red text on subtle red accent backgrounds when there is no meaning tied to the color.'
             }
           }
         },
@@ -50,7 +50,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.6.0',
-              description: 'Use for orange text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+              description: 'Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color.'
             }
           },
           bolder: {
@@ -58,7 +58,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.7.0',
-              description: 'Use on bold orange accent backgrounds.'
+              description: 'Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color.'
             }
           }
         },
@@ -68,7 +68,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.6.0',
-              description: 'Use for yellow text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+              description: 'Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color.'
             }
           },
           bolder: {
@@ -76,7 +76,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.7.0',
-              description: 'Use on bold yellow accent backgrounds.'
+              description: 'Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color.'
             }
           }
         },
@@ -86,7 +86,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.6.0',
-              description: 'Use for green text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+              description: 'Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color.'
             }
           },
           bolder: {
@@ -94,7 +94,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.7.0',
-              description: 'Use on bold green accent backgrounds.'
+              description: 'Use for green text on subtle green accent backgrounds when there is no meaning tied to the color.'
             }
           }
         },
@@ -104,7 +104,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.6.0',
-              description: 'Use for purple text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+              description: 'Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color.'
             }
           },
           bolder: {
@@ -112,7 +112,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.7.0',
-              description: 'Use on bold purple accent backgrounds.'
+              description: 'Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color.'
             }
           }
         },
@@ -122,7 +122,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.6.0',
-              description: 'Use for teal text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+              description: 'Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color.'
             }
           },
           bolder: {
@@ -130,7 +130,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.7.0',
-              description: 'Use on bold teal accent backgrounds.'
+              description: 'Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color.'
             }
           }
         },
@@ -140,7 +140,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.6.0',
-              description: 'Use for magenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+              description: 'Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color.'
             }
           },
           bolder: {
@@ -148,7 +148,7 @@ var color = {
               group: 'paint',
               state: 'active',
               introduced: '0.7.0',
-              description: 'Use on bold magenta accent backgrounds.'
+              description: 'Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color.'
             }
           }
         },

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.5.0",
+	"version": "1.5.2",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/es2019/artifacts/generated-pairs.js

@@ -4,7 +4,7 @@
  * Auto-generated list of token pairings that may need to have sufficient contrast.
  * Not currently used by tests, but is used by the custom theme contrast checker example
  *
- * @codegen <<SignedSource::349f00c184fe40bca26982001eabb94c>>
+ * @codegen <<SignedSource::ec8e2d34c5152b1b66186e14b261c0f1>>
  * @codegenCommand yarn build tokens
  */
 export const generatedPairs = [{
@@ -183,38 +183,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.red.bolder',
   background: 'color.background.accent.red.subtle',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.red.bolder',
-  background: 'color.background.accent.orange.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.red.bolder',
-  background: 'color.background.accent.yellow.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.red.bolder',
-  background: 'color.background.accent.green.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.red.bolder',
-  background: 'color.background.accent.teal.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.red.bolder',
-  background: 'color.background.accent.blue.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.red.bolder',
-  background: 'color.background.accent.purple.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.red.bolder',
-  background: 'color.background.accent.magenta.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.red.bolder',
-  background: 'color.background.accent.gray.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.orange',
   background: 'color.background.accent.orange.subtlest',
@@ -223,10 +191,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.orange',
   background: 'color.background.accent.orange.subtler',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.orange.bolder',
-  background: 'color.background.accent.red.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.orange.bolder',
   background: 'color.background.accent.orange.subtlest',
@@ -239,34 +203,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.orange.bolder',
   background: 'color.background.accent.orange.subtle',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.orange.bolder',
-  background: 'color.background.accent.yellow.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.orange.bolder',
-  background: 'color.background.accent.green.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.orange.bolder',
-  background: 'color.background.accent.teal.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.orange.bolder',
-  background: 'color.background.accent.blue.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.orange.bolder',
-  background: 'color.background.accent.purple.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.orange.bolder',
-  background: 'color.background.accent.magenta.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.orange.bolder',
-  background: 'color.background.accent.gray.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.yellow',
   background: 'color.background.accent.yellow.subtlest',
@@ -275,14 +211,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.yellow',
   background: 'color.background.accent.yellow.subtler',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.yellow.bolder',
-  background: 'color.background.accent.red.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.yellow.bolder',
-  background: 'color.background.accent.orange.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.yellow.bolder',
   background: 'color.background.accent.yellow.subtlest',
@@ -295,30 +223,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.yellow.bolder',
   background: 'color.background.accent.yellow.subtle',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.yellow.bolder',
-  background: 'color.background.accent.green.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.yellow.bolder',
-  background: 'color.background.accent.teal.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.yellow.bolder',
-  background: 'color.background.accent.blue.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.yellow.bolder',
-  background: 'color.background.accent.purple.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.yellow.bolder',
-  background: 'color.background.accent.magenta.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.yellow.bolder',
-  background: 'color.background.accent.gray.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.green',
   background: 'color.background.accent.green.subtlest',
@@ -327,18 +231,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.green',
   background: 'color.background.accent.green.subtler',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.green.bolder',
-  background: 'color.background.accent.red.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.green.bolder',
-  background: 'color.background.accent.orange.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.green.bolder',
-  background: 'color.background.accent.yellow.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.green.bolder',
   background: 'color.background.accent.green.subtlest',
@@ -351,26 +243,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.green.bolder',
   background: 'color.background.accent.green.subtle',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.green.bolder',
-  background: 'color.background.accent.teal.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.green.bolder',
-  background: 'color.background.accent.blue.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.green.bolder',
-  background: 'color.background.accent.purple.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.green.bolder',
-  background: 'color.background.accent.magenta.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.green.bolder',
-  background: 'color.background.accent.gray.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.teal',
   background: 'color.background.accent.teal.subtlest',
@@ -379,22 +251,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.teal',
   background: 'color.background.accent.teal.subtler',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.teal.bolder',
-  background: 'color.background.accent.red.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.teal.bolder',
-  background: 'color.background.accent.orange.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.teal.bolder',
-  background: 'color.background.accent.yellow.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.teal.bolder',
-  background: 'color.background.accent.green.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.teal.bolder',
   background: 'color.background.accent.teal.subtlest',
@@ -407,22 +263,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.teal.bolder',
   background: 'color.background.accent.teal.subtle',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.teal.bolder',
-  background: 'color.background.accent.blue.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.teal.bolder',
-  background: 'color.background.accent.purple.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.teal.bolder',
-  background: 'color.background.accent.magenta.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.teal.bolder',
-  background: 'color.background.accent.gray.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.blue',
   background: 'color.background.accent.blue.subtlest',
@@ -431,26 +271,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.blue',
   background: 'color.background.accent.blue.subtler',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.blue.bolder',
-  background: 'color.background.accent.red.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.blue.bolder',
-  background: 'color.background.accent.orange.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.blue.bolder',
-  background: 'color.background.accent.yellow.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.blue.bolder',
-  background: 'color.background.accent.green.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.blue.bolder',
-  background: 'color.background.accent.teal.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.blue.bolder',
   background: 'color.background.accent.blue.subtlest',
@@ -463,18 +283,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.blue.bolder',
   background: 'color.background.accent.blue.subtle',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.blue.bolder',
-  background: 'color.background.accent.purple.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.blue.bolder',
-  background: 'color.background.accent.magenta.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.blue.bolder',
-  background: 'color.background.accent.gray.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.purple',
   background: 'color.background.accent.purple.subtlest',
@@ -483,30 +291,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.purple',
   background: 'color.background.accent.purple.subtler',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.purple.bolder',
-  background: 'color.background.accent.red.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.purple.bolder',
-  background: 'color.background.accent.orange.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.purple.bolder',
-  background: 'color.background.accent.yellow.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.purple.bolder',
-  background: 'color.background.accent.green.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.purple.bolder',
-  background: 'color.background.accent.teal.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.purple.bolder',
-  background: 'color.background.accent.blue.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.purple.bolder',
   background: 'color.background.accent.purple.subtlest',
@@ -519,14 +303,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.purple.bolder',
   background: 'color.background.accent.purple.subtle',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.purple.bolder',
-  background: 'color.background.accent.magenta.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.purple.bolder',
-  background: 'color.background.accent.gray.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.magenta',
   background: 'color.background.accent.magenta.subtlest',
@@ -535,34 +311,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.magenta',
   background: 'color.background.accent.magenta.subtler',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.magenta.bolder',
-  background: 'color.background.accent.red.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.magenta.bolder',
-  background: 'color.background.accent.orange.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.magenta.bolder',
-  background: 'color.background.accent.yellow.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.magenta.bolder',
-  background: 'color.background.accent.green.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.magenta.bolder',
-  background: 'color.background.accent.teal.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.magenta.bolder',
-  background: 'color.background.accent.blue.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.magenta.bolder',
-  background: 'color.background.accent.purple.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.magenta.bolder',
   background: 'color.background.accent.magenta.subtlest',
@@ -575,10 +323,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.magenta.bolder',
   background: 'color.background.accent.magenta.subtle',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.magenta.bolder',
-  background: 'color.background.accent.gray.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.gray',
   background: 'color.background.accent.gray.subtlest',
@@ -587,38 +331,6 @@ export const generatedPairs = [{
   foreground: 'color.text.accent.gray',
   background: 'color.background.accent.gray.subtler',
   desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.gray.bolder',
-  background: 'color.background.accent.red.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.gray.bolder',
-  background: 'color.background.accent.orange.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.gray.bolder',
-  background: 'color.background.accent.yellow.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.gray.bolder',
-  background: 'color.background.accent.green.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.gray.bolder',
-  background: 'color.background.accent.teal.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.gray.bolder',
-  background: 'color.background.accent.blue.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.gray.bolder',
-  background: 'color.background.accent.purple.subtle',
-  desiredContrast: 4.5
-}, {
-  foreground: 'color.text.accent.gray.bolder',
-  background: 'color.background.accent.magenta.subtle',
-  desiredContrast: 4.5
 }, {
   foreground: 'color.text.accent.gray.bolder',
   background: 'color.background.accent.gray.subtlest',

package/dist/es2019/artifacts/themes/atlassian-dark-new-input-border.js

@@ -1,24 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c975c1ac2db9f1c0efff9214a1aac7b7>>
+ * @codegen <<SignedSource::b255ff03ae4f781bb3016003a111bed0>>
  * @codegenCommand yarn build tokens
  */
 export default `
 html[data-color-mode="light"][data-theme~="light:dark"],
 html[data-color-mode="dark"][data-theme~="dark:dark"] {
   color-scheme: dark;
-  --ds-border: #A6C5E229;
-  --ds-border-disabled: #A1BDD914;
-  --ds-border-focused: #85B8FF;
-  --ds-border-input: #738496;
-  --ds-border-inverse: #161A1D;
-  --ds-border-selected: #579DFF;
-  --ds-border-brand: #579DFF;
-  --ds-border-danger: #EF5C48;
-  --ds-border-warning: #CF9F02;
-  --ds-border-success: #2ABB7F;
-  --ds-border-discovery: #8F7EE7;
-  --ds-border-information: #388BFF;
-  --ds-border-bold: #738496;
+  --ds-border-input: #596773;
 }
 `;

package/dist/es2019/artifacts/themes/atlassian-light-new-input-border.js

@@ -1,24 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::901558f32ad8ab69dd685f026e5d85db>>
+ * @codegen <<SignedSource::b14cc1106ad737bfef0b77e4b645c1df>>
  * @codegenCommand yarn build tokens
  */
 export default `
 html[data-color-mode="light"][data-theme~="light:light"],
 html[data-color-mode="dark"][data-theme~="dark:light"] {
   color-scheme: light;
-  --ds-border: #091E4224;
-  --ds-border-disabled: #091E420F;
-  --ds-border-focused: #388BFF;
-  --ds-border-input: #758195;
-  --ds-border-inverse: #FFFFFF;
-  --ds-border-selected: #0C66E4;
-  --ds-border-brand: #0C66E4;
-  --ds-border-danger: #E34935;
-  --ds-border-warning: #D97008;
-  --ds-border-success: #22A06B;
-  --ds-border-discovery: #8270DB;
-  --ds-border-information: #1D7AFC;
-  --ds-border-bold: #758195;
+  --ds-border-input: #8590A2;
 }
 `;