Skip to content

Commit

Permalink
feat(ld-stepper): add progress indicator component
Browse files Browse the repository at this point in the history
  • Loading branch information
renet committed Jul 27, 2022
1 parent 143dd34 commit 8cdd327
Show file tree
Hide file tree
Showing 175 changed files with 8,176 additions and 45 deletions.
5,070 changes: 5,070 additions & 0 deletions screenshot/builds/master.json

Large diffs are not rendered by default.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion src/docs/assets/animations/eye.json
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"v":"5.7.8","fr":25,"ip":0,"op":50,"w":80,"h":80,"nm":"Eye 2","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Visibity Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[40,40,0],"ix":2,"l":2},"a":{"a":0,"k":[24,24,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":26,"s":[{"i":[[0,-3.903],[-3.903,0],[0,3.903],[3.902,0]],"o":[[0,3.903],[3.902,0],[0,-3.903],[-3.903,0]],"v":[[-7.077,0],[0,7.077],[7.076,0],[0,-7.076]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[0.085,-0.493],[-3.903,0],[0.111,0.188],[3.902,0]],"o":[[0.014,0.438],[3.902,0],[0.174,-0.687],[-3.903,0]],"v":[[-7.139,-0.625],[-0.312,-1.048],[7.076,-0.812],[-0.312,-1.389]],"c":true}]},{"t":34,"s":[{"i":[[0,-3.903],[-3.903,0],[0,3.903],[3.902,0]],"o":[[0,3.903],[3.902,0],[0,-3.903],[-3.903,0]],"v":[[-7.077,0],[0,7.077],[7.076,0],[0,-7.076]],"c":true}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":26,"s":[{"i":[[-9.51,0],[-0.386,-0.459],[0,0],[0,0],[9.509,0],[0.386,0.458],[0,0],[0,0]],"o":[[9.509,0],[0,0],[0,0],[-0.386,0.458],[-9.51,0],[0,0],[0,0],[0.386,-0.459]],"v":[[0,-12.384],[19.048,-1.137],[20,0],[19.048,1.138],[0,12.384],[-19.049,1.138],[-20,0],[-19.049,-1.137]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[-9.51,0],[-0.386,-0.459],[0,0],[0,0],[9.509,0],[0.386,0.458],[0,0],[0,0]],"o":[[9.509,0],[0,0],[0,0],[-0.386,0.458],[-9.51,0],[0,0],[0,0],[0.386,-0.459]],"v":[[-0.188,-1.134],[19.986,-0.012],[20,0],[19.861,0.013],[-0.25,-0.866],[-19.674,-0.049],[-20,0],[-19.674,-0.074]],"c":true}]},{"t":34,"s":[{"i":[[-9.51,0],[-0.386,-0.459],[0,0],[0,0],[9.509,0],[0.386,0.458],[0,0],[0,0]],"o":[[9.509,0],[0,0],[0,0],[-0.386,0.458],[-9.51,0],[0,0],[0,0],[0.386,-0.459]],"v":[[0,-12.384],[19.048,-1.137],[20,0],[19.048,1.138],[0,12.384],[-19.049,1.138],[-20,0],[-19.049,-1.137]],"c":true}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[24,24],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":100,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Visibity Outlines 2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":28,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[9]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":31,"s":[9]},{"t":33,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[40,40,0],"ix":2,"l":2},"a":{"a":0,"k":[24,24,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.954],[1.954,0],[0,1.954],[-1.954,0]],"o":[[0,1.954],[-1.954,0],[0,-1.954],[1.954,0]],"v":[[3.538,0],[0,3.538],[-3.539,0],[0,-3.538]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[24,24],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":100,"st":0,"bm":0}],"markers":[]}
{"v":"5.7.8","fr":25,"ip":0,"op":50,"w":80,"h":80,"nm":"Eye 2","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Visibility Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[40,40,0],"ix":2,"l":2},"a":{"a":0,"k":[24,24,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":26,"s":[{"i":[[0,-3.903],[-3.903,0],[0,3.903],[3.902,0]],"o":[[0,3.903],[3.902,0],[0,-3.903],[-3.903,0]],"v":[[-7.077,0],[0,7.077],[7.076,0],[0,-7.076]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[0.085,-0.493],[-3.903,0],[0.111,0.188],[3.902,0]],"o":[[0.014,0.438],[3.902,0],[0.174,-0.687],[-3.903,0]],"v":[[-7.139,-0.625],[-0.312,-1.048],[7.076,-0.812],[-0.312,-1.389]],"c":true}]},{"t":34,"s":[{"i":[[0,-3.903],[-3.903,0],[0,3.903],[3.902,0]],"o":[[0,3.903],[3.902,0],[0,-3.903],[-3.903,0]],"v":[[-7.077,0],[0,7.077],[7.076,0],[0,-7.076]],"c":true}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":26,"s":[{"i":[[-9.51,0],[-0.386,-0.459],[0,0],[0,0],[9.509,0],[0.386,0.458],[0,0],[0,0]],"o":[[9.509,0],[0,0],[0,0],[-0.386,0.458],[-9.51,0],[0,0],[0,0],[0.386,-0.459]],"v":[[0,-12.384],[19.048,-1.137],[20,0],[19.048,1.138],[0,12.384],[-19.049,1.138],[-20,0],[-19.049,-1.137]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[{"i":[[-9.51,0],[-0.386,-0.459],[0,0],[0,0],[9.509,0],[0.386,0.458],[0,0],[0,0]],"o":[[9.509,0],[0,0],[0,0],[-0.386,0.458],[-9.51,0],[0,0],[0,0],[0.386,-0.459]],"v":[[-0.188,-1.134],[19.986,-0.012],[20,0],[19.861,0.013],[-0.25,-0.866],[-19.674,-0.049],[-20,0],[-19.674,-0.074]],"c":true}]},{"t":34,"s":[{"i":[[-9.51,0],[-0.386,-0.459],[0,0],[0,0],[9.509,0],[0.386,0.458],[0,0],[0,0]],"o":[[9.509,0],[0,0],[0,0],[-0.386,0.458],[-9.51,0],[0,0],[0,0],[0.386,-0.459]],"v":[[0,-12.384],[19.048,-1.137],[20,0],[19.048,1.138],[0,12.384],[-19.049,1.138],[-20,0],[-19.049,-1.137]],"c":true}]}],"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[24,24],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":100,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Visibility Outlines 2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":28,"s":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[9]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":31,"s":[9]},{"t":33,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[40,40,0],"ix":2,"l":2},"a":{"a":0,"k":[24,24,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.954],[1.954,0],[0,1.954],[-1.954,0]],"o":[[0,1.954],[-1.954,0],[0,-1.954],[1.954,0]],"v":[[3.538,0],[0,3.538],[-3.539,0],[0,-3.538]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[24,24],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":100,"st":0,"bm":0}],"markers":[]}
14 changes: 8 additions & 6 deletions src/liquid/components/ld-breadcrumbs/test/ld-breadcrumbs.e2e.ts
Original file line number Diff line number Diff line change
Expand Up @@ -59,12 +59,14 @@ describe('ld-breadcrumbs', () => {
page.waitForChanges()

const accessibilityReport = await analyzeAccessibility(page, {
rules: {
// Disabling list rules here, because manual tests with screenreader
// resulted in expected behavior: The screenreader reads number of list items
// in breadcrumb trail list.
list: { enabled: false },
listitem: { enabled: false },
options: {
rules: {
// Disabling list rules here, because manual tests with screenreader
// resulted in expected behavior: The screenreader reads number of list items
// in breadcrumb trail list.
list: { enabled: false },
listitem: { enabled: false },
},
},
})
expect(accessibilityReport).toHaveNoAccessibilityIssues()
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -59,10 +59,12 @@ describe('ld-circular-progress', () => {
page.waitForChanges()

const accessibilityReport = await analyzeAccessibility(page, {
rules: {
// Disabling color-contrast rule here due to:
// "Element's background color could not be determined due to a pseudo-element"
'color-contrast': { enabled: false },
options: {
rules: {
// Disabling color-contrast rule here due to:
// "Element's background color could not be determined due to a pseudo-element"
'color-contrast': { enabled: false },
},
},
})
expect(accessibilityReport).toHaveNoAccessibilityIssues()
Expand All @@ -89,10 +91,12 @@ describe('ld-circular-progress', () => {
page.waitForChanges()

const accessibilityReport = await analyzeAccessibility(page, {
rules: {
// Disabling color-contrast rule here due to:
// "Element's background color could not be determined due to a pseudo-element"
'color-contrast': { enabled: false },
options: {
rules: {
// Disabling color-contrast rule here due to:
// "Element's background color could not be determined due to a pseudo-element"
'color-contrast': { enabled: false },
},
},
})
expect(accessibilityReport).toHaveNoAccessibilityIssues()
Expand Down
4 changes: 3 additions & 1 deletion src/liquid/components/ld-icon/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -274,7 +274,7 @@ Left-click an icon below to download its SVG file. To download all icons at once
<docs-icon identifier="external-export" name="External/ Export"></docs-icon>
<docs-icon identifier="upload" name="Upload"></docs-icon>
<docs-icon identifier="repost" name="Repost"></docs-icon>
<docs-icon identifier="visibity" name="Visibity"></docs-icon>
<docs-icon identifier="visibility" name="Visibility"></docs-icon>
<docs-icon identifier="checkmark" name="Checkmark"></docs-icon>
<docs-icon identifier="filter" name="Filter"></docs-icon>
<docs-icon identifier="play" name="Play"></docs-icon>
Expand Down Expand Up @@ -343,6 +343,7 @@ Left-click an icon below to download its SVG file. To download all icons at once
- [ld-sidenav-header](../ld-sidenav/ld-sidenav-header)
- [ld-sidenav-navitem](../ld-sidenav/ld-sidenav-navitem)
- [ld-sidenav-toggle-outside](../ld-sidenav/ld-sidenav-toggle-outside)
- [ld-step](../ld-stepper/ld-step)

### Graph
```mermaid
Expand All @@ -356,6 +357,7 @@ graph TD;
ld-sidenav-header --> ld-icon
ld-sidenav-navitem --> ld-icon
ld-sidenav-toggle-outside --> ld-icon
ld-step --> ld-icon
style ld-icon fill:#f9f,stroke:#333,stroke-width:4px
```

Expand Down
4 changes: 4 additions & 0 deletions src/liquid/components/ld-sr-only/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,8 @@ The CSS class `ld-sr-only` works the same way as its Web Component counterpart,
- [ld-sidenav-toggle-outside](../ld-sidenav/ld-sidenav-toggle-outside)
- [ld-slider](../ld-slider)
- [ld-sr-live](../ld-sr-live)
- [ld-step](../ld-stepper/ld-step)
- [ld-stepper](../ld-stepper)
- [ld-tooltip](../ld-tooltip)

### Graph
Expand All @@ -56,6 +58,8 @@ graph TD;
ld-sidenav-toggle-outside --> ld-sr-only
ld-slider --> ld-sr-only
ld-sr-live --> ld-sr-only
ld-step --> ld-sr-only
ld-stepper --> ld-sr-only
ld-tooltip --> ld-sr-only
style ld-sr-only fill:#f9f,stroke:#333,stroke-width:4px
```
Expand Down
Loading

0 comments on commit 8cdd327

Please sign in to comment.