playbook_ui 13.30.0.pre.alpha.PLAY1328fixtimelinekitglobalpropsreact3096 → 13.30.0
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 11ed59c33255cb5af32fdc3180c3fa48f6ba570eb896e4409699a19e8d461cdc
|
4
|
+
data.tar.gz: 61ed0816ffcf97e5383e7ab42497523610ec8b19907a175964adfc7c732702ea
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ab9a4635ef513699914e2817e96faa8d7b2b756234453fc1aafedfb062f88926c163d1b373999d65cb718272da327e7fd798beba2a6cfd95f84ca2b458e55cf9
|
7
|
+
data.tar.gz: 56798ee732587d6ae51b38671125c00364e2595084bf42ab632460c6b38d968e9961dc731187b656d5238e8616e37fafca86f1ec577c8662e545a9dc19552a08
|
@@ -2,7 +2,6 @@ import React from 'react'
|
|
2
2
|
import classnames from 'classnames'
|
3
3
|
|
4
4
|
import { buildCss, buildHtmlProps } from '../utilities/props'
|
5
|
-
import { globalProps, GlobalProps } from "../utilities/globalProps";
|
6
5
|
|
7
6
|
import DateStacked from '../pb_date_stacked/_date_stacked'
|
8
7
|
import IconCircle from '../pb_icon_circle/_icon_circle'
|
@@ -15,7 +14,7 @@ type ItemProps = {
|
|
15
14
|
icon?: string,
|
16
15
|
iconColor?: 'default' | 'royal' | 'blue' | 'purple' | 'teal' | 'red' | 'yellow' | 'green',
|
17
16
|
lineStyle?: 'solid' | 'dotted',
|
18
|
-
}
|
17
|
+
}
|
19
18
|
|
20
19
|
const TimelineItem = ({
|
21
20
|
className,
|
@@ -25,7 +24,7 @@ const TimelineItem = ({
|
|
25
24
|
icon = 'user',
|
26
25
|
iconColor = 'default',
|
27
26
|
lineStyle = 'solid',
|
28
|
-
|
27
|
+
|
29
28
|
}: ItemProps) => {
|
30
29
|
const timelineItemCss = buildCss('pb_timeline_item_kit', lineStyle)
|
31
30
|
|
@@ -33,23 +32,23 @@ const TimelineItem = ({
|
|
33
32
|
|
34
33
|
return (
|
35
34
|
<div
|
36
|
-
|
37
|
-
|
35
|
+
{...htmlProps}
|
36
|
+
className={classnames(timelineItemCss, className)}
|
38
37
|
>
|
39
38
|
<div className="pb_timeline_item_left_block">
|
40
39
|
{date &&
|
41
40
|
<DateStacked
|
42
|
-
|
43
|
-
|
44
|
-
|
41
|
+
align="center"
|
42
|
+
date={date}
|
43
|
+
size="sm"
|
45
44
|
/>
|
46
45
|
}
|
47
46
|
</div>
|
48
47
|
<div className="pb_timeline_item_step">
|
49
48
|
<IconCircle
|
50
|
-
|
51
|
-
|
52
|
-
|
49
|
+
icon={icon}
|
50
|
+
size="xs"
|
51
|
+
variant={iconColor}
|
53
52
|
/>
|
54
53
|
<div className="pb_timeline_item_connector" />
|
55
54
|
</div>
|
@@ -2,7 +2,6 @@ import React from 'react'
|
|
2
2
|
import classnames from 'classnames'
|
3
3
|
|
4
4
|
import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
|
5
|
-
import { GlobalProps, globalProps } from '../utilities/globalProps'
|
6
5
|
|
7
6
|
import TimelineItem from './_item'
|
8
7
|
|
@@ -15,7 +14,7 @@ type TimelineProps = {
|
|
15
14
|
id?: string,
|
16
15
|
orientation?: string,
|
17
16
|
showDate?: boolean,
|
18
|
-
}
|
17
|
+
}
|
19
18
|
|
20
19
|
const Timeline = ({
|
21
20
|
aria = {},
|
@@ -26,7 +25,6 @@ const Timeline = ({
|
|
26
25
|
id,
|
27
26
|
orientation = 'horizontal',
|
28
27
|
showDate = false,
|
29
|
-
...props
|
30
28
|
}: TimelineProps) => {
|
31
29
|
const ariaProps = buildAriaProps(aria)
|
32
30
|
const dataProps = buildDataProps(data)
|
@@ -35,11 +33,11 @@ const Timeline = ({
|
|
35
33
|
const timelineCss = buildCss('pb_timeline_kit', `_${orientation}`, dateStyle)
|
36
34
|
return (
|
37
35
|
<div
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
36
|
+
{...ariaProps}
|
37
|
+
{...dataProps}
|
38
|
+
{...htmlProps}
|
39
|
+
className={classnames(timelineCss, className)}
|
40
|
+
id={id}
|
43
41
|
>
|
44
42
|
{children}
|
45
43
|
</div>
|
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.30.0
|
4
|
+
version: 13.30.0
|
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-06-
|
12
|
+
date: 2024-06-12 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -3034,7 +3034,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
3034
3034
|
licenses:
|
3035
3035
|
- ISC
|
3036
3036
|
metadata: {}
|
3037
|
-
post_install_message:
|
3037
|
+
post_install_message:
|
3038
3038
|
rdoc_options: []
|
3039
3039
|
require_paths:
|
3040
3040
|
- lib
|
@@ -3050,7 +3050,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
3050
3050
|
version: '0'
|
3051
3051
|
requirements: []
|
3052
3052
|
rubygems_version: 3.5.3
|
3053
|
-
signing_key:
|
3053
|
+
signing_key:
|
3054
3054
|
specification_version: 4
|
3055
3055
|
summary: Playbook Design System
|
3056
3056
|
test_files: []
|