Content Comparison

Status

colour	Yellow
title	In Progress

Status

colour	Green
title	Done

Status

colour	Red
title	Defect

Status

title	dev needed

Status

colour	Blue
title	waiting for review

Priority: 1 (highest) - 4 (lowest)

Component

Status

Zeplin link

Storybook link

Priority

Functional

UX

DEV todo

Functional Dev Estimate

Functional Dev Status

UX

todoPriority

Todo	UX Estimate	UX Status
Text Field

Status

title	dev needed

https://

app.zeplin

zpl.io/

project/5970b366bee38cf87b2de932/screen/5986eb2359182e49f062ce3f

aMW4dR2

http://10.165.245.224/reactlux /?path=/story/textfield--text-field-story

When text was not inserted and the field is active - Clicking the field will place the cursor at the beginning and the hint text will disappear.

button

Missing Error and warning icons

2

Status

colour	Green
title	Done

app.zeplin

project

5970b366bee38cf87b2de932

/

screen

zpl.io/

5a0bfac49a997dc84aa89715

icons

StatuscolourGreentitleDone

25Ne193

http://10.165.245.224/reactlux /?path=/story/button--button-story

Status

colour	Green
title	Done

Status

colour	Green
title	Done

app.zeplin

project

5970b366bee38cf87b2de932

/

screen

zpl.io/

59928f231aef8c781243c882

table

Status

title	dev needed

VDnAW4v

http://10.165.245.224/reactlux /?path=/story/icon--icon-story

Status

colour	Green
title	Done

Status

colour	Green
title	Done

app

zeplin.

project/5970b366bee38cf87b2de932/screen/59946fcf9428e2cf6df18fa3

Vx7kQm2

http://10.165.245.224/reactlux /?path=/story/table--table-story

Add:

1

checkbox + checkbox group

1

Sorting

2MW

0.5D

Status

colour	Green
title	Done

Row selection

2D

Status

title	dev needed

Inline Editable rows

Tree tables

Extended Rows table

0.5D

https://zpl.io/29Wxw6z

Inline Editing Tables

4D

Status

title	dev needed

2D

https://zpl.io/2pEq6rV

Tree Tables

2D

Status

title	dev needed

2D

https://zpl.io/25WWrg0

Extended Rows Tables

4D

Status

title	dev needed

2D

Checkbox + checkbox group

https://zpl.io/2jGkQWV

https://app.zeplin.io/project/5970b366bee38cf87b2de932/screen/59928f231aef8c781243c927

http://10.165.245.224/reactlux /?path=/story/checkbox--checkbox-story

2D

Status

title	dev needed

Add a focus indication - need to add show a checkbox which has a focus (grey BG)
The checkbox will have an hovered/active state when hovering/clicking either the checkbox or the label describing it

2

0.5D

radio

Radio button + radio group

StatuscolourRed

titleDefect

https://

app

zpl.

zeplin.

io/

project/5970b366bee38cf87b2de932/screen/59928f221be7f10a090bbf16

VxP6OWV

http://10.165.245.224/reactlux /?path=/story/radio--radio-story

Status

colour	Green
title	Done

Center radio button check circle

Select (Drop Down Menu)

StatuscolourGreentitleDone

https://

app

zpl.

zeplin.

io/

project/5970b366bee38cf87b2de932/screen/5986eb24bdc8f862e79afe67

bWOjejb

http://10.165.245.224/reactlux /?path=/story/select--selecttory

Status

colour	Green
title	Done

Status

colour	Green
title	Done

Selector - Segmented button

Status

title	dev needed

Date Picker

https://zpl.io/2Eyk8XD

Add selection state (Currently it is missing))

1

http://10.165.245.224/reactlux/?path=/story/buttongroup--button-group-story

Status

colour	Green
title	Done

Date Picker

https://zpl.io/aNXBPk2

Status

colour	Green
title	Done

http://10.165.245.224/reactlux/?path=/story/datepicker--keyboard-date-picker-story

Status

colour	Green
title	Done

Time Picker

https://zpl.io/adOXdRV

1

Create component according to LUX

1

1MW

3D

Status

colour	Green
title	Done

Combo Box

https://zpl.io/amp1y3V

1

Add a combobox with a functionality where the user enters a value which is not from the list

1

2D			2D
Split button

status

colour	Green
title	Done

https://zpl.io/V4WPQ82

http://10.165.245.224/reactlux/?path=/story/splitbutton--split-button-story

2

Add 2 types of split buttons:

Persistent
Fixed

Currently, only Persistent is supported

3D

Status

title	dev needed

missing disabled, error and warning states

2

2D
Slider	https://zpl.io/VqoY84b		2	Add component according to LUX design and according to the design

2

2D

Tree

3D

Status

colour	Green
title	Done

dev needed

Tree

https://zpl.io/agwRA0a

1

When the label is truncated (node name), hovering over it will show a tooltip with the full label.

2D

Status

title	dev needed

Fix styling issues

1

1D
Tree	https://zpl.io/agwRA0a		4	When a user expands a node if the nodes are not shown immediately, provide a "loading" indication at the place below the expanded node.

4

1D

Status

title	dev needed

1D

Tree

https://zpl.io/agwRA0a

2

Multiple selection - Allow the selection of one or more items. For this, the tree provides checkboxes on the left side of each line item

2

Switch2

1D

Status

title	dev needed

2D

Status

colour	Green
title	Done

Switches

https://zpl.io/bl5Myv2

Add component according to LUX design

http://10.165.245.224/reactlux/?path=/story/switch--switch-story

Status

colour	Green
title	Done

Tabs

https://zpl.io/bPkL1ma

http://10.165.245.224/reactlux/?path=/story/tabs--tabs-story

1

Add components according to LUX design (including error/warning indications)

1

Status

colour	Green
title	Done

Tabs - Details pane tabs

https://zpl.io/VODWzzr

http://10.165.245.224/reactlux/?path=/story/tabs--details-pane-tabs-story

1

Add components according to LUX design

1

Status

colour	Green
title	Done

Tabs - Ribbon tabs

https://zpl.io/bJvqAmE

http://10.165.245.224/reactlux/?path=/story/tabs--ribbon-tabs-story

2

Add components according to LUX design

2

Status

colour	Green
title	Done

Popup window

https://zpl.io/VKOlj6V

http://10.165.245.224/reactlux/?path=/story/popup--popup-story

4

Add component according to LUX design:

The popup should appear at 2/3 height of the screen
The user will be able to move the popup across the screen

4

Status

colour	Green
title	Done

Message popups(warning, error etc)

https://zpl.io/bP6mg6V

http://10.165.245.224/reactlux/?path=/story/popup--help-message-story

http://10.165.245.224/reactlux/?path=/story/popup--info-message-story

http://10.165.245.224/reactlux/?path=/story/popup--warning-message-story

http://10.165.245.224/reactlux/?path=/story/popup--error-message-story

1

Add components according to LUX design:

max-height: 600px for the whole popup
if the text is longer, a scroll will be added

1

Status

colour	Green
title	Done

Wizard

https://zpl.io/bW6oWKa

http://10.165.245.224/reactlux/?path=/story/wizard--wizard-story

2

Add component according to LUX design

2

Status

colour	Green
title	Done

Tooltips

https://zpl.io/b6JJj6K

http://10.165.245.224/reactlux/?path=/story/tooltip--tooltip-story

1

Add all types of tooltips according to LUX design

1

Status

colour	Green
title	Done

List

https://zpl.io/V1XnDX2

http://10.165.245.224/reactlux/?path=/story/list--list-story

http://10.165.245.224/reactlux/?path=/story/list--chekbox-list-story

http://10.165.245.224/reactlux/?path=/story/list--smart-select-list-story

1

Add component according to LUX design

1

Status

colour	Green
title	Done

Numeric

stepper

Stepper

https://zpl.io/2ZWPJwV

http://10.165.245.224/reactlux/?path=/story/numeric-stepper--numeric-stepper-story

1

Add component according to LUX design

1

Text Area

1D

Status

title	dev needed

Need to hover on input and trigger separately. This is currently not enabled in CSS (hover over pseudo elements)

Status

colour

Blue

title
Green

waiting for review

search field

	Done

Text Area

https://zpl.io/2v4yY7a

When text was not inserted and the field is active - Clicking the field will place the cursor at the beginning and the hint text will disappear.

2

http://10.165.245.224/reactlux/?path=/story/textfield--text-field-story

2

Status

colour

Blue

Green
title	Done

waiting for review

Text link

Search

https://zpl.io/25Gz0na

When text was not inserted and the field is active - Clicking the field will place the cursor at the beginning and the hint text will disappear.

2

http://10.165.245.224/reactlux/?path=/story/textfield--text-field-story

2

Status

colour

Blue

title
Green

waiting for review

Done

Text link

https://zpl.io/29WK6ea

http://10.165.245.224/reactlux/?path=/story/textlink--text-link-story

Status

colour	Green
title	Done

Spreadsheet table

3

Add component according to LUX design

3

Accordion

Breadcrumbs

			3D
Accordion	https://zpl.io/V04WW99	http://10.165.245.224/reactlux/?path=/story/accordion--accordion-story	2	Add component according to LUX design

2

Status

colour	Green
title	Done

Breadcrumbs

https://zpl.io/VkqxLgM

1

Add component according to LUX design

1

Status

colour	Green
title	Done

Action Menus

https://zpl.io/VxPedqm

1

Add component according to LUX design

1W

1

		2D
Multiple selection drop down menu			2	Add component according to LUX design

2

			2D
Searchable drop down menu			2	Add component according to LUX design

2

			2D
Multi select searchable drop down menu			2	Add component according to LUX design

2

Dialogs

				2D
Progress Indicator	https://zpl.io/VOOxOnk		1	Add component according to LUX design	3D	1D
Toast	https://zpl.io/2ynev9n	http://10.165.245.224/reactlux/?path=/story/toast--toast-story	1