Versions Compared

Version Old Version 25 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.

...

dd

...

Status
colourYellow
titleIn Progress
Status
colourGreen
titleDone
Status
colourRed
titleDefect
Status
titledev needed
Status
colourBlue
titlewaiting for review

Priority: 1 (highest) - 4 (lowest)

Component

Zeplin link

Storybook link

Priority

DEV todo StatuscolourYellowtitleIn Progress

Functional

UX

DEV todo

textfield

Functional Dev Estimate

Functional Dev Status

UX Todo

UX Estimate

UX Status

Text Field

https://

app

zpl.

zeplin.

io/

project/5970b366bee38cf87b2de932/screen/5986eb2359182e49f062ce3f

aMW4dR2

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

Missing Error and warning icons

button

Status
colourGreen
titleDone

Button

https://

app.zeplin

zpl.io/bJOdGjK

https://zpl.io/

project

29NpG7A

https:/

5970b366bee38cf87b2de932

/

screen

zpl.io/

5a0bfac49a997dc84aa89715

25Ne193

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

icons

Status
colourGreen
titleDone

Icons

https://

app.zeplin

zpl.io/

project

VKMjAXb

https:/

5970b366bee38cf87b2de932

/

screen

zpl.io/

59928f231aef8c781243c882

VDnAW4v

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

table

Status
colour

Yellow

Green
title

In Progress

Done

Table

https://

app.zeplin

zpl.io/

project/5970b366bee38cf87b2de932/screen/59946fcf9428e2cf6df18fa3

Vx7kQm2

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

Add:

1

Sorting

2MW

0.5D

Status
colourGreen
titleDone

Row selection

  • Inline Editable rows

  • Tree tables

  • Extended Rows tables

  • Spreadshit tables

    • checkbox + checkbox group

    StatuscolourGreentitleDone

    2D

    Status
    titledev needed

    0.5D

    https://zpl.io/29Wxw6z

    Inline Editing Tables

    4D

    Status
    titledev needed

    2D

    https://zpl.io/2pEq6rV

    Tree Tables

    2D

    Status
    titledev needed

    2D

    https://zpl.io/25WWrg0

    Extended Rows Tables

    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)

    radio

    • The checkbox will have an hovered/active state when hovering/clicking either the checkbox or the label describing it

    0.5D

    Radio button + radio group

    StatuscolourRedtitleDefect

    https://

    app.zeplin

    zpl.io/

    project/5970b366bee38cf87b2de932/screen/59928f221be7f10a090bbf16

    VxP6OWV

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

    Center radio button check circle

    Select

    Status
    colourGreen
    titleDone

    Select (Drop Down Menu)

    https://

    app.zeplin

    zpl.io/

    project/5970b366bee38cf87b2de932/screen/5986eb24bdc8f862e79afe67

    bWOjejb

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

    Button Group (segmented button)

    Status
    colourGreen
    titleDone

    Selector - Segmented button

    https://zpl.io/2Eyk8XD

    Date field

    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
    colour

    Time field

    Green
    titleDone

    Time Picker

    https://zpl.io/adOXdRV

    1

    Create component according to LUX

    Combo box

    1MW

    3D

    Status
    colourGreen
    titleDone

    Combo Box

    https://zpl.io/amp1y3V

    add

    1

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

    2D

    2D

    Split button

    StatuscolourGreen

    titleDone StatuscolourYellowtitleIn Progress

    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

    2D

    Slider

    https://zpl.io/VqoY84b

    Tree panel

    2

    Add component according to LUX design and according to the design

    2D

    3D

    Status
    colourGreen
    titleDone

    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

    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.

    1D

    Status
    titledev needed

    1D

    Tree

    https://zpl.io/agwRA0a

    Toggle button

    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

    1D

    Status
    titledev needed

    2D

    Status
    colourGreen
    titleDone

    Switches

    https://zpl.io/bl5Myv2

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

    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)

    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

    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

    Status
    colourGreen
    titleDone

    Popup window

    https://zpl.io/VKOlj6V

    Messages

    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

    Status
    colourGreen
    titleDone

    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

    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

    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

    Status
    colourGreen
    titleDone

    List

    https://zpl.io/V1XnDX2

    Spinner

    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

    Status
    colourGreen
    titleDone

    Numeric Stepper

    https://zpl.io/2ZWPJwV

    Text area

    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)

    Status
    colour

    Blue

    Green
    title

    waiting for review

    Done

    Text Area

    https://zpl.io/2v4yY7a

    search field

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

    2

    Status
    colour

    Blue

    Green
    titleDone

    waiting for review

    Search

    https://zpl.io/25Gz0na

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

    2

    Status
    colourGreen
    titleDone

    Text link

    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

    3D

    Accordion

    https://zpl.io/V04WW99

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

    2

    Add component according to LUX design

    Status
    colourGreen
    titleDone

    Breadcrumbs

    https://zpl.io/VkqxLgM

    1

    Add component according to LUX design

    Status
    colourGreen
    titleDone

    Action Menus

    https://zpl.io/VxPedqm

    1

    Add component according to LUX design

    1W

    2D

    Multiple selection drop down menu

    2

    Add component according to LUX design

    2D

    Searchable drop down menu

    2

    Add component according to LUX design

    2D

    Multi select searchable drop down menu

    2

    Add component according to LUX design

    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

    Add component according to LUX design

    2D

    Status
    colourBlue
    titlewaiting for review

    Tagging

    2

    Add component according to LUX design

    3D

    Range Picker

    2

    Add component according to LUX design

    3D

    Popover

    https://zpl.io

    /29WK6eaExcel grids

    /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