@atlaskit/tokens 1.5.0 → 1.5.2

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

@@ -0,0 +1,293 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::f091852abdb216a4ab49dfd79884c4d4>>
+ * @codegenCommand yarn build tokens
+ */
+const tokens = [{
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
+  },
+  "value": "#A6C5E229",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
+    },
+    "value": "DarkNeutral300A"
+  },
+  "name": "color.border.[default]",
+  "path": ["color", "border", "[default]"],
+  "cleanName": "color.border"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders of elements in a disabled state."
+  },
+  "value": "#A1BDD914",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders of elements in a disabled state."
+    },
+    "value": "DarkNeutral200A"
+  },
+  "name": "color.border.disabled",
+  "path": ["color", "border", "disabled"],
+  "cleanName": "color.border.disabled"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for focus rings of elements in a focus state."
+  },
+  "value": "#85B8FF",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for focus rings of elements in a focus state."
+    },
+    "value": "Blue300"
+  },
+  "name": "color.border.focused",
+  "path": ["color", "border", "focused"],
+  "cleanName": "color.border.focused"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
+  },
+  "value": "#738496",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
+    },
+    "value": "DarkNeutral600"
+  },
+  "name": "color.border.input",
+  "path": ["color", "border", "input"],
+  "cleanName": "color.border.input"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders on bold backgrounds."
+  },
+  "value": "#161A1D",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders on bold backgrounds."
+    },
+    "value": "DarkNeutral0"
+  },
+  "name": "color.border.inverse",
+  "path": ["color", "border", "inverse"],
+  "cleanName": "color.border.inverse"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.2",
+    "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+  },
+  "value": "#579DFF",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.2",
+      "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+    },
+    "value": "Blue400"
+  },
+  "name": "color.border.selected",
+  "path": ["color", "border", "selected"],
+  "cleanName": "color.border.selected"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
+  },
+  "value": "#579DFF",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
+    },
+    "value": "Blue400"
+  },
+  "name": "color.border.brand",
+  "path": ["color", "border", "brand"],
+  "cleanName": "color.border.brand"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
+  },
+  "value": "#EF5C48",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
+    },
+    "value": "Red500"
+  },
+  "name": "color.border.danger",
+  "path": ["color", "border", "danger"],
+  "cleanName": "color.border.danger"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating caution."
+  },
+  "value": "#CF9F02",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating caution."
+    },
+    "value": "Yellow500"
+  },
+  "name": "color.border.warning",
+  "path": ["color", "border", "warning"],
+  "cleanName": "color.border.warning"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
+  },
+  "value": "#2ABB7F",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
+    },
+    "value": "Green500"
+  },
+  "name": "color.border.success",
+  "path": ["color", "border", "success"],
+  "cleanName": "color.border.success"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
+  },
+  "value": "#8F7EE7",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
+    },
+    "value": "Purple500"
+  },
+  "name": "color.border.discovery",
+  "path": ["color", "border", "discovery"],
+  "cleanName": "color.border.discovery"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating information or something in-progress."
+  },
+  "value": "#388BFF",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating information or something in-progress."
+    },
+    "value": "Blue500"
+  },
+  "name": "color.border.information",
+  "path": ["color", "border", "information"],
+  "cleanName": "color.border.information"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.8",
+    "description": "A neutral border option that passes min 3:1 contrast ratios."
+  },
+  "value": "#738496",
+  "filePath": "src/tokens/atlassian-dark-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.8",
+      "description": "A neutral border option that passes min 3:1 contrast ratios."
+    },
+    "value": "DarkNeutral600"
+  },
+  "name": "color.border.bold",
+  "path": ["color", "border", "bold"],
+  "cleanName": "color.border.bold"
+}];
+export default tokens;

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

@@ -0,0 +1,293 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::1b68ecd19e4ca98d437238a217feab43>>
+ * @codegenCommand yarn build tokens
+ */
+const tokens = [{
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
+  },
+  "value": "#091E4224",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
+    },
+    "value": "Neutral300A"
+  },
+  "name": "color.border.[default]",
+  "path": ["color", "border", "[default]"],
+  "cleanName": "color.border"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders of elements in a disabled state."
+  },
+  "value": "#091E420F",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders of elements in a disabled state."
+    },
+    "value": "Neutral200A"
+  },
+  "name": "color.border.disabled",
+  "path": ["color", "border", "disabled"],
+  "cleanName": "color.border.disabled"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for focus rings of elements in a focus state."
+  },
+  "value": "#388BFF",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for focus rings of elements in a focus state."
+    },
+    "value": "Blue500"
+  },
+  "name": "color.border.focused",
+  "path": ["color", "border", "focused"],
+  "cleanName": "color.border.focused"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
+  },
+  "value": "#758195",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
+    },
+    "value": "Neutral600"
+  },
+  "name": "color.border.input",
+  "path": ["color", "border", "input"],
+  "cleanName": "color.border.input"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders on bold backgrounds."
+  },
+  "value": "#FFFFFF",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders on bold backgrounds."
+    },
+    "value": "Neutral0"
+  },
+  "name": "color.border.inverse",
+  "path": ["color", "border", "inverse"],
+  "cleanName": "color.border.inverse"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.2",
+    "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+  },
+  "value": "#0C66E4",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.2",
+      "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+    },
+    "value": "Blue700"
+  },
+  "name": "color.border.selected",
+  "path": ["color", "border", "selected"],
+  "cleanName": "color.border.selected"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
+  },
+  "value": "#0C66E4",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
+    },
+    "value": "Blue700"
+  },
+  "name": "color.border.brand",
+  "path": ["color", "border", "brand"],
+  "cleanName": "color.border.brand"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
+  },
+  "value": "#E34935",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
+    },
+    "value": "Red600"
+  },
+  "name": "color.border.danger",
+  "path": ["color", "border", "danger"],
+  "cleanName": "color.border.danger"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating caution."
+  },
+  "value": "#D97008",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating caution."
+    },
+    "value": "Orange600"
+  },
+  "name": "color.border.warning",
+  "path": ["color", "border", "warning"],
+  "cleanName": "color.border.warning"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
+  },
+  "value": "#22A06B",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
+    },
+    "value": "Green600"
+  },
+  "name": "color.border.success",
+  "path": ["color", "border", "success"],
+  "cleanName": "color.border.success"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
+  },
+  "value": "#8270DB",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
+    },
+    "value": "Purple600"
+  },
+  "name": "color.border.discovery",
+  "path": ["color", "border", "discovery"],
+  "cleanName": "color.border.discovery"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders communicating information or something in-progress."
+  },
+  "value": "#1D7AFC",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders communicating information or something in-progress."
+    },
+    "value": "Blue600"
+  },
+  "name": "color.border.information",
+  "path": ["color", "border", "information"],
+  "cleanName": "color.border.information"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.8",
+    "description": "A neutral border option that passes min 3:1 contrast ratios."
+  },
+  "value": "#758195",
+  "filePath": "src/tokens/atlassian-light-new-input-border/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.8",
+      "description": "A neutral border option that passes min 3:1 contrast ratios."
+    },
+    "value": "Neutral600"
+  },
+  "name": "color.border.bold",
+  "path": ["color", "border", "bold"],
+  "cleanName": "color.border.bold"
+}];
+export default tokens;

package/dist/es2019/get-token-value.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "1.5.0";
+const version = "1.5.2";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "1.5.0";
+const version = "1.5.2";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

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

@@ -1,44 +1,8 @@
 const color = {
   color: {
     border: {
-      '[default]': {
-        value: 'DarkNeutral300A'
-      },
-      bold: {
-        value: 'DarkNeutral600'
-      },
-      inverse: {
-        value: 'DarkNeutral0'
-      },
-      focused: {
-        value: 'Blue300'
-      },
       input: {
-        value: 'DarkNeutral600'
-      },
-      disabled: {
-        value: 'DarkNeutral200A'
-      },
-      brand: {
-        value: 'Blue400'
-      },
-      selected: {
-        value: 'Blue400'
-      },
-      danger: {
-        value: 'Red500'
-      },
-      warning: {
-        value: 'Yellow500'
-      },
-      success: {
-        value: 'Green500'
-      },
-      discovery: {
-        value: 'Purple500'
-      },
-      information: {
-        value: 'Blue500'
+        value: 'DarkNeutral500'
       }
     }
   }