playbook_ui 13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 → 13.34.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +1 -2
- data/app/pb_kits/playbook/pb_icon_circle/icon_circle.rb +2 -2
- data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.scss +11 -0
- data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +2 -3
- data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb +0 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb +2 -2
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js +4 -5
- data/lib/playbook/version.rb +2 -2
- metadata +5 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 73aa3f12a7f31e66a21a5928c062ef1c6438b8009d9466efce235eb93c791b55
|
|
4
|
+
data.tar.gz: b8cabf7a1af7192953baeb1b4dee1266124f6a74f67a073286463f6f6bd290f3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: '0038ea68527eeb338f99aee1b485aab9671625b24ebf9f8493d291669e7d0d6423e2166f19651f752fc2895c3ff09ccc35f2479981fd641a6c83647394213da2'
|
|
7
|
+
data.tar.gz: 0f14caa5502511778773d8857e2c1c8f1780efa0a716f7970b7fde2f3340f119ff77fd36ff3daa85cc7bb510807e471b40ffca22efbe0a6de8f776d861f511f3
|
|
@@ -10,8 +10,8 @@ module Playbook
|
|
|
10
10
|
values: %w[xxs xs sm md base lg xl],
|
|
11
11
|
default: "md"
|
|
12
12
|
prop :variant, type: Playbook::Props::Enum,
|
|
13
|
-
values: %w[default royal blue orange purple teal red yellow green orange
|
|
14
|
-
default: "
|
|
13
|
+
values: %w[default royal blue orange purple teal red yellow green orange],
|
|
14
|
+
default: "default"
|
|
15
15
|
|
|
16
16
|
def classname
|
|
17
17
|
generate_classname("pb_icon_circle_kit", "size_#{size}", variant)
|
|
@@ -50,4 +50,15 @@
|
|
|
50
50
|
margin-right: $space-sm;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
+
[class^=pb_title_kit_1] + [class^=pb_body_kit] {
|
|
54
|
+
font-size: 36px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
[class^=pb_title_kit_2] + [class^=pb_body_kit] {
|
|
58
|
+
font-size: 24px
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[class^=pb_title_kit_3] + [class^=pb_body_kit] {
|
|
62
|
+
font-size: 20px;
|
|
63
|
+
}
|
|
53
64
|
}
|
|
@@ -32,8 +32,7 @@ type IconStatValueProps = {
|
|
|
32
32
|
| "red"
|
|
33
33
|
| "yellow"
|
|
34
34
|
| "orange"
|
|
35
|
-
| "green"
|
|
36
|
-
| "lighter",
|
|
35
|
+
| "green",
|
|
37
36
|
}
|
|
38
37
|
|
|
39
38
|
const IconStatValue = (props: IconStatValueProps): React.ReactElement => {
|
|
@@ -50,7 +49,7 @@ const IconStatValue = (props: IconStatValueProps): React.ReactElement => {
|
|
|
50
49
|
text = '',
|
|
51
50
|
unit = '',
|
|
52
51
|
value = 0,
|
|
53
|
-
variant = '
|
|
52
|
+
variant = 'default',
|
|
54
53
|
} = props
|
|
55
54
|
const ariaProps = buildAriaProps(aria)
|
|
56
55
|
const dataProps = buildDataProps(data)
|
|
@@ -9,8 +9,8 @@ module Playbook
|
|
|
9
9
|
values: %w[sm md lg],
|
|
10
10
|
default: "sm"
|
|
11
11
|
prop :variant, type: Playbook::Props::Enum,
|
|
12
|
-
values: %w[default royal blue purple teal red yellow green orange
|
|
13
|
-
default: "
|
|
12
|
+
values: %w[default royal blue purple teal red yellow green orange],
|
|
13
|
+
default: "default"
|
|
14
14
|
|
|
15
15
|
prop :orientation, type: Playbook::Props::Enum,
|
|
16
16
|
values: %w[vertical horizontal],
|
|
@@ -18,7 +18,7 @@ describe("IconStatValue Kit", () => {
|
|
|
18
18
|
)
|
|
19
19
|
|
|
20
20
|
const kit = screen.getByTestId(testId)
|
|
21
|
-
expect(kit).toHaveClass("
|
|
21
|
+
expect(kit).toHaveClass("pb_icon_stat_value_kit_horizontal_sm_default")
|
|
22
22
|
})
|
|
23
23
|
|
|
24
24
|
test("renders icon", () => {
|
|
@@ -101,7 +101,7 @@ describe("IconStatValue Kit", () => {
|
|
|
101
101
|
)
|
|
102
102
|
|
|
103
103
|
const kit = screen.getByTestId(testId)
|
|
104
|
-
expect(kit).toHaveClass(`pb_icon_stat_value_kit_horizontal_${sizeProp}
|
|
104
|
+
expect(kit).toHaveClass(`pb_icon_stat_value_kit_horizontal_${sizeProp}_default`)
|
|
105
105
|
|
|
106
106
|
cleanup()
|
|
107
107
|
})
|
|
@@ -115,8 +115,7 @@ describe("IconStatValue Kit", () => {
|
|
|
115
115
|
"teal",
|
|
116
116
|
"red",
|
|
117
117
|
"yellow",
|
|
118
|
-
"green"
|
|
119
|
-
"lighter"].forEach(
|
|
118
|
+
"green"].forEach(
|
|
120
119
|
(colorProp) => {
|
|
121
120
|
render(
|
|
122
121
|
<IconStatValue
|
|
@@ -149,7 +148,7 @@ describe("IconStatValue Kit", () => {
|
|
|
149
148
|
)
|
|
150
149
|
|
|
151
150
|
const kit = screen.getByTestId(testId)
|
|
152
|
-
expect(kit).toHaveClass("
|
|
151
|
+
expect(kit).toHaveClass("pb_icon_stat_value_kit_vertical_sm_default")
|
|
153
152
|
})
|
|
154
153
|
|
|
155
154
|
})
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 13.34.1
|
|
4
|
+
version: 13.34.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
8
8
|
- Power Devs
|
|
9
|
-
autorequire:
|
|
9
|
+
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2024-
|
|
12
|
+
date: 2024-07-31 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -3069,7 +3069,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
|
3069
3069
|
licenses:
|
|
3070
3070
|
- ISC
|
|
3071
3071
|
metadata: {}
|
|
3072
|
-
post_install_message:
|
|
3072
|
+
post_install_message:
|
|
3073
3073
|
rdoc_options: []
|
|
3074
3074
|
require_paths:
|
|
3075
3075
|
- lib
|
|
@@ -3085,7 +3085,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
3085
3085
|
version: '0'
|
|
3086
3086
|
requirements: []
|
|
3087
3087
|
rubygems_version: 3.5.3
|
|
3088
|
-
signing_key:
|
|
3088
|
+
signing_key:
|
|
3089
3089
|
specification_version: 4
|
|
3090
3090
|
summary: Playbook Design System
|
|
3091
3091
|
test_files: []
|