playbook_ui 12.37.0.pre.alpha.PLAY951collapsiblenav31062 → 12.37.0.pre.alpha.PLAY951collapsiblenav31073
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_date/_date.tsx +7 -8
- data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +2 -2
- data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +29 -5
- data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +2 -2
- data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +5 -5
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +45 -31
- data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +5 -3
- data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +24 -21
- data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +1 -1
- data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +1 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +1 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +6 -8
- data/app/pb_kits/playbook/pb_kit/dateTime.ts +146 -63
- data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +52 -31
- data/app/pb_kits/playbook/pb_message/_message.tsx +24 -24
- data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +170 -46
- data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +6 -0
- data/app/pb_kits/playbook/pb_nav/_item.tsx +9 -7
- data/app/pb_kits/playbook/pb_nav/_mixins.scss +5 -0
- data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +0 -1
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx +8 -2
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx +3 -2
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.html.erb +3 -3
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.jsx +12 -5
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_emphasize.md +1 -1
- data/app/pb_kits/playbook/pb_nav/item.rb +12 -8
- data/app/pb_kits/playbook/pb_time/_time.tsx +9 -11
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +46 -49
- data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +4 -6
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +11 -11
- data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +8 -11
- data/dist/playbook-rails.js +7 -7
- data/lib/playbook/version.rb +1 -1
- metadata +3 -3
- data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +0 -120
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: 12.37.0.pre.alpha.
|
|
4
|
+
version: 12.37.0.pre.alpha.PLAY951collapsiblenav31073
|
|
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: 2023-08-
|
|
12
|
+
date: 2023-08-15 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -1436,7 +1436,6 @@ files:
|
|
|
1436
1436
|
- app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
|
|
1437
1437
|
- app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
|
|
1438
1438
|
- app/pb_kits/playbook/pb_loading_inline/loading_inline.test.js
|
|
1439
|
-
- app/pb_kits/playbook/pb_logistic/_logistic.jsx
|
|
1440
1439
|
- app/pb_kits/playbook/pb_map/_map.scss
|
|
1441
1440
|
- app/pb_kits/playbook/pb_map/_map.tsx
|
|
1442
1441
|
- app/pb_kits/playbook/pb_map/_map_controls.tsx
|
|
@@ -1522,6 +1521,7 @@ files:
|
|
|
1522
1521
|
- app/pb_kits/playbook/pb_nav/_collapsible_nav.scss
|
|
1523
1522
|
- app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
|
|
1524
1523
|
- app/pb_kits/playbook/pb_nav/_item.tsx
|
|
1524
|
+
- app/pb_kits/playbook/pb_nav/_mixins.scss
|
|
1525
1525
|
- app/pb_kits/playbook/pb_nav/_nav.scss
|
|
1526
1526
|
- app/pb_kits/playbook/pb_nav/_nav.test.js
|
|
1527
1527
|
- app/pb_kits/playbook/pb_nav/_nav.tsx
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
|
|
3
|
-
import React from 'react'
|
|
4
|
-
import classnames from 'classnames'
|
|
5
|
-
|
|
6
|
-
import DateTime from '../pb_kit/dateTime'
|
|
7
|
-
import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
|
|
8
|
-
import { globalProps } from '../utilities/globalProps'
|
|
9
|
-
|
|
10
|
-
import Body from '../pb_body/_body'
|
|
11
|
-
import Caption from '../pb_caption/_caption'
|
|
12
|
-
import Icon from '../pb_icon/_icon'
|
|
13
|
-
import Title from '../pb_title/_title'
|
|
14
|
-
|
|
15
|
-
const dateString = (value: DateTime) => {
|
|
16
|
-
const month = value.toMonthNum()
|
|
17
|
-
const day = value.toDay()
|
|
18
|
-
|
|
19
|
-
return ` · ${month}/${day}`
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
type LogisticProps = {
|
|
23
|
-
aria?: object,
|
|
24
|
-
className?: string,
|
|
25
|
-
dark?: boolean,
|
|
26
|
-
data?: object,
|
|
27
|
-
date: string,
|
|
28
|
-
id?: string,
|
|
29
|
-
link?: string,
|
|
30
|
-
projectName?: string,
|
|
31
|
-
projectNumber?: number,
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
const Logistic = (props: LogisticProps) => {
|
|
35
|
-
const { aria = {},
|
|
36
|
-
className,
|
|
37
|
-
dark = false,
|
|
38
|
-
data = {},
|
|
39
|
-
date,
|
|
40
|
-
id,
|
|
41
|
-
link,
|
|
42
|
-
projectName,
|
|
43
|
-
projectNumber } = props
|
|
44
|
-
|
|
45
|
-
const ariaProps = buildAriaProps(aria)
|
|
46
|
-
const dataProps = buildDataProps(data)
|
|
47
|
-
const formattedDate = new DateTime({ value: date })
|
|
48
|
-
const classes = classnames(
|
|
49
|
-
buildCss('pb_logistic_kit', { dark }),
|
|
50
|
-
globalProps(props),
|
|
51
|
-
className
|
|
52
|
-
)
|
|
53
|
-
|
|
54
|
-
return (
|
|
55
|
-
<div
|
|
56
|
-
{...ariaProps}
|
|
57
|
-
{...dataProps}
|
|
58
|
-
className={classes}
|
|
59
|
-
id={id}
|
|
60
|
-
>
|
|
61
|
-
<Body color="light">
|
|
62
|
-
<Caption text="Project" />
|
|
63
|
-
<Icon
|
|
64
|
-
fixedWidth
|
|
65
|
-
icon="home"
|
|
66
|
-
/>
|
|
67
|
-
|
|
68
|
-
{` ${projectNumber}`}
|
|
69
|
-
|
|
70
|
-
<Choose>
|
|
71
|
-
<When condition={link}>
|
|
72
|
-
<a
|
|
73
|
-
className="pb_logistic_kit_links"
|
|
74
|
-
href={link}
|
|
75
|
-
>
|
|
76
|
-
<Choose>
|
|
77
|
-
<When condition={date}>
|
|
78
|
-
<Title
|
|
79
|
-
size={4}
|
|
80
|
-
tag="span"
|
|
81
|
-
text={' ' + projectName + dateString(formattedDate)}
|
|
82
|
-
/>
|
|
83
|
-
</When>
|
|
84
|
-
<Otherwise>
|
|
85
|
-
<Title
|
|
86
|
-
size={4}
|
|
87
|
-
tag="span"
|
|
88
|
-
text={' ' + projectName}
|
|
89
|
-
/>
|
|
90
|
-
</Otherwise>
|
|
91
|
-
</Choose>
|
|
92
|
-
</a>
|
|
93
|
-
</When>
|
|
94
|
-
<Otherwise>
|
|
95
|
-
<Choose>
|
|
96
|
-
<When condition={date}>
|
|
97
|
-
<Title
|
|
98
|
-
dark={dark}
|
|
99
|
-
size={4}
|
|
100
|
-
tag="span"
|
|
101
|
-
text={' ' + projectName + dateString(formattedDate)}
|
|
102
|
-
/>
|
|
103
|
-
</When>
|
|
104
|
-
<Otherwise>
|
|
105
|
-
<Title
|
|
106
|
-
dark={dark}
|
|
107
|
-
size={4}
|
|
108
|
-
tag="span"
|
|
109
|
-
text={' ' + projectName}
|
|
110
|
-
/>
|
|
111
|
-
</Otherwise>
|
|
112
|
-
</Choose>
|
|
113
|
-
</Otherwise>
|
|
114
|
-
</Choose>
|
|
115
|
-
</Body>
|
|
116
|
-
</div>
|
|
117
|
-
)
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
export default Logistic
|