@atlaskit/tokens 1.25.2 → 1.26.1

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

@@ -1,105 +0,0 @@
-const color = {
-  color: {
-    icon: {
-      '[default]': {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icon-only buttons, or icons paired with color.text'
-        }
-      },
-      subtle: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icons paired with color.text.subtle'
-        }
-      },
-      inverse: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icons on bold backgrounds.'
-        }
-      },
-      disabled: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icons in a disabled state.'
-        }
-      },
-      brand: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icons that reinforce our brand.'
-        }
-      },
-      selected: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.2',
-          description: 'Use for icons in selected or opened states, such as those used in dropdown buttons.'
-        }
-      },
-      danger: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icons communicating critical information, such as those used in error handing.'
-        }
-      },
-      warning: {
-        '[default]': {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.6.0',
-            description: 'Use for icons communicating caution, such as those used in warning section messages.'
-          }
-        },
-        inverse: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.6.0',
-            description: 'Use for icons when on bold warning backgrounds.'
-          }
-        }
-      },
-      success: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icons communicating a favorable outcome, such as those used in success section messaged.'
-        }
-      },
-      discovery: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icons communicating change or something new, such as discovery section messages.'
-        }
-      },
-      information: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for icons communicating information or something in-progress, such as information section messages.'
-        }
-      }
-    }
-  }
-};
-export default color;

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

@@ -1,23 +0,0 @@
-const color = {
-  color: {
-    interaction: {
-      hovered: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use as a background overlay for elements in a hovered state when their background color cannot change, such as avatars.'
-        }
-      },
-      pressed: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          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/color/skeleton.js

@@ -1,23 +0,0 @@
-const color = {
-  color: {
-    skeleton: {
-      '[default]': {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.8.0',
-          description: 'Use for skeleton loading states'
-        }
-      },
-      subtle: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.8.0',
-          description: 'Use for the pulse or shimmer effect in skeleton loading states'
-        }
-      }
-    }
-  }
-};
-export default color;

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

@@ -1,139 +0,0 @@
-const color = {
-  color: {
-    text: {
-      '[default]': {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for primary text, such as body copy, sentence case headers, and buttons.'
-        }
-      },
-      subtle: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings.'
-        }
-      },
-      subtlest: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.'
-        }
-      },
-      disabled: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.0.15',
-          description: 'Use for text in a disabled state.'
-        }
-      },
-      inverse: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for text on bold backgrounds.'
-        }
-      },
-      brand: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for text that reinforces our brand.'
-        }
-      },
-      selected: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for text in selected or opened states, such as tabs and dropdown buttons.'
-        }
-      },
-      danger: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.0.15',
-          description: 'Use for critical text, such as input field error messaging.'
-        }
-      },
-      warning: {
-        '[default]': {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.0.15',
-            description: 'Use for text to emphasize caution, such as in moved lozenges.'
-          }
-        },
-        inverse: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.6.0',
-            description: 'Use for text when on bold warning backgrounds.'
-          }
-        }
-      },
-      success: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.0.15',
-          description: 'Use for text to communicate a favorable outcome, such as input field success messaging.'
-        }
-      },
-      discovery: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.0.15',
-          description: 'Use for text to emphasize change or something new, such as in new lozenges.'
-        }
-      },
-      information: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for informative text or to communicate something is in progress, such as in-progress lozenges.'
-        }
-      }
-    },
-    link: {
-      '[default]': {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for links in a default or hovered state. Add an underline for hovered states.'
-        }
-      },
-      pressed: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'Use for links in a pressed state.'
-        }
-      },
-      visited: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '1.23.0',
-          description: 'Use for links in a visited state.'
-        }
-      }
-    }
-  }
-};
-export default color;

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

@@ -1,51 +0,0 @@
-const shadow = {
-  elevation: {
-    shadow: {
-      raised: {
-        attributes: {
-          group: 'shadow',
-          state: 'active',
-          introduced: '0.6.0',
-          description: `Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised`
-        }
-      },
-      overflow: {
-        '[default]': {
-          attributes: {
-            group: 'shadow',
-            state: 'active',
-            introduced: '0.6.0',
-            description: `Use to create a shadow when content scrolls under other content.`
-          }
-        },
-        spread: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.10.32',
-            description: 'Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.perimeter to replicate the overflow shadow.'
-          }
-        },
-        perimeter: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.10.32',
-            description: 'Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.spread to replicate the overflow shadow.'
-          }
-        }
-      },
-      overlay: {
-        attributes: {
-          group: 'shadow',
-          state: 'active',
-          introduced: '0.6.0',
-          description: `Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay
-
-Also use for the box shadow of raised cards in a dragged state.`
-        }
-      }
-    }
-  }
-};
-export default shadow;

package/dist/es2019/tokens/default/elevation/surface.js

@@ -1,93 +0,0 @@
-const surface = {
-  elevation: {
-    surface: {
-      '[default]': {
-        '[default]': {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.6.0',
-            description: 'Use as the primary background for the UI.'
-          }
-        },
-        hovered: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.10.20',
-            description: 'Hovered state of elevation.surface'
-          }
-        },
-        pressed: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.10.20',
-            description: 'Pressed state of elevation.surface'
-          }
-        }
-      },
-      sunken: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          introduced: '0.6.0',
-          description: 'A secondary background for the UI commonly used for grouping items, such as Jira cards in columns.'
-        }
-      },
-      raised: {
-        '[default]': {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.6.0',
-            description: 'Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised.'
-          }
-        },
-        hovered: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.10.20',
-            description: 'Hovered state of elevation.surface.raised'
-          }
-        },
-        pressed: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.10.20',
-            description: 'Pressed state of elevation.surface.raised'
-          }
-        }
-      },
-      overlay: {
-        '[default]': {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.6.0',
-            description: `Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay.`
-          }
-        },
-        hovered: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.10.20',
-            description: `Hovered state of elevation.surface.overlay`
-          }
-        },
-        pressed: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            introduced: '0.10.20',
-            description: `Pressed state of elevation.surface.overlay`
-          }
-        }
-      }
-    }
-  }
-};
-export default surface;

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

@@ -1,21 +0,0 @@
-const opacity = {
-  opacity: {
-    disabled: {
-      attributes: {
-        group: 'opacity',
-        state: 'active',
-        introduced: '0.10.13',
-        description: `Apply to images when in a disabled state.`
-      }
-    },
-    loading: {
-      attributes: {
-        group: 'opacity',
-        state: 'active',
-        introduced: '0.10.13',
-        description: `Apply to content that sits under a loading spinner.`
-      }
-    }
-  }
-};
-export default opacity;

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

@@ -1,100 +0,0 @@
-const shape = {
-  border: {
-    width: {
-      '[default]': {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          suggest: ['1px', '2px'],
-          introduced: '1.5.2',
-          description: 'The default border width. Used for all borders.'
-        }
-      },
-      '0': {
-        attributes: {
-          group: 'shape',
-          state: 'experimental',
-          introduced: '1.2.1',
-          description: 'Used for zero width borders.'
-        }
-      },
-      outline: {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          introduced: '1.5.2',
-          description: 'Used for focus, active or selected inputs.'
-        }
-      },
-      indicator: {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          introduced: '1.5.2',
-          description: 'Used for indicators like tab and menu selected states.'
-        }
-      }
-    },
-    radius: {
-      '[default]': {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          suggest: ['3px', '4px'],
-          introduced: '1.5.2',
-          description: 'The default border radius.'
-        }
-      },
-      '050': {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for selection indicators, like tabs.'
-        }
-      },
-      '100': {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for buttons and inputs.'
-        }
-      },
-      '200': {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for smaller cards.'
-        }
-      },
-      '300': {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for cards and larger containers.'
-        }
-      },
-      '400': {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          introduced: '1.1.0',
-          description: 'Used for modals.'
-        }
-      },
-      circle: {
-        attributes: {
-          group: 'shape',
-          state: 'active',
-          suggest: ['50%'],
-          introduced: '1.1.0',
-          description: 'Used for circular containers, like a rounded button.'
-        }
-      }
-    }
-  }
-};
-export default shape;