shift-ui-kit 0.0.46 → 0.0.47
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/images/form-field-help.svg +5 -0
- data/assets/images/form-footer/validation-status--invalid.svg +3 -0
- data/assets/images/form-footer/validation-status--valid.svg +3 -0
- data/assets/stylesheets/1-settings/_colors.scss +2 -1
- data/assets/stylesheets/2-tools/_color.scss +3 -1
- data/assets/stylesheets/4-elements/_index.scss +2 -1
- data/assets/stylesheets/6-components/_c-btn-default.scss +6 -6
- data/assets/stylesheets/6-components/_c-form-field.scss +27 -8
- data/assets/stylesheets/6-components/_c-form-footer.scss +42 -0
- data/assets/stylesheets/6-components/_c-form-group.scss +15 -0
- data/assets/stylesheets/6-components/_c-main-view.scss +0 -1
- data/assets/stylesheets/6-components/_c-section-heading.scss +1 -3
- data/assets/stylesheets/6-components/_c-well.scss +6 -0
- data/assets/stylesheets/6-components/_index.scss +3 -0
- data/assets/stylesheets/8-trumps/_index.scss +1 -0
- metadata +8 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 03a4746a6ceb0d25141577461dd8b5d777bcc6cb
|
|
4
|
+
data.tar.gz: fe7f15390bfe89200f1ff087ce27e760acd51938
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0a8792bd099151a71785ef01e5225960289214bb7adf406cde913586fdd09b3f01cdbcbaa76d0f20a3aa93c5ef1bfea260a99b09a2238b6edf4c1f908fd8d933
|
|
7
|
+
data.tar.gz: 1ee841f004bec8cc8a3e0fccb27c3b0306e9756c3909b5533fbda362a105723c7f87290af5a13b30b95d9df9e68b4f9ccc070c5e729c1f7c96709a97804ff3c2
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2
|
+
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<circle stroke="#C7D1DC" fill="#ECF0F3" cx="7" cy="7" r="6" />
|
|
4
|
+
<path d="M7.388 4.343c.066 0 .11-.044.11-.11V3.43c0-.066-.044-.11-.11-.11H6.64c-.066 0-.11.044-.11.11v.803c0 .066.044.11.11.11h.748zM7.366 10.8c.066 0 .11-.044.11-.11V5.64c0-.065-.044-.11-.11-.11h-.704c-.066 0-.11.045-.11.11v5.05c0 .066.044.11.11.11h.704z" fill="#C7D1DC" />
|
|
5
|
+
</svg>
|
|
@@ -5,7 +5,9 @@
|
|
|
5
5
|
@if $tone == base {
|
|
6
6
|
@return $color;
|
|
7
7
|
} @else if $tone == muted {
|
|
8
|
-
@return
|
|
8
|
+
@return mix(#fff, $color, 70%);
|
|
9
|
+
} @else if $tone == shadow {
|
|
10
|
+
@return darken($color, 5%);
|
|
9
11
|
} @else {
|
|
10
12
|
@warn "Unknown tone `#{$tone}` use for color function";
|
|
11
13
|
}
|
|
@@ -26,12 +26,12 @@
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
&--unsafe {
|
|
29
|
-
$base-color:
|
|
30
|
-
border-color:
|
|
31
|
-
color: $base-color;
|
|
29
|
+
$base-color: unsafe;
|
|
30
|
+
border-color: color($base-color, $tone: muted);
|
|
31
|
+
color: color($base-color);
|
|
32
32
|
&:hover, &:active, &.is-loading {
|
|
33
|
-
border-color: $base-color;
|
|
34
|
-
color: darken($base-color, 10%);
|
|
33
|
+
border-color: color($base-color);
|
|
34
|
+
color: darken(color($base-color), 10%);
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
padding: 6px 8px;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
&.is-disabled {
|
|
49
49
|
&, &:hover, &:active {
|
|
50
50
|
border-color: #ccc;
|
|
51
51
|
color: #ccc;
|
|
@@ -12,29 +12,48 @@
|
|
|
12
12
|
|
|
13
13
|
&__label, &__validation_message {
|
|
14
14
|
font-size: 13px;
|
|
15
|
-
padding
|
|
16
|
-
padding-left: 15px;
|
|
17
|
-
padding-right: 15px;
|
|
15
|
+
padding: $tight-spacing $tight-spacing 0;
|
|
18
16
|
display: inline-block;
|
|
19
17
|
font-weight: bold;
|
|
20
18
|
text-transform: uppercase;
|
|
21
|
-
color: #666;
|
|
22
19
|
}
|
|
23
20
|
|
|
24
21
|
&__validation_message {
|
|
25
|
-
margin-left: -
|
|
22
|
+
margin-left: -10px;
|
|
26
23
|
color: #ccc;
|
|
27
|
-
&--success { color:
|
|
28
|
-
&--failure { color:
|
|
24
|
+
&--success { color: color(accept) }
|
|
25
|
+
&--failure { color: color(unsafe) }
|
|
29
26
|
}
|
|
30
27
|
|
|
31
28
|
&__input {
|
|
32
29
|
width: 100%;
|
|
33
|
-
padding:
|
|
30
|
+
padding: $tight-spacing;
|
|
34
31
|
border: 0;
|
|
35
32
|
outline: 0;
|
|
36
33
|
display: block;
|
|
37
34
|
line-height: 1.5;
|
|
38
35
|
}
|
|
39
36
|
|
|
37
|
+
&__help {
|
|
38
|
+
color: color(info, $tone: muted);
|
|
39
|
+
padding: 0 $tight-spacing $tight-spacing ($tight-spacing + 20px);
|
|
40
|
+
position: relative;
|
|
41
|
+
&::before {
|
|
42
|
+
width: 14px;
|
|
43
|
+
height: 14px;
|
|
44
|
+
display: block;
|
|
45
|
+
content: " ";
|
|
46
|
+
position: absolute;
|
|
47
|
+
top: 0;
|
|
48
|
+
left: $tight-spacing;
|
|
49
|
+
background: center center no-repeat;
|
|
50
|
+
background-size: contain;
|
|
51
|
+
@if function-exists(image-url) {
|
|
52
|
+
background-image: image-url("form-field-help.svg");
|
|
53
|
+
} @else {
|
|
54
|
+
background-image: url("/assets/images/form-field-help.svg");
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
40
59
|
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
.c-form-footer {
|
|
2
|
+
padding: $default-spacing;
|
|
3
|
+
background: #fff;
|
|
4
|
+
background-clip: padding-box;
|
|
5
|
+
|
|
6
|
+
&__validation-status {
|
|
7
|
+
margin-right: $default-spacing;
|
|
8
|
+
display: inline-block;
|
|
9
|
+
font-size: 13px;
|
|
10
|
+
color: #ccc;
|
|
11
|
+
position: relative;
|
|
12
|
+
|
|
13
|
+
&::before {
|
|
14
|
+
width: 14px;
|
|
15
|
+
height: 14px;
|
|
16
|
+
display: block;
|
|
17
|
+
position: absolute;
|
|
18
|
+
margin-top: -7px;
|
|
19
|
+
top: 50%;
|
|
20
|
+
left: -16px;
|
|
21
|
+
content: " ";
|
|
22
|
+
background: center center no-repeat;
|
|
23
|
+
background-size: contain;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&--valid::before {
|
|
27
|
+
@if function-exists(image-url) {
|
|
28
|
+
background-image: image-url("form-footer/validation-status--valid.svg");
|
|
29
|
+
} @else {
|
|
30
|
+
background-image: url("/assets/images/form-footer/validation-status--valid.svg");
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&--invalid::before {
|
|
35
|
+
@if function-exists(image-url) {
|
|
36
|
+
background-image: image-url("form-footer/validation-status--invalid.svg");
|
|
37
|
+
} @else {
|
|
38
|
+
background-image: url("/assets/images/form-footer/validation-status--invalid.svg");
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.c-form-group {
|
|
2
|
+
$border-color: color(background, $tone: shadow);
|
|
3
|
+
border: 1px solid $border-color;
|
|
4
|
+
background: #fff;
|
|
5
|
+
|
|
6
|
+
& + & {
|
|
7
|
+
margin-top: $default-spacing;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&__heading {
|
|
11
|
+
margin: 0;
|
|
12
|
+
padding: $tight-spacing;
|
|
13
|
+
border-bottom: 1px solid mix($border-color, #fff);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
@import 'c-dropdown';
|
|
10
10
|
@import 'c-dropdown-group';
|
|
11
11
|
@import 'c-form-field';
|
|
12
|
+
@import 'c-form-footer';
|
|
13
|
+
@import 'c-form-group';
|
|
12
14
|
@import 'c-form-message';
|
|
13
15
|
@import 'c-data-table';
|
|
14
16
|
@import 'c-pagination';
|
|
@@ -25,3 +27,4 @@
|
|
|
25
27
|
@import 'c-default-breadcrumb';
|
|
26
28
|
@import 'c-select-all-cell';
|
|
27
29
|
@import 'c-select-row-cell';
|
|
30
|
+
@import 'c-well';
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: shift-ui-kit
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.47
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ryan Townsend
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2016-01
|
|
12
|
+
date: 2016-02-01 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: rails
|
|
@@ -75,6 +75,9 @@ files:
|
|
|
75
75
|
- assets/images/checkbox--indeterminate-checked.svg
|
|
76
76
|
- assets/images/dropdown-arrow.svg
|
|
77
77
|
- assets/images/forgotten-password-icon.svg
|
|
78
|
+
- assets/images/form-field-help.svg
|
|
79
|
+
- assets/images/form-footer/validation-status--invalid.svg
|
|
80
|
+
- assets/images/form-footer/validation-status--valid.svg
|
|
78
81
|
- assets/images/global-search-form-icon.svg
|
|
79
82
|
- assets/images/icons/close.svg
|
|
80
83
|
- assets/images/icons/plus.svg
|
|
@@ -142,6 +145,8 @@ files:
|
|
|
142
145
|
- assets/stylesheets/6-components/_c-examples-nav.scss
|
|
143
146
|
- assets/stylesheets/6-components/_c-flash-message.scss
|
|
144
147
|
- assets/stylesheets/6-components/_c-form-field.scss
|
|
148
|
+
- assets/stylesheets/6-components/_c-form-footer.scss
|
|
149
|
+
- assets/stylesheets/6-components/_c-form-group.scss
|
|
145
150
|
- assets/stylesheets/6-components/_c-form-message.scss
|
|
146
151
|
- assets/stylesheets/6-components/_c-loader.scss
|
|
147
152
|
- assets/stylesheets/6-components/_c-main-view-wrapper.scss
|
|
@@ -156,6 +161,7 @@ files:
|
|
|
156
161
|
- assets/stylesheets/6-components/_c-select-row-cell.scss
|
|
157
162
|
- assets/stylesheets/6-components/_c-tab-set.scss
|
|
158
163
|
- assets/stylesheets/6-components/_c-title-bar.scss
|
|
164
|
+
- assets/stylesheets/6-components/_c-well.scss
|
|
159
165
|
- assets/stylesheets/6-components/_index.scss
|
|
160
166
|
- assets/stylesheets/7-themes/_index.scss
|
|
161
167
|
- assets/stylesheets/8-trumps/_index.scss
|