playbook_ui 9.2.2.pre.alpha.margin → 9.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
|