Skip to content
This repository has been archived by the owner on Apr 13, 2022. It is now read-only.

Commit

Permalink
Merge pull request #89 from Shopify/color-system/init
Browse files Browse the repository at this point in the history 
Color factory
  • Loading branch information
@tmlayton
tmlayton authored Jan 28, 2020
2 parents 68772b3 + 46526a8 commit 6e1f864
Show file tree
Hide file tree
Showing 20 changed files with 2,960 additions and 110 deletions.
2 changes: 2 additions & 0 deletions .npmignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,6 @@
!README.md
!package.json
!yarn.lock
!formats/utils/color-factory/**/*
!color-factory.js
dist/colors.ase.json
24 changes: 24 additions & 0 deletions color-factory.d.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
type Scheme = 'light' | 'dark';
type Lambda = (value: number) => number;

interface HslaSetting {
hue?: number | Lambda;
saturation?: number | Lambda;
lightness?: number | Lambda;
alpha?: number;
}

interface Variant {
name: string;
description?: string;
light: HslaSetting;
dark: HslaSetting;
}

type Config = Record<string, Variant[]>;

export declare function colorFactory(
theme: Record<string, string>,
scheme: Scheme,
config: Config,
): Record<string, string>;
3 changes: 3 additions & 0 deletions color-factory.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
const {colorFactory} = require('./formats/utils/color-factory/color-factory');

module.exports = {colorFactory};
93 changes: 93 additions & 0 deletions dist/base.dark.android.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8"?>
<resources>
<color name="polaris_action_critical">#ffcd290c</color>
<color name="polaris_action_critical_disabled">#ffbb250a</color>
<color name="polaris_action_critical_hovered">#ffe32f0e</color>
<color name="polaris_action_critical_pressed">#fffa3511</color>
<color name="polaris_action_interactive">#ff36a3ff</color>
<color name="polaris_action_interactive_disabled">#ff2662b6</color>
<color name="polaris_action_interactive_hovered">#ff67afff</color>
<color name="polaris_action_interactive_pressed">#ff88bcff</color>
<color name="polaris_action_interactive_subdued">#ff2e73d4</color>
<color name="polaris_action_primary">#ff008060</color>
<color name="polaris_action_primary_disabled">#ff005640</color>
<color name="polaris_action_primary_hovered">#ff009671</color>
<color name="polaris_action_primary_pressed">#ff00a47c</color>
<color name="polaris_action_secondary">#ff333537</color>
<color name="polaris_action_secondary_disabled">#ff202223</color>
<color name="polaris_action_secondary_hovered">#ff54575b</color>
<color name="polaris_action_secondary_pressed">#ff606467</color>
<color name="polaris_backdrop">#80000000</color>
<color name="polaris_background">#ff0b0c0d</color>
<color name="polaris_border">#ff505356</color>
<color name="polaris_border_critical">#ffe32f0e</color>
<color name="polaris_border_critical_disabled">#ff831704</color>
<color name="polaris_border_disabled">#ff44474a</color>
<color name="polaris_border_highlight">#ff449da7</color>
<color name="polaris_border_secondary">#ff505356</color>
<color name="polaris_border_secondary_disabled">#ff676b6f</color>
<color name="polaris_border_secondary_hovered">#ff505356</color>
<color name="polaris_border_subdued">#ff494c4e</color>
<color name="polaris_border_success">#ff008766</color>
<color name="polaris_border_warning">#ff997000</color>
<color name="polaris_critical_link">#fffd726a</color>
<color name="polaris_critical_link_disabled">#fffeaca8</color>
<color name="polaris_critical_link_hovered">#fffd8a84</color>
<color name="polaris_critical_link_pressed">#fffd9f9b</color>
<color name="polaris_decorative_five_surface">#ffc23356</color>
<color name="polaris_decorative_five_text">#ffffffff</color>
<color name="polaris_decorative_four_surface">#ff167c79</color>
<color name="polaris_decorative_four_text">#ffffffff</color>
<color name="polaris_decorative_one_surface">#ff8e6609</color>
<color name="polaris_decorative_one_text">#ffffffff</color>
<color name="polaris_decorative_three_surface">#ff007c5a</color>
<color name="polaris_decorative_three_text">#ffffffff</color>
<color name="polaris_decorative_two_surface">#ffce5814</color>
<color name="polaris_decorative_two_text">#ffffffff</color>
<color name="polaris_focused">#ff2662b6</color>
<color name="polaris_hint_from_direct_light">#33b9b9b9</color>
<color name="polaris_icon">#ffa6acb2</color>
<color name="polaris_icon_action_hovered">#ffe1e3e5</color>
<color name="polaris_icon_action_pressed">#ffa6acb2</color>
<color name="polaris_icon_critical">#ffda2d0d</color>
<color name="polaris_icon_disabled">#ff54575a</color>
<color name="polaris_icon_highlight">#ff2c6c73</color>
<color name="polaris_icon_on_critical">#fffff8f7</color>
<color name="polaris_icon_on_interactive">#ffffffff</color>
<color name="polaris_icon_on_primary">#ffe6fff4</color>
<color name="polaris_icon_subdued">#ff787d81</color>
<color name="polaris_icon_success">#ff005e46</color>
<color name="polaris_icon_warning">#ff684b00</color>
<color name="polaris_overlay">#80212121</color>
<color name="polaris_primary_selected">#ff0c1210</color>
<color name="polaris_primary_selected_hovered">#ff28302c</color>
<color name="polaris_primary_selected_pressed">#ff36403b</color>
<color name="polaris_shadow_from_ambient_light">#0d171818</color>
<color name="polaris_shadow_from_direct_light">#26ffffff</color>
<color name="polaris_surface">#ff202123</color>
<color name="polaris_surface_critical">#ff450701</color>
<color name="polaris_surface_critical_subdued">#ff450701</color>
<color name="polaris_surface_critical_subdued_hovered">#ff441714</color>
<color name="polaris_surface_critical_subdued_pressed">#ff6b1003</color>
<color name="polaris_surface_highlight">#ff006971</color>
<color name="polaris_surface_highlight_subdued">#ff123539</color>
<color name="polaris_surface_hovered">#ff2f3133</color>
<color name="polaris_surface_pressed">#ff3e4043</color>
<color name="polaris_surface_selected">#ff020e23</color>
<color name="polaris_surface_selected_hovered">#ff071d3d</color>
<color name="polaris_surface_selected_pressed">#ff0d2b56</color>
<color name="polaris_surface_subdued">#ff1a1c1d</color>
<color name="polaris_surface_success">#ff005e46</color>
<color name="polaris_surface_success_subdued">#ff1c352c</color>
<color name="polaris_surface_warning">#ff997000</color>
<color name="polaris_surface_warning_subdued">#ff4d3b1d</color>
<color name="polaris_text">#ffe3e5e7</color>
<color name="polaris_text_critical">#ffe9807a</color>
<color name="polaris_text_disabled">#ff6f7377</color>
<color name="polaris_text_highlight">#ffa2effa</color>
<color name="polaris_text_on_critical">#ffffffff</color>
<color name="polaris_text_on_primary">#ffffffff</color>
<color name="polaris_text_subdued">#ff999fa4</color>
<color name="polaris_text_success">#ff58ad8e</color>
<color name="polaris_text_warning">#ffca9500</color>
</resources>
Loading

0 comments on commit 6e1f864

Please sign in to comment.