@atlaskit/tokens 1.26.0 → 1.27.0

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

@@ -1,105 +0,0 @@
-var 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/esm/tokens/default/color/interaction.js

@@ -1,23 +0,0 @@
-var 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/esm/tokens/default/color/skeleton.js

@@ -1,23 +0,0 @@
-var 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/esm/tokens/default/color/text.js

@@ -1,139 +0,0 @@
-var 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/esm/tokens/default/elevation/shadow.js

@@ -1,49 +0,0 @@
-var 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\n\nAlso use for the box shadow of raised cards in a dragged state."
-        }
-      }
-    }
-  }
-};
-export default shadow;

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

@@ -1,93 +0,0 @@
-var 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/esm/tokens/default/opacity/opacity.js

@@ -1,21 +0,0 @@
-var 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/esm/tokens/default/shape/shape.js

@@ -1,100 +0,0 @@
-var 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;