shopify_app 15.0.1 → 16.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.github/workflows/build.yml +38 -0
- data/.github/workflows/rubocop.yml +1 -7
- data/.gitignore +0 -2
- data/CHANGELOG.md +4 -0
- data/Gemfile.lock +252 -0
- data/README.md +1 -1
- data/app/assets/images/storage_access.svg +1 -2
- data/app/views/shopify_app/partials/_button_styles.html.erb +41 -36
- data/app/views/shopify_app/partials/_card_styles.html.erb +3 -3
- data/app/views/shopify_app/partials/_empty_state_styles.html.erb +28 -59
- data/app/views/shopify_app/partials/_form_styles.html.erb +56 -0
- data/app/views/shopify_app/partials/_layout_styles.html.erb +16 -1
- data/app/views/shopify_app/partials/_typography_styles.html.erb +6 -6
- data/app/views/shopify_app/sessions/enable_cookies.html.erb +1 -1
- data/app/views/shopify_app/sessions/new.html.erb +38 -110
- data/app/views/shopify_app/sessions/request_storage_access.html.erb +1 -1
- data/app/views/shopify_app/sessions/top_level_interaction.html.erb +20 -15
- data/lib/shopify_app/session/jwt.rb +2 -0
- data/lib/shopify_app/version.rb +1 -1
- data/package.json +1 -1
- metadata +4 -2
- data/.travis.yml +0 -27
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: cb021068958e3d20cb00ac2e038b2b51b475a70fe586756b426b4fe9f36ee214
|
|
4
|
+
data.tar.gz: 1263b5be44c7a8db83e4620130e00e191d30e12f541edc93861cf2383c132be1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0105ac8d2e7efe5b523ed8ab9d3e968ab9613215b000fb99c6f9515b2379428da7b291c3a2c0b6e9640440d9f2754474a3c11a62b3de2f9dbbdd4d02003af12e
|
|
7
|
+
data.tar.gz: 320fd2f2cf36367bffc54edf546169cc13d9be9ee3b02a3fdd02e1df9333529cfe323378e303872284567ed7f6642399dfbbc5ad46ba29a15ebc012184d25035
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
name: CI
|
|
2
|
+
|
|
3
|
+
on:
|
|
4
|
+
push:
|
|
5
|
+
|
|
6
|
+
jobs:
|
|
7
|
+
build:
|
|
8
|
+
runs-on: macos-latest # prevents intermittent Chrome Headless error unlike ubuntu
|
|
9
|
+
name: Ruby ${{ matrix.version }}
|
|
10
|
+
strategy:
|
|
11
|
+
matrix:
|
|
12
|
+
version: [2.5, 2.6, 2.7]
|
|
13
|
+
|
|
14
|
+
steps:
|
|
15
|
+
- uses: actions/checkout@v2
|
|
16
|
+
- name: Cache node modules
|
|
17
|
+
uses: actions/cache@v2
|
|
18
|
+
with:
|
|
19
|
+
# npm cache files are stored in `~/.npm` on Linux/macOS
|
|
20
|
+
path: ~/.npm
|
|
21
|
+
key: ${{ runner.os }}-npm-${{ hashFiles('**/package-lock.json') }}
|
|
22
|
+
- name: Set up Ruby ${{ matrix.version }}
|
|
23
|
+
uses: ruby/setup-ruby@v1
|
|
24
|
+
with:
|
|
25
|
+
ruby-version: ${{ matrix.version }}
|
|
26
|
+
bundler-cache: true
|
|
27
|
+
- name: Set up Node
|
|
28
|
+
uses: actions/setup-node@v2-beta
|
|
29
|
+
with:
|
|
30
|
+
node-version: '12'
|
|
31
|
+
- name: Install Dependencies
|
|
32
|
+
run: |
|
|
33
|
+
yarn
|
|
34
|
+
- name: Run Tests
|
|
35
|
+
run: |
|
|
36
|
+
yarn test
|
|
37
|
+
bundle exec rake test
|
|
38
|
+
|
|
@@ -12,13 +12,7 @@ jobs:
|
|
|
12
12
|
uses: ruby/setup-ruby@v1
|
|
13
13
|
with:
|
|
14
14
|
ruby-version: 2.7
|
|
15
|
-
|
|
16
|
-
uses: actions/cache@v1
|
|
17
|
-
with:
|
|
18
|
-
path: vendor/bundle
|
|
19
|
-
key: ${{ runner.os }}-rubocop-${{ hashFiles('**/Gemfile.lock') }}
|
|
20
|
-
restore-keys: |
|
|
21
|
-
${{ runner.os }}-rubocop-
|
|
15
|
+
bundler-cache: true
|
|
22
16
|
- name: Install gems
|
|
23
17
|
run: |
|
|
24
18
|
bundle config path vendor/bundle
|
data/.gitignore
CHANGED
data/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
16.0.0
|
|
2
|
+
------
|
|
3
|
+
* Update all `html.erb` and `css` files to correspond with updated store admin design language [#1102](https://github.com/Shopify/shopify_app/pull/1102)
|
|
4
|
+
|
|
1
5
|
15.0.1
|
|
2
6
|
------
|
|
3
7
|
* Allow JWT session token `sub` field to be parsed as a string [#1103](https://github.com/Shopify/shopify_app/pull/1103)
|
data/Gemfile.lock
ADDED
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
PATH
|
|
2
|
+
remote: .
|
|
3
|
+
specs:
|
|
4
|
+
shopify_app (16.0.0)
|
|
5
|
+
browser_sniffer (~> 1.2.2)
|
|
6
|
+
jwt (~> 2.2.1)
|
|
7
|
+
omniauth-shopify-oauth2 (~> 2.2.2)
|
|
8
|
+
rails (> 5.2.1)
|
|
9
|
+
redirect_safely (~> 1.0)
|
|
10
|
+
shopify_api (~> 9.1)
|
|
11
|
+
|
|
12
|
+
GEM
|
|
13
|
+
remote: https://rubygems.org/
|
|
14
|
+
specs:
|
|
15
|
+
actioncable (6.0.3.3)
|
|
16
|
+
actionpack (= 6.0.3.3)
|
|
17
|
+
nio4r (~> 2.0)
|
|
18
|
+
websocket-driver (>= 0.6.1)
|
|
19
|
+
actionmailbox (6.0.3.3)
|
|
20
|
+
actionpack (= 6.0.3.3)
|
|
21
|
+
activejob (= 6.0.3.3)
|
|
22
|
+
activerecord (= 6.0.3.3)
|
|
23
|
+
activestorage (= 6.0.3.3)
|
|
24
|
+
activesupport (= 6.0.3.3)
|
|
25
|
+
mail (>= 2.7.1)
|
|
26
|
+
actionmailer (6.0.3.3)
|
|
27
|
+
actionpack (= 6.0.3.3)
|
|
28
|
+
actionview (= 6.0.3.3)
|
|
29
|
+
activejob (= 6.0.3.3)
|
|
30
|
+
mail (~> 2.5, >= 2.5.4)
|
|
31
|
+
rails-dom-testing (~> 2.0)
|
|
32
|
+
actionpack (6.0.3.3)
|
|
33
|
+
actionview (= 6.0.3.3)
|
|
34
|
+
activesupport (= 6.0.3.3)
|
|
35
|
+
rack (~> 2.0, >= 2.0.8)
|
|
36
|
+
rack-test (>= 0.6.3)
|
|
37
|
+
rails-dom-testing (~> 2.0)
|
|
38
|
+
rails-html-sanitizer (~> 1.0, >= 1.2.0)
|
|
39
|
+
actiontext (6.0.3.3)
|
|
40
|
+
actionpack (= 6.0.3.3)
|
|
41
|
+
activerecord (= 6.0.3.3)
|
|
42
|
+
activestorage (= 6.0.3.3)
|
|
43
|
+
activesupport (= 6.0.3.3)
|
|
44
|
+
nokogiri (>= 1.8.5)
|
|
45
|
+
actionview (6.0.3.3)
|
|
46
|
+
activesupport (= 6.0.3.3)
|
|
47
|
+
builder (~> 3.1)
|
|
48
|
+
erubi (~> 1.4)
|
|
49
|
+
rails-dom-testing (~> 2.0)
|
|
50
|
+
rails-html-sanitizer (~> 1.1, >= 1.2.0)
|
|
51
|
+
activejob (6.0.3.3)
|
|
52
|
+
activesupport (= 6.0.3.3)
|
|
53
|
+
globalid (>= 0.3.6)
|
|
54
|
+
activemodel (6.0.3.3)
|
|
55
|
+
activesupport (= 6.0.3.3)
|
|
56
|
+
activemodel-serializers-xml (1.0.2)
|
|
57
|
+
activemodel (> 5.x)
|
|
58
|
+
activesupport (> 5.x)
|
|
59
|
+
builder (~> 3.1)
|
|
60
|
+
activerecord (6.0.3.3)
|
|
61
|
+
activemodel (= 6.0.3.3)
|
|
62
|
+
activesupport (= 6.0.3.3)
|
|
63
|
+
activeresource (5.1.1)
|
|
64
|
+
activemodel (>= 5.0, < 7)
|
|
65
|
+
activemodel-serializers-xml (~> 1.0)
|
|
66
|
+
activesupport (>= 5.0, < 7)
|
|
67
|
+
activestorage (6.0.3.3)
|
|
68
|
+
actionpack (= 6.0.3.3)
|
|
69
|
+
activejob (= 6.0.3.3)
|
|
70
|
+
activerecord (= 6.0.3.3)
|
|
71
|
+
marcel (~> 0.3.1)
|
|
72
|
+
activesupport (6.0.3.3)
|
|
73
|
+
concurrent-ruby (~> 1.0, >= 1.0.2)
|
|
74
|
+
i18n (>= 0.7, < 2)
|
|
75
|
+
minitest (~> 5.1)
|
|
76
|
+
tzinfo (~> 1.1)
|
|
77
|
+
zeitwerk (~> 2.2, >= 2.2.2)
|
|
78
|
+
addressable (2.7.0)
|
|
79
|
+
public_suffix (>= 2.0.2, < 5.0)
|
|
80
|
+
ast (2.4.1)
|
|
81
|
+
binding_of_caller (0.8.0)
|
|
82
|
+
debug_inspector (>= 0.0.1)
|
|
83
|
+
browser_sniffer (1.2.2)
|
|
84
|
+
builder (3.2.4)
|
|
85
|
+
byebug (11.1.3)
|
|
86
|
+
coderay (1.1.3)
|
|
87
|
+
concurrent-ruby (1.1.7)
|
|
88
|
+
crack (0.4.4)
|
|
89
|
+
crass (1.0.6)
|
|
90
|
+
debug_inspector (0.0.3)
|
|
91
|
+
erubi (1.9.0)
|
|
92
|
+
faraday (1.1.0)
|
|
93
|
+
multipart-post (>= 1.2, < 3)
|
|
94
|
+
ruby2_keywords
|
|
95
|
+
globalid (0.4.2)
|
|
96
|
+
activesupport (>= 4.2.0)
|
|
97
|
+
graphql (1.11.6)
|
|
98
|
+
graphql-client (0.16.0)
|
|
99
|
+
activesupport (>= 3.0)
|
|
100
|
+
graphql (~> 1.8)
|
|
101
|
+
hashdiff (1.0.1)
|
|
102
|
+
hashie (4.1.0)
|
|
103
|
+
i18n (1.8.5)
|
|
104
|
+
concurrent-ruby (~> 1.0)
|
|
105
|
+
jwt (2.2.2)
|
|
106
|
+
loofah (2.7.0)
|
|
107
|
+
crass (~> 1.0.2)
|
|
108
|
+
nokogiri (>= 1.5.9)
|
|
109
|
+
mail (2.7.1)
|
|
110
|
+
mini_mime (>= 0.1.1)
|
|
111
|
+
marcel (0.3.3)
|
|
112
|
+
mimemagic (~> 0.3.2)
|
|
113
|
+
method_source (0.9.2)
|
|
114
|
+
mimemagic (0.3.5)
|
|
115
|
+
mini_mime (1.0.2)
|
|
116
|
+
mini_portile2 (2.4.0)
|
|
117
|
+
minitest (5.14.2)
|
|
118
|
+
mocha (1.11.2)
|
|
119
|
+
multi_json (1.15.0)
|
|
120
|
+
multi_xml (0.6.0)
|
|
121
|
+
multipart-post (2.1.1)
|
|
122
|
+
nio4r (2.5.4)
|
|
123
|
+
nokogiri (1.10.10)
|
|
124
|
+
mini_portile2 (~> 2.4.0)
|
|
125
|
+
oauth2 (1.4.4)
|
|
126
|
+
faraday (>= 0.8, < 2.0)
|
|
127
|
+
jwt (>= 1.0, < 3.0)
|
|
128
|
+
multi_json (~> 1.3)
|
|
129
|
+
multi_xml (~> 0.5)
|
|
130
|
+
rack (>= 1.2, < 3)
|
|
131
|
+
omniauth (1.9.1)
|
|
132
|
+
hashie (>= 3.4.6)
|
|
133
|
+
rack (>= 1.6.2, < 3)
|
|
134
|
+
omniauth-oauth2 (1.5.0)
|
|
135
|
+
oauth2 (~> 1.1)
|
|
136
|
+
omniauth (~> 1.2)
|
|
137
|
+
omniauth-shopify-oauth2 (2.2.3)
|
|
138
|
+
activesupport
|
|
139
|
+
omniauth-oauth2 (~> 1.5.0)
|
|
140
|
+
parallel (1.20.1)
|
|
141
|
+
parser (2.7.2.0)
|
|
142
|
+
ast (~> 2.4.1)
|
|
143
|
+
pry (0.12.2)
|
|
144
|
+
coderay (~> 1.1.0)
|
|
145
|
+
method_source (~> 0.9.0)
|
|
146
|
+
pry-nav (0.3.0)
|
|
147
|
+
pry (>= 0.9.10, < 0.13.0)
|
|
148
|
+
pry-stack_explorer (0.4.9.3)
|
|
149
|
+
binding_of_caller (>= 0.7)
|
|
150
|
+
pry (>= 0.9.11)
|
|
151
|
+
public_suffix (4.0.6)
|
|
152
|
+
rack (2.2.3)
|
|
153
|
+
rack-test (1.1.0)
|
|
154
|
+
rack (>= 1.0, < 3)
|
|
155
|
+
rails (6.0.3.3)
|
|
156
|
+
actioncable (= 6.0.3.3)
|
|
157
|
+
actionmailbox (= 6.0.3.3)
|
|
158
|
+
actionmailer (= 6.0.3.3)
|
|
159
|
+
actionpack (= 6.0.3.3)
|
|
160
|
+
actiontext (= 6.0.3.3)
|
|
161
|
+
actionview (= 6.0.3.3)
|
|
162
|
+
activejob (= 6.0.3.3)
|
|
163
|
+
activemodel (= 6.0.3.3)
|
|
164
|
+
activerecord (= 6.0.3.3)
|
|
165
|
+
activestorage (= 6.0.3.3)
|
|
166
|
+
activesupport (= 6.0.3.3)
|
|
167
|
+
bundler (>= 1.3.0)
|
|
168
|
+
railties (= 6.0.3.3)
|
|
169
|
+
sprockets-rails (>= 2.0.0)
|
|
170
|
+
rails-controller-testing (1.0.5)
|
|
171
|
+
actionpack (>= 5.0.1.rc1)
|
|
172
|
+
actionview (>= 5.0.1.rc1)
|
|
173
|
+
activesupport (>= 5.0.1.rc1)
|
|
174
|
+
rails-dom-testing (2.0.3)
|
|
175
|
+
activesupport (>= 4.2.0)
|
|
176
|
+
nokogiri (>= 1.6)
|
|
177
|
+
rails-html-sanitizer (1.3.0)
|
|
178
|
+
loofah (~> 2.3)
|
|
179
|
+
railties (6.0.3.3)
|
|
180
|
+
actionpack (= 6.0.3.3)
|
|
181
|
+
activesupport (= 6.0.3.3)
|
|
182
|
+
method_source
|
|
183
|
+
rake (>= 0.8.7)
|
|
184
|
+
thor (>= 0.20.3, < 2.0)
|
|
185
|
+
rainbow (3.0.0)
|
|
186
|
+
rake (13.0.1)
|
|
187
|
+
rb-readline (0.5.5)
|
|
188
|
+
redirect_safely (1.0.0)
|
|
189
|
+
activemodel
|
|
190
|
+
regexp_parser (2.0.0)
|
|
191
|
+
rexml (3.2.4)
|
|
192
|
+
rubocop (1.5.2)
|
|
193
|
+
parallel (~> 1.10)
|
|
194
|
+
parser (>= 2.7.1.5)
|
|
195
|
+
rainbow (>= 2.2.2, < 4.0)
|
|
196
|
+
regexp_parser (>= 1.8, < 3.0)
|
|
197
|
+
rexml
|
|
198
|
+
rubocop-ast (>= 1.2.0, < 2.0)
|
|
199
|
+
ruby-progressbar (~> 1.7)
|
|
200
|
+
unicode-display_width (>= 1.4.0, < 2.0)
|
|
201
|
+
rubocop-ast (1.3.0)
|
|
202
|
+
parser (>= 2.7.1.5)
|
|
203
|
+
rubocop-shopify (1.0.7)
|
|
204
|
+
rubocop (~> 1.4)
|
|
205
|
+
ruby-progressbar (1.10.1)
|
|
206
|
+
ruby2_keywords (0.0.2)
|
|
207
|
+
shopify_api (9.2.0)
|
|
208
|
+
activeresource (>= 4.1.0, < 6.0.0)
|
|
209
|
+
graphql-client
|
|
210
|
+
rack
|
|
211
|
+
sprockets (4.0.2)
|
|
212
|
+
concurrent-ruby (~> 1.0)
|
|
213
|
+
rack (> 1, < 3)
|
|
214
|
+
sprockets-rails (3.2.2)
|
|
215
|
+
actionpack (>= 4.0)
|
|
216
|
+
activesupport (>= 4.0)
|
|
217
|
+
sprockets (>= 3.0.0)
|
|
218
|
+
sqlite3 (1.4.2)
|
|
219
|
+
thor (1.0.1)
|
|
220
|
+
thread_safe (0.3.6)
|
|
221
|
+
tzinfo (1.2.7)
|
|
222
|
+
thread_safe (~> 0.1)
|
|
223
|
+
unicode-display_width (1.7.0)
|
|
224
|
+
webmock (3.9.1)
|
|
225
|
+
addressable (>= 2.3.6)
|
|
226
|
+
crack (>= 0.3.2)
|
|
227
|
+
hashdiff (>= 0.4.0, < 2.0.0)
|
|
228
|
+
websocket-driver (0.7.3)
|
|
229
|
+
websocket-extensions (>= 0.1.0)
|
|
230
|
+
websocket-extensions (0.1.5)
|
|
231
|
+
zeitwerk (2.4.0)
|
|
232
|
+
|
|
233
|
+
PLATFORMS
|
|
234
|
+
ruby
|
|
235
|
+
|
|
236
|
+
DEPENDENCIES
|
|
237
|
+
byebug
|
|
238
|
+
minitest
|
|
239
|
+
mocha
|
|
240
|
+
pry
|
|
241
|
+
pry-nav
|
|
242
|
+
pry-stack_explorer
|
|
243
|
+
rails-controller-testing
|
|
244
|
+
rake
|
|
245
|
+
rb-readline
|
|
246
|
+
rubocop-shopify
|
|
247
|
+
shopify_app!
|
|
248
|
+
sqlite3 (~> 1.4)
|
|
249
|
+
webmock
|
|
250
|
+
|
|
251
|
+
BUNDLED WITH
|
|
252
|
+
2.1.4
|
data/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Shopify App
|
|
2
2
|
===========
|
|
3
|
-
[![Version][gem]][gem_url] [](https://github.com/Shopify/shopify_app/actions?query=workflow%3ACI)
|
|
4
4
|
|
|
5
5
|
[gem]: https://img.shields.io/gem/v/shopify_app.svg
|
|
6
6
|
[gem_url]: https://rubygems.org/gems/shopify_app
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
<svg enable-background="new 0 0 1920 1080" version="1.1" viewBox="0 0 1920 1080" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polygon points="1345 330.75 1345 437.24 1224.7 437.24 1224.7 676.56 873.52 676.56 874.04 643.85 1203.2 330.23" fill="#fff"/><path d="m1095.7 677.54c-18.553 0.074-37.107 0.163-55.66 0.126-18.553 0.056-37.107-0.188-55.66-0.233l-13.915-0.063-13.915 0.044-27.83 0.094c-18.553 0.128-37.107-5e-3 -55.66-0.056l-1.266-3e-3 3e-3 -1.259 0.047-22.532-0.093-22.532-0.068-11.266 6e-3 -11.266 0.019-22.532h2.703l0.111 22.532c0.053 7.511 0.06 15.022 0.038 22.532l-0.094 45.065-1.407-1.407c18.553 7e-3 37.107-0.041 55.66 0.086l27.83 0.131 13.915 0.066 13.915-0.028c18.553-8e-3 37.107-0.151 55.66-0.019 18.553 0.099 37.107 0.049 55.66-0.181v2.701z" fill="#0C1238"/><path d="m1225 677.54c-9.24 0.123-18.48 0.187-27.72 0.077l-13.86-0.213c-2.31-0.051-4.62-0.023-6.93 1e-3l-6.93 0.062c-9.24 0.156-18.48 0.076-27.72-0.054-2.31-0.034-4.62 1e-3 -6.93 2e-3l-6.93 0.121c-4.62 0.062-9.24-2e-3 -13.86 3e-3v-2.703c4.62-0.048 9.24-0.165 13.86-0.157l6.93 0.025c2.31 0.027 4.62 0.088 6.93 0.076 9.24-0.024 18.48-0.031 27.72 0.145 4.62 0.038 9.24 0.163 13.86 0.126l13.86-0.081c4.62-0.04 9.24 0.088 13.86 0.101 2.31 0.047 4.62-0.048 6.93-0.065 2.31-0.026 4.62-0.07 6.93-0.169v2.703z" fill="#0C1238"/><path d="m871.68 561.78l-0.13-115.72 0.07-115.72 1e-3 -1.414 1.411 3e-3 117.9 0.228 117.9-0.138 58.951-0.061 58.951 0.072 117.9 0.09 1.218 1e-3 4e-3 1.221 0.156 53.426-0.026 53.426h-2.703l-0.154-53.426 0.04-53.426 1.466 1.466-235.8-0.148-117.9-0.193-117.9 0.087 1.212-1.212-0.084 115.72c-0.058 19.286 0.032 38.573 0.074 57.859l0.15 57.859h-2.705z" fill="#0C1238"/><g fill="#E6E8F0"><circle cx="891.37" cy="344.49" r="6.812"/><circle cx="912.86" cy="345.01" r="6.812"/><circle cx="934.34" cy="345.54" r="6.812"/><path d="m1202.7 352.87h-186.64c-0.552 0-1-0.448-1-1v-11.624c0-0.552 0.448-1 1-1h186.64c0.552 0 1 0.448 1 1v11.624c0 0.552-0.448 1-1 1z" stroke="#F0F3F5" stroke-miterlimit="10"/><rect x="1288.6" y="339.25" width="17.816" height="13.624"/><path d="m1327.4 352.87h-15.816c-0.552 0-1-0.448-1-1v-11.624c0-0.552 0.448-1 1-1h15.816c0.552 0 1 0.448 1 1v11.624c0 0.552-0.447 1-1 1z"/></g><g fill="none" stroke="#8891EA" stroke-miterlimit="10" stroke-width="8"><path d="m1098.3 576.8c-24.295 0-43.99-19.695-43.99-43.99v-29.485c0-2.209 1.791-4 4-4h79.98c2.209 0 4 1.791 4 4v29.485c0 24.295-19.695 43.99-43.99 43.99z"/><path d="m1066 499.33v-12.41c0-17.804 14.433-32.237 32.237-32.237s32.237 14.433 32.237 32.237v12.41"/></g><circle cx="1098.3" cy="529.08" r="8.966" fill="#8891EA"/><line x1="1098.3" x2="1098.3" y1="529.08" y2="546.68" fill="#fff" stroke="#8891EA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="8"/><polygon points="1416.1 676.19 1358 748.57 1416.1 749.77 1225 749.77 1225 659.42 1416.1 437.19" fill="#fff"/><path d="m1415.2 497.07l-0.12-59.83 1.472 1.472-95.89-0.052-47.945-0.135c-15.982-0.023-31.963-0.14-47.945-0.085l1.2-1.2 0.139 78.077c0.086 26.026 4e-3 52.052-0.039 78.077l-0.076 78.077c0.056 26.026 0.201 52.052 0.145 78.077l-1.368-1.368 38.25 0.017v2.703l-38.251 0.1-1.444 4e-3 -6e-3 -1.454c-0.102-26.026-0.045-52.052-0.026-78.077l0.068-78.077 0.067-78.077 0.191-78.077 3e-3 -1.15h1.147l47.945-0.013 47.945-0.051 95.89 0.089 1.121 1e-3 4e-3 1.125 0.226 59.83h-2.703z" fill="#0C1238"/><path d="m1417.9 518.33c0.051 19.268 0.165 38.536 0.128 57.804l-0.022 28.902-0.134 28.902-0.134 28.902 0.061 28.902 0.087 28.902 0.046 14.451-0.034 14.451-3e-3 1.353-1.347-3e-3c-22.64-0.042-45.28-0.192-67.919-0.118l-33.96 0.144-33.96-0.025v-2.703l33.96-0.143 33.96 0.01c11.32 0.049 22.64 0.1 33.96 0.078l33.96-2e-3 -1.409 1.409c-0.03-19.268 0.125-38.536 0.178-57.804l0.103-28.902-0.051-28.902-0.051-28.902 0.081-28.902c0.128-19.268-0.116-38.536-0.204-57.804h2.704z" fill="#0C1238"/><path d="m1400.3 458.72h-160.44c-0.552 0-1-0.448-1-1v-11.624c0-0.552 0.448-1 1-1h160.44c0.552 0 1 0.448 1 1v11.624c0 0.552-0.448 1-1 1z" fill="#E6E8F0" stroke="#F0F3F5" stroke-miterlimit="10"/><path d="m1238.5 467.44c13.587-0.084 27.173-0.121 40.76-0.055l20.38 0.141c6.793 0.061 13.587-0.03 20.38-0.038 13.587-0.116 27.173-0.022 40.76 0.038 6.793 0.029 13.587-0.022 20.38-0.082 6.793-0.046 13.587 0 20.38-5e-3v1.802c-13.587 0.111-27.173 0.144-40.76 0.036-13.587 2e-3 -27.173 0.027-40.76-0.09-6.793-0.025-13.587-0.117-20.38-0.088l-20.38 0.054c-6.793 0.022-13.587-0.048-20.38-0.067-6.793-7e-3 -13.587 0.107-20.38 0.154v-1.8z" fill="#E6E8F0"/><path d="m891.69 362.56c36.392-0.084 72.784-0.121 109.18-0.055l54.588 0.141c18.196 0.062 36.392-0.034 54.588-0.043l218.35-0.043v1.802c-36.392 0.111-72.784 0.144-109.18 0.036l-109.18-0.09-54.588-0.088-54.588 0.054-54.588-0.067-54.588 0.154v-1.801z" fill="#E6E8F0"/><g fill="none" stroke="#8891EA" stroke-miterlimit="10" stroke-width="6"><path d="m1320.6 638.41c-17.878 0-32.371-14.493-32.371-32.371v-21.697c0-1.626 1.318-2.943 2.943-2.943h58.854c1.626 0 2.943 1.318 2.943 2.943v21.697c1e-3 17.878-14.491 32.371-32.369 32.371z"/><path d="m1296.9 581.4v-9.132c0-13.101 10.62-23.722 23.722-23.722 13.101 0 23.722 10.621 23.722 23.722v9.132"/></g><circle cx="1320.6" cy="604.5" r="5.88" fill="#8891EA"/><line x1="1320.6" x2="1320.6" y1="603.3" y2="616.25" fill="#fff" stroke="#8891EA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="6"/><path d="m966.35 697.36l-0.029 13.745c-0.01 1.145 0.011 2.291-0.023 3.436l-0.124 3.436c-0.103 2.291 0.022 4.582 0.121 6.872l-1.912-1.912c10.168-0.857 20.337-0.478 30.505-0.36 5.084 0.104 10.168 0.133 15.252 0.178 5.084 6e-3 10.168 0.199 15.252 0.287l7.626 0.168 7.626 0.264c2.542 0.09 5.084 0.032 7.626 0.023 2.542-0.035 5.084 0.047 7.626 0.065 10.168 0.377 20.337-0.052 30.505 0.201l7.626 0.04c2.542 6e-3 5.084-0.283 7.626-0.394 5.084-0.14 10.168-0.184 15.252-0.268 5.084-0.072 10.168-0.071 15.252-0.204 2.542-0.07 5.084-0.088 7.626-0.118 2.542-0.019 5.084 0.1 7.626 0.143 10.168 0.462 20.337-0.303 30.505 0.192 2.542 0.145 5.084 0.163 7.626 0.139 2.542 0 5.084-0.038 7.626-0.099l15.252-0.314v3.936l-15.252 0.106c-5.084 0.024-10.168 0.012-15.252 0.3-10.168 0.483-20.337-0.281-30.505-0.213-20.337-1.165-40.673 0.704-61.01-0.137-2.542 0.117-5.084 0.33-7.626 0.382-2.542 0.092-5.084 0.173-7.626-0.018s-5.084-0.219-7.626-0.183c-2.542-2e-3 -5.084 0.099-7.626 0.081-2.542-0.027-5.084 0.026-7.626-0.066-1.271-0.039-2.542-0.079-3.813-0.09-1.271-0.022-2.542-0.05-3.813 0.018-2.542 0.097-5.084 0.355-7.626 0.327-1.271-0.037-2.542-0.06-3.813-0.12l-3.813-0.238c-2.542-0.162-5.084-0.324-7.626-0.268-2.542 0.109-5.084-0.092-7.626-0.222-2.542-0.112-5.084-0.326-7.626-0.371-2.542-0.094-5.084-0.061-7.626-0.038-5.084 0.101-10.168 0.266-15.252 0.414-2.542 0.071-5.084 0.122-7.626 0.123l-7.626-0.19-1.598-0.04 0.032-1.527c0.047-2.291 0.153-4.582 9e-3 -6.872l-0.162-3.436c-0.047-1.145-0.04-2.291-0.062-3.436l-0.186-13.745h3.934z" fill="#E6E8F0"/><path d="m1434.8 722.88l16.096 0.019 8.048 0.01c2.683 0.018 5.365-0.029 8.048 0.05l-1.89 1.89c0.07-3.44 0.218-6.88 0.086-10.32l-0.312-10.32c-0.261-6.88-0.364-13.76-0.339-20.639l0.314-41.279c0.052-6.88 0.033-13.76 0.144-20.639l0.275-20.639c0.057-6.88 0.274-13.76 0.375-20.639 0.058-6.88-0.069-13.76 0.033-20.639l0.226-20.639-0.071-10.32-0.046-5.16 0.032-5.16 0.11-20.639c0.012-3.44 0.045-6.88-0.068-10.32-0.149-3.44-0.261-6.88-0.361-10.32l-0.328-41.279c-0.074-6.88-0.188-13.76-0.211-20.639 0.028-6.88 0.177-13.76 0.261-20.639l1.77 1.77c-4.37-0.095-8.74 1e-3 -13.111 1e-3l-13.111 0.063c-4.37 1e-3 -8.74 0.084-13.111 0.016l-13.111-0.231c-4.37-0.118-8.74-0.058-13.111-0.055-4.37-4e-3 -8.74 0.077-13.111 0.113l-26.221 0.29v-3.936l26.221-0.107 13.111-0.052c4.37-0.026 8.74 2e-3 13.111-0.14l13.111-0.262c4.37-0.066 8.74 0.04 13.111 0.051l26.221 0.283 2.211 0.024-0.016 2.172c-0.049 6.88-0.045 13.76-0.139 20.639-0.152 6.88-0.325 13.76-0.304 20.639l0.499 41.279c-0.024 1.72-0.037 3.44-0.138 5.16l-0.297 5.16c-0.137 3.44-0.045 6.88 0.01 10.32 0.12 6.88 0.479 13.76 0.59 20.639 0.273 6.88-0.127 13.76-0.227 20.639-0.014 6.88 0.146 13.76 0.091 20.639 0.051 6.88-0.202 13.76-0.162 20.639 0.04 3.44 0.226 6.88 0.324 10.32 0.061 3.44 4e-3 6.88-0.082 10.32l-0.356 10.32c-0.047 1.72-0.141 3.44-0.149 5.16l2e-3 5.16c-0.012 1.72 0.032 3.44-0.026 5.16l-0.164 5.16-0.335 10.32c-0.306 13.76 0.065 27.519 0.289 41.279 0.074 3.44 0.091 6.88 0.13 10.32 0.059 3.44-0.071 6.88-0.098 10.32l-0.153 10.32c-0.053 1.72 0.021 3.44 0.049 5.16l0.139 5.16 0.044 1.627-1.73 0.06c-2.683 0.093-5.365 0.065-8.048 0.1l-8.048 0.061-16.096 0.121v-3.941z" fill="#E6E8F0"/></svg>
|
|
1
|
+
<svg width="140" height="140" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M79 55a9 9 0 00-18 0v8h18v-8zm6 8v-8a15 15 0 00-30 0v8h-5a2 2 0 00-2 2v20a15 15 0 0015 15h14a15 15 0 0015-15V65a2 2 0 00-2-2h-5zM70 90a3 3 0 01-3-3V75a3 3 0 116 0v12a3 3 0 01-3 3z" fill="#8C9196"/></svg>
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
<style>
|
|
2
2
|
.Polaris-Button {
|
|
3
|
-
fill:#637381;
|
|
4
3
|
position:relative;
|
|
5
4
|
display:-webkit-inline-box;
|
|
6
5
|
display:-ms-inline-flexbox;
|
|
@@ -15,12 +14,14 @@
|
|
|
15
14
|
min-width:3.6rem;
|
|
16
15
|
margin:0;
|
|
17
16
|
padding:0.7rem 1.6rem;
|
|
18
|
-
background
|
|
19
|
-
border:1px solid #
|
|
20
|
-
|
|
21
|
-
border-
|
|
17
|
+
background-color:#ffffff;
|
|
18
|
+
border:1px solid #babfc3;
|
|
19
|
+
border-top-color: #c9cccf;
|
|
20
|
+
border-bottom-color: #babfc4;
|
|
21
|
+
box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.05);
|
|
22
|
+
border-radius:4px;
|
|
22
23
|
line-height:1;
|
|
23
|
-
color:#
|
|
24
|
+
color:#202223;
|
|
24
25
|
text-align:center;
|
|
25
26
|
cursor:pointer;
|
|
26
27
|
-webkit-user-select:none;
|
|
@@ -29,30 +30,44 @@
|
|
|
29
30
|
user-select:none;
|
|
30
31
|
text-decoration:none;
|
|
31
32
|
transition-property:background, border, box-shadow;
|
|
32
|
-
transition-duration:
|
|
33
|
+
transition-duration:100ms;
|
|
33
34
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1);
|
|
34
35
|
}
|
|
35
36
|
|
|
36
37
|
.Polaris-Button:hover {
|
|
37
|
-
background
|
|
38
|
-
border-color:#c4cdd5;
|
|
38
|
+
background-color:#f6f6f7;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.Polaris-Button:focus {
|
|
42
|
-
border-color:#5c6ac4;
|
|
43
42
|
outline:0;
|
|
44
|
-
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.Polaris-Button:focus:after {
|
|
46
|
+
box-shadow:0 0 0 .2rem #448fff;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.Polaris-Button:after {
|
|
50
|
+
content:'';
|
|
51
|
+
position:absolute;
|
|
52
|
+
z-index:1;
|
|
53
|
+
top:-.2rem;
|
|
54
|
+
right:-.2rem;
|
|
55
|
+
bottom:-.2rem;
|
|
56
|
+
left:-.2rem;
|
|
57
|
+
display:block;
|
|
58
|
+
pointer-events:none;
|
|
59
|
+
box-shadow:0 0 0 -.2rem #448fff;
|
|
60
|
+
transition:box-shadow 100ms cubic-bezier(0.64, 0, 0.35, 1);
|
|
61
|
+
border-radius:5px;
|
|
45
62
|
}
|
|
46
63
|
|
|
47
64
|
.Polaris-Button:active {
|
|
48
|
-
background
|
|
49
|
-
border-color:#c4cdd5;
|
|
50
|
-
box-shadow:0 0 0 0 transparent, inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.2);
|
|
65
|
+
background-color:#f1f2f3);
|
|
51
66
|
}
|
|
52
67
|
|
|
53
68
|
.Polaris-Button__Content {
|
|
54
|
-
font-size:1.
|
|
55
|
-
font-weight:
|
|
69
|
+
font-size:1.4rem;
|
|
70
|
+
font-weight:500;
|
|
56
71
|
line-height:1.6rem;
|
|
57
72
|
text-transform:initial;
|
|
58
73
|
letter-spacing:initial;
|
|
@@ -70,35 +85,25 @@
|
|
|
70
85
|
min-height:1px;
|
|
71
86
|
}
|
|
72
87
|
|
|
73
|
-
@media (min-width: 40em) {
|
|
74
|
-
.Polaris-Button__Content {
|
|
75
|
-
font-size:1.4rem;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
88
|
.Polaris-Button--primary {
|
|
80
|
-
background
|
|
81
|
-
border-color
|
|
82
|
-
|
|
89
|
+
background-color:#008060;
|
|
90
|
+
border-color:transparent;
|
|
91
|
+
border-width:0;
|
|
83
92
|
color:white;
|
|
84
|
-
fill:white;
|
|
85
93
|
}
|
|
86
94
|
|
|
87
95
|
.Polaris-Button--primary:hover {
|
|
88
|
-
background
|
|
89
|
-
border-color
|
|
96
|
+
background-color:#006e52;
|
|
97
|
+
border-color:transparent;
|
|
90
98
|
color:white;
|
|
91
|
-
text-decoration:none;
|
|
92
99
|
}
|
|
93
100
|
|
|
94
|
-
.Polaris-Button--primary:
|
|
95
|
-
|
|
96
|
-
|
|
101
|
+
.Polaris-Button--primary:active {
|
|
102
|
+
background-color:#005e46;
|
|
103
|
+
border-color:transparent;
|
|
97
104
|
}
|
|
98
105
|
|
|
99
|
-
.Polaris-Button--
|
|
100
|
-
|
|
101
|
-
border-color:#38469b;
|
|
102
|
-
box-shadow:inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 1px 0 #38469b;
|
|
106
|
+
.Polaris-Button--sizeLarge {
|
|
107
|
+
padding:1.1rem 2.4rem;
|
|
103
108
|
}
|
|
104
109
|
</style>
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
@media (min-width: 30.625em) {
|
|
13
13
|
.Polaris-Card {
|
|
14
|
-
border-radius:
|
|
14
|
+
border-radius:8px;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.Polaris-Card__Section + .Polaris-Card__Section {
|
|
27
|
-
border-top
|
|
27
|
+
border-top:.1rem solid #e4e5e7;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.Polaris-Card__Section--subdued {
|
|
31
|
-
background-color:#
|
|
31
|
+
background-color:#fafbfb;
|
|
32
32
|
}
|
|
33
33
|
</style>
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
-ms-flex-align:center;
|
|
12
12
|
align-items:center;
|
|
13
13
|
width:100%;
|
|
14
|
-
margin:
|
|
15
|
-
padding:2rem 0;
|
|
14
|
+
margin:0 auto;
|
|
15
|
+
padding:2rem 0 6rem;
|
|
16
16
|
max-width:99.8rem;
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -24,33 +24,22 @@
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.Polaris-EmptyState__Section {
|
|
27
|
-
position:relative;
|
|
28
27
|
display:-webkit-box;
|
|
29
28
|
display:-ms-flexbox;
|
|
30
29
|
display:flex;
|
|
31
30
|
-webkit-box-orient:vertical;
|
|
32
|
-
-webkit-box-direction:
|
|
33
|
-
-ms-flex-direction:column;
|
|
34
|
-
flex-direction:column;
|
|
31
|
+
-webkit-box-direction:reverse;
|
|
32
|
+
-ms-flex-direction:column-reverse;
|
|
33
|
+
flex-direction:column-reverse;
|
|
35
34
|
-webkit-box-flex:1;
|
|
36
35
|
-ms-flex:1 1 auto;
|
|
37
36
|
flex:1 1 auto;
|
|
37
|
+
-webkit-box-align:center;
|
|
38
|
+
-ms-flex-align:center;
|
|
39
|
+
align-items:center;
|
|
38
40
|
width:100%;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
|
-
@media (min-width: 46.5em) {
|
|
42
|
-
.Polaris-EmptyState__Section {
|
|
43
|
-
left:2rem;
|
|
44
|
-
-webkit-box-orient:horizontal;
|
|
45
|
-
-webkit-box-direction:normal;
|
|
46
|
-
-ms-flex-direction:row;
|
|
47
|
-
flex-direction:row;
|
|
48
|
-
-webkit-box-align:center;
|
|
49
|
-
-ms-flex-align:center;
|
|
50
|
-
align-items:center;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
43
|
.Polaris-EmptyState__ImageContainer,
|
|
55
44
|
.Polaris-EmptyState__DetailsContainer {
|
|
56
45
|
-webkit-box-flex:1;
|
|
@@ -58,6 +47,7 @@
|
|
|
58
47
|
flex:1 1 auto;
|
|
59
48
|
padding:0;
|
|
60
49
|
margin:0;
|
|
50
|
+
text-align:center;
|
|
61
51
|
}
|
|
62
52
|
|
|
63
53
|
@media (min-width: 46.5em) {
|
|
@@ -68,37 +58,32 @@
|
|
|
68
58
|
}
|
|
69
59
|
}
|
|
70
60
|
|
|
71
|
-
@media (max-width: 30.625em) {
|
|
72
|
-
.Polaris-EmptyState__ImageContainer,
|
|
73
|
-
.Polaris-EmptyState__DetailsContainer {
|
|
74
|
-
overflow-x:hidden;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
61
|
.Polaris-EmptyState__Details {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
62
|
+
max-width:40rem;
|
|
63
|
+
display:-webkit-box;
|
|
64
|
+
display:-ms-flexbox;
|
|
65
|
+
display: flex;
|
|
66
|
+
-webkit-box-orient:vertical;
|
|
67
|
+
-webkit-box-direction:normal;
|
|
68
|
+
-ms-flex-direction:column;
|
|
69
|
+
flex-direction: column;
|
|
70
|
+
-webkit-box-align:center;
|
|
71
|
+
-ms-flex-align:center;
|
|
72
|
+
align-items: center;
|
|
89
73
|
}
|
|
90
74
|
|
|
91
75
|
.Polaris-EmptyState__Content {
|
|
92
|
-
|
|
76
|
+
margin-top: 1.6rem;
|
|
77
|
+
font-size:1.5rem;
|
|
93
78
|
font-weight:400;
|
|
94
|
-
line-height:
|
|
95
|
-
color:#
|
|
79
|
+
line-height:2rem;
|
|
80
|
+
color:#6d7175;
|
|
81
|
+
padding-bottom: .8rem;
|
|
96
82
|
}
|
|
97
83
|
|
|
98
84
|
@media (min-width: 40em) {
|
|
99
85
|
.Polaris-EmptyState__Content {
|
|
100
|
-
font-size:
|
|
101
|
-
line-height:2.8rem;
|
|
86
|
+
font-size:1.4rem;
|
|
102
87
|
}
|
|
103
88
|
}
|
|
104
89
|
|
|
@@ -107,23 +92,7 @@
|
|
|
107
92
|
}
|
|
108
93
|
|
|
109
94
|
.Polaris-EmptyState__Image {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
@media (min-width: 30.625em) {
|
|
114
|
-
.Polaris-EmptyState__Image {
|
|
115
|
-
display: block;
|
|
116
|
-
margin-left:-60%;
|
|
117
|
-
margin-top:-30%;
|
|
118
|
-
width:200%;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
@media (min-width: 46.5em) {
|
|
123
|
-
.Polaris-EmptyState__Image {
|
|
124
|
-
margin-top:0;
|
|
125
|
-
margin-left:-90%;
|
|
126
|
-
width:200%;
|
|
127
|
-
}
|
|
95
|
+
margin: 0;
|
|
96
|
+
width: auto;
|
|
128
97
|
}
|
|
129
98
|
</style>
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
<style>
|
|
2
|
+
.Polaris-Label {
|
|
3
|
+
margin-bottom:.4rem;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.Polaris-Label__Text {
|
|
7
|
+
-webkit-tap-highlight-color:transparent;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.Polaris-TextField {
|
|
11
|
+
position:relative;
|
|
12
|
+
margin-bottom:1.6rem;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.Polaris-TextField--InlineError {
|
|
16
|
+
margin-bottom:.4rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.Polaris-TextField__Input {
|
|
20
|
+
width:100%;
|
|
21
|
+
padding:.5rem 1.2rem;
|
|
22
|
+
border:1px solid #c9cccf;
|
|
23
|
+
border-top-color:#aeb4b9;
|
|
24
|
+
border-radius:4px;
|
|
25
|
+
box-shadow:none;
|
|
26
|
+
line-height:2.4rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.Polaris-TextField__Input:focus {
|
|
30
|
+
outline:none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.Polaris-TextField__Backdrop:after {
|
|
34
|
+
content:'';
|
|
35
|
+
position:absolute;
|
|
36
|
+
z-index:1;
|
|
37
|
+
top:-.2rem;
|
|
38
|
+
right:-.2rem;
|
|
39
|
+
bottom:-.2rem;
|
|
40
|
+
left:-.2rem;
|
|
41
|
+
display:block;
|
|
42
|
+
pointer-events:none;
|
|
43
|
+
box-shadow:0 0 0 -.2rem #448fff;
|
|
44
|
+
transition:box-shadow .1s cubic-bezier(0.64, 0, 0.35, 1);
|
|
45
|
+
border-radius:5px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.Polaris-TextField__Input:focus~.Polaris-TextField__Backdrop:after {
|
|
49
|
+
box-shadow:0 0 0 .2rem #448fff;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.Polaris-InlineError {
|
|
53
|
+
color:#d72c0d;
|
|
54
|
+
margin-bottom:1.6rem;
|
|
55
|
+
}
|
|
56
|
+
</style>
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
min-height:100%;
|
|
36
36
|
margin:0;
|
|
37
37
|
padding:0;
|
|
38
|
-
background-color:#
|
|
38
|
+
background-color:#f6f6f7;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
*,
|
|
@@ -61,6 +61,10 @@
|
|
|
61
61
|
max-width:99.8rem;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
+
.Polaris-Page--InstallApp {
|
|
65
|
+
max-width: 70rem;
|
|
66
|
+
}
|
|
67
|
+
|
|
64
68
|
@media (min-width: 30.625em) {
|
|
65
69
|
.Polaris-Page {
|
|
66
70
|
padding:0 2rem;
|
|
@@ -73,6 +77,7 @@
|
|
|
73
77
|
}
|
|
74
78
|
|
|
75
79
|
.Polaris-Page__Content {
|
|
80
|
+
width: 100%;
|
|
76
81
|
margin:2rem 0;
|
|
77
82
|
}
|
|
78
83
|
|
|
@@ -158,6 +163,16 @@
|
|
|
158
163
|
justify-content:flex-end;
|
|
159
164
|
}
|
|
160
165
|
|
|
166
|
+
.Polaris-Stack--distributionTrailingCustomSpacing {
|
|
167
|
+
margin-right:2rem;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
@media (min-width: 30.625em) {
|
|
171
|
+
.Polaris-Stack--distributionTrailingCustomSpacing {
|
|
172
|
+
margin-right:0;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
161
176
|
.Polaris-Stack--vertical {
|
|
162
177
|
-webkit-box-orient:vertical;
|
|
163
178
|
-webkit-box-direction:normal;
|
|
@@ -16,16 +16,16 @@
|
|
|
16
16
|
margin:0;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.Polaris-DisplayText--
|
|
20
|
-
font-size:
|
|
19
|
+
.Polaris-DisplayText--sizeSmall {
|
|
20
|
+
font-size:1.6rem;
|
|
21
21
|
font-weight:400;
|
|
22
|
-
line-height:2.
|
|
22
|
+
line-height:2.4rem;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
@media (min-width: 40em) {
|
|
26
|
-
.Polaris-DisplayText--
|
|
27
|
-
font-size:
|
|
28
|
-
line-height:
|
|
26
|
+
.Polaris-DisplayText--sizeSmall {
|
|
27
|
+
font-size:2rem;
|
|
28
|
+
line-height:2.8rem;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
</div>
|
|
53
53
|
</div>
|
|
54
54
|
<div class="Polaris-Stack__Item">
|
|
55
|
-
<div class="Polaris-Stack Polaris-Stack--distributionTrailing">
|
|
55
|
+
<div class="Polaris-Stack Polaris-Stack--distributionTrailing Polaris-Stack--distributionTrailingCustomSpacing">
|
|
56
56
|
<div class="Polaris-Stack__Item">
|
|
57
57
|
<button type="button" class="Polaris-Button Polaris-Button--primary" id="AcceptCookies">
|
|
58
58
|
<span class="Polaris-Button__Content"><span><%= I18n.t('enable_cookies_action') %></span></span>
|
|
@@ -5,119 +5,47 @@
|
|
|
5
5
|
|
|
6
6
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
7
7
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
body {
|
|
17
|
-
padding: 2.5em 0;
|
|
18
|
-
color: #212b37;
|
|
19
|
-
font-family: -apple-system,BlinkMacSystemFont,San Francisco,Roboto,Segoe UI,Helvetica Neue,sans-serif;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.container {
|
|
23
|
-
width: 100%;
|
|
24
|
-
text-align: center;
|
|
25
|
-
margin-left: auto;
|
|
26
|
-
margin-right: auto;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@media screen and (min-width: 510px) {
|
|
30
|
-
.container {
|
|
31
|
-
width: 510px;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.title {
|
|
36
|
-
font-size: 1.5em;
|
|
37
|
-
margin: 2em auto;
|
|
38
|
-
display: flex;
|
|
39
|
-
align-items: center;
|
|
40
|
-
justify-content: center;
|
|
41
|
-
word-break: break-all;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.subtitle {
|
|
45
|
-
font-size: 0.8em;
|
|
46
|
-
font-weight: 500;
|
|
47
|
-
color: #64737f;
|
|
48
|
-
line-height: 2em;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.error {
|
|
52
|
-
line-height: 1em;
|
|
53
|
-
padding: 0.5em;
|
|
54
|
-
color: red;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
input.marketing-input {
|
|
58
|
-
width: 100%;
|
|
59
|
-
height: 52px;
|
|
60
|
-
padding: 0 15px;
|
|
61
|
-
box-shadow: 0 0 0 1px #ddd;
|
|
62
|
-
border: 0;
|
|
63
|
-
border-radius: 5px;
|
|
64
|
-
background-color: #fff;
|
|
65
|
-
font-size: 1em;
|
|
66
|
-
margin-bottom: 15px;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
input.marketing-input:focus {
|
|
70
|
-
color: #000;
|
|
71
|
-
outline: 0;
|
|
72
|
-
box-shadow: 0 0 0 2px #5e6ebf;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
button.marketing-button {
|
|
76
|
-
display: inline-block;
|
|
77
|
-
width: 100%;
|
|
78
|
-
padding: 1.0625em 1.875em;
|
|
79
|
-
background-color: #5e6ebf;
|
|
80
|
-
color: #fff;
|
|
81
|
-
font-weight: 700;
|
|
82
|
-
font-size: 1em;
|
|
83
|
-
text-align: center;
|
|
84
|
-
outline: none;
|
|
85
|
-
border: 0 solid transparent;
|
|
86
|
-
border-radius: 5px;
|
|
87
|
-
cursor: pointer;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
button.marketing-button:hover {
|
|
91
|
-
background: linear-gradient(to bottom, #5c6ac4, #4959bd);
|
|
92
|
-
border-color: #3f4eae;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
button.marketing-button:focus {
|
|
96
|
-
box-shadow: 0 0 0.1875em 0.1875em rgba(94,110,191,0.5);
|
|
97
|
-
background-color: #223274;
|
|
98
|
-
color: #fff;
|
|
99
|
-
}
|
|
100
|
-
</style>
|
|
8
|
+
<%= render 'shopify_app/partials/layout_styles' %>
|
|
9
|
+
<%= render 'shopify_app/partials/typography_styles' %>
|
|
10
|
+
<%= render 'shopify_app/partials/card_styles' %>
|
|
11
|
+
<%= render 'shopify_app/partials/button_styles' %>
|
|
12
|
+
<%= render 'shopify_app/partials/form_styles' %>
|
|
101
13
|
</head>
|
|
102
14
|
<body>
|
|
103
|
-
|
|
104
15
|
<main class="container" role="main">
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
16
|
+
<div class="Polaris-Page Polaris-Page--InstallApp">
|
|
17
|
+
<div class="Polaris-Page__Content">
|
|
18
|
+
<div class="Polaris-Layout">
|
|
19
|
+
<div class="Polaris-Layout__Section">
|
|
20
|
+
<div class="Polaris-Card">
|
|
21
|
+
<div class="Polaris-Card__Header">
|
|
22
|
+
<% application_name = ShopifyApp.configuration.application_name %>
|
|
23
|
+
<h1 class="Polaris-Heading">
|
|
24
|
+
<%= application_name.presence || 'Shopify App – Installation' %>
|
|
25
|
+
</h1>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="Polaris-Card__Section">
|
|
28
|
+
<%= form_tag login_path do %>
|
|
29
|
+
<div class="Polaris-Label">
|
|
30
|
+
<label class="Polaris-Label__Text" for="shop">Enter your shop domain to log in or install this app.</label>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="Polaris-TextField <%= 'Polaris-TextField--InlineError' if flash[:error]%>">
|
|
33
|
+
<input id="shop" name="shop" type="text" autofocus="autofocus" placeholder="example.myshopify.com" class="Polaris-TextField__Input">
|
|
34
|
+
<div class="Polaris-TextField__Backdrop"></div>
|
|
35
|
+
</div>
|
|
36
|
+
<% if flash[:error] %>
|
|
37
|
+
<div class="Polaris-InlineError"><%= flash[:error] %></div>
|
|
38
|
+
<% end %>
|
|
39
|
+
<button type="submit" class="Polaris-Button Polaris-Button--primary Polaris-Button--sizeLarge">
|
|
40
|
+
<span class="Polaris-Button__Content"><span>Install app</span>
|
|
41
|
+
</button>
|
|
42
|
+
<% end %>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
120
49
|
</main>
|
|
121
|
-
|
|
122
50
|
</body>
|
|
123
51
|
</html>
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
</div>
|
|
50
50
|
</div>
|
|
51
51
|
<div class="Polaris-Stack__Item">
|
|
52
|
-
<div class="Polaris-Stack Polaris-Stack--distributionTrailing">
|
|
52
|
+
<div class="Polaris-Stack Polaris-Stack--distributionTrailing Polaris-Stack--distributionTrailingCustomSpacing">
|
|
53
53
|
<div class="Polaris-Stack__Item">
|
|
54
54
|
<button type="button" class="Polaris-Button Polaris-Button--primary" id="TriggerAllowCookiesPrompt">
|
|
55
55
|
<span class="Polaris-Button__Content"><span><%= I18n.t('request_storage_access_action') %></span></span>
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
6
|
<base target="_top">
|
|
7
7
|
<title>Redirecting…</title>
|
|
8
|
+
<%= render 'shopify_app/partials/card_styles' %>
|
|
8
9
|
<%= render 'shopify_app/partials/layout_styles' %>
|
|
9
10
|
<%= render 'shopify_app/partials/typography_styles' %>
|
|
10
11
|
<%= render 'shopify_app/partials/button_styles' %>
|
|
@@ -25,26 +26,30 @@
|
|
|
25
26
|
<div class="Polaris-Layout__Section">
|
|
26
27
|
<div class="Polaris-Stack Polaris-Stack--vertical">
|
|
27
28
|
<div class="Polaris-Stack__Item">
|
|
28
|
-
<div class="Polaris-
|
|
29
|
-
<div class="Polaris-
|
|
30
|
-
<div class="Polaris-
|
|
31
|
-
<div class="Polaris-
|
|
32
|
-
<div class="Polaris-
|
|
33
|
-
<
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
<div class="Polaris-Card">
|
|
30
|
+
<div class="Polaris-Card__Section">
|
|
31
|
+
<div class="Polaris-EmptyState">
|
|
32
|
+
<div class="Polaris-EmptyState__Section">
|
|
33
|
+
<div class="Polaris-EmptyState__DetailsContainer">
|
|
34
|
+
<div class="Polaris-EmptyState__Details">
|
|
35
|
+
<div class="Polaris-TextContainer">
|
|
36
|
+
<h1 class="Polaris-DisplayText Polaris-DisplayText--sizeSmall"><%= I18n.t('top_level_interaction_heading', app: ShopifyApp.configuration.application_name) %></h1>
|
|
37
|
+
<div class="Polaris-EmptyState__Content">
|
|
38
|
+
<p><%= I18n.t('top_level_interaction_body', app: ShopifyApp.configuration.application_name) %></p>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="Polaris-EmptyState__Actions">
|
|
42
|
+
<div class="Polaris-Stack Polaris-Stack--alignmentCenter">
|
|
43
|
+
<div class="Polaris-Stack__Item"><button type="button" id="TopLevelInteractionButton" class="Polaris-Button Polaris-Button--primary Polaris-Button--sizeLarge"><span class="Polaris-Button__Content"><span class="Polaris-Button__Icon"></span><span><%= I18n.t('top_level_interaction_action') %></span></span></button></div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
36
46
|
</div>
|
|
37
47
|
</div>
|
|
38
|
-
<div class="Polaris-
|
|
39
|
-
|
|
40
|
-
<div class="Polaris-Stack__Item"><button type="button" id="TopLevelInteractionButton" class="Polaris-Button Polaris-Button--primary Polaris-Button--sizeLarge"><span class="Polaris-Button__Content"><span class="Polaris-Button__Icon"></span><span><%= I18n.t('top_level_interaction_action') %></span></span></button></div>
|
|
41
|
-
</div>
|
|
48
|
+
<div class="Polaris-EmptyState__ImageContainer">
|
|
49
|
+
<%= image_tag 'storage_access.svg', role: "presentation", alt: "", class: "Polaris-EmptyState__Image" %>
|
|
42
50
|
</div>
|
|
43
51
|
</div>
|
|
44
52
|
</div>
|
|
45
|
-
<div class="Polaris-EmptyState__ImageContainer">
|
|
46
|
-
<%= image_tag 'storage_access.svg', role: "presentation", alt: "", class: "Polaris-EmptyState__Image" %>
|
|
47
|
-
</div>
|
|
48
53
|
</div>
|
|
49
54
|
</div>
|
|
50
55
|
</div>
|
data/lib/shopify_app/version.rb
CHANGED
data/package.json
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: shopify_app
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 16.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Shopify
|
|
@@ -245,14 +245,15 @@ files:
|
|
|
245
245
|
- ".github/ISSUE_TEMPLATE.md"
|
|
246
246
|
- ".github/PULL_REQUEST_TEMPLATE.md"
|
|
247
247
|
- ".github/probots.yml"
|
|
248
|
+
- ".github/workflows/build.yml"
|
|
248
249
|
- ".github/workflows/rubocop.yml"
|
|
249
250
|
- ".gitignore"
|
|
250
251
|
- ".nvmrc"
|
|
251
252
|
- ".rubocop.yml"
|
|
252
253
|
- ".ruby-version"
|
|
253
|
-
- ".travis.yml"
|
|
254
254
|
- CHANGELOG.md
|
|
255
255
|
- Gemfile
|
|
256
|
+
- Gemfile.lock
|
|
256
257
|
- LICENSE
|
|
257
258
|
- README.md
|
|
258
259
|
- Rakefile
|
|
@@ -277,6 +278,7 @@ files:
|
|
|
277
278
|
- app/views/shopify_app/partials/_button_styles.html.erb
|
|
278
279
|
- app/views/shopify_app/partials/_card_styles.html.erb
|
|
279
280
|
- app/views/shopify_app/partials/_empty_state_styles.html.erb
|
|
281
|
+
- app/views/shopify_app/partials/_form_styles.html.erb
|
|
280
282
|
- app/views/shopify_app/partials/_layout_styles.html.erb
|
|
281
283
|
- app/views/shopify_app/partials/_typography_styles.html.erb
|
|
282
284
|
- app/views/shopify_app/sessions/enable_cookies.html.erb
|
data/.travis.yml
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
sudo: required
|
|
2
|
-
dist: trusty
|
|
3
|
-
addons:
|
|
4
|
-
chrome: stable
|
|
5
|
-
before_script:
|
|
6
|
-
- "sudo chown root /opt/google/chrome/chrome-sandbox"
|
|
7
|
-
- "sudo chmod 4755 /opt/google/chrome/chrome-sandbox"
|
|
8
|
-
language: ruby
|
|
9
|
-
cache:
|
|
10
|
-
bundler: true
|
|
11
|
-
directories:
|
|
12
|
-
- node_modules
|
|
13
|
-
yarn: true
|
|
14
|
-
|
|
15
|
-
rvm:
|
|
16
|
-
- 2.5
|
|
17
|
-
- 2.6
|
|
18
|
-
- 2.7
|
|
19
|
-
|
|
20
|
-
install:
|
|
21
|
-
- bundle install
|
|
22
|
-
- nvm install node
|
|
23
|
-
- yarn
|
|
24
|
-
|
|
25
|
-
script:
|
|
26
|
-
- yarn test
|
|
27
|
-
- bundle exec rake test
|