@atlaskit/tokens 1.14.1 → 1.15.0

package/dist/es2019/tokens/atlassian-typography-adg3/theme.js

@@ -0,0 +1,133 @@
+const typography = {
+  font: {
+    heading: {
+      xxl: {
+        value: {
+          fontWeight: 'FontWeight500',
+          fontSize: 'LegacyFontSize35',
+          lineHeight: 'LineHeight600',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing400'
+        }
+      },
+      xl: {
+        value: {
+          fontWeight: 'FontWeight600',
+          fontSize: 'LegacyFontSize29',
+          lineHeight: 'LineHeight500',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing400'
+        }
+      },
+      lg: {
+        value: {
+          fontWeight: 'FontWeight500',
+          fontSize: 'FontSize24',
+          lineHeight: 'LineHeight400',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing400'
+        }
+      },
+      md: {
+        value: {
+          fontWeight: 'FontWeight500',
+          fontSize: 'FontSize20',
+          lineHeight: 'LineHeight300',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing300'
+        }
+      },
+      sm: {
+        value: {
+          fontWeight: 'FontWeight600',
+          fontSize: 'FontSize16',
+          lineHeight: 'LineHeight200',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing200'
+        }
+      },
+      xs: {
+        value: {
+          fontWeight: 'FontWeight600',
+          fontSize: 'FontSize14',
+          lineHeight: 'LineHeight100',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing100'
+        }
+      },
+      xxs: {
+        value: {
+          fontWeight: 'FontWeight600',
+          fontSize: 'FontSize12',
+          lineHeight: 'LineHeight100',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      }
+    },
+    code: {
+      '[default]': {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSizeCode',
+          lineHeight: 'LineHeight1',
+          fontFamily: 'FontFamilyWebMono',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      }
+    },
+    body: {
+      '[default]': {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize14',
+          lineHeight: 'LineHeight200',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      sm: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize11',
+          lineHeight: 'LineHeight200',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      }
+    },
+    ui: {
+      '[default]': {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize14',
+          lineHeight: 'LineHeight100',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      sm: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize11',
+          lineHeight: 'LineHeight100',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      }
+    }
+  }
+};
+export default typography;

package/dist/es2019/tokens/atlassian-typography-adg3/utils.js

@@ -0,0 +1,22 @@
+const font = {
+  font: {
+    letterSpacing: {
+      '0': {
+        value: 'LetterSpacing0'
+      },
+      '100': {
+        value: 'LetterSpacing100'
+      },
+      '200': {
+        value: 'LetterSpacing200'
+      },
+      '300': {
+        value: 'LetterSpacing300'
+      },
+      '400': {
+        value: 'LetterSpacing400'
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/default/typography/font-family.js

@@ -16,6 +16,30 @@ const font = {
           introduced: '0.10.33',
           description: 'Helpful guidance goes here'
         }
+      },
+      code: {
+        attributes: {
+          group: 'fontFamily',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      brand: {
+        attributes: {
+          group: 'fontFamily',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      product: {
+        attributes: {
+          group: 'fontFamily',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Helpful guidance goes here'
+        }
       }
     }
   }

package/dist/es2019/tokens/default/typography/font.js

@@ -0,0 +1,126 @@
+/**
+ *
+ * @example
+ * ```js
+ * {
+ *   body: {
+ *     value: {
+ *       fontWeight: 500,
+ *       fontSize: "16px",
+ *       lineHeight: "22px",
+ *       fontFamily: "Helvetica",
+ *       fontStyle: "italic"
+ *    },
+ *    type: "typography"
+ *}
+ * ```
+ */
+const font = {
+  font: {
+    code: {
+      '[default]': {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Used for monospace and code.'
+        }
+      }
+    },
+    heading: {
+      xxl: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'TBD'
+        }
+      },
+      xl: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'TBD'
+        }
+      },
+      lg: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'TBD'
+        }
+      },
+      md: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'TBD'
+        }
+      },
+      sm: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'TBD'
+        }
+      },
+      xs: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'TBD'
+        }
+      },
+      xxs: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'TBD'
+        }
+      }
+    },
+    ui: {
+      sm: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Single-line non-wrapping supporting text like that in a smaller label.'
+        }
+      },
+      '[default]': {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Single-line non-wrapping text like that in a button.'
+        }
+      }
+    },
+    body: {
+      sm: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Smaller body font.'
+        }
+      },
+      '[default]': {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'The default body font.'
+        }
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/default/typography/letter-spacing.js

@@ -0,0 +1,47 @@
+const font = {
+  font: {
+    letterSpacing: {
+      '0': {
+        attributes: {
+          group: 'letterSpacing',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '100': {
+        attributes: {
+          group: 'letterSpacing',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '200': {
+        attributes: {
+          group: 'letterSpacing',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '300': {
+        attributes: {
+          group: 'letterSpacing',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      },
+      '400': {
+        attributes: {
+          group: 'letterSpacing',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Helpful guidance goes here'
+        }
+      }
+    }
+  }
+};
+export default font;

package/dist/es2019/tokens/default/typography/line-height.js

@@ -1,6 +1,14 @@
 const font = {
   font: {
     lineHeight: {
+      '1': {
+        attributes: {
+          group: 'lineHeight',
+          state: 'active',
+          introduced: '0.10.33',
+          description: 'Used single-line text.'
+        }
+      },
       '100': {
         attributes: {
           group: 'lineHeight',

package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js

@@ -3,14 +3,14 @@
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::2d922d82772ca155fb2fe7b5c63dc69a>>
+ * @codegen <<SignedSource::5aed53e696137cdd59ece99fb9755c09>>
  * @codegenCommand yarn build tokens
  */
 var tokenValues = {
   'color.text.brand': '#579DFF',
   'elevation.surface.overlay': '#282E33',
-  'color.text.selected': '#579DFF',
   'color.background.selected': '#092957',
+  'color.text.selected': '#579DFF',
   'color.border.brand': '#579DFF',
   'color.chart.brand': '#388BFF',
   'color.text.inverse': '#1D2125'

package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js

@@ -3,14 +3,14 @@
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::068e846d4121ab9afc08e7a1f99dbb5e>>
+ * @codegen <<SignedSource::2e18f7ef8f76f499aeeb6d93e94be25e>>
  * @codegenCommand yarn build tokens
  */
 var tokenValues = {
   'color.text.brand': '#0C66E4',
   'elevation.surface.sunken': '#F7F8F9',
-  'color.text.selected': '#0C66E4',
   'color.background.selected': '#E9F2FF',
+  'color.text.selected': '#0C66E4',
   'color.border.brand': '#0C66E4',
   'color.chart.brand': '#1D7AFC',
   'color.text.inverse': '#FFFFFF'