polaris_tokens 1.1.0.pre.beta.1

data/dist/index.scss

@@ -0,0 +1,66 @@
+$color-purple-lighter: rgb(246, 240, 253);
+$color-purple-light: rgb(227, 208, 255);
+$color-purple-base: rgb(156, 106, 222);
+$color-purple-dark: rgb(80, 36, 143);
+$color-purple-darker: rgb(35, 0, 81);
+$color-purple-text: rgb(80, 73, 90);
+$color-indigo-lighter: rgb(244, 245, 250);
+$color-indigo-light: rgb(179, 188, 245);
+$color-indigo-base: rgb(92, 106, 196);
+$color-indigo-dark: rgb(32, 46, 120);
+$color-indigo-darker: rgb(0, 6, 57);
+$color-indigo-text: rgb(62, 65, 85);
+$color-blue-lighter: rgb(235, 245, 250);
+$color-blue-light: rgb(180, 225, 250);
+$color-blue-base: rgb(0, 122, 206);
+$color-blue-dark: rgb(8, 78, 138);
+$color-blue-darker: rgb(0, 20, 41);
+$color-blue-text: rgb(62, 78, 87);
+$color-teal-lighter: rgb(224, 245, 245);
+$color-teal-light: rgb(183, 236, 236);
+$color-teal-base: rgb(71, 193, 191);
+$color-teal-dark: rgb(0, 132, 142);
+$color-teal-darker: rgb(0, 49, 53);
+$color-teal-text: rgb(64, 83, 82);
+$color-green-lighter: rgb(227, 241, 223);
+$color-green-light: rgb(187, 229, 179);
+$color-green-base: rgb(80, 184, 60);
+$color-green-dark: rgb(16, 128, 67);
+$color-green-darker: rgb(23, 54, 48);
+$color-green-text: rgb(65, 79, 62);
+$color-yellow-lighter: rgb(252, 241, 205);
+$color-yellow-light: rgb(255, 234, 138);
+$color-yellow-base: rgb(238, 194, 0);
+$color-yellow-dark: rgb(156, 111, 25);
+$color-yellow-darker: rgb(87, 59, 0);
+$color-yellow-text: rgb(89, 81, 48);
+$color-orange-lighter: rgb(252, 235, 219);
+$color-orange-light: rgb(255, 197, 139);
+$color-orange-base: rgb(244, 147, 66);
+$color-orange-dark: rgb(192, 87, 23);
+$color-orange-darker: rgb(74, 21, 4);
+$color-orange-text: rgb(89, 68, 48);
+$color-red-lighter: rgb(251, 234, 229);
+$color-red-light: rgb(254, 173, 154);
+$color-red-base: rgb(222, 54, 24);
+$color-red-dark: rgb(191, 7, 17);
+$color-red-darker: rgb(51, 1, 1);
+$color-red-text: rgb(88, 60, 53);
+$color-white-base: rgb(255, 255, 255);
+$color-sky-lighter: rgb(249, 250, 251);
+$color-sky-light: rgb(244, 246, 248);
+$color-sky-base: rgb(223, 227, 232);
+$color-sky-dark: rgb(196, 205, 213);
+$color-ink-lightest: rgb(145, 158, 171);
+$color-ink-lighter: rgb(99, 115, 129);
+$color-ink-light: rgb(69, 79, 91);
+$color-ink-base: rgb(33, 43, 54);
+$color-black-base: rgb(0, 0, 0);
+$spacing-none: 0;
+$spacing-extra-tight: 4px;
+$spacing-tight: 8px;
+$spacing-base: 16px;
+$spacing-loose: 20px;
+$spacing-extra-loose: 32px;
+$font-stack-base: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
+$font-stack-monospace: "Monaco, Consolas, 'Lucida Console', monospace";

data/dist/spacing.common.js

@@ -0,0 +1,8 @@
+module.exports = {
+  spacingNone: 0,
+  spacingExtraTight: '4px',
+  spacingTight: '8px',
+  spacingBase: '16px',
+  spacingLoose: '20px',
+  spacingExtraLoose: '32px',
+};

data/dist/spacing.custom-properties.css

@@ -0,0 +1,8 @@
+:root {
+  --spacing-none: 0;
+  --spacing-extra-tight: 4px;
+  --spacing-tight: 8px;
+  --spacing-base: 16px;
+  --spacing-loose: 20px;
+  --spacing-extra-loose: 32px;
+}

data/dist/spacing.json

@@ -0,0 +1,8 @@
+{
+  "spacing-none": 0,
+  "spacing-extra-tight": "4px",
+  "spacing-tight": "8px",
+  "spacing-base": "16px",
+  "spacing-loose": "20px",
+  "spacing-extra-loose": "32px"
+}

data/dist/spacing.map.scss

@@ -0,0 +1,8 @@
+$polaris-spacing-map: (
+  'spacing-none': (0),
+  'spacing-extra-tight': (4px),
+  'spacing-tight': (8px),
+  'spacing-base': (16px),
+  'spacing-loose': (20px),
+  'spacing-extra-loose': (32px)
+);

data/dist/spacing.raw.json

@@ -0,0 +1,47 @@
+{
+  "aliases": {},
+  "props": {
+    "spacing-none": {
+      "type": "number",
+      "category": "spacing",
+      "name": "spacing-none",
+      "value": 0,
+      "originalValue": 0
+    },
+    "spacing-extra-tight": {
+      "type": "number",
+      "category": "spacing",
+      "name": "spacing-extra-tight",
+      "value": "4px",
+      "originalValue": "4px"
+    },
+    "spacing-tight": {
+      "type": "number",
+      "category": "spacing",
+      "name": "spacing-tight",
+      "value": "8px",
+      "originalValue": "8px"
+    },
+    "spacing-base": {
+      "type": "number",
+      "category": "spacing",
+      "name": "spacing-base",
+      "value": "16px",
+      "originalValue": "16px"
+    },
+    "spacing-loose": {
+      "type": "number",
+      "category": "spacing",
+      "name": "spacing-loose",
+      "value": "20px",
+      "originalValue": "20px"
+    },
+    "spacing-extra-loose": {
+      "type": "number",
+      "category": "spacing",
+      "name": "spacing-extra-loose",
+      "value": "32px",
+      "originalValue": "32px"
+    }
+  }
+}

data/dist/spacing.scss

@@ -0,0 +1,6 @@
+$spacing-none: 0;
+$spacing-extra-tight: 4px;
+$spacing-tight: 8px;
+$spacing-base: 16px;
+$spacing-loose: 20px;
+$spacing-extra-loose: 32px;

data/dist/typography.common.js

@@ -0,0 +1,5 @@
+module.exports = {
+  fontStackBase:
+    "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
+  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
+};

data/dist/typography.custom-properties.css

@@ -0,0 +1,4 @@
+:root {
+  --font-stack-base: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
+  --font-stack-monospace: "Monaco, Consolas, 'Lucida Console', monospace";
+}

data/dist/typography.json

@@ -0,0 +1,5 @@
+{
+  "font-stack-base":
+    "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
+  "font-stack-monospace": "Monaco, Consolas, 'Lucida Console', monospace"
+}

data/dist/typography.map.scss

@@ -0,0 +1,7 @@
+$polaris-typography-map: (
+  'font-stack-base':
+    (
+      "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif"
+    ),
+  'font-stack-monospace': ("Monaco, Consolas, 'Lucida Console', monospace")
+);

data/dist/typography.raw.json

@@ -0,0 +1,21 @@
+{
+  "aliases": {},
+  "props": {
+    "font-stack-base": {
+      "type": "string",
+      "category": "font-family",
+      "name": "font-stack-base",
+      "value":
+        "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
+      "originalValue":
+        "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif"
+    },
+    "font-stack-monospace": {
+      "type": "string",
+      "category": "font-family",
+      "name": "font-stack-monospace",
+      "value": "Monaco, Consolas, 'Lucida Console', monospace",
+      "originalValue": "Monaco, Consolas, 'Lucida Console', monospace"
+    }
+  }
+}

data/dist/typography.scss

@@ -0,0 +1,2 @@
+$font-stack-base: "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif";
+$font-stack-monospace: "Monaco, Consolas, 'Lucida Console', monospace";

data/index.js

@@ -0,0 +1 @@
+module.exports = require('./dist/index.common.js');

data/lib/polaris_tokens.rb

@@ -0,0 +1,7 @@
+module PolarisTokens
+  require 'polaris_tokens/rails/engine'
+
+  def self.root
+    @root ||= Pathname.new(File.expand_path('../..', __FILE__))
+  end
+end

data/lib/polaris_tokens/rails/engine.rb

@@ -0,0 +1,9 @@
+module PolarisTokens
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer 'polaris.tokens' do |app|
+        config.assets.paths << PolarisTokens.root.join('dist')
+      end
+    end
+  end
+end

data/lib/polaris_tokens/version.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+require 'json'
+
+module PolarisTokens
+  package_json_path = File.join(__dir__, '../../package.json')
+  package_json_data = File.read(package_json_path)
+  package_json = JSON.parse(package_json_data)
+
+  VERSION = package_json['version']
+end

data/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@shopify/polaris-tokens",
+  "version": "1.1.0-beta.1",
+  "description": "Design Tokens for the Polaris Design System",
+  "main": "index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "jest",
+    "test-watch": "nodemon --exec 'npm-run-all dist test' --watch ./tokens --watch ./formats --watch ./gulpfile.js --watch ./scripts",
+    "clean": "rimraf ./dist",
+    "getTokensFromInvision": "node ./scripts/getTokensFromInvision.js",
+    "predist": "yarn clean",
+    "dist": "npm-run-all dist:**",
+    "dist-ci": "npm-run-all dist:* dist:*:*",
+    "dist:gulp": "gulp",
+    "dist:docs": "gulp docs",
+    "dist:prettier": "prettier ./{dist,docs}/*.{scss,css,json,js} --write",
+    "dist:colors:prettier-sketchpalette": "prettier ./dist/*.sketchpalette --write --parser json",
+    "dist:colors:ase": "node ./scripts/ase-encode.js",
+    "dist:colors:clr:excludeFromCI": "ase2clr ./dist/colors.ase ./dist/colors.clr",
+    "dist:colors:rename-palettes": "renamer --find colors --replace Polaris ./dist/colors.{ase,clr,sketchpalette}",
+    "lint": "npm-run-all lint:**",
+    "lint:js": "eslint . --format codeframe",
+    "lint:tokens": "yamllint ./tokens/*.yml",
+    "watch": "gulp watch",
+    "heroku-postbuild": "yarn dist-ci",
+    "start": "http-server docs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Shopify/polaris-tokens.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "@shopify:registry": "https://registry.npmjs.org"
+  },
+  "keywords": [
+    "polaris",
+    "design-tokens"
+  ],
+  "author": "Shopify",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Shopify/polaris-tokens/issues"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:shopify/node",
+      "plugin:shopify/esnext",
+      "plugin:shopify/prettier"
+    ],
+    "rules": {
+      "func-style": [
+        "error",
+        "declaration",
+        {
+          "allowArrowFunctions": true
+        }
+      ]
+    }
+  },
+  "homepage": "https://github.com/Shopify/polaris-tokens#readme",
+  "devDependencies": {
+    "ase-util": "^1.0.1",
+    "ase-utils": "^0.1.1",
+    "browser-sync": "^2.23.6",
+    "dashify": "^1.0.0",
+    "eslint": "^4.19.1",
+    "eslint-config-prettier": "^2.9.0",
+    "eslint-plugin-prettier": "^2.6.0",
+    "eslint-plugin-shopify": "^20.0.0",
+    "fs-extra": "^5.0.0",
+    "gulp": "^3.9.1",
+    "gulp-load-plugins": "^1.5.0",
+    "gulp-plumber": "^1.2.0",
+    "gulp-rename": "^1.2.2",
+    "gulp-restart": "^0.1.1",
+    "gulp-sass": "^4.0.1",
+    "gulp-sourcemaps": "^2.6.4",
+    "gulp-theo": "^2.0.0-beta.1",
+    "http-server": "^0.11.1",
+    "immutable": "^3.8.2",
+    "jest": "^22.4.3",
+    "js-yaml": "^3.11.0",
+    "lodash": "^4.17.5",
+    "node-fetch": "^2.1.2",
+    "nodemon": "^1.17.3",
+    "npm-run-all": "^4.1.2",
+    "prettier": "1.12.0",
+    "renamer": "^0.6.1",
+    "rimraf": "^2.6.2",
+    "run-sequence": "^2.2.1",
+    "theo": "^7.0.1",
+    "tinycolor2": "^1.4.1",
+    "yaml-lint": "^1.2.3"
+  }
+}

metadata

@@ -0,0 +1,83 @@
+--- !ruby/object:Gem::Specification
+name: polaris_tokens
+version: !ruby/object:Gem::Version
+  version: 1.1.0.pre.beta.1
+platform: ruby
+authors:
+- Shopify
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-04-17 00:00:00.000000000 Z
+dependencies: []
+description: Design Tokens for the Polaris Design System
+email:
+- info@shopify.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.md
+- README.md
+- dist/Polaris.ase
+- dist/Polaris.clr
+- dist/Polaris.sketchpalette
+- dist/colors.color-map.scss
+- dist/colors.common.js
+- dist/colors.custom-properties.css
+- dist/colors.json
+- dist/colors.map.scss
+- dist/colors.raw.json
+- dist/colors.scss
+- dist/index.common.js
+- dist/index.custom-properties.css
+- dist/index.d.ts
+- dist/index.json
+- dist/index.map.scss
+- dist/index.raw.json
+- dist/index.scss
+- dist/spacing.common.js
+- dist/spacing.custom-properties.css
+- dist/spacing.json
+- dist/spacing.map.scss
+- dist/spacing.raw.json
+- dist/spacing.scss
+- dist/typography.common.js
+- dist/typography.custom-properties.css
+- dist/typography.json
+- dist/typography.map.scss
+- dist/typography.raw.json
+- dist/typography.scss
+- index.js
+- lib/polaris_tokens.rb
+- lib/polaris_tokens/rails/engine.rb
+- lib/polaris_tokens/version.rb
+- package.json
+homepage: https://github.com/Shopify/polaris-tokens#readme
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">"
+    - !ruby/object:Gem::Version
+      version: 2.3.0
+  - - "!="
+    - !ruby/object:Gem::Version
+      version: 2.4.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">"
+    - !ruby/object:Gem::Version
+      version: 1.3.1
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.7.6
+signing_key: 
+specification_version: 4
+summary: Design Tokens for the Polaris Design System
+test_files: []