polaris_tokens 2.17.0 → 2.18.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +6 -6
  3. data/dist-modern/palette/base.dark.polaris.custom-properties.css +129 -0
  4. data/dist-modern/palette/base.light.polaris.custom-properties.css +129 -0
  5. data/package.json +1 -1
  6. metadata +4 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 73015c098a89a18b88eff1d1bc2d436f10c69c0236e32a040935350e5919ea2f
4
- data.tar.gz: a661d29ff08eddcb65d654baa802e17a3dc6639966ffe035d5b55f9ea5b0e887
3
+ metadata.gz: a0c443946bdc19d76717094975892bed6c37a8a5be0bc261daa36241ff54bb9d
4
+ data.tar.gz: 56e2539d64c836cb95def34ae0927ea896e61dc422e03d81c83ebfc967de173a
5
5
  SHA512:
6
- metadata.gz: 17af4b3641f08b10bd62c55a94ac91793b0431ee42c59a22ddedc2b3700c7819a79eeaff3f7eccdfc2585f93db680fbb6afe529795e2d3384f7202599e634555
7
- data.tar.gz: 65563710f9382145484541ba5ad04bb323f4d2c03a2a392f45a4769ccf0cbdb198441a9099d31a79e10248894d6d8369c750efb568df1160356d4fec97ae1736
6
+ metadata.gz: 7344f13ba131f921cd141a32efcc168e5aa00ed525412775ee084e85eabc93a10eb98b5c8eb2d54a8428416fc9ef5ae48e80aec7dee7df60da5c86f9701f7677
7
+ data.tar.gz: 41e422b3bd2553b637e2d7b44607c02ad8c42c3b841f93a55c0a6f79e964b523a2e745653d4dec068aa5232a36efe100f81981cd20ba91e6d470ebd686106010
data/README.md CHANGED
@@ -187,19 +187,19 @@ evolve and improve over time with the needs of developers, designers and partner
187
187
  We gratefully accept impromptu contributions to the documentation, typo and bug fixes,
188
188
  and expect design token requests and changes to be discussed before a pull request.
189
189
 
190
- ### [Code of conduct](https://github.com/Shopify/polaris-tokens/blob/master/.github/CODE_OF_CONDUCT.md)
190
+ ### [Code of conduct](https://github.com/Shopify/polaris-tokens/blob/main/.github/CODE_OF_CONDUCT.md)
191
191
 
192
- We have a [code of conduct](https://github.com/Shopify/polaris-tokens/blob/master/.github/CODE_OF_CONDUCT.md),
192
+ We have a [code of conduct](https://github.com/Shopify/polaris-tokens/blob/main/.github/CODE_OF_CONDUCT.md),
193
193
  please follow it in all your interactions with the project.
194
194
 
195
- ### [Contributing guide](https://github.com/Shopify/polaris-tokens/blob/master/.github/CONTRIBUTING.md)
195
+ ### [Contributing guide](https://github.com/Shopify/polaris-tokens/blob/main/.github/CONTRIBUTING.md)
196
196
 
197
- Read the [contributing guide](https://github.com/Shopify/polaris-tokens/blob/master/.github/CONTRIBUTING.md)
197
+ Read the [contributing guide](https://github.com/Shopify/polaris-tokens/blob/main/.github/CONTRIBUTING.md)
198
198
  to learn how to propose changes and understand our development process.
199
199
 
200
- ### [License](https://github.com/Shopify/polaris-tokens/blob/master/LICENSE.md)
200
+ ### [License](https://github.com/Shopify/polaris-tokens/blob/main/LICENSE.md)
201
201
 
202
- The polaris-tokens project is available under the [MIT license](https://github.com/Shopify/polaris-tokens/blob/master/LICENSE.md).
202
+ The polaris-tokens project is available under the [MIT license](https://github.com/Shopify/polaris-tokens/blob/main/LICENSE.md).
203
203
 
204
204
  Parts of the code in this repository are directly inspired or borrowed
205
205
  from the [Theo project](https://github.com/salesforce-ux/theo),
data/dist-modern/palette/base.dark.polaris.custom-properties.css ADDED
@@ -0,0 +1,129 @@
1
+ :root {
2
+ --p-background: rgb(11, 12, 13);
3
+ --p-background-hovered: rgb(11, 12, 13);
4
+ --p-background-pressed: rgb(11, 12, 13);
5
+ --p-background-selected: rgb(11, 12, 13);
6
+ --p-surface: rgb(32, 33, 35);
7
+ --p-surface-neutral: rgb(49, 51, 53);
8
+ --p-surface-neutral-hovered: rgb(49, 51, 53);
9
+ --p-surface-neutral-pressed: rgb(49, 51, 53);
10
+ --p-surface-neutral-disabled: rgb(49, 51, 53);
11
+ --p-surface-neutral-subdued: rgb(68, 71, 74);
12
+ --p-surface-subdued: rgb(26, 28, 29);
13
+ --p-surface-disabled: rgb(26, 28, 29);
14
+ --p-surface-hovered: rgb(47, 49, 51);
15
+ --p-surface-pressed: rgb(62, 64, 67);
16
+ --p-surface-depressed: rgb(80, 83, 86);
17
+ --p-backdrop: rgba(0, 0, 0, 0.5);
18
+ --p-overlay: rgba(33, 33, 33, 0.5);
19
+ --p-shadow-from-dim-light: rgba(255, 255, 255, 0.2);
20
+ --p-shadow-from-ambient-light: rgba(23, 24, 24, 0.05);
21
+ --p-shadow-from-direct-light: rgba(255, 255, 255, 0.15);
22
+ --p-hint-from-direct-light: rgba(185, 185, 185, 0.2);
23
+ --p-on-surface-background: rgb(47, 49, 51);
24
+ --p-border: rgb(80, 83, 86);
25
+ --p-border-neutral-subdued: rgb(130, 135, 139);
26
+ --p-border-hovered: rgb(80, 83, 86);
27
+ --p-border-disabled: rgb(103, 107, 111);
28
+ --p-border-subdued: rgb(130, 135, 139);
29
+ --p-border-depressed: rgb(142, 145, 145);
30
+ --p-border-shadow: rgb(91, 95, 98);
31
+ --p-border-shadow-subdued: rgb(130, 135, 139);
32
+ --p-divider: rgb(26, 28, 29);
33
+ --p-icon: rgb(166, 172, 178);
34
+ --p-icon-hovered: rgb(225, 227, 229);
35
+ --p-icon-pressed: rgb(166, 172, 178);
36
+ --p-icon-disabled: rgb(84, 87, 90);
37
+ --p-icon-subdued: rgb(120, 125, 129);
38
+ --p-text: rgb(227, 229, 231);
39
+ --p-text-disabled: rgb(111, 115, 119);
40
+ --p-text-subdued: rgb(153, 159, 164);
41
+ --p-interactive: rgb(54, 163, 255);
42
+ --p-interactive-disabled: rgb(38, 98, 182);
43
+ --p-interactive-hovered: rgb(103, 175, 255);
44
+ --p-interactive-pressed: rgb(136, 188, 255);
45
+ --p-focused: rgb(38, 98, 182);
46
+ --p-surface-selected: rgb(2, 14, 35);
47
+ --p-surface-selected-hovered: rgb(7, 29, 61);
48
+ --p-surface-selected-pressed: rgb(13, 43, 86);
49
+ --p-icon-on-interactive: rgb(255, 255, 255);
50
+ --p-text-on-interactive: rgb(255, 255, 255);
51
+ --p-action-secondary: rgb(77, 80, 83);
52
+ --p-action-secondary-disabled: rgb(32, 34, 35);
53
+ --p-action-secondary-hovered: rgb(84, 87, 91);
54
+ --p-action-secondary-pressed: rgb(96, 100, 103);
55
+ --p-action-secondary-depressed: rgb(123, 127, 132);
56
+ --p-action-primary: rgb(0, 128, 96);
57
+ --p-action-primary-disabled: rgb(0, 86, 64);
58
+ --p-action-primary-hovered: rgb(0, 150, 113);
59
+ --p-action-primary-pressed: rgb(0, 164, 124);
60
+ --p-action-primary-depressed: rgb(0, 179, 136);
61
+ --p-icon-on-primary: rgb(230, 255, 244);
62
+ --p-text-on-primary: rgb(255, 255, 255);
63
+ --p-text-primary: rgb(0, 141, 106);
64
+ --p-text-primary-hovered: rgb(0, 158, 120);
65
+ --p-text-primary-pressed: rgb(0, 176, 133);
66
+ --p-surface-primary-selected: rgb(12, 18, 16);
67
+ --p-surface-primary-selected-hovered: rgb(40, 48, 44);
68
+ --p-surface-primary-selected-pressed: rgb(54, 64, 59);
69
+ --p-border-critical: rgb(227, 47, 14);
70
+ --p-border-critical-subdued: rgb(227, 47, 14);
71
+ --p-border-critical-disabled: rgb(131, 23, 4);
72
+ --p-icon-critical: rgb(218, 45, 13);
73
+ --p-surface-critical: rgb(69, 7, 1);
74
+ --p-surface-critical-subdued: rgb(69, 7, 1);
75
+ --p-surface-critical-subdued-hovered: rgb(68, 23, 20);
76
+ --p-surface-critical-subdued-pressed: rgb(107, 16, 3);
77
+ --p-surface-critical-subdued-depressed: rgb(135, 24, 5);
78
+ --p-text-critical: rgb(233, 128, 122);
79
+ --p-action-critical: rgb(205, 41, 12);
80
+ --p-action-critical-disabled: rgb(187, 37, 10);
81
+ --p-action-critical-hovered: rgb(227, 47, 14);
82
+ --p-action-critical-pressed: rgb(250, 53, 17);
83
+ --p-action-critical-depressed: rgb(253, 87, 73);
84
+ --p-icon-on-critical: rgb(255, 248, 247);
85
+ --p-text-on-critical: rgb(255, 255, 255);
86
+ --p-interactive-critical: rgb(253, 114, 106);
87
+ --p-interactive-critical-disabled: rgb(254, 172, 168);
88
+ --p-interactive-critical-hovered: rgb(253, 138, 132);
89
+ --p-interactive-critical-pressed: rgb(253, 159, 155);
90
+ --p-border-warning: rgb(153, 112, 0);
91
+ --p-border-warning-subdued: rgb(153, 112, 0);
92
+ --p-icon-warning: rgb(104, 75, 0);
93
+ --p-surface-warning: rgb(153, 112, 0);
94
+ --p-surface-warning-subdued: rgb(77, 59, 29);
95
+ --p-surface-warning-subdued-hovered: rgb(82, 63, 32);
96
+ --p-surface-warning-subdued-pressed: rgb(87, 67, 34);
97
+ --p-text-warning: rgb(202, 149, 0);
98
+ --p-border-highlight: rgb(68, 157, 167);
99
+ --p-border-highlight-subdued: rgb(68, 157, 167);
100
+ --p-icon-highlight: rgb(44, 108, 115);
101
+ --p-surface-highlight: rgb(0, 105, 113);
102
+ --p-surface-highlight-subdued: rgb(18, 53, 57);
103
+ --p-surface-highlight-subdued-hovered: rgb(20, 58, 62);
104
+ --p-surface-highlight-subdued-pressed: rgb(24, 65, 70);
105
+ --p-text-highlight: rgb(162, 239, 250);
106
+ --p-border-success: rgb(0, 135, 102);
107
+ --p-border-success-subdued: rgb(0, 135, 102);
108
+ --p-icon-success: rgb(0, 94, 70);
109
+ --p-surface-success: rgb(0, 94, 70);
110
+ --p-surface-success-subdued: rgb(28, 53, 44);
111
+ --p-surface-success-subdued-hovered: rgb(31, 58, 48);
112
+ --p-surface-success-subdued-pressed: rgb(35, 65, 54);
113
+ --p-text-success: rgb(88, 173, 142);
114
+ --p-decorative-one-icon: rgb(255, 186, 67);
115
+ --p-decorative-one-surface: rgb(142, 102, 9);
116
+ --p-decorative-one-text: rgb(255, 255, 255);
117
+ --p-decorative-two-icon: rgb(245, 182, 192);
118
+ --p-decorative-two-surface: rgb(206, 88, 20);
119
+ --p-decorative-two-text: rgb(255, 255, 255);
120
+ --p-decorative-three-icon: rgb(0, 227, 141);
121
+ --p-decorative-three-surface: rgb(0, 124, 90);
122
+ --p-decorative-three-text: rgb(255, 255, 255);
123
+ --p-decorative-four-icon: rgb(0, 221, 218);
124
+ --p-decorative-four-surface: rgb(22, 124, 121);
125
+ --p-decorative-four-text: rgb(255, 255, 255);
126
+ --p-decorative-five-icon: rgb(244, 183, 191);
127
+ --p-decorative-five-surface: rgb(194, 51, 86);
128
+ --p-decorative-five-text: rgb(255, 255, 255);
129
+ }
data/dist-modern/palette/base.light.polaris.custom-properties.css ADDED
@@ -0,0 +1,129 @@
1
+ :root {
2
+ --p-background: rgb(246, 246, 247);
3
+ --p-background-hovered: rgb(241, 242, 243);
4
+ --p-background-pressed: rgb(237, 238, 239);
5
+ --p-background-selected: rgb(237, 238, 239);
6
+ --p-surface: rgb(255, 255, 255);
7
+ --p-surface-neutral: rgb(228, 229, 231);
8
+ --p-surface-neutral-hovered: rgb(219, 221, 223);
9
+ --p-surface-neutral-pressed: rgb(201, 204, 208);
10
+ --p-surface-neutral-disabled: rgb(241, 242, 243);
11
+ --p-surface-neutral-subdued: rgb(246, 246, 247);
12
+ --p-surface-subdued: rgb(250, 251, 251);
13
+ --p-surface-disabled: rgb(250, 251, 251);
14
+ --p-surface-hovered: rgb(246, 246, 247);
15
+ --p-surface-pressed: rgb(241, 242, 243);
16
+ --p-surface-depressed: rgb(237, 238, 239);
17
+ --p-backdrop: rgba(0, 0, 0, 0.5);
18
+ --p-overlay: rgba(255, 255, 255, 0.5);
19
+ --p-shadow-from-dim-light: rgba(0, 0, 0, 0.2);
20
+ --p-shadow-from-ambient-light: rgba(23, 24, 24, 0.05);
21
+ --p-shadow-from-direct-light: rgba(0, 0, 0, 0.15);
22
+ --p-hint-from-direct-light: rgba(0, 0, 0, 0.15);
23
+ --p-on-surface-background: rgb(241, 242, 243);
24
+ --p-border: rgb(140, 145, 150);
25
+ --p-border-neutral-subdued: rgb(186, 191, 195);
26
+ --p-border-hovered: rgb(153, 158, 164);
27
+ --p-border-disabled: rgb(210, 213, 216);
28
+ --p-border-subdued: rgb(201, 204, 207);
29
+ --p-border-depressed: rgb(87, 89, 89);
30
+ --p-border-shadow: rgb(174, 180, 185);
31
+ --p-border-shadow-subdued: rgb(186, 191, 196);
32
+ --p-divider: rgb(225, 227, 229);
33
+ --p-icon: rgb(92, 95, 98);
34
+ --p-icon-hovered: rgb(26, 28, 29);
35
+ --p-icon-pressed: rgb(68, 71, 74);
36
+ --p-icon-disabled: rgb(186, 190, 195);
37
+ --p-icon-subdued: rgb(140, 145, 150);
38
+ --p-text: rgb(32, 34, 35);
39
+ --p-text-disabled: rgb(140, 145, 150);
40
+ --p-text-subdued: rgb(109, 113, 117);
41
+ --p-interactive: rgb(44, 110, 203);
42
+ --p-interactive-disabled: rgb(189, 193, 204);
43
+ --p-interactive-hovered: rgb(31, 81, 153);
44
+ --p-interactive-pressed: rgb(16, 50, 98);
45
+ --p-focused: rgb(69, 143, 255);
46
+ --p-surface-selected: rgb(242, 247, 254);
47
+ --p-surface-selected-hovered: rgb(237, 244, 254);
48
+ --p-surface-selected-pressed: rgb(229, 239, 253);
49
+ --p-icon-on-interactive: rgb(255, 255, 255);
50
+ --p-text-on-interactive: rgb(255, 255, 255);
51
+ --p-action-secondary: rgb(255, 255, 255);
52
+ --p-action-secondary-disabled: rgb(255, 255, 255);
53
+ --p-action-secondary-hovered: rgb(246, 246, 247);
54
+ --p-action-secondary-pressed: rgb(241, 242, 243);
55
+ --p-action-secondary-depressed: rgb(109, 113, 117);
56
+ --p-action-primary: rgb(0, 128, 96);
57
+ --p-action-primary-disabled: rgb(241, 241, 241);
58
+ --p-action-primary-hovered: rgb(0, 110, 82);
59
+ --p-action-primary-pressed: rgb(0, 94, 70);
60
+ --p-action-primary-depressed: rgb(0, 61, 44);
61
+ --p-icon-on-primary: rgb(255, 255, 255);
62
+ --p-text-on-primary: rgb(255, 255, 255);
63
+ --p-text-primary: rgb(0, 123, 92);
64
+ --p-text-primary-hovered: rgb(0, 108, 80);
65
+ --p-text-primary-pressed: rgb(0, 92, 68);
66
+ --p-surface-primary-selected: rgb(241, 248, 245);
67
+ --p-surface-primary-selected-hovered: rgb(179, 208, 195);
68
+ --p-surface-primary-selected-pressed: rgb(162, 188, 176);
69
+ --p-border-critical: rgb(253, 87, 73);
70
+ --p-border-critical-subdued: rgb(224, 179, 178);
71
+ --p-border-critical-disabled: rgb(255, 167, 163);
72
+ --p-icon-critical: rgb(215, 44, 13);
73
+ --p-surface-critical: rgb(254, 211, 209);
74
+ --p-surface-critical-subdued: rgb(255, 244, 244);
75
+ --p-surface-critical-subdued-hovered: rgb(255, 240, 240);
76
+ --p-surface-critical-subdued-pressed: rgb(255, 233, 232);
77
+ --p-surface-critical-subdued-depressed: rgb(254, 188, 185);
78
+ --p-text-critical: rgb(215, 44, 13);
79
+ --p-action-critical: rgb(216, 44, 13);
80
+ --p-action-critical-disabled: rgb(241, 241, 241);
81
+ --p-action-critical-hovered: rgb(188, 34, 0);
82
+ --p-action-critical-pressed: rgb(162, 27, 0);
83
+ --p-action-critical-depressed: rgb(108, 15, 0);
84
+ --p-icon-on-critical: rgb(255, 255, 255);
85
+ --p-text-on-critical: rgb(255, 255, 255);
86
+ --p-interactive-critical: rgb(216, 44, 13);
87
+ --p-interactive-critical-disabled: rgb(253, 147, 141);
88
+ --p-interactive-critical-hovered: rgb(205, 41, 12);
89
+ --p-interactive-critical-pressed: rgb(103, 15, 3);
90
+ --p-border-warning: rgb(185, 137, 0);
91
+ --p-border-warning-subdued: rgb(225, 184, 120);
92
+ --p-icon-warning: rgb(185, 137, 0);
93
+ --p-surface-warning: rgb(255, 215, 157);
94
+ --p-surface-warning-subdued: rgb(255, 245, 234);
95
+ --p-surface-warning-subdued-hovered: rgb(255, 242, 226);
96
+ --p-surface-warning-subdued-pressed: rgb(255, 235, 211);
97
+ --p-text-warning: rgb(145, 106, 0);
98
+ --p-border-highlight: rgb(68, 157, 167);
99
+ --p-border-highlight-subdued: rgb(152, 198, 205);
100
+ --p-icon-highlight: rgb(0, 160, 172);
101
+ --p-surface-highlight: rgb(164, 232, 242);
102
+ --p-surface-highlight-subdued: rgb(235, 249, 252);
103
+ --p-surface-highlight-subdued-hovered: rgb(228, 247, 250);
104
+ --p-surface-highlight-subdued-pressed: rgb(213, 243, 248);
105
+ --p-text-highlight: rgb(52, 124, 132);
106
+ --p-border-success: rgb(0, 164, 124);
107
+ --p-border-success-subdued: rgb(149, 201, 180);
108
+ --p-icon-success: rgb(0, 127, 95);
109
+ --p-surface-success: rgb(174, 233, 209);
110
+ --p-surface-success-subdued: rgb(241, 248, 245);
111
+ --p-surface-success-subdued-hovered: rgb(236, 246, 241);
112
+ --p-surface-success-subdued-pressed: rgb(226, 241, 234);
113
+ --p-text-success: rgb(0, 128, 96);
114
+ --p-decorative-one-icon: rgb(126, 87, 0);
115
+ --p-decorative-one-surface: rgb(255, 201, 107);
116
+ --p-decorative-one-text: rgb(61, 40, 0);
117
+ --p-decorative-two-icon: rgb(175, 41, 78);
118
+ --p-decorative-two-surface: rgb(255, 196, 176);
119
+ --p-decorative-two-text: rgb(73, 11, 28);
120
+ --p-decorative-three-icon: rgb(0, 109, 65);
121
+ --p-decorative-three-surface: rgb(146, 230, 181);
122
+ --p-decorative-three-text: rgb(0, 47, 25);
123
+ --p-decorative-four-icon: rgb(0, 106, 104);
124
+ --p-decorative-four-surface: rgb(145, 224, 214);
125
+ --p-decorative-four-text: rgb(0, 45, 45);
126
+ --p-decorative-five-icon: rgb(174, 43, 76);
127
+ --p-decorative-five-surface: rgb(253, 201, 208);
128
+ --p-decorative-five-text: rgb(79, 14, 31);
129
+ }
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shopify/polaris-tokens",
3
- "version": "2.17.0",
3
+ "version": "2.18.0",
4
4
  "description": "Design Tokens for the Polaris Design System",
5
5
  "main": "index.js",
6
6
  "types": "dist/index.d.ts",
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: polaris_tokens
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.17.0
4
+ version: 2.18.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shopify
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-01-14 00:00:00.000000000 Z
11
+ date: 2021-01-27 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Design Tokens for the Polaris Design System
14
14
  email:
@@ -23,10 +23,12 @@ files:
23
23
  - dist-modern/palette/base.dark.figma.json
24
24
  - dist-modern/palette/base.dark.ios.json
25
25
  - dist-modern/palette/base.dark.json
26
+ - dist-modern/palette/base.dark.polaris.custom-properties.css
26
27
  - dist-modern/palette/base.light.android.xml
27
28
  - dist-modern/palette/base.light.figma.json
28
29
  - dist-modern/palette/base.light.ios.json
29
30
  - dist-modern/palette/base.light.json
31
+ - dist-modern/palette/base.light.polaris.custom-properties.css
30
32
  - dist-modern/theme/base.json
31
33
  - dist/Polaris.ase
32
34
  - dist/Polaris.clr