polaris_tokens 1.1.0.pre.beta.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 9be9cf066ab2f634c8a72295dff33da99573621bd3f867488b8b9a1acea768ce
+  data.tar.gz: 25eec726d29d6b032ff045da0cea4f9a906a1074bae143fdcc89dc3ddea49009
+SHA512:
+  metadata.gz: b9ec5149da8283d4e811c689be460993de8547cb88b0abb87f0279bc222b2783cba7e44961ab13c076e4f533e5e34072753bbc75605d03d2e109377166a52ce0
+  data.tar.gz: 02637f8eba84185c4db7766b602c95204f77535d5d31653dc954f87602f74f7d13faedcef75a370c53da7752b17199f5a9d3ac89cba9057679b848ee2be7be39

data/LICENSE.md

@@ -0,0 +1,19 @@
+Copyright (c) 2017 Shopify
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,121 @@
+<h1 align="center">Polaris design tokens</h1>
+
+<h3 align="center">Colors, spacing, typography for all platforms</h3>
+
+<p align="center"><em>JavaScript · JSON · CSS · SCSS · Sketch · macOS · Adobe Swatch</em></p>
+
+<div align="center" markdown="1">
+
+[![CircleCI](https://circleci.com/gh/Shopify/polaris-tokens.svg?style=shield)](https://circleci.com/gh/Shopify/polaris-tokens) [![npm version](https://img.shields.io/npm/v/@shopify/polaris-tokens.svg)](https://www.npmjs.com/package/@shopify/polaris-tokens) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
+
+</div>
+
+---
+
+[Design tokens](https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421) for [Polaris](https://polaris.shopify.com), Shopify’s design system.
+
+Design tokens originated at Salesforce, and the best way to describe them is to simply quote their documentation:
+
+> Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development – [Salesforce UX](https://www.lightningdesignsystem.com/design-tokens/)
+
+## Installation
+
+Polaris design tokens are available on [npm](https://www.npmjs.com/) as the `@shopify/polaris-tokens` package.
+
+The recommended way to use and install design tokens may vary depending on your project, the most common are documented below.
+
+Using [npm](https://www.npmjs.com/):
+
+```
+npm install @shopify/polaris-tokens --save
+```
+
+Using [yarn](https://yarnpkg.com/en/):
+
+```
+yarn add @shopify/polaris-tokens
+```
+
+## Usage
+
+Find all available tokens in the [design tokens documentation](https://shopify.github.io/polaris-tokens/).
+
+### JavaScript
+
+In JavaScript, design token names are formatted in [lower camelCase](http://wiki.c2.com/?CamelCase).
+
+```js
+const tokens = require('@shopify/polaris-tokens');
+console.log(tokens.colorBlueLighter); // rgb(235, 245, 250)
+```
+
+In JSON, design token names are formatted in [kebab-case](http://wiki.c2.com/?KebabCase).
+
+```js
+const tokens = require('@shopify/polaris-tokens/dist/index.json');
+console.log(tokens['color-blue-lighter']); // rgb(235, 245, 250)
+```
+
+### Sass
+
+Sass variables and map keys are formatted in [kebab-case](http://wiki.c2.com/?KebabCase).
+
+```scss
+// Using variables
+@import '~@shopify/polaris-tokens/dist/index';
+
+a {
+  color: $color-blue-text;
+}
+
+// Using the map of all tokens
+@import '~@shopify/polaris-tokens/dist/index.map';
+
+a {
+  color: map-get($polaris-index-map, 'color-blue-text');
+}
+
+// Using the map for a specific type of tokens (here: spacing)
+@import '~@shopify/polaris-tokens/dist/spacing.map';
+
+a {
+  color: map-get($polaris-spacing-map, 'spacing-loose');
+}
+```
+
+### Sass, with CSS Custom Properties
+
+Custom properties are formatted in [kebab-case](http://wiki.c2.com/?KebabCase).
+
+```scss
+// Omit .css at the end of the file
+@import '~@shopify/polaris-tokens/dist/colors.custom-properties';
+
+a {
+  color: var(--color-blue-text);
+}
+```
+
+---
+
+## Contributing
+
+The purpose of this repository is to see the core design elements of the Polaris design system
+evolve and improve over time with the needs of developers, designers and partners in mind.
+
+We gratefully accept impromptu contributions to the documentation, typo and bug fixes,
+and expect design token requests and changes to be discussed before a pull request.
+
+### [Code of conduct](https://github.com/Shopify/polaris-tokens/blob/master/CODE_OF_CONDUCT.md)
+
+We have a [code of conduct](https://github.com/Shopify/polaris-tokens/blob/master/CODE_OF_CONDUCT.md),
+please follow it in all your interactions with the project.
+
+### [Contributing guide](https://github.com/Shopify/polaris-tokens/blob/master/CONTRIBUTING.md)
+
+Read the [contributing guide](https://github.com/Shopify/polaris-tokens/blob/master/CONTRIBUTING.md)
+to learn how to propose changes and understand our development process.
+
+### [License](https://github.com/Shopify/polaris-tokens/blob/master/LICENSE.md)
+
+The polaris-tokens project is available under the [MIT license](https://github.com/Shopify/polaris-tokens/blob/master/LICENSE.md).

data/dist/Polaris.sketchpalette

@@ -0,0 +1,368 @@
+{
+  "compatibleVersion": "2.0",
+  "pluginVersion": "2.0",
+  "colors": [
+    {
+      "red": 0.5686274509803921,
+      "green": 0.6196078431372549,
+      "blue": 0.6705882352941176,
+      "alpha": 1
+    },
+    {
+      "red": 0.38823529411764707,
+      "green": 0.45098039215686275,
+      "blue": 0.5058823529411764,
+      "alpha": 1
+    },
+    {
+      "red": 0.27058823529411763,
+      "green": 0.30980392156862746,
+      "blue": 0.3568627450980392,
+      "alpha": 1
+    },
+    {
+      "red": 0.12941176470588237,
+      "green": 0.16862745098039217,
+      "blue": 0.21176470588235294,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.9764705882352941,
+      "green": 0.9803921568627451,
+      "blue": 0.984313725490196,
+      "alpha": 1
+    },
+    {
+      "red": 0.9568627450980393,
+      "green": 0.9647058823529412,
+      "blue": 0.9725490196078431,
+      "alpha": 1
+    },
+    {
+      "red": 0.8745098039215686,
+      "green": 0.8901960784313725,
+      "blue": 0.9098039215686274,
+      "alpha": 1
+    },
+    {
+      "red": 0.7686274509803922,
+      "green": 0.803921568627451,
+      "blue": 0.8352941176470589,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.984313725490196,
+      "green": 0.9176470588235294,
+      "blue": 0.8980392156862745,
+      "alpha": 1
+    },
+    {
+      "red": 0.996078431372549,
+      "green": 0.6784313725490196,
+      "blue": 0.6039215686274509,
+      "alpha": 1
+    },
+    {
+      "red": 0.8705882352941177,
+      "green": 0.21176470588235294,
+      "blue": 0.09411764705882353,
+      "alpha": 1
+    },
+    {
+      "red": 0.7490196078431373,
+      "green": 0.027450980392156862,
+      "blue": 0.06666666666666667,
+      "alpha": 1
+    },
+    {
+      "red": 0.2,
+      "green": 0.00392156862745098,
+      "blue": 0.00392156862745098,
+      "alpha": 1
+    },
+    {
+      "red": 0.34509803921568627,
+      "green": 0.23529411764705882,
+      "blue": 0.20784313725490197,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.9882352941176471,
+      "green": 0.9215686274509803,
+      "blue": 0.8588235294117647,
+      "alpha": 1
+    },
+    {
+      "red": 1,
+      "green": 0.7725490196078432,
+      "blue": 0.5450980392156862,
+      "alpha": 1
+    },
+    {
+      "red": 0.9568627450980393,
+      "green": 0.5764705882352941,
+      "blue": 0.25882352941176473,
+      "alpha": 1
+    },
+    {
+      "red": 0.7529411764705882,
+      "green": 0.3411764705882353,
+      "blue": 0.09019607843137255,
+      "alpha": 1
+    },
+    {
+      "red": 0.2901960784313726,
+      "green": 0.08235294117647059,
+      "blue": 0.01568627450980392,
+      "alpha": 1
+    },
+    {
+      "red": 0.34901960784313724,
+      "green": 0.26666666666666666,
+      "blue": 0.18823529411764706,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.9882352941176471,
+      "green": 0.9450980392156862,
+      "blue": 0.803921568627451,
+      "alpha": 1
+    },
+    {
+      "red": 1,
+      "green": 0.9176470588235294,
+      "blue": 0.5411764705882353,
+      "alpha": 1
+    },
+    {
+      "red": 0.9333333333333333,
+      "green": 0.7607843137254902,
+      "blue": 0,
+      "alpha": 1
+    },
+    {
+      "red": 0.611764705882353,
+      "green": 0.43529411764705883,
+      "blue": 0.09803921568627451,
+      "alpha": 1
+    },
+    {
+      "red": 0.3411764705882353,
+      "green": 0.23137254901960785,
+      "blue": 0,
+      "alpha": 1
+    },
+    {
+      "red": 0.34901960784313724,
+      "green": 0.3176470588235294,
+      "blue": 0.18823529411764706,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.8901960784313725,
+      "green": 0.9450980392156862,
+      "blue": 0.8745098039215686,
+      "alpha": 1
+    },
+    {
+      "red": 0.7333333333333333,
+      "green": 0.8980392156862745,
+      "blue": 0.7019607843137254,
+      "alpha": 1
+    },
+    {
+      "red": 0.3137254901960784,
+      "green": 0.7215686274509804,
+      "blue": 0.23529411764705882,
+      "alpha": 1
+    },
+    {
+      "red": 0.06274509803921569,
+      "green": 0.5019607843137255,
+      "blue": 0.2627450980392157,
+      "alpha": 1
+    },
+    {
+      "red": 0.09019607843137255,
+      "green": 0.21176470588235294,
+      "blue": 0.18823529411764706,
+      "alpha": 1
+    },
+    {
+      "red": 0.2549019607843137,
+      "green": 0.30980392156862746,
+      "blue": 0.24313725490196078,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.8784313725490196,
+      "green": 0.9607843137254902,
+      "blue": 0.9607843137254902,
+      "alpha": 1
+    },
+    {
+      "red": 0.7176470588235294,
+      "green": 0.9254901960784314,
+      "blue": 0.9254901960784314,
+      "alpha": 1
+    },
+    {
+      "red": 0.2784313725490196,
+      "green": 0.7568627450980392,
+      "blue": 0.7490196078431373,
+      "alpha": 1
+    },
+    {
+      "red": 0,
+      "green": 0.5176470588235295,
+      "blue": 0.5568627450980392,
+      "alpha": 1
+    },
+    {
+      "red": 0,
+      "green": 0.19215686274509805,
+      "blue": 0.20784313725490197,
+      "alpha": 1
+    },
+    {
+      "red": 0.25098039215686274,
+      "green": 0.3254901960784314,
+      "blue": 0.3215686274509804,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.9215686274509803,
+      "green": 0.9607843137254902,
+      "blue": 0.9803921568627451,
+      "alpha": 1
+    },
+    {
+      "red": 0.7058823529411765,
+      "green": 0.8823529411764706,
+      "blue": 0.9803921568627451,
+      "alpha": 1
+    },
+    {
+      "red": 0,
+      "green": 0.47843137254901963,
+      "blue": 0.807843137254902,
+      "alpha": 1
+    },
+    {
+      "red": 0.03137254901960784,
+      "green": 0.3058823529411765,
+      "blue": 0.5411764705882353,
+      "alpha": 1
+    },
+    {
+      "red": 0,
+      "green": 0.0784313725490196,
+      "blue": 0.1607843137254902,
+      "alpha": 1
+    },
+    {
+      "red": 0.24313725490196078,
+      "green": 0.3058823529411765,
+      "blue": 0.3411764705882353,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.9568627450980393,
+      "green": 0.9607843137254902,
+      "blue": 0.9803921568627451,
+      "alpha": 1
+    },
+    {
+      "red": 0.7019607843137254,
+      "green": 0.7372549019607844,
+      "blue": 0.9607843137254902,
+      "alpha": 1
+    },
+    {
+      "red": 0.3607843137254902,
+      "green": 0.41568627450980394,
+      "blue": 0.7686274509803922,
+      "alpha": 1
+    },
+    {
+      "red": 0.12549019607843137,
+      "green": 0.1803921568627451,
+      "blue": 0.47058823529411764,
+      "alpha": 1
+    },
+    {
+      "red": 0,
+      "green": 0.023529411764705882,
+      "blue": 0.2235294117647059,
+      "alpha": 1
+    },
+    {
+      "red": 0.24313725490196078,
+      "green": 0.2549019607843137,
+      "blue": 0.3333333333333333,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {
+      "red": 0.9647058823529412,
+      "green": 0.9411764705882353,
+      "blue": 0.9921568627450981,
+      "alpha": 1
+    },
+    {
+      "red": 0.8901960784313725,
+      "green": 0.8156862745098039,
+      "blue": 1,
+      "alpha": 1
+    },
+    {
+      "red": 0.611764705882353,
+      "green": 0.41568627450980394,
+      "blue": 0.8705882352941177,
+      "alpha": 1
+    },
+    {
+      "red": 0.3137254901960784,
+      "green": 0.1411764705882353,
+      "blue": 0.5607843137254902,
+      "alpha": 1
+    },
+    {
+      "red": 0.13725490196078433,
+      "green": 0,
+      "blue": 0.3176470588235294,
+      "alpha": 1
+    },
+    {
+      "red": 0.3137254901960784,
+      "green": 0.28627450980392155,
+      "blue": 0.35294117647058826,
+      "alpha": 1
+    },
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1},
+    {"red": 1, "green": 1, "blue": 1, "alpha": 1}
+  ],
+  "gradients": [],
+  "images": []
+}