playbook_ui 9.2.2.pre.alpha.margin → 9.2.2
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6e9366429ab3c44f1d80714f564bfcb258f57d59f52ff8394cea0fb3c2fdd95c
|
4
|
+
data.tar.gz: 8141ba61150a6f617a1a23f69544f5aa91270660b35c5bef6eb99814edfa214a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a0c62f4bc0a43899d686841f3965d451acc9619ccd9e288f8540ef2a52b066ed291a7f28de0bc9443327b55daf4c532e3c48ddb90d8e3eff561a7ffb88dfad58
|
7
|
+
data.tar.gz: 256020def86c309d2eec1fe3a80a92cdd6a7b7b6fa93204bde73bc7cbc69134e3cccdbf93d5b9bcc2c8458ffba6a62fd15a8369e56169bbf703c504d3c945c53
|
@@ -1,30 +1,31 @@
|
|
1
1
|
# frozen_string_literal: true
|
2
2
|
|
3
3
|
module Playbook
|
4
|
-
|
5
|
-
|
6
|
-
|
4
|
+
module PbDialog
|
5
|
+
class DialogHeader
|
6
|
+
include Playbook::Props
|
7
|
+
|
8
|
+
partial "pb_dialog/child_kits/dialog_header"
|
7
9
|
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
}
|
10
|
+
prop :closeable, type: Playbook::Props::Boolean, default: true
|
11
|
+
prop :padding
|
12
|
+
prop :separator, type: Playbook::Props::Boolean, default: true
|
13
|
+
prop :spacing
|
14
|
+
prop :text
|
15
|
+
prop :title
|
16
|
+
|
17
|
+
def dialog_header_options
|
18
|
+
{
|
19
|
+
id: id,
|
20
|
+
closeable: closeable,
|
21
|
+
padding: padding,
|
22
|
+
separator: separator,
|
23
|
+
spacing: spacing,
|
24
|
+
text: text,
|
25
|
+
title: title,
|
26
|
+
}
|
27
|
+
end
|
27
28
|
end
|
28
29
|
end
|
29
30
|
end
|
30
|
-
|
31
|
+
|
@@ -37,8 +37,6 @@ type SelectProps = {
|
|
37
37
|
id?: string,
|
38
38
|
includeBlank?: string,
|
39
39
|
label?: string,
|
40
|
-
margin: string,
|
41
|
-
marginBottom: string,
|
42
40
|
multiple?: boolean,
|
43
41
|
name?: string,
|
44
42
|
required?: boolean,
|
@@ -76,14 +74,7 @@ const Select = ({
|
|
76
74
|
const dataProps = buildDataProps(data)
|
77
75
|
const optionsList = createOptions(options)
|
78
76
|
|
79
|
-
const classes = classnames(
|
80
|
-
buildCss('pb_select'),
|
81
|
-
globalProps({
|
82
|
-
...props,
|
83
|
-
marginBottom: props.marginBottom || props.margin || 'sm',
|
84
|
-
}),
|
85
|
-
className)
|
86
|
-
|
77
|
+
const classes = classnames(buildCss('pb_select'), globalProps(props), className)
|
87
78
|
const selectWrapperClass = classnames(buildCss('pb_select_kit_wrapper'), { error }, className)
|
88
79
|
|
89
80
|
return (
|
@@ -4,6 +4,7 @@
|
|
4
4
|
@import "../tokens/colors";
|
5
5
|
|
6
6
|
[class^=pb_select] {
|
7
|
+
margin-bottom: $space_sm;
|
7
8
|
select {
|
8
9
|
@include pb_textarea_light;
|
9
10
|
@include pb_body_light;
|
@@ -64,36 +65,38 @@
|
|
64
65
|
transform: translateY(-50%);
|
65
66
|
pointer-events: none;
|
66
67
|
}
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
68
|
+
&.dark {
|
69
|
+
select {
|
70
|
+
@include pb_textarea_dark;
|
71
|
+
@include pb_body_light_dark;
|
72
|
+
background: none;
|
73
|
+
background-color: rgba($white,.10);
|
74
|
+
box-shadow: inset 0 -11px 20px rgba($white, 0.05);
|
75
|
+
text-shadow: 0 0 0 $text_dk_default;
|
76
|
+
padding-right: $space_xl;
|
77
|
+
white-space: nowrap;
|
78
|
+
overflow: hidden;
|
79
|
+
text-overflow: ellipsis;
|
80
|
+
@media (hover:hover) {
|
81
|
+
&:hover, &:active, &:focus {
|
82
|
+
background-color: rgba($white,.05);
|
83
|
+
}
|
84
|
+
}
|
85
|
+
&:focus{
|
86
|
+
border-color: $active_dark;
|
84
87
|
}
|
85
88
|
}
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
89
|
+
.pb_select_kit_caret {
|
90
|
+
color: $white;
|
91
|
+
}
|
92
|
+
.pb_select_kit_wrapper {
|
93
|
+
&.error {
|
94
|
+
.pb_select_kit_wrapper {
|
95
|
+
> select:first-child {
|
96
|
+
border-color: $error_dark;
|
97
|
+
}
|
95
98
|
}
|
96
99
|
}
|
97
100
|
}
|
98
101
|
}
|
99
|
-
}
|
102
|
+
}
|
@@ -17,17 +17,13 @@ module Playbook
|
|
17
17
|
prop :required, type: Playbook::Props::Boolean, default: false
|
18
18
|
|
19
19
|
def classname
|
20
|
-
generate_classname("pb_select"
|
20
|
+
generate_classname("pb_select")
|
21
21
|
end
|
22
22
|
|
23
23
|
def select_wrapper_class
|
24
24
|
"pb_select_kit_wrapper" + error_class
|
25
25
|
end
|
26
26
|
|
27
|
-
def select_margin_bottom
|
28
|
-
margin.present? || margin_bottom.present? ? nil : "mb_sm"
|
29
|
-
end
|
30
|
-
|
31
27
|
def options_to_array
|
32
28
|
options.map { |option| [option[:value_text] || option[:value], option[:value]] }
|
33
29
|
end
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 9.2.2
|
4
|
+
version: 9.2.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2021-04-
|
12
|
+
date: 2021-04-07 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -2103,9 +2103,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
2103
2103
|
version: '0'
|
2104
2104
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
2105
2105
|
requirements:
|
2106
|
-
- - "
|
2106
|
+
- - ">="
|
2107
2107
|
- !ruby/object:Gem::Version
|
2108
|
-
version:
|
2108
|
+
version: '0'
|
2109
2109
|
requirements: []
|
2110
2110
|
rubyforge_project:
|
2111
2111
|
rubygems_version: 2.7.3
|