@atlaskit/tokens 0.4.0 → 0.6.0

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

@@ -1,95 +1,314 @@
 var color = {
   color: {
-    accent: {
-      boldBlue: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
+    text: {
+      accent: {
+        blue: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for blue text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+          }
+        },
+        red: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for red text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+          }
+        },
+        orange: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for orange text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+          }
+        },
+        yellow: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for yellow text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+          }
+        },
+        green: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for green text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+          }
+        },
+        purple: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for purple text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+          }
+        },
+        teal: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for teal text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+          }
+        },
+        magenta: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for megenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
+          }
         }
-      },
-      boldGreen: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
-        }
-      },
-      boldOrange: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
-        }
-      },
-      boldPurple: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
-        }
-      },
-      boldRed: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
-        }
-      },
-      boldTeal: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
-        }
-      },
-      subtleBlue: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
-        }
-      },
-      subtleGreen: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
-        }
-      },
-      subtleMagenta: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
-        }
-      },
-      subtleOrange: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
-        }
-      },
-      subtlePurple: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
+      }
+    },
+    icon: {
+      accent: {
+        blue: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        red: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        orange: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        yellow: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        green: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        purple: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        teal: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        magenta: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
         }
-      },
-      subtleRed: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
+      }
+    },
+    border: {
+      accent: {
+        blue: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for blue borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        red: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for red borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
+          }
+        },
+        orange: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for orange borders on non-bold backgrounds when there is no meaning tied to the color.'
+          }
+        },
+        yellow: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color.'
+          }
+        },
+        green: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for green borders on non-bold backgrounds when there is no meaning tied to the color.'
+          }
+        },
+        purple: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for purple borders on non-bold backgrounds when there is no meaning tied to the color.'
+          }
+        },
+        teal: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for teal borders on non-bold backgrounds when there is no meaning tied to the color.'
+          }
+        },
+        magenta: {
+          attributes: {
+            group: 'paint',
+            state: 'active',
+            description: 'Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color.'
+          }
         }
-      },
-      subtleTeal: {
-        attributes: {
-          group: 'paint',
-          state: 'active',
-          description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
+      }
+    },
+    background: {
+      accent: {
+        blue: {
+          '[default]': {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
+            }
+          },
+          bold: {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
+            }
+          }
+        },
+        red: {
+          '[default]': {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          },
+          bold: {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          }
+        },
+        orange: {
+          '[default]': {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          },
+          bold: {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          }
+        },
+        yellow: {
+          '[default]': {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          },
+          bold: {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          }
+        },
+        green: {
+          '[default]': {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          },
+          bold: {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          }
+        },
+        teal: {
+          '[default]': {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          },
+          bold: {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          }
+        },
+        purple: {
+          '[default]': {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          },
+          bold: {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          }
+        },
+        magenta: {
+          '[default]': {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          },
+          bold: {
+            attributes: {
+              group: 'paint',
+              state: 'active',
+              description: 'Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
+            }
+          }
         }
       }
     }