Versions Compared

Version Old Version 63 New Version Current
Changes made by

dana lees kunik

dana lees kunik

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Status
colourYellow
titleIn Progress
Status
colourGreen
titleDone
Status
colourRed
titleDefect
Status
titledev needed
Status
colourBlue
titlewaiting 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

todoDEV

Todo

Priority

UX Estimate

UX

Estimate

Status

Text Field

StatuscolourGreen

titleDone

button

Status
colourGreen
titleDone

https://zpl.io/aMW4dR2

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

Status
colourGreen
titleDone

Status
colourGreen
titleDone

Button

https://zpl.io/bJOdGjK

https://zpl.io/29NpG7A

https://zpl.io/25Ne193

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

Status
colourGreen
titleDone

Status
colourGreen
titleDone

icons

Status
colourGreen
titleDone

table

Status
titledev needed

Icons

https://zpl.io/VKMjAXb

https://zpl.io/VDnAW4v

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

Status
colourGreen
titleDone

Status
colourGreen
titleDone

Table

https://zpl.io/Vx7kQm2

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

1

Sorting

1

2MW

0.5D

Status
colourGreen
title

dev needed

Done

Row selection

0.5D

2D

Status
titledev needed

0.5D

https://zpl.io/29Wxw6z

Inline Editing Tables

2Dcheckbox + checkbox group

4D

Status
titledev needed

2D

https://zpl.io/2pEq6rV

Tree Tables

2D

Status
titledev needed

2D

https://zpl.io/25WWrg0

Extended Rows Tables

2D

4D

Status
titledev 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
titledev 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

Status
colourRed
titleDefect

https://zpl.io/VxP6OWV

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

Status
colourGreen
titleDone

Center radio button check circle

1D

Select (Drop Down Menu)

StatuscolourtitleDone

Green

https://zpl.io/bWOjejb

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

Status
colourGreen
titleDone

status

colourGreen
titleDone

Selector - Segmented button

Status
colourGreen
titleDone

https://zpl.io/2Eyk8XD

Date Picker

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

Status
colourGreen
titleDone

Date Picker

https://zpl.io/aNXBPk2

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

Status
colourGreen
titleDone

Status
colourGreen
titleDone

Time Picker

https://zpl.io/adOXdRV

1

Create component according to LUX

1

1MW

3D

Status
colourGreen
titleDone

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

titledev needed

https://zpl.io/V4WPQ82

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

2

Add 2 types of split buttons:

  1. Persistent

  2. Fixed

Currently, only Persistent is supported

3D

Status
titledev 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

3D

Tree

Status
colour

status

Green
titleDone

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
titledev needed

Fix styling issues

1

1D

Tree

status

titledev needed

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

Tree

Status
titledev 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

1D

Status
titledev needed

2D

Switches

Status
colourGreen
titleDone

Switches

https://zpl.io/bl5Myv2

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

Tabs

Status
colourGreen
titleDone

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

Tabs - Details pane tabs

Status
colourGreen
titleDone

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

Tabs - Ribbon tabs

Status
colourGreen
titleDone

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

Popup window

Status
colourGreen
titleDone

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
colourGreen
titleDone

Message popups(warning, error etc)

StatuscolourtitleDone

Green

Wizard

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
colourGreen
titleDone

Wizard

https://zpl.io/bW6oWKa

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

2

Add component according to LUX design

2

Tooltips

Status
colourGreen
titleDone

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

List

Numeric Stepper

Status
colourGreen
titleDone

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
colourGreen
titleDone

Status
titledev needed

Numeric 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

1D

Status
titledev needed

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

1

Text Area

Status
colourGreen
titleDone

Text Area

https://zpl.io/2v4yY7a

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

2

Status
colourGreen
titleDone

2

Search

status

colourGreen
titleDone

https://zpl.io/25Gz0na

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

2

Status
colourGreen
titleDone

2

Text link

status

colourGreen
titleDone

https://zpl.io/29WK6ea

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

Status
colourGreen
titleDone

Spreadsheet table

3

Add component according to LUX design

3

3D

Accordion

Status
colourGreen
titleDone

https://zpl.io/V04WW99

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

2

Add component according to LUX design

2

Breadcrumbs

Status
colourGreen
titleDone

Breadcrumbs

https://zpl.io/VkqxLgM

1

Add component according to LUX design

1

Status
colourGreen
titleDone

Action Menus

https://zpl.io/VxPedqm

1

Add component according to LUX design

1

1W

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

2D

Progress Indicator

https://zpl.io/VOOxOnk

1

Add component according to LUX design

1

3D

1D

Toast

status

colourYellow
titleIn Progress
2D

https://zpl.io/2ynev9n

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

1

Add component according to LUX design

1

2D

Status
colourBlue
titlewaiting for review

Tagging

2

Add component according to LUX design

2

3D

Range Picker

2

Add component according to LUX design

2

3D

Popover

Status
titledev needed

https://zpl.io/2v4Y9nn

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

Add component according to LUX design

3D

  • Add 1 px white border on top and bottom (over blue sections) - done

  • Anchor triangle should have a border- done

  • Add border radius - done

Status
colourGreen
titleDone