@atlaskit/tokens 0.10.15 → 0.10.18

package/dist/esm/constants.js

@@ -1,10 +1,12 @@
-export var THEMES = ['light', 'dark'];
+export var THEMES = ['light', 'dark', 'legacy-light', 'legacy-dark'];
 export var THEME_DATA_ATTRIBUTE = 'data-theme';
 export var DEFAULT_THEME = 'light';
 export var CSS_PREFIX = 'ds'; // Maps the longer theme name to a shorthand used in css/code
 
 export var THEME_NAME_MAP = {
   'atlassian-light': 'light',
-  'atlassian-dark': 'dark'
+  'atlassian-dark': 'dark',
+  'atlassian-legacy-light': 'legacy-light',
+  'atlassian-legacy-dark': 'legacy-dark'
 };
 export var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");

package/dist/esm/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';
 var name = "@atlaskit/tokens";
-var version = "0.10.15";
+var version = "0.10.18";
 
 function token(path, fallback) {
   var token = tokens[path];

package/dist/esm/palettes/legacy-palette.js

@@ -6,6 +6,13 @@
 var palette = {
   color: {
     palette: {
+      transparent: {
+        value: 'transparent',
+        attributes: {
+          group: 'palette',
+          category: 'red'
+        }
+      },
       R50: {
         value: '#FFEBE6',
         attributes: {
@@ -434,119 +441,119 @@ var palette = {
         }
       },
       N10A: {
-        value: 'rgba(9, 30, 66, 0.02)',
+        value: '#091e425',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N20A: {
-        value: 'rgba(9, 30, 66, 0.04)',
+        value: '#091e42a',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N30A: {
-        value: 'rgba(9, 30, 66, 0.08)',
+        value: '#091e4214',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N40A: {
-        value: 'rgba(9, 30, 66, 0.13)',
+        value: '#091e4221',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N50A: {
-        value: 'rgba(9, 30, 66, 0.25)',
+        value: '#091e423f',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N60A: {
-        value: 'rgba(9, 30, 66, 0.31)',
+        value: '#091e424f',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N70A: {
-        value: 'rgba(9, 30, 66, 0.36)',
+        value: '#091e425b',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N80A: {
-        value: 'rgba(9, 30, 66, 0.42)',
+        value: '#091e426b',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N90A: {
-        value: 'rgba(9, 30, 66, 0.48)',
+        value: '#091e427a',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N100A: {
-        value: 'rgba(9, 30, 66, 0.54)',
+        value: '#091e4289',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N200A: {
-        value: 'rgba(9, 30, 66, 0.60)',
+        value: '#091e4299',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N300A: {
-        value: 'rgba(9, 30, 66, 0.66)',
+        value: '#091e42a8',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N400A: {
-        value: 'rgba(9, 30, 66, 0.71)',
+        value: '#091e42b5',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N500A: {
-        value: 'rgba(9, 30, 66, 0.77)',
+        value: '#091e42c4',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N600A: {
-        value: 'rgba(9, 30, 66, 0.82)',
+        value: '#091e42d1',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N700A: {
-        value: 'rgba(9, 30, 66, 0.89)',
+        value: '#091e42e2',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N800A: {
-        value: 'rgba(9, 30, 66, 0.95)',
+        value: '#091e42f2',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
@@ -686,119 +693,119 @@ var palette = {
         }
       },
       DN800A: {
-        value: 'rgba(13, 20, 36, 0.06)',
+        value: '#0d1424f',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN700A: {
-        value: 'rgba(13, 20, 36, 0.14)',
+        value: '#0d142423',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN600A: {
-        value: 'rgba(13, 20, 36, 0.18)',
+        value: '#0d14242d',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN500A: {
-        value: 'rgba(13, 20, 36, 0.29)',
+        value: '#0d142449',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN400A: {
-        value: 'rgba(13, 20, 36, 0.36)',
+        value: '#0d14245b',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN300A: {
-        value: 'rgba(13, 20, 36, 0.40)',
+        value: '#0d142466',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN200A: {
-        value: 'rgba(13, 20, 36, 0.47)',
+        value: '#0d142477',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN100A: {
-        value: 'rgba(13, 20, 36, 0.53)',
+        value: '#0d142487',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN90A: {
-        value: 'rgba(13, 20, 36, 0.63)',
+        value: '#0d1424a0',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN80A: {
-        value: 'rgba(13, 20, 36, 0.73)',
+        value: '#0d1424ba',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN70A: {
-        value: 'rgba(13, 20, 36, 0.78)',
+        value: '#0d1424c6',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN60A: {
-        value: 'rgba(13, 20, 36, 0.81)',
+        value: '#0d1424ce',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN50A: {
-        value: 'rgba(13, 20, 36, 0.85)',
+        value: '#0d1424d8',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN40A: {
-        value: 'rgba(13, 20, 36, 0.89)',
+        value: '#0d1424e2',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN30A: {
-        value: 'rgba(13, 20, 36, 0.92)',
+        value: '#0d1424ea',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN20A: {
-        value: 'rgba(13, 20, 36, 0.95)',
+        value: '#0d1424f2',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN10A: {
-        value: 'rgba(13, 20, 36, 0.97)',
+        value: '#0d1424f7',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'

package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js

@@ -0,0 +1,289 @@
+var color = {
+  color: {
+    text: {
+      accent: {
+        blue: {
+          '[default]': {
+            value: 'B300'
+          },
+          bolder: {
+            value: 'B200'
+          }
+        },
+        red: {
+          '[default]': {
+            value: 'R300'
+          },
+          bolder: {
+            value: 'R200'
+          }
+        },
+        orange: {
+          // @ts-expect-error
+          '[default]': {
+            value: '#FEC57B'
+          },
+          // @ts-expect-error
+          bolder: {
+            value: '#F18D13'
+          }
+        },
+        yellow: {
+          '[default]': {
+            value: 'Y300'
+          },
+          bolder: {
+            value: 'Y200'
+          }
+        },
+        green: {
+          '[default]': {
+            value: 'G300'
+          },
+          bolder: {
+            value: 'G200'
+          }
+        },
+        purple: {
+          '[default]': {
+            value: 'P300'
+          },
+          bolder: {
+            value: 'P200'
+          }
+        },
+        teal: {
+          '[default]': {
+            value: 'T300'
+          },
+          bolder: {
+            value: 'T200'
+          }
+        },
+        magenta: {
+          // @ts-expect-error
+          '[default]': {
+            value: '#F797D2'
+          },
+          // @ts-expect-error
+          bolder: {
+            value: '#FDD0EC'
+          }
+        },
+        gray: {
+          '[default]': {
+            value: 'DN300'
+          },
+          bolder: {
+            value: 'DN500'
+          }
+        }
+      }
+    },
+    icon: {
+      accent: {
+        blue: {
+          value: 'B500'
+        },
+        red: {
+          value: 'R500'
+        },
+        // @ts-expect-error
+        orange: {
+          value: '#F18D13'
+        },
+        yellow: {
+          value: 'Y500'
+        },
+        green: {
+          value: 'G500'
+        },
+        purple: {
+          value: 'P500'
+        },
+        teal: {
+          value: 'T500'
+        },
+        // @ts-expect-error
+        magenta: {
+          value: '#DA62AC'
+        },
+        gray: {
+          value: 'DN600'
+        }
+      }
+    },
+    border: {
+      accent: {
+        blue: {
+          value: 'B500'
+        },
+        red: {
+          value: 'R500'
+        },
+        // @ts-expect-error
+        orange: {
+          value: '#F18D13'
+        },
+        yellow: {
+          value: 'Y500'
+        },
+        green: {
+          value: 'G500'
+        },
+        purple: {
+          value: 'P500'
+        },
+        teal: {
+          value: 'T500'
+        },
+        // @ts-expect-error
+        magenta: {
+          value: '#DA62AC'
+        },
+        gray: {
+          value: 'DN600'
+        }
+      }
+    },
+    background: {
+      accent: {
+        blue: {
+          subtlest: {
+            value: 'B500'
+          },
+          subtler: {
+            value: 'B400'
+          },
+          subtle: {
+            value: 'B300'
+          },
+          bolder: {
+            value: 'B100'
+          }
+        },
+        red: {
+          subtlest: {
+            value: 'R500'
+          },
+          subtler: {
+            value: 'R400'
+          },
+          subtle: {
+            value: 'R300'
+          },
+          bolder: {
+            value: 'R100'
+          }
+        },
+        orange: {
+          // @ts-expect-error
+          subtlest: {
+            value: '#43290F'
+          },
+          // @ts-expect-error
+          subtler: {
+            value: '#5F3811'
+          },
+          // @ts-expect-error
+          subtle: {
+            value: '#974F0C'
+          },
+          // @ts-expect-error
+          bolder: {
+            value: '#F18D13'
+          }
+        },
+        yellow: {
+          subtlest: {
+            value: 'Y500'
+          },
+          subtler: {
+            value: 'Y400'
+          },
+          subtle: {
+            value: 'Y300'
+          },
+          bolder: {
+            value: 'Y100'
+          }
+        },
+        green: {
+          subtlest: {
+            value: 'G500'
+          },
+          subtler: {
+            value: 'G400'
+          },
+          subtle: {
+            value: 'G300'
+          },
+          bolder: {
+            value: 'G100'
+          }
+        },
+        purple: {
+          subtlest: {
+            value: 'P500'
+          },
+          subtler: {
+            value: 'P400'
+          },
+          subtle: {
+            value: 'P300'
+          },
+          bolder: {
+            value: 'P100'
+          }
+        },
+        teal: {
+          subtlest: {
+            value: 'T500'
+          },
+          subtler: {
+            value: 'T400'
+          },
+          subtle: {
+            value: 'T300'
+          },
+          bolder: {
+            value: 'T100'
+          }
+        },
+        magenta: {
+          // @ts-expect-error
+          subtlest: {
+            value: '#341829'
+          },
+          // @ts-expect-error
+          subtler: {
+            value: '#50253F'
+          },
+          // @ts-expect-error
+          subtle: {
+            value: '#943D73'
+          },
+          // @ts-expect-error
+          bolder: {
+            value: '#E774BB'
+          }
+        },
+        gray: {
+          subtlest: {
+            value: 'DN300'
+          },
+          subtler: {
+            value: 'DN400'
+          },
+          subtle: {
+            value: 'DN500'
+          },
+          bolder: {
+            value: 'DN700'
+          }
+        }
+      }
+    }
+  }
+};
+export default color;