@atlaskit/tokens 0.5.0 → 0.6.0

package/dist/cjs/tokens/default/color/overlay.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var color = {
-  color: {
-    overlay: {
-      hover: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
-        }
-      },
-      pressed: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
-        }
-      }
-    }
-  }
-};
-var _default = color;
-exports.default = _default;

package/dist/cjs/tokens/default/shadow/shadow.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var shadow = {
-  shadow: {
-    card: {
-      attributes: {
-        group: 'shadow',
-        state: 'active',
-        description: "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
-      }
-    },
-    overlay: {
-      attributes: {
-        group: 'shadow',
-        state: 'active',
-        description: "\nUse for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the box shadow of raised cards in a dragged state.\n\nCombine with background.overlay"
-      }
-    }
-  }
-};
-var _default = shadow;
-exports.default = _default;

package/dist/es2019/tokens/atlassian-dark/color/icon-border.js

@@ -1,22 +0,0 @@
-const color = {
-  color: {
-    iconBorder: {
-      brand: {
-        value: 'B500'
-      },
-      danger: {
-        value: 'R500'
-      },
-      warning: {
-        value: 'Y500'
-      },
-      success: {
-        value: 'G500'
-      },
-      discovery: {
-        value: 'P500'
-      }
-    }
-  }
-};
-export default color;

package/dist/es2019/tokens/atlassian-dark/color/overlay.js

@@ -1,13 +0,0 @@
-const color = {
-  color: {
-    overlay: {
-      hover: {
-        value: 'DN400A'
-      },
-      pressed: {
-        value: 'DN500A'
-      }
-    }
-  }
-};
-export default color;

package/dist/es2019/tokens/atlassian-dark/shadow/shadow.js

@@ -1,57 +0,0 @@
-const shadow = {
-  shadow: {
-    card: {
-      value: [{
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 1
-        },
-        color: 'DN-100A',
-        // This opacity overrides the color alpha.
-        opacity: 0.5
-      }, {
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 0
-        },
-        color: 'DN-100A',
-        // This opacity overrides the color alpha.
-        opacity: 0.5
-      }]
-    },
-    overlay: {
-      value: [{
-        radius: 0,
-        spread: 1,
-        color: 'DN100A',
-        offset: {
-          x: 0,
-          y: 0
-        },
-        opacity: 0.04,
-        inset: true
-      }, {
-        radius: 12,
-        offset: {
-          x: 0,
-          y: 8
-        },
-        color: 'DN-100A',
-        // This opacity overrides the color alpha.
-        opacity: 0.36
-      }, {
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 0
-        },
-        color: 'DN-100A',
-        // This opacity overrides the color alpha.
-        opacity: 0.5
-      }]
-    }
-  }
-};
-export default shadow;

package/dist/es2019/tokens/atlassian-light/color/icon-border.js

@@ -1,22 +0,0 @@
-const color = {
-  color: {
-    iconBorder: {
-      brand: {
-        value: 'B600'
-      },
-      danger: {
-        value: 'R600'
-      },
-      warning: {
-        value: 'O600'
-      },
-      success: {
-        value: 'G600'
-      },
-      discovery: {
-        value: 'P600'
-      }
-    }
-  }
-};
-export default color;

package/dist/es2019/tokens/atlassian-light/color/overlay.js

@@ -1,13 +0,0 @@
-const color = {
-  color: {
-    overlay: {
-      hover: {
-        value: 'N400A'
-      },
-      pressed: {
-        value: 'N500A'
-      }
-    }
-  }
-};
-export default color;

package/dist/es2019/tokens/atlassian-light/shadow/shadow.js

@@ -1,43 +0,0 @@
-const shadow = {
-  shadow: {
-    card: {
-      value: [{
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 1
-        },
-        color: 'N1100',
-        opacity: 0.25
-      }, {
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 0
-        },
-        color: 'N1100',
-        opacity: 0.31
-      }]
-    },
-    overlay: {
-      value: [{
-        radius: 12,
-        offset: {
-          x: 0,
-          y: 8
-        },
-        color: 'N1100',
-        opacity: 0.15
-      }, {
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 0
-        },
-        color: 'N1100',
-        opacity: 0.31
-      }]
-    }
-  }
-};
-export default shadow;

package/dist/es2019/tokens/default/color/icon-border.js

@@ -1,60 +0,0 @@
-const color = {
-  color: {
-    iconBorder: {
-      brand: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: `
-Use rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.
-
-Also use for blue icons or borders when there is no meaning tied to the color, such as file type icons.`
-        }
-      },
-      danger: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: `
-Use rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.
-
-Also use for red icons or borders when there is no meaning tied to the color, such as file type icons.`
-        }
-      },
-      warning: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: `
-Use rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.
-
-Also use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.
-`
-        }
-      },
-      success: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: `
-Use rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.
-
-Also use for green icons or borders when there is no meaning tied to the color, such as file type icons.
-`
-        }
-      },
-      discovery: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: `
-Use rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.
-
-Also use for purple icons or borders when there is no meaning tied to the color, such as file type icons.
-`
-        }
-      }
-    }
-  }
-};
-export default color;

package/dist/es2019/tokens/default/color/overlay.js

@@ -1,21 +0,0 @@
-const color = {
-  color: {
-    overlay: {
-      hover: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
-        }
-      },
-      pressed: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
-        }
-      }
-    }
-  }
-};
-export default color;

package/dist/es2019/tokens/default/shadow/shadow.js

@@ -1,27 +0,0 @@
-const shadow = {
-  shadow: {
-    card: {
-      attributes: {
-        group: 'shadow',
-        state: 'active',
-        description: `
-Use for the box shadow of raised card elements, such as Jira cards on a Kanban board.
-
-Combine with background.overlay`
-      }
-    },
-    overlay: {
-      attributes: {
-        group: 'shadow',
-        state: 'active',
-        description: `
-Use for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).
-
-Also use for the box shadow of raised cards in a dragged state.
-
-Combine with background.overlay`
-      }
-    }
-  }
-};
-export default shadow;

package/dist/esm/tokens/atlassian-dark/color/icon-border.js

@@ -1,22 +0,0 @@
-var color = {
-  color: {
-    iconBorder: {
-      brand: {
-        value: 'B500'
-      },
-      danger: {
-        value: 'R500'
-      },
-      warning: {
-        value: 'Y500'
-      },
-      success: {
-        value: 'G500'
-      },
-      discovery: {
-        value: 'P500'
-      }
-    }
-  }
-};
-export default color;

package/dist/esm/tokens/atlassian-dark/color/overlay.js

@@ -1,13 +0,0 @@
-var color = {
-  color: {
-    overlay: {
-      hover: {
-        value: 'DN400A'
-      },
-      pressed: {
-        value: 'DN500A'
-      }
-    }
-  }
-};
-export default color;

package/dist/esm/tokens/atlassian-dark/shadow/shadow.js

@@ -1,57 +0,0 @@
-var shadow = {
-  shadow: {
-    card: {
-      value: [{
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 1
-        },
-        color: 'DN-100A',
-        // This opacity overrides the color alpha.
-        opacity: 0.5
-      }, {
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 0
-        },
-        color: 'DN-100A',
-        // This opacity overrides the color alpha.
-        opacity: 0.5
-      }]
-    },
-    overlay: {
-      value: [{
-        radius: 0,
-        spread: 1,
-        color: 'DN100A',
-        offset: {
-          x: 0,
-          y: 0
-        },
-        opacity: 0.04,
-        inset: true
-      }, {
-        radius: 12,
-        offset: {
-          x: 0,
-          y: 8
-        },
-        color: 'DN-100A',
-        // This opacity overrides the color alpha.
-        opacity: 0.36
-      }, {
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 0
-        },
-        color: 'DN-100A',
-        // This opacity overrides the color alpha.
-        opacity: 0.5
-      }]
-    }
-  }
-};
-export default shadow;

package/dist/esm/tokens/atlassian-light/color/icon-border.js

@@ -1,22 +0,0 @@
-var color = {
-  color: {
-    iconBorder: {
-      brand: {
-        value: 'B600'
-      },
-      danger: {
-        value: 'R600'
-      },
-      warning: {
-        value: 'O600'
-      },
-      success: {
-        value: 'G600'
-      },
-      discovery: {
-        value: 'P600'
-      }
-    }
-  }
-};
-export default color;

package/dist/esm/tokens/atlassian-light/color/overlay.js

@@ -1,13 +0,0 @@
-var color = {
-  color: {
-    overlay: {
-      hover: {
-        value: 'N400A'
-      },
-      pressed: {
-        value: 'N500A'
-      }
-    }
-  }
-};
-export default color;

package/dist/esm/tokens/atlassian-light/shadow/shadow.js

@@ -1,43 +0,0 @@
-var shadow = {
-  shadow: {
-    card: {
-      value: [{
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 1
-        },
-        color: 'N1100',
-        opacity: 0.25
-      }, {
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 0
-        },
-        color: 'N1100',
-        opacity: 0.31
-      }]
-    },
-    overlay: {
-      value: [{
-        radius: 12,
-        offset: {
-          x: 0,
-          y: 8
-        },
-        color: 'N1100',
-        opacity: 0.15
-      }, {
-        radius: 1,
-        offset: {
-          x: 0,
-          y: 0
-        },
-        color: 'N1100',
-        opacity: 0.31
-      }]
-    }
-  }
-};
-export default shadow;

package/dist/esm/tokens/default/color/icon-border.js

@@ -1,42 +0,0 @@
-var color = {
-  color: {
-    iconBorder: {
-      brand: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: "\nUse rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.\n\nAlso use for blue icons or borders when there is no meaning tied to the color, such as file type icons."
-        }
-      },
-      danger: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: "\nUse rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.\n\nAlso use for red icons or borders when there is no meaning tied to the color, such as file type icons."
-        }
-      },
-      warning: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: "\nUse rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.\n\nAlso use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.\n"
-        }
-      },
-      success: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: "\nUse rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.\n\nAlso use for green icons or borders when there is no meaning tied to the color, such as file type icons.\n"
-        }
-      },
-      discovery: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: "\nUse rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.\n\nAlso use for purple icons or borders when there is no meaning tied to the color, such as file type icons.\n"
-        }
-      }
-    }
-  }
-};
-export default color;

package/dist/esm/tokens/default/color/overlay.js

@@ -1,21 +0,0 @@
-var color = {
-  color: {
-    overlay: {
-      hover: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
-        }
-      },
-      pressed: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
-        }
-      }
-    }
-  }
-};
-export default color;

package/dist/esm/tokens/default/shadow/shadow.js

@@ -1,19 +0,0 @@
-var shadow = {
-  shadow: {
-    card: {
-      attributes: {
-        group: 'shadow',
-        state: 'active',
-        description: "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
-      }
-    },
-    overlay: {
-      attributes: {
-        group: 'shadow',
-        state: 'active',
-        description: "\nUse for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the box shadow of raised cards in a dragged state.\n\nCombine with background.overlay"
-      }
-    }
-  }
-};
-export default shadow;

package/dist/types/tokens/atlassian-dark/color/icon-border.d.ts

@@ -1,3 +0,0 @@
-import type { IconBorderColorTokenSchema, ValueSchema } from '../../../types';
-declare const color: ValueSchema<IconBorderColorTokenSchema>;
-export default color;

package/dist/types/tokens/atlassian-dark/color/overlay.d.ts

@@ -1,3 +0,0 @@
-import type { OverlayColorTokenSchema, ValueSchema } from '../../../types';
-declare const color: ValueSchema<OverlayColorTokenSchema>;
-export default color;

package/dist/types/tokens/atlassian-light/color/icon-border.d.ts

@@ -1,3 +0,0 @@
-import type { IconBorderColorTokenSchema, ValueSchema } from '../../../types';
-declare const color: ValueSchema<IconBorderColorTokenSchema>;
-export default color;

package/dist/types/tokens/atlassian-light/color/overlay.d.ts

@@ -1,3 +0,0 @@
-import type { OverlayColorTokenSchema, ValueSchema } from '../../../types';
-declare const color: ValueSchema<OverlayColorTokenSchema>;
-export default color;

package/dist/types/tokens/default/color/icon-border.d.ts

@@ -1,3 +0,0 @@
-import type { AttributeSchema, IconBorderColorTokenSchema } from '../../../types';
-declare const color: AttributeSchema<IconBorderColorTokenSchema>;
-export default color;

package/dist/types/tokens/default/color/overlay.d.ts

@@ -1,3 +0,0 @@
-import type { AttributeSchema, OverlayColorTokenSchema } from '../../../types';
-declare const color: AttributeSchema<OverlayColorTokenSchema>;
-export default color;