@atlaskit/tokens 0.2.1 → 0.4.2

package/dist/esm/tokens/token-names.js

@@ -1,93 +0,0 @@
-// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
-// Re-generate by running `yarn build tokens`.
-var tokens = {
-  'color.accent.boldBlue': '--accent-boldBlue',
-  'color.accent.boldGreen': '--accent-boldGreen',
-  'color.accent.boldOrange': '--accent-boldOrange',
-  'color.accent.boldPurple': '--accent-boldPurple',
-  'color.accent.boldRed': '--accent-boldRed',
-  'color.accent.boldTeal': '--accent-boldTeal',
-  'color.accent.subtleBlue': '--accent-subtleBlue',
-  'color.accent.subtleGreen': '--accent-subtleGreen',
-  'color.accent.subtleMagenta': '--accent-subtleMagenta',
-  'color.accent.subtleOrange': '--accent-subtleOrange',
-  'color.accent.subtlePurple': '--accent-subtlePurple',
-  'color.accent.subtleRed': '--accent-subtleRed',
-  'color.accent.subtleTeal': '--accent-subtleTeal',
-  'color.background.sunken': '--background-sunken',
-  'color.background.default': '--background-default',
-  'color.background.card': '--background-card',
-  'color.background.overlay': '--background-overlay',
-  'color.background.selected.resting': '--background-selected-resting',
-  'color.background.selected.hover': '--background-selected-hover',
-  'color.background.selected.pressed': '--background-selected-pressed',
-  'color.background.blanket': '--background-blanket',
-  'color.background.disabled': '--background-disabled',
-  'color.background.boldBrand.resting': '--background-boldBrand-resting',
-  'color.background.boldBrand.hover': '--background-boldBrand-hover',
-  'color.background.boldBrand.pressed': '--background-boldBrand-pressed',
-  'color.background.subtleBrand.resting': '--background-subtleBrand-resting',
-  'color.background.subtleBrand.hover': '--background-subtleBrand-hover',
-  'color.background.subtleBrand.pressed': '--background-subtleBrand-pressed',
-  'color.background.boldDanger.resting': '--background-boldDanger-resting',
-  'color.background.boldDanger.hover': '--background-boldDanger-hover',
-  'color.background.boldDanger.pressed': '--background-boldDanger-pressed',
-  'color.background.subtleDanger.resting': '--background-subtleDanger-resting',
-  'color.background.subtleDanger.hover': '--background-subtleDanger-hover',
-  'color.background.subtleDanger.pressed': '--background-subtleDanger-pressed',
-  'color.background.boldWarning.resting': '--background-boldWarning-resting',
-  'color.background.boldWarning.hover': '--background-boldWarning-hover',
-  'color.background.boldWarning.pressed': '--background-boldWarning-pressed',
-  'color.background.subtleWarning.resting': '--background-subtleWarning-resting',
-  'color.background.subtleWarning.hover': '--background-subtleWarning-hover',
-  'color.background.subtleWarning.pressed': '--background-subtleWarning-pressed',
-  'color.background.boldSuccess.resting': '--background-boldSuccess-resting',
-  'color.background.boldSuccess.hover': '--background-boldSuccess-hover',
-  'color.background.boldSuccess.pressed': '--background-boldSuccess-pressed',
-  'color.background.subtleSuccess.resting': '--background-subtleSuccess-resting',
-  'color.background.subtleSuccess.hover': '--background-subtleSuccess-hover',
-  'color.background.subtleSuccess.pressed': '--background-subtleSuccess-pressed',
-  'color.background.boldDiscovery.resting': '--background-boldDiscovery-resting',
-  'color.background.boldDiscovery.hover': '--background-boldDiscovery-hover',
-  'color.background.boldDiscovery.pressed': '--background-boldDiscovery-pressed',
-  'color.background.subtleDiscovery.resting': '--background-subtleDiscovery-resting',
-  'color.background.subtleDiscovery.hover': '--background-subtleDiscovery-hover',
-  'color.background.subtleDiscovery.pressed': '--background-subtleDiscovery-pressed',
-  'color.background.boldNeutral.resting': '--background-boldNeutral-resting',
-  'color.background.boldNeutral.hover': '--background-boldNeutral-hover',
-  'color.background.boldNeutral.pressed': '--background-boldNeutral-pressed',
-  'color.background.transparentNeutral.hover': '--background-transparentNeutral-hover',
-  'color.background.transparentNeutral.pressed': '--background-transparentNeutral-pressed',
-  'color.background.subtleNeutral.resting': '--background-subtleNeutral-resting',
-  'color.background.subtleNeutral.hover': '--background-subtleNeutral-hover',
-  'color.background.subtleNeutral.pressed': '--background-subtleNeutral-pressed',
-  'color.background.subtleBorderedNeutral.resting': '--background-subtleBorderedNeutral-resting',
-  'color.background.subtleBorderedNeutral.pressed': '--background-subtleBorderedNeutral-pressed',
-  'color.border.focus': '--border-focus',
-  'color.border.neutral': '--border-neutral',
-  'color.iconBorder.brand': '--iconBorder-brand',
-  'color.iconBorder.danger': '--iconBorder-danger',
-  'color.iconBorder.warning': '--iconBorder-warning',
-  'color.iconBorder.success': '--iconBorder-success',
-  'color.iconBorder.discovery': '--iconBorder-discovery',
-  'color.overlay.hover': '--overlay-hover',
-  'color.overlay.pressed': '--overlay-pressed',
-  'color.text.selected': '--text-selected',
-  'color.text.highEmphasis': '--text-highEmphasis',
-  'color.text.mediumEmphasis': '--text-mediumEmphasis',
-  'color.text.lowEmphasis': '--text-lowEmphasis',
-  'color.text.onBold': '--text-onBold',
-  'color.text.onBoldWarning': '--text-onBoldWarning',
-  'color.text.link.resting': '--text-link-resting',
-  'color.text.link.pressed': '--text-link-pressed',
-  'color.text.brand': '--text-brand',
-  'color.text.warning': '--text-warning',
-  'color.text.danger': '--text-danger',
-  'color.text.success': '--text-success',
-  'color.text.discovery': '--text-discovery',
-  'color.text.disabled': '--text-disabled',
-  'shadow.card': '--card',
-  'shadow.overlay': '--overlay',
-  'utility.UNSAFE_util.transparent': '--UNSAFE_util-transparent'
-};
-export default tokens;

package/dist/types/entry-points/token-default-values.d.ts

@@ -1 +0,0 @@
-export { default } from '../tokens/token-default-values';

package/dist/types/tokens/rename-mapping.d.ts

@@ -1,24 +0,0 @@
-import tokens from './token-names';
-declare type Token = keyof typeof tokens | string;
-declare type RenameMapping = Partial<Record<Token, Token>>;
-/**
- * This file is intended to help create automation on top of renaming of tokens.
- *
- * When renaming tokens, you must first update the token at its source of truth.
- * For example: packages/design-system/tokens/src/tokens/atlassian-dark/color/accent.tsx
- *
- * That token might go from `color.accentBlueSubtle` to `color.accentBluePrimary`
- * which is totally acceptable on its own but for some platform targets, such as Figma,
- * we need to provide additional metadata to tell figma that this is a rename and not a removal/addition.
- *
- * To create a rename mapping:
- *
- * 1. Get the fully object path, separated by a '.', i.e. color.background.primary
- * 2. Create a key value pair to the renameMapping below, with key representing the old token and value representing the new token.
- * 3. Update the token at its source of truth
- * 4. run `yarn build tokens`
- * 5. The artifact containing the automation should now be available in the `/dist` folder. i.e. packages/design-system/tokens/dist/figma/atlassian-light/sync-figma-tokens.js
- * 6. After building make sure to remove the mapping from this file before checking it in
- */
-declare const renameMapping: RenameMapping;
-export default renameMapping;

package/dist/types/tokens/token-names.d.ts

@@ -1,182 +0,0 @@
-declare const tokens: {
-    readonly 'color.accent.boldBlue': "--accent-boldBlue";
-    readonly 'color.accent.boldGreen': "--accent-boldGreen";
-    readonly 'color.accent.boldOrange': "--accent-boldOrange";
-    readonly 'color.accent.boldPurple': "--accent-boldPurple";
-    readonly 'color.accent.boldRed': "--accent-boldRed";
-    readonly 'color.accent.boldTeal': "--accent-boldTeal";
-    readonly 'color.accent.subtleBlue': "--accent-subtleBlue";
-    readonly 'color.accent.subtleGreen': "--accent-subtleGreen";
-    readonly 'color.accent.subtleMagenta': "--accent-subtleMagenta";
-    readonly 'color.accent.subtleOrange': "--accent-subtleOrange";
-    readonly 'color.accent.subtlePurple': "--accent-subtlePurple";
-    readonly 'color.accent.subtleRed': "--accent-subtleRed";
-    readonly 'color.accent.subtleTeal': "--accent-subtleTeal";
-    readonly 'color.background.sunken': "--background-sunken";
-    readonly 'color.background.default': "--background-default";
-    readonly 'color.background.card': "--background-card";
-    readonly 'color.background.overlay': "--background-overlay";
-    readonly 'color.background.selected.resting': "--background-selected-resting";
-    readonly 'color.background.selected.hover': "--background-selected-hover";
-    readonly 'color.background.selected.pressed': "--background-selected-pressed";
-    readonly 'color.background.blanket': "--background-blanket";
-    readonly 'color.background.disabled': "--background-disabled";
-    readonly 'color.background.boldBrand.resting': "--background-boldBrand-resting";
-    readonly 'color.background.boldBrand.hover': "--background-boldBrand-hover";
-    readonly 'color.background.boldBrand.pressed': "--background-boldBrand-pressed";
-    readonly 'color.background.subtleBrand.resting': "--background-subtleBrand-resting";
-    readonly 'color.background.subtleBrand.hover': "--background-subtleBrand-hover";
-    readonly 'color.background.subtleBrand.pressed': "--background-subtleBrand-pressed";
-    readonly 'color.background.boldDanger.resting': "--background-boldDanger-resting";
-    readonly 'color.background.boldDanger.hover': "--background-boldDanger-hover";
-    readonly 'color.background.boldDanger.pressed': "--background-boldDanger-pressed";
-    readonly 'color.background.subtleDanger.resting': "--background-subtleDanger-resting";
-    readonly 'color.background.subtleDanger.hover': "--background-subtleDanger-hover";
-    readonly 'color.background.subtleDanger.pressed': "--background-subtleDanger-pressed";
-    readonly 'color.background.boldWarning.resting': "--background-boldWarning-resting";
-    readonly 'color.background.boldWarning.hover': "--background-boldWarning-hover";
-    readonly 'color.background.boldWarning.pressed': "--background-boldWarning-pressed";
-    readonly 'color.background.subtleWarning.resting': "--background-subtleWarning-resting";
-    readonly 'color.background.subtleWarning.hover': "--background-subtleWarning-hover";
-    readonly 'color.background.subtleWarning.pressed': "--background-subtleWarning-pressed";
-    readonly 'color.background.boldSuccess.resting': "--background-boldSuccess-resting";
-    readonly 'color.background.boldSuccess.hover': "--background-boldSuccess-hover";
-    readonly 'color.background.boldSuccess.pressed': "--background-boldSuccess-pressed";
-    readonly 'color.background.subtleSuccess.resting': "--background-subtleSuccess-resting";
-    readonly 'color.background.subtleSuccess.hover': "--background-subtleSuccess-hover";
-    readonly 'color.background.subtleSuccess.pressed': "--background-subtleSuccess-pressed";
-    readonly 'color.background.boldDiscovery.resting': "--background-boldDiscovery-resting";
-    readonly 'color.background.boldDiscovery.hover': "--background-boldDiscovery-hover";
-    readonly 'color.background.boldDiscovery.pressed': "--background-boldDiscovery-pressed";
-    readonly 'color.background.subtleDiscovery.resting': "--background-subtleDiscovery-resting";
-    readonly 'color.background.subtleDiscovery.hover': "--background-subtleDiscovery-hover";
-    readonly 'color.background.subtleDiscovery.pressed': "--background-subtleDiscovery-pressed";
-    readonly 'color.background.boldNeutral.resting': "--background-boldNeutral-resting";
-    readonly 'color.background.boldNeutral.hover': "--background-boldNeutral-hover";
-    readonly 'color.background.boldNeutral.pressed': "--background-boldNeutral-pressed";
-    readonly 'color.background.transparentNeutral.hover': "--background-transparentNeutral-hover";
-    readonly 'color.background.transparentNeutral.pressed': "--background-transparentNeutral-pressed";
-    readonly 'color.background.subtleNeutral.resting': "--background-subtleNeutral-resting";
-    readonly 'color.background.subtleNeutral.hover': "--background-subtleNeutral-hover";
-    readonly 'color.background.subtleNeutral.pressed': "--background-subtleNeutral-pressed";
-    readonly 'color.background.subtleBorderedNeutral.resting': "--background-subtleBorderedNeutral-resting";
-    readonly 'color.background.subtleBorderedNeutral.pressed': "--background-subtleBorderedNeutral-pressed";
-    readonly 'color.border.focus': "--border-focus";
-    readonly 'color.border.neutral': "--border-neutral";
-    readonly 'color.iconBorder.brand': "--iconBorder-brand";
-    readonly 'color.iconBorder.danger': "--iconBorder-danger";
-    readonly 'color.iconBorder.warning': "--iconBorder-warning";
-    readonly 'color.iconBorder.success': "--iconBorder-success";
-    readonly 'color.iconBorder.discovery': "--iconBorder-discovery";
-    readonly 'color.overlay.hover': "--overlay-hover";
-    readonly 'color.overlay.pressed': "--overlay-pressed";
-    readonly 'color.text.selected': "--text-selected";
-    readonly 'color.text.highEmphasis': "--text-highEmphasis";
-    readonly 'color.text.mediumEmphasis': "--text-mediumEmphasis";
-    readonly 'color.text.lowEmphasis': "--text-lowEmphasis";
-    readonly 'color.text.onBold': "--text-onBold";
-    readonly 'color.text.onBoldWarning': "--text-onBoldWarning";
-    readonly 'color.text.link.resting': "--text-link-resting";
-    readonly 'color.text.link.pressed': "--text-link-pressed";
-    readonly 'color.text.brand': "--text-brand";
-    readonly 'color.text.warning': "--text-warning";
-    readonly 'color.text.danger': "--text-danger";
-    readonly 'color.text.success': "--text-success";
-    readonly 'color.text.discovery': "--text-discovery";
-    readonly 'color.text.disabled': "--text-disabled";
-    readonly 'shadow.card': "--card";
-    readonly 'shadow.overlay': "--overlay";
-    readonly 'utility.UNSAFE_util.transparent': "--UNSAFE_util-transparent";
-};
-export declare type CSSTokenMap = {
-    'color.accent.boldBlue': 'var(--accent-boldBlue)';
-    'color.accent.boldGreen': 'var(--accent-boldGreen)';
-    'color.accent.boldOrange': 'var(--accent-boldOrange)';
-    'color.accent.boldPurple': 'var(--accent-boldPurple)';
-    'color.accent.boldRed': 'var(--accent-boldRed)';
-    'color.accent.boldTeal': 'var(--accent-boldTeal)';
-    'color.accent.subtleBlue': 'var(--accent-subtleBlue)';
-    'color.accent.subtleGreen': 'var(--accent-subtleGreen)';
-    'color.accent.subtleMagenta': 'var(--accent-subtleMagenta)';
-    'color.accent.subtleOrange': 'var(--accent-subtleOrange)';
-    'color.accent.subtlePurple': 'var(--accent-subtlePurple)';
-    'color.accent.subtleRed': 'var(--accent-subtleRed)';
-    'color.accent.subtleTeal': 'var(--accent-subtleTeal)';
-    'color.background.sunken': 'var(--background-sunken)';
-    'color.background.default': 'var(--background-default)';
-    'color.background.card': 'var(--background-card)';
-    'color.background.overlay': 'var(--background-overlay)';
-    'color.background.selected.resting': 'var(--background-selected-resting)';
-    'color.background.selected.hover': 'var(--background-selected-hover)';
-    'color.background.selected.pressed': 'var(--background-selected-pressed)';
-    'color.background.blanket': 'var(--background-blanket)';
-    'color.background.disabled': 'var(--background-disabled)';
-    'color.background.boldBrand.resting': 'var(--background-boldBrand-resting)';
-    'color.background.boldBrand.hover': 'var(--background-boldBrand-hover)';
-    'color.background.boldBrand.pressed': 'var(--background-boldBrand-pressed)';
-    'color.background.subtleBrand.resting': 'var(--background-subtleBrand-resting)';
-    'color.background.subtleBrand.hover': 'var(--background-subtleBrand-hover)';
-    'color.background.subtleBrand.pressed': 'var(--background-subtleBrand-pressed)';
-    'color.background.boldDanger.resting': 'var(--background-boldDanger-resting)';
-    'color.background.boldDanger.hover': 'var(--background-boldDanger-hover)';
-    'color.background.boldDanger.pressed': 'var(--background-boldDanger-pressed)';
-    'color.background.subtleDanger.resting': 'var(--background-subtleDanger-resting)';
-    'color.background.subtleDanger.hover': 'var(--background-subtleDanger-hover)';
-    'color.background.subtleDanger.pressed': 'var(--background-subtleDanger-pressed)';
-    'color.background.boldWarning.resting': 'var(--background-boldWarning-resting)';
-    'color.background.boldWarning.hover': 'var(--background-boldWarning-hover)';
-    'color.background.boldWarning.pressed': 'var(--background-boldWarning-pressed)';
-    'color.background.subtleWarning.resting': 'var(--background-subtleWarning-resting)';
-    'color.background.subtleWarning.hover': 'var(--background-subtleWarning-hover)';
-    'color.background.subtleWarning.pressed': 'var(--background-subtleWarning-pressed)';
-    'color.background.boldSuccess.resting': 'var(--background-boldSuccess-resting)';
-    'color.background.boldSuccess.hover': 'var(--background-boldSuccess-hover)';
-    'color.background.boldSuccess.pressed': 'var(--background-boldSuccess-pressed)';
-    'color.background.subtleSuccess.resting': 'var(--background-subtleSuccess-resting)';
-    'color.background.subtleSuccess.hover': 'var(--background-subtleSuccess-hover)';
-    'color.background.subtleSuccess.pressed': 'var(--background-subtleSuccess-pressed)';
-    'color.background.boldDiscovery.resting': 'var(--background-boldDiscovery-resting)';
-    'color.background.boldDiscovery.hover': 'var(--background-boldDiscovery-hover)';
-    'color.background.boldDiscovery.pressed': 'var(--background-boldDiscovery-pressed)';
-    'color.background.subtleDiscovery.resting': 'var(--background-subtleDiscovery-resting)';
-    'color.background.subtleDiscovery.hover': 'var(--background-subtleDiscovery-hover)';
-    'color.background.subtleDiscovery.pressed': 'var(--background-subtleDiscovery-pressed)';
-    'color.background.boldNeutral.resting': 'var(--background-boldNeutral-resting)';
-    'color.background.boldNeutral.hover': 'var(--background-boldNeutral-hover)';
-    'color.background.boldNeutral.pressed': 'var(--background-boldNeutral-pressed)';
-    'color.background.transparentNeutral.hover': 'var(--background-transparentNeutral-hover)';
-    'color.background.transparentNeutral.pressed': 'var(--background-transparentNeutral-pressed)';
-    'color.background.subtleNeutral.resting': 'var(--background-subtleNeutral-resting)';
-    'color.background.subtleNeutral.hover': 'var(--background-subtleNeutral-hover)';
-    'color.background.subtleNeutral.pressed': 'var(--background-subtleNeutral-pressed)';
-    'color.background.subtleBorderedNeutral.resting': 'var(--background-subtleBorderedNeutral-resting)';
-    'color.background.subtleBorderedNeutral.pressed': 'var(--background-subtleBorderedNeutral-pressed)';
-    'color.border.focus': 'var(--border-focus)';
-    'color.border.neutral': 'var(--border-neutral)';
-    'color.iconBorder.brand': 'var(--iconBorder-brand)';
-    'color.iconBorder.danger': 'var(--iconBorder-danger)';
-    'color.iconBorder.warning': 'var(--iconBorder-warning)';
-    'color.iconBorder.success': 'var(--iconBorder-success)';
-    'color.iconBorder.discovery': 'var(--iconBorder-discovery)';
-    'color.overlay.hover': 'var(--overlay-hover)';
-    'color.overlay.pressed': 'var(--overlay-pressed)';
-    'color.text.selected': 'var(--text-selected)';
-    'color.text.highEmphasis': 'var(--text-highEmphasis)';
-    'color.text.mediumEmphasis': 'var(--text-mediumEmphasis)';
-    'color.text.lowEmphasis': 'var(--text-lowEmphasis)';
-    'color.text.onBold': 'var(--text-onBold)';
-    'color.text.onBoldWarning': 'var(--text-onBoldWarning)';
-    'color.text.link.resting': 'var(--text-link-resting)';
-    'color.text.link.pressed': 'var(--text-link-pressed)';
-    'color.text.brand': 'var(--text-brand)';
-    'color.text.warning': 'var(--text-warning)';
-    'color.text.danger': 'var(--text-danger)';
-    'color.text.success': 'var(--text-success)';
-    'color.text.discovery': 'var(--text-discovery)';
-    'color.text.disabled': 'var(--text-disabled)';
-    'shadow.card': 'var(--card)';
-    'shadow.overlay': 'var(--overlay)';
-    'utility.UNSAFE_util.transparent': 'var(--UNSAFE_util-transparent)';
-};
-export declare type CSSToken = CSSTokenMap[keyof CSSTokenMap];
-export default tokens;

package/token-default-values/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@atlaskit/tokens/token-default-values",
-  "main": "../dist/cjs/entry-points/token-default-values.js",
-  "module": "../dist/esm/entry-points/token-default-values.js",
-  "module:es2019": "../dist/es2019/entry-points/token-default-values.js",
-  "types": "../dist/types/entry-points/token-default-values.d.ts"
-}