playbook_ui 13.34.1.pre.alpha.PLAY14703378 → 13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388
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 +2 -1
- 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 +0 -11
- data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +3 -2
- data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb +1 -0
- 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 +5 -4
- data/lib/playbook/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4696ad3a7d577ec515cef7040a725588c021d717703d1ec6252a07a6cd39041b
|
4
|
+
data.tar.gz: d8bc4a8a096d9191d640c0754ae6c3233cc64f6feed80851d095ee081ed40c4a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 12be78c7413d7aaeb61a4d19fa185efd3b667da549d9d4a2d4413afa4e4f292fba1c93f913b58c786fad8f20ac8aa333c1eccac9fdf2482e4d7f3859f2955194
|
7
|
+
data.tar.gz: e1542d50c4532207aa7a91e43ae37049f0cb480f38fab15d8f22e7a17df0e110340849aa921456954e2f4c11917980388782f55c30111b9dc448cdc3c333244b
|
@@ -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 lighter],
|
14
|
+
default: "lighter"
|
15
15
|
|
16
16
|
def classname
|
17
17
|
generate_classname("pb_icon_circle_kit", "size_#{size}", variant)
|
@@ -50,15 +50,4 @@
|
|
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
|
-
}
|
64
53
|
}
|
@@ -32,7 +32,8 @@ type IconStatValueProps = {
|
|
32
32
|
| "red"
|
33
33
|
| "yellow"
|
34
34
|
| "orange"
|
35
|
-
| "green"
|
35
|
+
| "green"
|
36
|
+
| "lighter",
|
36
37
|
}
|
37
38
|
|
38
39
|
const IconStatValue = (props: IconStatValueProps): React.ReactElement => {
|
@@ -49,7 +50,7 @@ const IconStatValue = (props: IconStatValueProps): React.ReactElement => {
|
|
49
50
|
text = '',
|
50
51
|
unit = '',
|
51
52
|
value = 0,
|
52
|
-
variant = '
|
53
|
+
variant = 'lighter',
|
53
54
|
} = props
|
54
55
|
const ariaProps = buildAriaProps(aria)
|
55
56
|
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 lighter],
|
13
|
+
default: "lighter"
|
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_lighter")
|
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}_lighter`)
|
105
105
|
|
106
106
|
cleanup()
|
107
107
|
})
|
@@ -115,7 +115,8 @@ describe("IconStatValue Kit", () => {
|
|
115
115
|
"teal",
|
116
116
|
"red",
|
117
117
|
"yellow",
|
118
|
-
"green"
|
118
|
+
"green",
|
119
|
+
"lighter"].forEach(
|
119
120
|
(colorProp) => {
|
120
121
|
render(
|
121
122
|
<IconStatValue
|
@@ -148,7 +149,7 @@ describe("IconStatValue Kit", () => {
|
|
148
149
|
)
|
149
150
|
|
150
151
|
const kit = screen.getByTestId(testId)
|
151
|
-
expect(kit).toHaveClass("
|
152
|
+
expect(kit).toHaveClass("pb_icon_stat_value_kit_vertical_sm_lighter")
|
152
153
|
})
|
153
154
|
|
154
155
|
})
|
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: 13.34.1.pre.alpha.
|
4
|
+
version: 13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388
|
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: 2024-08-
|
12
|
+
date: 2024-08-02 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|