@atlaskit/tokens 0.9.5 → 0.10.2

package/dist/es2019/artifacts/palettes-raw.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::abcdccc44ca6140b822aacad9e9070cc>>
+ * @codegen <<SignedSource::d96054f56fadd3c595206b9334ccc5e6>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -1367,7 +1367,7 @@ const tokens = [{
   "value": "#101214",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1375,7 +1375,7 @@ const tokens = [{
     "value": "#101214",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN-100",
@@ -1384,7 +1384,7 @@ const tokens = [{
   "value": "#03040442",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1392,7 +1392,7 @@ const tokens = [{
     "value": "#03040442",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN-100A",
@@ -1401,7 +1401,7 @@ const tokens = [{
   "value": "#161A1D",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1409,7 +1409,7 @@ const tokens = [{
     "value": "#161A1D",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN0",
@@ -1418,7 +1418,7 @@ const tokens = [{
   "value": "#1D2125",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1426,7 +1426,7 @@ const tokens = [{
     "value": "#1D2125",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN100",
@@ -1435,7 +1435,7 @@ const tokens = [{
   "value": "#BCD6F00A",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1443,7 +1443,7 @@ const tokens = [{
     "value": "#BCD6F00A",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN100A",
@@ -1452,7 +1452,7 @@ const tokens = [{
   "value": "#22272B",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1460,7 +1460,7 @@ const tokens = [{
     "value": "#22272B",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN200",
@@ -1469,7 +1469,7 @@ const tokens = [{
   "value": "#A1BDD914",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1477,7 +1477,7 @@ const tokens = [{
     "value": "#A1BDD914",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN200A",
@@ -1486,7 +1486,7 @@ const tokens = [{
   "value": "#2C333A",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1494,7 +1494,7 @@ const tokens = [{
     "value": "#2C333A",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN300",
@@ -1503,7 +1503,7 @@ const tokens = [{
   "value": "#A6C5E229",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1511,7 +1511,7 @@ const tokens = [{
     "value": "#A6C5E229",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN300A",
@@ -1520,7 +1520,7 @@ const tokens = [{
   "value": "#454F59",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1528,7 +1528,7 @@ const tokens = [{
     "value": "#454F59",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN400",
@@ -1537,7 +1537,7 @@ const tokens = [{
   "value": "#BFDBF847",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1545,7 +1545,7 @@ const tokens = [{
     "value": "#BFDBF847",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN400A",
@@ -1554,7 +1554,7 @@ const tokens = [{
   "value": "#5C6C7A",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1562,7 +1562,7 @@ const tokens = [{
     "value": "#5C6C7A",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN500",
@@ -1571,7 +1571,7 @@ const tokens = [{
   "value": "#A9C5DF7A",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1579,7 +1579,7 @@ const tokens = [{
     "value": "#A9C5DF7A",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN500A",
@@ -1588,7 +1588,7 @@ const tokens = [{
   "value": "#738496",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1596,7 +1596,7 @@ const tokens = [{
     "value": "#738496",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN600",
@@ -1605,7 +1605,7 @@ const tokens = [{
   "value": "#8696A7",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1613,7 +1613,7 @@ const tokens = [{
     "value": "#8696A7",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN700",
@@ -1622,7 +1622,7 @@ const tokens = [{
   "value": "#9FADBC",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1630,7 +1630,7 @@ const tokens = [{
     "value": "#9FADBC",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN800",
@@ -1639,7 +1639,7 @@ const tokens = [{
   "value": "#B6C2CF",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1647,7 +1647,7 @@ const tokens = [{
     "value": "#B6C2CF",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN900",
@@ -1656,7 +1656,7 @@ const tokens = [{
   "value": "#C7D1DB",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1664,7 +1664,7 @@ const tokens = [{
     "value": "#C7D1DB",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN1000",
@@ -1673,7 +1673,7 @@ const tokens = [{
   "value": "#DEE4EA",
   "attributes": {
     "group": "palette",
-    "category": "dark neutral"
+    "category": "dark mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1681,7 +1681,7 @@ const tokens = [{
     "value": "#DEE4EA",
     "attributes": {
       "group": "palette",
-      "category": "dark neutral"
+      "category": "dark mode neutral"
     }
   },
   "name": "color.palette.DN1100",
@@ -1690,7 +1690,7 @@ const tokens = [{
   "value": "#FFFFFF",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1698,7 +1698,7 @@ const tokens = [{
     "value": "#FFFFFF",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N0",
@@ -1707,7 +1707,7 @@ const tokens = [{
   "value": "#F7F8F9",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1715,7 +1715,7 @@ const tokens = [{
     "value": "#F7F8F9",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N100",
@@ -1724,7 +1724,7 @@ const tokens = [{
   "value": "#091E4208",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1732,7 +1732,7 @@ const tokens = [{
     "value": "#091E4208",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N100A",
@@ -1741,7 +1741,7 @@ const tokens = [{
   "value": "#F1F2F4",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1749,7 +1749,7 @@ const tokens = [{
     "value": "#F1F2F4",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N200",
@@ -1758,7 +1758,7 @@ const tokens = [{
   "value": "#091E420F",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1766,7 +1766,7 @@ const tokens = [{
     "value": "#091E420F",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N200A",
@@ -1775,7 +1775,7 @@ const tokens = [{
   "value": "#DCDFE4",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1783,7 +1783,7 @@ const tokens = [{
     "value": "#DCDFE4",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N300",
@@ -1792,7 +1792,7 @@ const tokens = [{
   "value": "#091E4224",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1800,7 +1800,7 @@ const tokens = [{
     "value": "#091E4224",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N300A",
@@ -1809,7 +1809,7 @@ const tokens = [{
   "value": "#B3B9C4",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1817,7 +1817,7 @@ const tokens = [{
     "value": "#B3B9C4",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N400",
@@ -1826,7 +1826,7 @@ const tokens = [{
   "value": "#091E424F",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1834,7 +1834,7 @@ const tokens = [{
     "value": "#091E424F",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N400A",
@@ -1843,7 +1843,7 @@ const tokens = [{
   "value": "#8993A5",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1851,7 +1851,7 @@ const tokens = [{
     "value": "#8993A5",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N500",
@@ -1860,7 +1860,7 @@ const tokens = [{
   "value": "#091E427A",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1868,7 +1868,7 @@ const tokens = [{
     "value": "#091E427A",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N500A",
@@ -1877,7 +1877,7 @@ const tokens = [{
   "value": "#758195",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1885,7 +1885,7 @@ const tokens = [{
     "value": "#758195",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N600",
@@ -1894,7 +1894,7 @@ const tokens = [{
   "value": "#626F86",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1902,7 +1902,7 @@ const tokens = [{
     "value": "#626F86",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N700",
@@ -1911,7 +1911,7 @@ const tokens = [{
   "value": "#44546F",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1919,7 +1919,7 @@ const tokens = [{
     "value": "#44546F",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N800",
@@ -1928,7 +1928,7 @@ const tokens = [{
   "value": "#2C3E5D",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1936,7 +1936,7 @@ const tokens = [{
     "value": "#2C3E5D",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N900",
@@ -1945,7 +1945,7 @@ const tokens = [{
   "value": "#172B4D",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1953,7 +1953,7 @@ const tokens = [{
     "value": "#172B4D",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N1000",
@@ -1962,7 +1962,7 @@ const tokens = [{
   "value": "#091E42",
   "attributes": {
     "group": "palette",
-    "category": "light neutral"
+    "category": "light mode neutral"
   },
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
@@ -1970,7 +1970,7 @@ const tokens = [{
     "value": "#091E42",
     "attributes": {
       "group": "palette",
-      "category": "light neutral"
+      "category": "light mode neutral"
     }
   },
   "name": "color.palette.N1100",

package/dist/es2019/constants.js

@@ -1,4 +1,5 @@
-export const ALLOWED_THEMES = ['light', 'dark'];
+export const THEMES = ['light', 'dark'];
+export const THEME_DATA_ATTRIBUTE = 'data-theme';
 export const DEFAULT_THEME = 'light';
 export const CSS_PREFIX = 'ds'; // Maps the longer theme name to a shorthand used in css/code
 

package/dist/es2019/get-token.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 = "0.9.5";
+const version = "0.10.2";
 
 function token(path, fallback) {
   let token = tokens[path];

package/dist/es2019/index.js

@@ -1,2 +1,3 @@
 export { default as token } from './get-token';
-export { default as setGlobalTheme } from './set-global-theme';
+export { default as setGlobalTheme } from './set-global-theme';
+export { useThemeObserver, ThemeMutationObserver } from './theme-change-observer';

package/dist/es2019/set-global-theme.js

@@ -1,8 +1,9 @@
+import { THEMES } from './constants';
+
 const setGlobalTheme = theme => {
   if (process.env.NODE_ENV !== 'production') {
-    // check some pre-condition and throw if incorrect?
-    if (theme !== 'dark' && theme !== 'light') {
-      throw new Error("setGlobalTheme only accepts 'light' or 'dark' themes");
+    if (!THEMES.includes(theme)) {
+      throw new Error(`setGlobalTheme only accepts themes: ${THEMES.join(', ')}`);
     }
   }