playbook_ui 11.2.0 → 11.2.3
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_avatar/_avatar.tsx +1 -1
- data/app/pb_kits/playbook/pb_avatar_action_button/{_avatar_action_button.jsx → _avatar_action_button.tsx} +7 -7
- data/app/pb_kits/playbook/pb_bread_crumbs/{_bread_crumb_item.jsx → _bread_crumb_item.tsx} +7 -3
- data/app/pb_kits/playbook/pb_bread_crumbs/{_bread_crumbs.jsx → _bread_crumbs.tsx} +2 -2
- data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +1 -1
- data/dist/reset.css +1 -60
- 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: 82d64d3a520c7686c11f94af071b4e8b4468b8d8d87f577dec65aba9a4f2fb7e
|
4
|
+
data.tar.gz: 99c685c816a9c1a98d31396432efdea39b6326457fe735329c6fcce13edb3341
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6c7851307f9349a1ced3fdfe99007dfab302f5e1a9f382c12adba66dd9fef6aa44b4d4797e5e7ec69f78912f21bb5b0908cef85a14f8fc36205a2124adb2c36a
|
7
|
+
data.tar.gz: 943a1cf45bb44e0916fd5e557fc12ed7595c99bb18a99e2724ed3da68cd9eccee27e2a5b17f17c43e2c66158f5d6071280376f756fdb3fd1b9dec7ea30fedf26
|
@@ -17,7 +17,7 @@ type AvatarProps = {
|
|
17
17
|
imageUrl: string,
|
18
18
|
name: string,
|
19
19
|
size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs",
|
20
|
-
status
|
20
|
+
status?: "away" | "offline" | "online",
|
21
21
|
} & GlobalProps
|
22
22
|
|
23
23
|
const firstTwoInitials = (name: string) =>
|
@@ -14,8 +14,8 @@ import Avatar from '../pb_avatar/_avatar'
|
|
14
14
|
import Icon from '../pb_icon/_icon'
|
15
15
|
|
16
16
|
type AvatarActionButtonProps = {
|
17
|
-
action?:
|
18
|
-
aria:
|
17
|
+
action?: "add" | "remove",
|
18
|
+
aria?: {[key: string]: string},
|
19
19
|
linkAriaLabel?: string,
|
20
20
|
className?: string,
|
21
21
|
dark?: boolean,
|
@@ -25,9 +25,9 @@ type AvatarActionButtonProps = {
|
|
25
25
|
imageUrl?: string,
|
26
26
|
linkUrl?: string,
|
27
27
|
name?: string,
|
28
|
-
onClick?:
|
28
|
+
onClick?: React.MouseEventHandler<HTMLSpanElement>,
|
29
29
|
placement?: string,
|
30
|
-
size?:
|
30
|
+
size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs",
|
31
31
|
}
|
32
32
|
|
33
33
|
const AvatarActionButton = (props: AvatarActionButtonProps) => {
|
@@ -53,9 +53,9 @@ const AvatarActionButton = (props: AvatarActionButtonProps) => {
|
|
53
53
|
|
54
54
|
const classes = classnames(buildCss(
|
55
55
|
'pb_avatar_action_button_kit',
|
56
|
-
|
57
|
-
|
58
|
-
|
56
|
+
action,
|
57
|
+
placement,
|
58
|
+
size),
|
59
59
|
globalProps(props),
|
60
60
|
className)
|
61
61
|
|
@@ -11,12 +11,15 @@ import {
|
|
11
11
|
} from '../utilities/props'
|
12
12
|
|
13
13
|
type BreadCrumbItemProps = {
|
14
|
-
aria?:
|
14
|
+
aria?: {[key: string]: string},
|
15
15
|
className?: string,
|
16
16
|
data?: object,
|
17
17
|
id?: string,
|
18
|
-
component?:
|
18
|
+
component?: "a" | "span",
|
19
|
+
[x:string]: any;
|
19
20
|
}
|
21
|
+
|
22
|
+
|
20
23
|
const BreadCrumbItem = (props: BreadCrumbItemProps) => {
|
21
24
|
const {
|
22
25
|
aria = {},
|
@@ -28,12 +31,13 @@ const BreadCrumbItem = (props: BreadCrumbItemProps) => {
|
|
28
31
|
} = props
|
29
32
|
const ariaProps = buildAriaProps(aria)
|
30
33
|
const dataProps = buildDataProps(data)
|
34
|
+
const Component = component || 'span';
|
31
35
|
const css = classnames(
|
32
36
|
buildCss('pb_bread_crumb_item_kit'),
|
33
37
|
globalProps(props),
|
34
38
|
className
|
35
39
|
)
|
36
|
-
|
40
|
+
|
37
41
|
return (
|
38
42
|
<div
|
39
43
|
{...ariaProps}
|
@@ -11,12 +11,12 @@ import {
|
|
11
11
|
} from '../utilities/props'
|
12
12
|
|
13
13
|
type BreadCrumbsProps = {
|
14
|
-
aria?:
|
14
|
+
aria?: {[key: string]: string},
|
15
15
|
className?: string,
|
16
16
|
data?: object,
|
17
17
|
id?: string,
|
18
18
|
text?: string,
|
19
|
-
children?:
|
19
|
+
children?: React.ReactChild[] | React.ReactNode,
|
20
20
|
}
|
21
21
|
const BreadCrumbs = (props: BreadCrumbsProps) => {
|
22
22
|
const {
|
data/dist/reset.css
CHANGED
@@ -1,61 +1,2 @@
|
|
1
|
-
|
2
|
-
/* Headings */
|
3
|
-
/* Standard Font Weights */
|
4
|
-
/* Non_Standard Font Weights */
|
5
|
-
/*=====================================
|
6
|
-
Base colors should not be documented.
|
7
|
-
Only document color use.
|
8
|
-
|
9
|
-
Colors -----------------------------*/
|
10
|
-
/* Specialty Gradient -----------------*/
|
11
|
-
/* Interface colors -------------------*/
|
12
|
-
/* Main colors ------------------------*/
|
13
|
-
/*=====================================
|
14
|
-
|
15
|
-
Background colors ------------------*/
|
16
|
-
/* Card colors ------------------*/
|
17
|
-
/* Active colors ----------------------*/
|
18
|
-
/* Hover colors -----------------------*/
|
19
|
-
/* Focus colors -----------------------*/
|
20
|
-
/* Border colors ----------------------*/
|
21
|
-
/* Shadow colors ----------------------*/
|
22
|
-
/* Text colors ------------------------*/
|
23
|
-
/* Data colors ------------------------*/
|
24
|
-
/* Status colors ----------------------*/
|
25
|
-
/* Link colors ------------------------*/
|
26
|
-
/* Product colors ---------------------*/
|
27
|
-
/* Category colors ---------------------*/
|
28
|
-
* {
|
29
|
-
box-sizing: border-box;
|
30
|
-
margin: 0;
|
31
|
-
padding: 0; }
|
32
|
-
*:before, *:after {
|
33
|
-
box-sizing: border-box; }
|
34
|
-
|
35
|
-
html {
|
36
|
-
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
37
|
-
height: 100vh;
|
38
|
-
overflow-x: hidden; }
|
39
|
-
|
40
|
-
body {
|
41
|
-
font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans_serif;
|
42
|
-
font-size: 16px;
|
43
|
-
line-height: 1.5;
|
44
|
-
background-color: #F3F7FB;
|
45
|
-
height: 100%;
|
46
|
-
letter-spacing: 0;
|
47
|
-
font-weight: 400;
|
48
|
-
font-style: normal;
|
49
|
-
text-rendering: optimizeLegibility;
|
50
|
-
-moz-font-feature-settings: "liga" on;
|
51
|
-
color: #242B42;
|
52
|
-
margin: 0 !important;
|
53
|
-
padding: 0 !important;
|
54
|
-
box-sizing: border-box;
|
55
|
-
min-height: 100vh;
|
56
|
-
padding: 50px; }
|
57
|
-
|
58
|
-
a {
|
59
|
-
text-decoration: none;
|
60
|
-
color: #0056CF; }
|
1
|
+
*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans_serif;font-size:16px;line-height:1.5;background-color:#F3F7FB;height:100%;letter-spacing:0;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242B42;margin:0 !important;padding:0 !important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056CF}
|
61
2
|
|
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: 11.2.
|
4
|
+
version: 11.2.3
|
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: 2022-
|
12
|
+
date: 2022-08-04 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -302,8 +302,8 @@ files:
|
|
302
302
|
- app/pb_kits/playbook/pb_avatar/docs/_footer.md
|
303
303
|
- app/pb_kits/playbook/pb_avatar/docs/example.yml
|
304
304
|
- app/pb_kits/playbook/pb_avatar/docs/index.js
|
305
|
-
- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx
|
306
305
|
- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss
|
306
|
+
- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx
|
307
307
|
- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb
|
308
308
|
- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
|
309
309
|
- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
|
@@ -394,9 +394,9 @@ files:
|
|
394
394
|
- app/pb_kits/playbook/pb_body/docs/_footer.md
|
395
395
|
- app/pb_kits/playbook/pb_body/docs/example.yml
|
396
396
|
- app/pb_kits/playbook/pb_body/docs/index.js
|
397
|
-
- app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.
|
398
|
-
- app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.jsx
|
397
|
+
- app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.tsx
|
399
398
|
- app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
|
399
|
+
- app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.tsx
|
400
400
|
- app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb
|
401
401
|
- app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.rb
|
402
402
|
- app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb
|