@orangesk/orange-design-system 1.4.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/build/app.css +1 -1
  2. package/build/app.css.map +1 -1
  3. package/build/app.js +1 -1
  4. package/build/app.js.map +1 -1
  5. package/build/asset-manifest.json +1 -1
  6. package/build/components/Alert/index.js +1 -1
  7. package/build/components/Alert/index.js.map +1 -1
  8. package/build/components/Alert/style.css +1 -1
  9. package/build/components/Alert/style.css.map +1 -1
  10. package/build/components/CartTable/index.js +1 -1
  11. package/build/components/CartTable/index.js.map +1 -1
  12. package/build/components/Forms/Autocomplete/style.css +1 -1
  13. package/build/components/Forms/Autocomplete/style.css.map +1 -1
  14. package/build/components/Forms/Field/style.css +1 -1
  15. package/build/components/Forms/Field/style.css.map +1 -1
  16. package/build/components/Forms/Group/style.css +1 -1
  17. package/build/components/Forms/Group/style.css.map +1 -1
  18. package/build/components/Forms/Select/style.css +1 -1
  19. package/build/components/Forms/Select/style.css.map +1 -1
  20. package/build/components/Forms/style.css +1 -1
  21. package/build/components/Forms/style.css.map +1 -1
  22. package/build/components/Table/index.js +1 -1
  23. package/build/components/Table/index.js.map +1 -1
  24. package/build/components/index.js +1 -1
  25. package/build/components/index.js.map +1 -1
  26. package/build/components/style.css +1 -1
  27. package/build/components/style.css.map +1 -1
  28. package/build/index.css +1 -1
  29. package/build/index.css.map +1 -1
  30. package/build/index.js +1 -1
  31. package/build/index.js.map +1 -1
  32. package/build/lib/components.css +1 -1
  33. package/build/lib/components.css.map +1 -1
  34. package/build/lib/scripts.js +1 -1
  35. package/build/lib/style.css +1 -1
  36. package/build/lib/style.css.map +1 -1
  37. package/build/lib/testingIframe.js +1 -1
  38. package/build/{precache-manifest.726de66e3b25011c90fb350f15dd075e.js → precache-manifest.5269a100313e3f548e418e7a3f9936a1.js} +25 -25
  39. package/build/{precache-manifest.0d7dc03429ddd3ea2f6a224750ba57a9.js → precache-manifest.58f13bb8ac1f6d4403094ddc8a5e7dbe.js} +18 -18
  40. package/build/service-worker.js +1 -1
  41. package/build/static.js +1 -1
  42. package/build/tests/carttable/base.test.html +1 -1
  43. package/build/tests/carttable/discount-hide-first.test.html +1 -1
  44. package/build/tests/carttable/editable-with-optional.test.html +1 -1
  45. package/build/tests/carttable/large.test.html +1 -1
  46. package/build/tests/carttable/simple.test.html +1 -1
  47. package/build/tests/table/cellsize.test.html +1 -1
  48. package/build/tests/table/expandable.test.html +1 -1
  49. package/build/tests/table/footer.test.html +1 -1
  50. package/build/tests/table/scrollable.test.html +1 -1
  51. package/build/tests/table/sortable.test.html +1 -1
  52. package/build/tests/table/striped.test.html +1 -1
  53. package/package.json +1 -1
  54. package/src/components/Alert/Alert.js +5 -1
  55. package/src/components/Alert/Alert.mdx +33 -45
  56. package/src/components/Alert/styles/config.scss +1 -0
  57. package/src/components/Alert/styles/style.scss +4 -0
  58. package/src/components/Alert/tests/Alert.test.js +7 -0
  59. package/src/components/Forms/Select/styles/config.scss +3 -0
  60. package/src/components/Table/Table.js +19 -15
  61. package/src/components/Table/tests/Table.unit.test.js +1 -1
package/build/tests/table/expandable.test.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Expandable.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><table data-table="true" class="table"><caption id="id-caption-100"></caption><thead><tr><th scope="col">Column 1</th><th scope="col">Column 2</th><th scope="col" class="table__cell--shrink"><span class="sr-only">Rozšíriteľný</span></th></tr></thead><tbody><tr><td>Data 1</td><td>Data 2</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="id-row-101 id-row-102"><span class="visually-hidden">Zobraziť 2 súvisiace riadky</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="id-row-101" class="table__subrow" hidden=""><td>Nested data 1</td><td>Nested data 2</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr id="id-row-102" class="table__subrow" hidden=""><td>Nested data 3</td><td>Nested data 4</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr></tbody></table><table data-table="true" class="table"><caption id="id-caption-103"></caption><thead><tr><th scope="col">Column 1</th><th scope="col">Column 2</th><th scope="col" class="table__cell--shrink"><span class="sr-only">Rozšíriteľný</span></th></tr></thead><tbody><tr><td>Data 1</td><td>Data 2</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="true" aria-controls="id-row-104 id-row-105"><span class="visually-hidden">Zobraziť 2 súvisiace riadky</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="id-row-104" class="table__subrow"><td>Nested data 1</td><td>Nested data 2</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr id="id-row-105" class="table__subrow"><td>Nested data 3</td><td>Nested data 4</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr></tbody></table></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
1
+ <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Expandable.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><table data-table="true" class="table"><thead><tr><th scope="col">Column 1</th><th scope="col">Column 2</th><th scope="col" class="table__cell--shrink"><span class="sr-only">Rozšíriteľný</span></th></tr></thead><tbody><tr><td>Data 1</td><td>Data 2</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="id-row-101 id-row-102"><span class="visually-hidden">Zobraziť 2 súvisiace riadky</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="id-row-101" class="table__subrow" hidden=""><td>Nested data 1</td><td>Nested data 2</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr id="id-row-102" class="table__subrow" hidden=""><td>Nested data 3</td><td>Nested data 4</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr></tbody></table><table data-table="true" class="table"><thead><tr><th scope="col">Column 1</th><th scope="col">Column 2</th><th scope="col" class="table__cell--shrink"><span class="sr-only">Rozšíriteľný</span></th></tr></thead><tbody><tr><td>Data 1</td><td>Data 2</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="true" aria-controls="id-row-104 id-row-105"><span class="visually-hidden">Zobraziť 2 súvisiace riadky</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="id-row-104" class="table__subrow"><td>Nested data 1</td><td>Nested data 2</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr id="id-row-105" class="table__subrow"><td>Nested data 3</td><td>Nested data 4</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr></tbody></table></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
package/build/tests/table/footer.test.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Footer.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><table data-table="true" class="table"><caption id="id-caption-106"></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody><tfoot><tr><td></td><td></td><td>lorem ipsum</td><td class="align-right">3525</td></tr></tfoot></table></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
1
+ <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Footer.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><table data-table="true" class="table"><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody><tfoot><tr><td></td><td></td><td>lorem ipsum</td><td class="align-right">3525</td></tr></tfoot></table></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
package/build/tests/table/scrollable.test.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Scrollable.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><div class="table-scrollable" role="group" aria-labelledby="id-caption-107"><table data-table="true" class="table"><caption id="id-caption-107"></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th class="text-nowrap" scope="col">Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr></tbody></table></div></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
1
+ <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Scrollable.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><div class="table-scrollable" role="group"><table data-table="true" class="table"><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th class="text-nowrap" scope="col">Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr></tbody></table></div></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
package/build/tests/table/sortable.test.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Sortable.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><table data-table="true" class="table"><caption id="id-caption-108"></caption><thead><tr><th aria-sort="none" scope="col">Date <button type="button" class="table__sort-button"><span class="sr-only">zoradiť vzostupne podľa Date</span></button></th><th scope="col">Location</th></tr></thead><tbody><tr><td>29.8.1944</td><td>Banská Bystrica</td></tr><tr><td>18.4.1947</td><td>Bratislava</td></tr></tbody></table><table data-table="true" class="table"><caption id="id-caption-109"></caption><thead><tr><th aria-sort="ascending" scope="col">Date <button type="button" class="table__sort-button"><span class="sr-only">zoradiť zostupne podľa Date</span></button></th><th scope="col">Location</th></tr></thead><tbody><tr><td>29.8.1944</td><td>Banská Bystrica</td></tr><tr><td>18.4.1947</td><td>Bratislava</td></tr></tbody></table><table data-table="true" class="table"><caption id="id-caption-110"></caption><thead><tr><th aria-sort="descending" scope="col">Date <button type="button" class="table__sort-button"><span class="sr-only">vypnúť zoradenie poďľa Date</span></button></th><th scope="col">Location</th></tr></thead><tbody><tr><td>29.8.1944</td><td>Banská Bystrica</td></tr><tr><td>18.4.1947</td><td>Bratislava</td></tr></tbody></table></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
1
+ <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Sortable.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><table data-table="true" class="table"><thead><tr><th aria-sort="none" scope="col">Date <button type="button" class="table__sort-button"><span class="sr-only">zoradiť vzostupne podľa Date</span></button></th><th scope="col">Location</th></tr></thead><tbody><tr><td>29.8.1944</td><td>Banská Bystrica</td></tr><tr><td>18.4.1947</td><td>Bratislava</td></tr></tbody></table><table data-table="true" class="table"><thead><tr><th aria-sort="ascending" scope="col">Date <button type="button" class="table__sort-button"><span class="sr-only">zoradiť zostupne podľa Date</span></button></th><th scope="col">Location</th></tr></thead><tbody><tr><td>29.8.1944</td><td>Banská Bystrica</td></tr><tr><td>18.4.1947</td><td>Bratislava</td></tr></tbody></table><table data-table="true" class="table"><thead><tr><th aria-sort="descending" scope="col">Date <button type="button" class="table__sort-button"><span class="sr-only">vypnúť zoradenie poďľa Date</span></button></th><th scope="col">Location</th></tr></thead><tbody><tr><td>29.8.1944</td><td>Banská Bystrica</td></tr><tr><td>18.4.1947</td><td>Bratislava</td></tr></tbody></table></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
package/build/tests/table/striped.test.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Striped.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><table data-table="true" class="table table--striped"><caption id="id-caption-111"></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
1
+ <!DOCTYPE html><html><head><title>Lighter</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/><meta name="author" content="Lighting Beetle s.r.o."/><meta name="description"/><meta name="keywords"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="theme-color" content="#ff5722"/><link href="/app.css" rel="stylesheet"/><link href="/static.css" rel="stylesheet"/></head><body><div id="root" data-lighter-page-id="./components/Table/tests/Striped.test.mdx" data-lighter-page-scope="static" data-lighter-pages="[&quot;tests/accordion/base.test.html&quot;,&quot;tests/accordion/enclosed.test.html&quot;,&quot;tests/accordion/open.test.html&quot;,&quot;tests/accordion/size.test.html&quot;,&quot;tests/alert/color.test.html&quot;,&quot;tests/alert/structure-buttons.test.html&quot;,&quot;tests/alert/structure.test.html&quot;,&quot;tests/badge/base.test.html&quot;,&quot;tests/badge/multiline.test.html&quot;,&quot;tests/badge/round.test.html&quot;,&quot;tests/bar/align.test.html&quot;,&quot;tests/bar/base.test.html&quot;,&quot;tests/bar/break.test.html&quot;,&quot;tests/bar/nowrap.test.html&quot;,&quot;tests/bar/space.test.html&quot;,&quot;tests/bar/vertical-space.test.html&quot;,&quot;tests/bar/vertical.test.html&quot;,&quot;tests/blockaction/card.test.html&quot;,&quot;tests/blockaction/list.test.html&quot;,&quot;tests/breadcrumbs/base.test.html&quot;,&quot;tests/breadcrumbs/inverse.test.html&quot;,&quot;tests/breadcrumbs/wrapping.test.html&quot;,&quot;tests/button/hover.test.html&quot;,&quot;tests/button/size.test.html&quot;,&quot;tests/button/square.test.html&quot;,&quot;tests/button/type-inverse.test.html&quot;,&quot;tests/button/type.test.html&quot;,&quot;tests/buttons/mixing-types.test.html&quot;,&quot;tests/buttons/wrapping.test.html&quot;,&quot;tests/card/base.test.html&quot;,&quot;tests/card/image.test.html&quot;,&quot;tests/card/section-alignment-1.test.html&quot;,&quot;tests/card/section-alignment-2.test.html&quot;,&quot;tests/card/section-colors.test.html&quot;,&quot;tests/card/shadow.test.html&quot;,&quot;tests/carousel/base.test.html&quot;,&quot;tests/carouselpromotions/base.test.html&quot;,&quot;tests/carttable/base.test.html&quot;,&quot;tests/carttable/discount-hide-first.test.html&quot;,&quot;tests/carttable/editable-with-optional.test.html&quot;,&quot;tests/carttable/large.test.html&quot;,&quot;tests/carttable/simple.test.html&quot;,&quot;tests/container/base.test.html&quot;,&quot;tests/contentblock/center-text.test.html&quot;,&quot;tests/contentblock/color.test.html&quot;,&quot;tests/contentblock/image-fit.test.html&quot;,&quot;tests/contentblock/order.test.html&quot;,&quot;tests/contentblock/padding.test.html&quot;,&quot;tests/cover/base.test.html&quot;,&quot;tests/cover/bottom.test.html&quot;,&quot;tests/cover/empty.test.html&quot;,&quot;tests/cover/large.test.html&quot;,&quot;tests/cover/small.test.html&quot;,&quot;tests/cover/top.test.html&quot;,&quot;tests/divider/base.test.html&quot;,&quot;tests/divider/color-icon-content.test.html&quot;,&quot;tests/divider/color.test.html&quot;,&quot;tests/divider/content.test.html&quot;,&quot;tests/divider/icon.test.html&quot;,&quot;tests/dropdown/base.test.html&quot;,&quot;tests/dropdown/list.test.html&quot;,&quot;tests/dropdown/placement.test.html&quot;,&quot;tests/forms/autocomplete/base.test.html&quot;,&quot;tests/forms/autocomplete/suggest.test.html&quot;,&quot;tests/forms/checkbox/base.test.html&quot;,&quot;tests/forms/checkbox/large.test.html&quot;,&quot;tests/forms/datepicker/base.test.html&quot;,&quot;tests/forms/datepicker/open.test.html&quot;,&quot;tests/forms/field/autocomplete.test.html&quot;,&quot;tests/forms/field/checkbox.test.html&quot;,&quot;tests/forms/field/file.test.html&quot;,&quot;tests/forms/field/group.test.html&quot;,&quot;tests/forms/field/radio.test.html&quot;,&quot;tests/forms/field/rangeslider.test.html&quot;,&quot;tests/forms/field/select.test.html&quot;,&quot;tests/forms/field/text.test.html&quot;,&quot;tests/forms/field/textarea.test.html&quot;,&quot;tests/forms/fieldset/errors.test.html&quot;,&quot;tests/forms/fieldset/inline-errors.test.html&quot;,&quot;tests/forms/fieldset/inline-main-error.test.html&quot;,&quot;tests/forms/fieldset/main-error.test.html&quot;,&quot;tests/forms/fieldset/title.test.html&quot;,&quot;tests/forms/file/base.test.html&quot;,&quot;tests/forms/file/large.test.html&quot;,&quot;tests/forms/group/base.test.html&quot;,&quot;tests/forms/group/large.test.html&quot;,&quot;tests/forms/hint/base.test.html&quot;,&quot;tests/forms/label/base.test.html&quot;,&quot;tests/forms/message/base.test.html&quot;,&quot;tests/forms/radio/base.test.html&quot;,&quot;tests/forms/radio/large.test.html&quot;,&quot;tests/forms/rangeslider/base.test.html&quot;,&quot;tests/forms/rangeslider/width.test.html&quot;,&quot;tests/forms/select/base.test.html&quot;,&quot;tests/forms/select/size.test.html&quot;,&quot;tests/forms/select/width.test.html&quot;,&quot;tests/forms/textarea/base.test.html&quot;,&quot;tests/forms/textarea/size.test.html&quot;,&quot;tests/forms/textarea/width.test.html&quot;,&quot;tests/forms/textinput/base.test.html&quot;,&quot;tests/forms/textinput/html-type.test.html&quot;,&quot;tests/forms/textinput/search.test.html&quot;,&quot;tests/forms/textinput/size.test.html&quot;,&quot;tests/forms/textinput/width.test.html&quot;,&quot;tests/gauge/base.test.html&quot;,&quot;tests/grid/base.test.html&quot;,&quot;tests/grid/column-align.test.html&quot;,&quot;tests/grid/column-gap-size.test.html&quot;,&quot;tests/grid/horizontal-align.test.html&quot;,&quot;tests/grid/justify-height.test.html&quot;,&quot;tests/grid/row-gap-size.test.html&quot;,&quot;tests/grid/size.test.html&quot;,&quot;tests/grid/vertical-align.test.html&quot;,&quot;tests/heading/base.test.html&quot;,&quot;tests/heading/display-classes.test.html&quot;,&quot;tests/hero/black-gradient-half.test.html&quot;,&quot;tests/hero/black-gradient.test.html&quot;,&quot;tests/hero/black.test.html&quot;,&quot;tests/hero/default-gradient-half.test.html&quot;,&quot;tests/hero/default-gradient.test.html&quot;,&quot;tests/hero/default-large-text.test.html&quot;,&quot;tests/hero/default.test.html&quot;,&quot;tests/hero/gray-gradient-half.test.html&quot;,&quot;tests/hero/gray-gradient.test.html&quot;,&quot;tests/hero/half-black.test.html&quot;,&quot;tests/hero/half-gray.test.html&quot;,&quot;tests/hero/half-large-text.test.html&quot;,&quot;tests/hero/half.test.html&quot;,&quot;tests/hero/single.test.html&quot;,&quot;tests/icon/color.test.html&quot;,&quot;tests/icon/size.test.html&quot;,&quot;tests/iconlist/wrap.test.html&quot;,&quot;tests/image/picture-element.test.html&quot;,&quot;tests/link/color.test.html&quot;,&quot;tests/link/focus-color.test.html&quot;,&quot;tests/link/hover-color.test.html&quot;,&quot;tests/link/icon.test.html&quot;,&quot;tests/link/is-inverse.test.html&quot;,&quot;tests/link/text-wrap.test.html&quot;,&quot;tests/list/clickable.test.html&quot;,&quot;tests/list/color.test.html&quot;,&quot;tests/list/enclosed.test.html&quot;,&quot;tests/list/size.test.html&quot;,&quot;tests/loader/colour.test.html&quot;,&quot;tests/loader/delay.test.html&quot;,&quot;tests/loader/messages.test.html&quot;,&quot;tests/loader/size.test.html&quot;,&quot;tests/modal/base.test.html&quot;,&quot;tests/modal/colorful-body.test.html&quot;,&quot;tests/modal/fixed-position.test.html&quot;,&quot;tests/modal/large.test.html&quot;,&quot;tests/modal/small.test.html&quot;,&quot;tests/modal/sticky-footer.test.html&quot;,&quot;tests/pagetitle/color.test.html&quot;,&quot;tests/pagetitle/text-only.test.html&quot;,&quot;tests/pagetitle/title-size.test.html&quot;,&quot;tests/pagetitle/with-image-1.test.html&quot;,&quot;tests/pagetitle/with-image-2.test.html&quot;,&quot;tests/pagetitle/with-sticker.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-1.test.html&quot;,&quot;tests/pagetitle/with-stuck-image-2.test.html&quot;,&quot;tests/pagination/compact.test.html&quot;,&quot;tests/pagination/long.test.html&quot;,&quot;tests/pagination/short.test.html&quot;,&quot;tests/pill/base.test.html&quot;,&quot;tests/progress/base.test.html&quot;,&quot;tests/section/color.test.html&quot;,&quot;tests/section/spacing.test.html&quot;,&quot;tests/skeleton/base.test.html&quot;,&quot;tests/stepbar/base.test.html&quot;,&quot;tests/stepbar/interaction-inverse.test.html&quot;,&quot;tests/stepbar/interaction.test.html&quot;,&quot;tests/stepbar/inverse.test.html&quot;,&quot;tests/stepbar/show-titles.test.html&quot;,&quot;tests/sticker/color.test.html&quot;,&quot;tests/sticker/size.test.html&quot;,&quot;tests/table/cellsize.test.html&quot;,&quot;tests/table/expandable.test.html&quot;,&quot;tests/table/footer.test.html&quot;,&quot;tests/table/scrollable.test.html&quot;,&quot;tests/table/sortable.test.html&quot;,&quot;tests/table/striped.test.html&quot;,&quot;tests/tabs/base.test.html&quot;,&quot;tests/tabs/custom.test.html&quot;,&quot;tests/tabs/width.test.html&quot;,&quot;tests/tabs/dark-background.test.html&quot;,&quot;tests/tabs/equal-width.test.html&quot;,&quot;tests/tabs/light.test.html&quot;,&quot;tests/testimonial/base.test.html&quot;,&quot;tests/testimonial/color.test.html&quot;,&quot;tests/tile/alignment.test.html&quot;,&quot;tests/tile/background.test.html&quot;,&quot;tests/tile/color.test.html&quot;,&quot;tests/tooltip/infotooltip.test.html&quot;,&quot;tests/tooltip/placement.test.html&quot;,&quot;tests/index.html&quot;]"><style>* { -webkit-font-smoothing: antialiased; }</style><div style="display:block;border:2px solid red;overflow:hidden;max-width:100%"><table data-table="true" class="table table--striped"><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table></div></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/static.js"></script></body></html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orangesk/orange-design-system",
3
- "version": "1.4.0",
3
+ "version": "1.5.0",
4
4
  "private": false,
5
5
  "engines": {
6
6
  "node": "18.x"
package/src/components/Alert/Alert.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import cx from 'classnames';
3
- import { oneOf, node, number, string, func } from 'prop-types';
3
+ import { oneOf, node, number, string, func, bool } from 'prop-types';
4
4
 
5
5
  import Icon from '../Icon';
6
6
  import Buttons from '../Buttons';
@@ -15,6 +15,8 @@ const propTypes = {
15
15
  description: node,
16
16
  /** Level of the heading in heading hierarchy */
17
17
  headingLevel: number,
18
+ /** Sets Alert to full width */
19
+ isFullWidth: bool,
18
20
  /** Custom title renderer. Passes props as functon parameter. */
19
21
  renderTitle: func,
20
22
  /** Main text message */
@@ -39,6 +41,7 @@ const Alert = props => {
39
41
  description,
40
42
  headingLevel,
41
43
  actionButtons,
44
+ isFullWidth,
42
45
  ...other
43
46
  } = props;
44
47
 
@@ -47,6 +50,7 @@ const Alert = props => {
47
50
  CLASS_ROOT,
48
51
  {
49
52
  [`${CLASS_ROOT}--${type}`]: type,
53
+ [`${CLASS_ROOT}--full-width`]: isFullWidth,
50
54
  },
51
55
  className
52
56
  );
package/src/components/Alert/Alert.mdx CHANGED
@@ -10,7 +10,7 @@ import Alert from './';
10
10
  # Alert
11
11
 
12
12
  If you need to notify user about something specific, or if you want to explain
13
- something shortly, this is the element to do it.
13
+ something shortly, this is the element to do it.
14
14
 
15
15
  ## Variants
16
16
 
@@ -23,8 +23,8 @@ something shortly, this is the element to do it.
23
23
  ### Title and Description
24
24
 
25
25
  <Preview>
26
- <Alert
27
- title="Dobre vedieť!"
26
+ <Alert
27
+ title="Dobre vedieť!"
28
28
  description="Popis toho čo by bolo dobré vysvetliť. Aj na viac riadkov. Niekedy veci nie sú samozrejmé, ale ak sa ich pokúsime vysvetliť, tak sa môžme stretnúť s pochopením."
29
29
  />
30
30
  </Preview>
@@ -32,37 +32,26 @@ something shortly, this is the element to do it.
32
32
  ### Title and Buttons
33
33
 
34
34
  <Preview>
35
- <Alert
36
- title="Prosím prihláste sa."
37
- actionButtons={[
38
- <Button>
39
- Prihlásiť sa
40
- </Button>,
41
- <Button>
42
- Skryť
43
- </Button>
44
- ]}
35
+ <Alert
36
+ title="Prosím prihláste sa."
37
+ actionButtons={[<Button>Prihlásiť sa</Button>, <Button>Skryť</Button>]}
45
38
  />
46
39
  </Preview>
47
40
 
48
-
49
41
  ### Title, Description and Buttons
50
42
 
51
43
  <Preview>
52
- <Alert
53
- title="Prihlásiť sa je jednoduché a rozumné"
44
+ <Alert
45
+ title="Prihlásiť sa je jednoduché a rozumné"
54
46
  description="Napríklad: Prihlásení používatelia vidia krajšie ceny ako neprihlásení. Zváž to, ak máš u nás už účet. Neoľutuješ."
55
- actionButtons={
56
- <Button>
57
- Prihlásiť sa
58
- </Button>
59
- }
47
+ actionButtons={<Button>Prihlásiť sa</Button>}
60
48
  />
61
49
  </Preview>
62
50
 
63
51
  ## Types
64
52
 
65
53
  There are four types of alert messages you can choose from.
54
+
66
55
  - [Info](#info)
67
56
  - [Success](#success)
68
57
  - [Warning](#warning)
@@ -70,25 +59,20 @@ There are four types of alert messages you can choose from.
70
59
 
71
60
  ### Info
72
61
 
73
- `info` is default type of alert. It's used for simple, not most important,
62
+ `info` is default type of alert. It's used for simple, not most important,
74
63
  messages for the user if something happend.
75
64
 
76
65
  <Preview>
77
- <Alert
78
- title="Toto je jednoduchá správa"
79
- />
66
+ <Alert title="Toto je jednoduchá správa" />
80
67
  </Preview>
81
68
 
82
69
  ### Success
83
70
 
84
71
  Best feeling is when something went well. You can notify the user about successful
85
- things with `success` type.
72
+ things with `success` type.
86
73
 
87
74
  <Preview>
88
- <Alert
89
- type="success"
90
- title="Výborne. Všetko prebehlo rýchlo a hladko"
91
- />
75
+ <Alert type="success" title="Výborne. Všetko prebehlo rýchlo a hladko" />
92
76
  </Preview>
93
77
 
94
78
  ### Warning
@@ -96,10 +80,7 @@ things with `success` type.
96
80
  If you need to warn user about anything use `warning` type.
97
81
 
98
82
  <Preview>
99
- <Alert
100
- type="warning"
101
- title="Na toto si daj pozor!"
102
- />
83
+ <Alert type="warning" title="Na toto si daj pozor!" />
103
84
  </Preview>
104
85
 
105
86
  ### Danger
@@ -107,10 +88,7 @@ If you need to warn user about anything use `warning` type.
107
88
  If warning is not enought and you need to show error message, use `danger` type.
108
89
 
109
90
  <Preview>
110
- <Alert
111
- type="danger"
112
- title="Stala sa chyba"
113
- />
91
+ <Alert type="danger" title="Stala sa chyba" />
114
92
  </Preview>
115
93
 
116
94
  ## Custom title renderer
@@ -119,8 +97,10 @@ Alert spacing is quite strict and works 99% of time. In rare cases, the title re
119
97
 
120
98
  <Preview>
121
99
  <Alert
122
- title="Prihlásiť sa je jednoduché a rozumné"
123
- renderTitle={(props) => <h3 className="alert__title mb-medium">{props.title}</h3>}
100
+ title="Prihlásiť sa je jednoduché a rozumné"
101
+ renderTitle={props => (
102
+ <h3 className="alert__title mb-medium">{props.title}</h3>
103
+ )}
124
104
  description={
125
105
  <IconList
126
106
  className="reset-font-weight"
@@ -140,11 +120,19 @@ Alert spacing is quite strict and works 99% of time. In rare cases, the title re
140
120
  ]}
141
121
  />
142
122
  }
143
- actionButtons={
144
- <Button>
145
- Prihlásiť sa
146
- </Button>
147
- }
123
+ actionButtons={<Button>Prihlásiť sa</Button>}
124
+ />
125
+ </Preview>
126
+
127
+ ## Full width
128
+
129
+ If you need full width Alert, you can use `isFullWidth` prop. Max width on text remamains the same, because of readability.
130
+
131
+ <Preview>
132
+ <Alert
133
+ isFullWidth
134
+ title="Dobre vedieť!"
135
+ description="Popis toho čo by bolo dobré vysvetliť. Aj na viac riadkov. Niekedy veci nie sú samozrejmé, ale ak sa ich pokúsime vysvetliť, tak sa môžme stretnúť s pochopením."
148
136
  />
149
137
  </Preview>
150
138
 
package/src/components/Alert/styles/config.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  @use 'sass:math';
5
5
 
6
6
  $base: (
7
+ max-width: convert.to-rem(590px),
7
8
  margin-bottom: space.get(),
8
9
  padding: convert.to-rem(18px),
9
10
  // 18px padding + 2px border = medium space
package/src/components/Alert/styles/style.scss CHANGED
@@ -27,4 +27,8 @@
27
27
  &__title + .btn {
28
28
  @include mixins.buttons-after-title;
29
29
  }
30
+
31
+ &--full-width {
32
+ max-width: 100%;
33
+ }
30
34
  }
package/src/components/Alert/tests/Alert.test.js CHANGED
@@ -54,6 +54,13 @@ describe('rendering', () => {
54
54
  });
55
55
  });
56
56
 
57
+ it('renders isFullLength', () => {
58
+ const { getByTestId } = render(
59
+ <Alert data-testid="test" title="Title" />
60
+ );
61
+ expect(getByTestId('test')).toHaveClass(`alert--full-width`);
62
+ });
63
+
57
64
  it('passes other props', () => {
58
65
  const { getByTestId } = render(<Alert data-testid="test" />);
59
66
  expect(getByTestId('test')).toBeInTheDocument();