playbook_ui 11.2.0 → 11.2.3

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.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +1 -1
  3. data/app/pb_kits/playbook/pb_avatar_action_button/{_avatar_action_button.jsx → _avatar_action_button.tsx} +7 -7
  4. data/app/pb_kits/playbook/pb_bread_crumbs/{_bread_crumb_item.jsx → _bread_crumb_item.tsx} +7 -3
  5. data/app/pb_kits/playbook/pb_bread_crumbs/{_bread_crumbs.jsx → _bread_crumbs.tsx} +2 -2
  6. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +1 -1
  7. data/dist/reset.css +1 -60
  8. data/lib/playbook/version.rb +2 -2
  9. metadata +5 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5ab6a4d99712a0cb0004eceee5f057cd36de15fe71d608b7bc1a56b065998ff8
4
- data.tar.gz: 25659480a4ee2657915a8517d0fe036fc1b1b716f1587a35faff7ab5a83b5cff
3
+ metadata.gz: 82d64d3a520c7686c11f94af071b4e8b4468b8d8d87f577dec65aba9a4f2fb7e
4
+ data.tar.gz: 99c685c816a9c1a98d31396432efdea39b6326457fe735329c6fcce13edb3341
5
5
  SHA512:
6
- metadata.gz: bbe8a790ac8da179cf0451d32fca1b97de362a2da0e0853a9e07ef7becde62852b984f60966d1565c36369ae5b2236882a2c71cbb4290ee86c239f3c55119324
7
- data.tar.gz: d0cb67711f8096fab8bd6903028fc51578dfb53f1ba8666a849a8a59c95d4f582d2beec31bd886bdc3fc25a54bd944759cbc1a1226e259f81e4341627ae9c233
6
+ metadata.gz: 6c7851307f9349a1ced3fdfe99007dfab302f5e1a9f382c12adba66dd9fef6aa44b4d4797e5e7ec69f78912f21bb5b0908cef85a14f8fc36205a2124adb2c36a
7
+ data.tar.gz: 943a1cf45bb44e0916fd5e557fc12ed7595c99bb18a99e2724ed3da68cd9eccee27e2a5b17f17c43e2c66158f5d6071280376f756fdb3fd1b9dec7ea30fedf26
data/app/pb_kits/playbook/pb_avatar/_avatar.tsx CHANGED
@@ -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: "away" | "offline" | "online",
20
+ status?: "away" | "offline" | "online",
21
21
  } & GlobalProps
22
22
 
23
23
  const firstTwoInitials = (name: string) =>
data/app/pb_kits/playbook/pb_avatar_action_button/{_avatar_action_button.jsx → _avatar_action_button.tsx} RENAMED
@@ -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?: string,
18
- aria: Object,
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?: string,
28
+ onClick?: React.MouseEventHandler<HTMLSpanElement>,
29
29
  placement?: string,
30
- size?: string,
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
- [action],
57
- [placement],
58
- [size]),
56
+ action,
57
+ placement,
58
+ size),
59
59
  globalProps(props),
60
60
  className)
61
61
 
data/app/pb_kits/playbook/pb_bread_crumbs/{_bread_crumb_item.jsx → _bread_crumb_item.tsx} RENAMED
@@ -11,12 +11,15 @@ import {
11
11
  } from '../utilities/props'
12
12
 
13
13
  type BreadCrumbItemProps = {
14
- aria?: object,
14
+ aria?: {[key: string]: string},
15
15
  className?: string,
16
16
  data?: object,
17
17
  id?: string,
18
- component?: element
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
- const Component = component || 'span'
40
+
37
41
  return (
38
42
  <div
39
43
  {...ariaProps}
data/app/pb_kits/playbook/pb_bread_crumbs/{_bread_crumbs.jsx → _bread_crumbs.tsx} RENAMED
@@ -11,12 +11,12 @@ import {
11
11
  } from '../utilities/props'
12
12
 
13
13
  type BreadCrumbsProps = {
14
- aria?: object,
14
+ aria?: {[key: string]: string},
15
15
  className?: string,
16
16
  data?: object,
17
17
  id?: string,
18
18
  text?: string,
19
- children?: node
19
+ children?: React.ReactChild[] | React.ReactNode,
20
20
  }
21
21
  const BreadCrumbs = (props: BreadCrumbsProps) => {
22
22
  const {
data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import BreadCrumbs from '../_bread_crumbs.jsx'
2
+ import BreadCrumbs from '../_bread_crumbs'
3
3
  import { Icon, Title } from '../../'
4
4
  import BreadCrumbItem from '../_bread_crumb_item'
5
5
 
data/dist/reset.css CHANGED
@@ -1,61 +1,2 @@
1
- /* CLEAN UP AND REMOVE */
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
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "11.1.2"
5
- VERSION = "11.2.0"
4
+ PREVIOUS_VERSION = "11.2.2"
5
+ VERSION = "11.2.3"
6
6
  end
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.0
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-07-28 00:00:00.000000000 Z
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.jsx
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