@atlaskit/tokens 1.5.1 → 1.5.2

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

@@ -1,44 +1,8 @@
 const 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/es2019/tokens/default/color/accent.js

@@ -8,7 +8,7 @@ const 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: {
@@ -16,7 +16,7 @@ const 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.'
             }
           }
         },
@@ -26,7 +26,7 @@ const 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: {
@@ -34,7 +34,7 @@ const 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.'
             }
           }
         },
@@ -44,7 +44,7 @@ const 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: {
@@ -52,7 +52,7 @@ const 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.'
             }
           }
         },
@@ -62,7 +62,7 @@ const 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: {
@@ -70,7 +70,7 @@ const 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.'
             }
           }
         },
@@ -80,7 +80,7 @@ const 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: {
@@ -88,7 +88,7 @@ const 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.'
             }
           }
         },
@@ -98,7 +98,7 @@ const 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: {
@@ -106,7 +106,7 @@ const 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.'
             }
           }
         },
@@ -116,7 +116,7 @@ const 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: {
@@ -124,7 +124,7 @@ const 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.'
             }
           }
         },
@@ -134,7 +134,7 @@ const 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: {
@@ -142,7 +142,7 @@ const 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/es2019/version.json

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

package/dist/esm/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 var generatedPairs = [{
@@ -183,38 +183,6 @@ export var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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 var 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/esm/artifacts/themes/atlassian-dark-new-input-border.js

@@ -1,6 +1,6 @@
 /**
  * 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 "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n  color-scheme: dark;\n  --ds-border: #A6C5E229;\n  --ds-border-disabled: #A1BDD914;\n  --ds-border-focused: #85B8FF;\n  --ds-border-input: #738496;\n  --ds-border-inverse: #161A1D;\n  --ds-border-selected: #579DFF;\n  --ds-border-brand: #579DFF;\n  --ds-border-danger: #EF5C48;\n  --ds-border-warning: #CF9F02;\n  --ds-border-success: #2ABB7F;\n  --ds-border-discovery: #8F7EE7;\n  --ds-border-information: #388BFF;\n  --ds-border-bold: #738496;\n}\n";
+export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n  color-scheme: dark;\n  --ds-border-input: #596773;\n}\n";

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

@@ -1,6 +1,6 @@
 /**
  * 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 "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n  color-scheme: light;\n  --ds-border: #091E4224;\n  --ds-border-disabled: #091E420F;\n  --ds-border-focused: #388BFF;\n  --ds-border-input: #758195;\n  --ds-border-inverse: #FFFFFF;\n  --ds-border-selected: #0C66E4;\n  --ds-border-brand: #0C66E4;\n  --ds-border-danger: #E34935;\n  --ds-border-warning: #D97008;\n  --ds-border-success: #22A06B;\n  --ds-border-discovery: #8270DB;\n  --ds-border-information: #1D7AFC;\n  --ds-border-bold: #758195;\n}\n";
+export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n  color-scheme: light;\n  --ds-border-input: #8590A2;\n}\n";