Versions Compared

Version Old Version 34 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

StatusDEV Estimate

Zeplin link

Storybook link

Priority

Functional

UX

DEV todo

UX todo

Priority

Functional Dev Estimate

Functional Dev Status

UX Todo

UX Estimate

UX Status

Text Field

Statustitledev needed

https://

app

zpl.

zeplin.

io/

project/5970b366bee38cf87b2de932/screen/5986eb2359182e49f062ce3f

button

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.

Missing Error and warning icons

2

Status
colourGreen
titleDone

Button

https://

app.zeplin

zpl.io/bJOdGjK

https://zpl.io/

project

29NpG7A

https:/

5970b366bee38cf87b2de932

/

screen

zpl.io/

5a0bfac49a997dc84aa89715

icons

Status
colourGreen
titleDone

25Ne193

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

Status
colourGreen
titleDone

Status
colourGreen
titleDone

Status
colourGreen
titleDone

Icons

https://

app

zpl.

zeplin.

io/

project

VKMjAXb

https:/

5970b366bee38cf87b2de932

/

screen

zpl.io/

59928f231aef8c781243c882

table

Status
titledev needed

VDnAW4v

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

Status
colourGreen
titleDone

Status
colourGreen
titleDone

Status
colourGreen
titleDone

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 table

    • 1

    checkbox + checkbox group

    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)

    • 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://

    app

    zpl.

    zeplin.

    io/

    project/5970b366bee38cf87b2de932/screen/59928f221be7f10a090bbf16

    VxP6OWV

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

    Status
    colourGreen
    titleDone

    Center radio button check circle

    Select (Drop Down Menu)

    StatuscolourGreentitle

    Done

    https://

    app.zeplin

    zpl.io/

    project/5970b366bee38cf87b2de932/screen/5986eb24bdc8f862e79afe67

    bWOjejb

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

    StatuscolourGreentitle

    Done

    Status
    colourGreen
    titleDone

    StatuscolourtitleDone

    Green

    Selector - Segmented button

    Statustitledev needed

    Date Picker

    https://zpl.io/2Eyk8XD

    Add selection state (Currently it is missing))

    1

    StatuscolourGreentitleDone

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

    Status
    colourGreen
    titleDone

    Date Picker

    https://zpl.io/aNXBPk2

    Status
    colourGreen
    titleDone

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

    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

    StatuscolourGreentitleDone

    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

    Tree

    3D

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

    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.

    4Switch

    1D

    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

    Status
    colourGreen
    titleDone

    Switches

    https://zpl.io/bl5Myv2

    Add component according to LUX design

    2

    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)

    1

    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

    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

    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)

    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

    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

    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

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

    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
    titleDone

    waiting for reviewText 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

    Green
    title

    waiting for review

    Done

    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

    3

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

    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

    DialogsProgress Indicator

    2D

    Progress Indicator

    https://zpl.io/VOOxOnk

    1

    Add component according to LUX design

    3D

    1D

    Toast

    https://zpl.io/2ynev9n

    1

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

    1

    Add component according to LUX design

    1

    ToastTagging

    2D

    Status
    colourBlue
    titlewaiting for review

    Tagging

    2

    Add component according to LUX design

    1

    3D

    Range Picker

    2

    Add component according to LUX design

    2

    Range Picker

    3D

    Popover

    https://zpl.io/2v4Y9nn

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

    Add component according to LUX design

    2

    ...

    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