playbook_ui 9.2.1 → 9.2.2.pre.alpha.margin
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 +4 -4
- data/app/pb_kits/playbook/pb_dialog/dialog_header.rb +23 -24
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +6 -0
- data/app/pb_kits/playbook/pb_select/_select.jsx +10 -1
- data/app/pb_kits/playbook/pb_select/_select.scss +27 -30
- data/app/pb_kits/playbook/pb_select/select.rb +5 -1
- data/lib/playbook/version.rb +1 -1
- metadata +4 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2f6b95a3c95145f9fa13efaa05c1af0bdc4b5d77efc767cd11c9588ed5871841
|
|
4
|
+
data.tar.gz: 1f3893825e6110b9e775be7e1ed44cead8f43db6230598e0be2b214e079265b4
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 78cd605adedf925049192ccd2c2c2abd952d87655da946ffd588226ea81a1dcef01c1c7fb8c3d242940e3217aa8c84b4b1a80c92d1b9d9e5221d067a3c28356b
|
|
7
|
+
data.tar.gz: 93034591e014904a575f68766841f9420ce4961af01a8b64619e01b8f31aec439e660f93b90611138bf4ea495fd997d21375ffb3b9ef74595c32476620a7deeb
|
|
@@ -1,31 +1,30 @@
|
|
|
1
1
|
# frozen_string_literal: true
|
|
2
2
|
|
|
3
3
|
module Playbook
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
partial "pb_dialog/child_kits/dialog_header"
|
|
4
|
+
module PbDialog
|
|
5
|
+
class DialogHeader
|
|
6
|
+
include Playbook::Props
|
|
9
7
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
8
|
+
partial "pb_dialog/child_kits/dialog_header"
|
|
9
|
+
|
|
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
|
+
}
|
|
28
27
|
end
|
|
29
28
|
end
|
|
30
29
|
end
|
|
31
|
-
|
|
30
|
+
end
|
|
@@ -81,6 +81,7 @@
|
|
|
81
81
|
position: sticky;
|
|
82
82
|
top: 0;
|
|
83
83
|
z-index: 1;
|
|
84
|
+
background-color: $white;
|
|
84
85
|
}
|
|
85
86
|
}
|
|
86
87
|
trix-editor {
|
|
@@ -211,6 +212,11 @@
|
|
|
211
212
|
border-color: $error_dark;
|
|
212
213
|
}
|
|
213
214
|
}
|
|
215
|
+
&.sticky {
|
|
216
|
+
trix-toolbar {
|
|
217
|
+
background-color: tint($bg_dark, 10%) !important;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
214
220
|
.trix-dialog.trix-dialog--link.trix-active {
|
|
215
221
|
background-color: tint($bg_dark, 10%) !important;
|
|
216
222
|
border: 1px solid rgba($white, 0.1);
|
|
@@ -37,6 +37,8 @@ type SelectProps = {
|
|
|
37
37
|
id?: string,
|
|
38
38
|
includeBlank?: string,
|
|
39
39
|
label?: string,
|
|
40
|
+
margin: string,
|
|
41
|
+
marginBottom: string,
|
|
40
42
|
multiple?: boolean,
|
|
41
43
|
name?: string,
|
|
42
44
|
required?: boolean,
|
|
@@ -74,7 +76,14 @@ const Select = ({
|
|
|
74
76
|
const dataProps = buildDataProps(data)
|
|
75
77
|
const optionsList = createOptions(options)
|
|
76
78
|
|
|
77
|
-
const classes = classnames(
|
|
79
|
+
const classes = classnames(
|
|
80
|
+
buildCss('pb_select'),
|
|
81
|
+
globalProps({
|
|
82
|
+
...props,
|
|
83
|
+
marginBottom: props.marginBottom || props.margin || 'sm',
|
|
84
|
+
}),
|
|
85
|
+
className)
|
|
86
|
+
|
|
78
87
|
const selectWrapperClass = classnames(buildCss('pb_select_kit_wrapper'), { error }, className)
|
|
79
88
|
|
|
80
89
|
return (
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
@import "../tokens/colors";
|
|
5
5
|
|
|
6
6
|
[class^=pb_select] {
|
|
7
|
-
margin-bottom: $space_sm;
|
|
8
7
|
select {
|
|
9
8
|
@include pb_textarea_light;
|
|
10
9
|
@include pb_body_light;
|
|
@@ -65,38 +64,36 @@
|
|
|
65
64
|
transform: translateY(-50%);
|
|
66
65
|
pointer-events: none;
|
|
67
66
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
&:focus{
|
|
86
|
-
border-color: $active_dark;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
[class^=pb_select].dark {
|
|
70
|
+
select {
|
|
71
|
+
@include pb_textarea_dark;
|
|
72
|
+
@include pb_body_light_dark;
|
|
73
|
+
background: none;
|
|
74
|
+
background-color: rgba($white,.10);
|
|
75
|
+
box-shadow: inset 0 -11px 20px rgba($white, 0.05);
|
|
76
|
+
text-shadow: 0 0 0 $text_dk_default;
|
|
77
|
+
padding-right: $space_xl;
|
|
78
|
+
white-space: nowrap;
|
|
79
|
+
overflow: hidden;
|
|
80
|
+
text-overflow: ellipsis;
|
|
81
|
+
@media (hover:hover) {
|
|
82
|
+
&:hover, &:active, &:focus {
|
|
83
|
+
background-color: rgba($white,.05);
|
|
87
84
|
}
|
|
88
85
|
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
86
|
+
}
|
|
87
|
+
.pb_select_kit_caret {
|
|
88
|
+
color: $white;
|
|
89
|
+
}
|
|
90
|
+
.pb_select_kit_wrapper {
|
|
91
|
+
&.error {
|
|
92
|
+
.pb_select_kit_wrapper {
|
|
93
|
+
> select:first-child {
|
|
94
|
+
border-color: $error_dark;
|
|
98
95
|
}
|
|
99
96
|
}
|
|
100
97
|
}
|
|
101
98
|
}
|
|
102
|
-
}
|
|
99
|
+
}
|
|
@@ -17,13 +17,17 @@ 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", select_margin_bottom, separator: " ")
|
|
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
|
+
|
|
27
31
|
def options_to_array
|
|
28
32
|
options.map { |option| [option[:value_text] || option[:value], option[:value]] }
|
|
29
33
|
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.
|
|
4
|
+
version: 9.2.2.pre.alpha.margin
|
|
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-08 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: 1.3.1
|
|
2109
2109
|
requirements: []
|
|
2110
2110
|
rubyforge_project:
|
|
2111
2111
|
rubygems_version: 2.7.3
|