@atlaskit/tokens 1.11.3 → 1.13.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/tokens
 
+## 1.13.0
+
+### Minor Changes
+
+- [`bc512702bdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc512702bdc) - Introduces new brand background tokens.
+
+  - `color.background.brand.subtlest` - Use for the background of elements used to reinforce our brand, but with less emphasis.
+  - `color.background.brand.subtlest.hovered` - Hovered state of color.background.brand.subtlest.
+  - `color.background.brand.subtlest.pressed` - Pressed state of color.background.brand.subtlest.
+
+  - `color.background.brand.boldest` - Use for the background of elements used to reinforce our brand, that need to stand out a lot.
+  - `color.background.brand.boldest.hovered` - Hovered state of color.background.brand.boldest.
+  - `color.background.brand.boldest.pressed` - Pressed state of color.background.brand.boldest.
+
+  Updates custom color generation system with new brand background tokens.
+
+## 1.12.0
+
+### Minor Changes
+
+- [`beba2779d31`](https://bitbucket.org/atlassian/atlassian-frontend/commits/beba2779d31) - Add experimental support for custom theming via the `UNSAFE_themeOptions` field in `themeState`.
+
+  This option is supported in the following functions:
+
+  - `setGlobalTheme()`: optionally generates and loads customized themes based on the options provided, and sets the `data-custom-theme` attribute on page's HTML tag.
+  - `getThemeStyles()`: returns additional style objects for constructing custom theme `<style>` tags.
+  - `getThemeHtmlAttrs()`: now supports the `data-custom-theme` attribute.
+
+  Custom themes are generated at runtime based on the options provided. The theme generation logic is lazy-loaded only when `UNSAFE_themeOptions` is set.
+
 ## 1.11.3
 
 ### Patch Changes

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Token names mapped to their values, used for contrast checking when generating custom themes
+ *
+ * @codegen <<SignedSource::2d922d82772ca155fb2fe7b5c63dc69a>>
+ * @codegenCommand yarn build tokens
+ */
+var tokenValues = {
+  'color.text.brand': '#579DFF',
+  'elevation.surface.overlay': '#282E33',
+  'color.text.selected': '#579DFF',
+  'color.background.selected': '#092957',
+  'color.border.brand': '#579DFF',
+  'color.chart.brand': '#388BFF',
+  'color.text.inverse': '#1D2125'
+};
+var _default = tokenValues;
+exports.default = _default;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Token names mapped to their values, used for contrast checking when generating custom themes
+ *
+ * @codegen <<SignedSource::068e846d4121ab9afc08e7a1f99dbb5e>>
+ * @codegenCommand yarn build tokens
+ */
+var tokenValues = {
+  'color.text.brand': '#0C66E4',
+  'elevation.surface.sunken': '#F7F8F9',
+  'color.text.selected': '#0C66E4',
+  'color.background.selected': '#E9F2FF',
+  'color.border.brand': '#0C66E4',
+  'color.chart.brand': '#1D7AFC',
+  'color.text.inverse': '#FFFFFF'
+};
+var _default = tokenValues;
+exports.default = _default;