diff --git a/.eleventy.js b/.eleventy.js
index 41534a08d1..102967fe12 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -122,14 +122,15 @@ module.exports = function (eleventyConfig) {
// Code example short codes
eleventyConfig.addPairedShortcode('example', function (code, config) {
const defaultConfig = {
- lang: 'html',
- stacked: false,
- opened: false,
background: undefined,
- themable: true,
+ centered: false,
hasPadding: true,
heighlight: undefined,
heighlightCssComponent: undefined,
+ lang: 'html',
+ opened: false,
+ stacked: false,
+ themable: true,
}
const finalConfig = Object.assign(defaultConfig, JSON.parse(config || '{}'))
const [codeWebComponent, codeCssComponent] = code
@@ -142,6 +143,7 @@ module.exports = function (eleventyConfig) {
output += `code-css-component="${encodeURIComponent(codeCssComponent)}" `
}
+ output += `${finalConfig.centered ? ' centered' : ''}`
output += `${finalConfig.stacked ? ' stacked' : ''}`
output += `${finalConfig.opened ? ' opened' : ''}`
if (finalConfig.background) {
diff --git a/screenshot/builds/master.json b/screenshot/builds/master.json
index eece04934a..5a181c4926 100644
--- a/screenshot/builds/master.json
+++ b/screenshot/builds/master.json
@@ -188,7 +188,7 @@
},
{
"id": "47001b8a",
- "image": "b89912d0e9b0de84066e680da7d2e196.png",
+ "image": "bd5aafab040b17fe58ed794da64e382e.png",
"userAgent": "default",
"desc": "ld-button icon only ghost default",
"testPath": "./src/liquid/components/ld-button/test/ld-button.e2e.ts",
@@ -214,7 +214,7 @@
},
{
"id": "7f014d9e",
- "image": "94465345e89514df085281fcbdc56a29.png",
+ "image": "bb7dfd9439d0012bbab917b739f5c4f6.png",
"userAgent": "default",
"desc": "ld-button icon only ghost sm",
"testPath": "./src/liquid/components/ld-button/test/ld-button.e2e.ts",
@@ -4829,7 +4829,7 @@
},
{
"id": "5261f40a",
- "image": "dfbb954c018faadc9405eacdf199be87.png",
+ "image": "afbef30750aac975e372dbdfc9921026.png",
"userAgent": "default",
"desc": "ld-header web component default",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
@@ -4855,7 +4855,7 @@
},
{
"id": "1fc8f688",
- "image": "77a5d0fd15129227b8922b3dd840fcd7.png",
+ "image": "8a7fa446a12dbf3418352db06268d444.png",
"userAgent": "default",
"desc": "ld-header web component sticky",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
@@ -4868,7 +4868,7 @@
},
{
"id": "ca9066cc",
- "image": "73c9fa2556ad7afe211af7cd815462f3.png",
+ "image": "09f7fa27b7b500cc3f24235d7c366b15.png",
"userAgent": "default",
"desc": "ld-header web component with burger menu button",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
@@ -4881,7 +4881,7 @@
},
{
"id": "1a616c12",
- "image": "fc11fd12e707120526ed67523b734441.png",
+ "image": "f9a08104d9e3b30020536be6a00a8f2c.png",
"userAgent": "default",
"desc": "ld-header web component with buttons",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
@@ -4907,7 +4907,7 @@
},
{
"id": "30da2887",
- "image": "b59a36d01a6327c06f4ea1d841aa1778.png",
+ "image": "9447a08b927a145692ab475c5ca28215.png",
"userAgent": "default",
"desc": "ld-header web component with custom site name",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
@@ -4933,7 +4933,7 @@
},
{
"id": "4497b732",
- "image": "dfbb954c018faadc9405eacdf199be87.png",
+ "image": "afbef30750aac975e372dbdfc9921026.png",
"userAgent": "default",
"desc": "ld-header web component with linked logo",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
@@ -4946,7 +4946,7 @@
},
{
"id": "04778306",
- "image": "41b859e2c4f7af819ad17542efa48b62.png",
+ "image": "b26d946dac5b0cbb31b8f5ed8c05a6cb.png",
"userAgent": "default",
"desc": "ld-header web component without site name",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
@@ -6153,6 +6153,617 @@
"isLandscape": false,
"isMobile": false
},
+ {
+ "id": "261f27ce",
+ "image": "08d3fe6839ab9d9d0f21729495048bf7.png",
+ "userAgent": "default",
+ "desc": "ld-pagination active end arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "6a397edd",
+ "image": "1371d8b3fff3b7033494baaf064c4dd4.png",
+ "userAgent": "default",
+ "desc": "ld-pagination active first sticky item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "c8e157d2",
+ "image": "d598319d5868d458f9edfce246d88a1f.png",
+ "userAgent": "default",
+ "desc": "ld-pagination active last sticky item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "5f059380",
+ "image": "47bb8dc5aec11e1e9388d4409988c8e5.png",
+ "userAgent": "default",
+ "desc": "ld-pagination active next arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "bc9d0e47",
+ "image": "2d8720714c177bd5de96a5294d8db162.png",
+ "userAgent": "default",
+ "desc": "ld-pagination active prev arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "a2a08953",
+ "image": "9ac7208c4e70fec39cf07b736af99f69.png",
+ "userAgent": "default",
+ "desc": "ld-pagination active selected item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "3126b3cc",
+ "image": "0c33424d8f2293b9463ca25e3f8ab884.png",
+ "userAgent": "default",
+ "desc": "ld-pagination active slidable item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "1c574ae7",
+ "image": "90181901a4400639eee89f6395eaa0ab.png",
+ "userAgent": "default",
+ "desc": "ld-pagination active start arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "05c33b24",
+ "image": "5c7cf6b8ac65f70c4d1d8ebf3b3211a9.png",
+ "userAgent": "default",
+ "desc": "ld-pagination default end",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "7c3e0c65",
+ "image": "95bc6b11c0bdcb6d35851abe9b637370.png",
+ "userAgent": "default",
+ "desc": "ld-pagination default middle",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "79ec030b",
+ "image": "ca752ab4fd97510e065fca6d917fea8c.png",
+ "userAgent": "default",
+ "desc": "ld-pagination default single",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "d92406d9",
+ "image": "159069a077fc2fe327290369572368aa.png",
+ "userAgent": "default",
+ "desc": "ld-pagination default start",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "13e4e9e7",
+ "image": "7a3116f4e7f054af1280f5bd5f2f4c01.png",
+ "userAgent": "default",
+ "desc": "ld-pagination default without dots",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "524567e7",
+ "image": "1d36b8727bbeb018da9317cf1fa8c178.png",
+ "userAgent": "default",
+ "desc": "ld-pagination focus end arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "337b59f2",
+ "image": "b167629b504cc009b2e629d4d127b05a.png",
+ "userAgent": "default",
+ "desc": "ld-pagination focus first sticky item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "69f38a77",
+ "image": "3c6bba7ebaefacfa711421c0fef826a9.png",
+ "userAgent": "default",
+ "desc": "ld-pagination focus last sticky item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "103cb232",
+ "image": "cb9059de47db2594dcca2b89280928b9.png",
+ "userAgent": "default",
+ "desc": "ld-pagination focus next arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "ac7cc3be",
+ "image": "24e327eaef64b6f1e584d48899f83fda.png",
+ "userAgent": "default",
+ "desc": "ld-pagination focus prev arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "6554efaa",
+ "image": "8990d8c3c414ee5350344eca8e988cd4.png",
+ "userAgent": "default",
+ "desc": "ld-pagination focus selected item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "1753defa",
+ "image": "3f6273a50904b41512e1974a30c977ab.png",
+ "userAgent": "default",
+ "desc": "ld-pagination focus slidable item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "ef2ac9a8",
+ "image": "b1f8813e1ee8ded0ead4ec74f4c5bb45.png",
+ "userAgent": "default",
+ "desc": "ld-pagination focus start arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "6790208e",
+ "image": "2e8f57327a9fc0a0a320b25167148d65.png",
+ "userAgent": "default",
+ "desc": "ld-pagination hover end arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "b9d0a343",
+ "image": "168609da47798313485eed20b8291b23.png",
+ "userAgent": "default",
+ "desc": "ld-pagination hover first sticky item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "fba7ae77",
+ "image": "efbacb31464494d84a094c7dc84a6c35.png",
+ "userAgent": "default",
+ "desc": "ld-pagination hover last sticky item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "4987abcd",
+ "image": "14199f4eae607f547956869d00424d8b.png",
+ "userAgent": "default",
+ "desc": "ld-pagination hover next arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "76bb6b43",
+ "image": "f760ef659abf1439c5ff044b3caeb9af.png",
+ "userAgent": "default",
+ "desc": "ld-pagination hover prev arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "3bcceae7",
+ "image": "f387b8406198a5a78696ef6dafe012d9.png",
+ "userAgent": "default",
+ "desc": "ld-pagination hover selected item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "af19f650",
+ "image": "b78ccdab10b5031c68e4e257a991ec7a.png",
+ "userAgent": "default",
+ "desc": "ld-pagination hover slidable item",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "b607c53a",
+ "image": "ca687ec826744102d9a76dc4324093b7.png",
+ "userAgent": "default",
+ "desc": "ld-pagination hover start arrow",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "27b2014b",
+ "image": "cd0341d700ef8afd6dfe253ee8ac4e96.png",
+ "userAgent": "default",
+ "desc": "ld-pagination indefinite middle",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "8d6cb8b6",
+ "image": "7cc4c9c6b1d9d7a1ff3c4c5f61527eaa.png",
+ "userAgent": "default",
+ "desc": "ld-pagination indefinite start",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "bab86fe3",
+ "image": "349c204d5e67e2f7e792718868013311.png",
+ "userAgent": "default",
+ "desc": "ld-pagination sticky end",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "a00ce27c",
+ "image": "be9634a503e2e05feb8b6f841164521a.png",
+ "userAgent": "default",
+ "desc": "ld-pagination sticky middle",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "a8625317",
+ "image": "c3e6e755433c85faf1bdb28801a878b4.png",
+ "userAgent": "default",
+ "desc": "ld-pagination sticky single",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "02d0a330",
+ "image": "5d0bbc64023b2c3bcf9d3a7f6ad06821.png",
+ "userAgent": "default",
+ "desc": "ld-pagination sticky start",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "a54c7e26",
+ "image": "20566ee338827657718ef687eb0bee42.png",
+ "userAgent": "default",
+ "desc": "ld-pagination sticky without dots",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "e56f1d3e",
+ "image": "c56edec392c3476a6c42ffe93c90a160.png",
+ "userAgent": "default",
+ "desc": "ld-pagination with text navigation end",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "c611bae5",
+ "image": "cf92c2668b303a6398e41bdf64d2c9a7.png",
+ "userAgent": "default",
+ "desc": "ld-pagination with text navigation middle",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "add4abdf",
+ "image": "eef8fef335a49f104092dc821df072c5.png",
+ "userAgent": "default",
+ "desc": "ld-pagination with text navigation start",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "f9be2030",
+ "image": "d82fe0be1fc8104054f8a6e7b53a7af8.png",
+ "userAgent": "default",
+ "desc": "ld-pagination without arrows end",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "7b795257",
+ "image": "fbeb9fcabd5afa76854eea385352d807.png",
+ "userAgent": "default",
+ "desc": "ld-pagination without arrows middle",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "2dc73fb3",
+ "image": "901f182ea4b9fe921e323581f3cb55d8.png",
+ "userAgent": "default",
+ "desc": "ld-pagination without arrows start",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "a4949859",
+ "image": "0661ed5b6bc97312387f706d30f3cbb4.png",
+ "userAgent": "default",
+ "desc": "ld-pagination without offset end",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "245deb37",
+ "image": "4a8544c04c813fc69d5aa49337dd481a.png",
+ "userAgent": "default",
+ "desc": "ld-pagination without offset middle",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "8f3e6a24",
+ "image": "ca752ab4fd97510e065fca6d917fea8c.png",
+ "userAgent": "default",
+ "desc": "ld-pagination without offset single",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "8b93d189",
+ "image": "a9e7b8d0fdd59c547381af0bd327de2f.png",
+ "userAgent": "default",
+ "desc": "ld-pagination without offset start",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
+ {
+ "id": "2935613f",
+ "image": "97eb3701672cc7abc8effce037bdb88a.png",
+ "userAgent": "default",
+ "desc": "ld-pagination without offset without dots",
+ "testPath": "./src/liquid/components/ld-pagination/test/ld-pagination.e2e.ts",
+ "width": 600,
+ "height": 600,
+ "deviceScaleFactor": 1,
+ "hasTouch": false,
+ "isLandscape": false,
+ "isMobile": false
+ },
{
"id": "89663549",
"image": "4b35d193ebe73a13913f0a1caa82d6ba.png",
diff --git a/screenshot/images/0661ed5b6bc97312387f706d30f3cbb4.png b/screenshot/images/0661ed5b6bc97312387f706d30f3cbb4.png
new file mode 100644
index 0000000000..ed51633852
Binary files /dev/null and b/screenshot/images/0661ed5b6bc97312387f706d30f3cbb4.png differ
diff --git a/screenshot/images/08d3fe6839ab9d9d0f21729495048bf7.png b/screenshot/images/08d3fe6839ab9d9d0f21729495048bf7.png
new file mode 100644
index 0000000000..be95565138
Binary files /dev/null and b/screenshot/images/08d3fe6839ab9d9d0f21729495048bf7.png differ
diff --git a/screenshot/images/09f7fa27b7b500cc3f24235d7c366b15.png b/screenshot/images/09f7fa27b7b500cc3f24235d7c366b15.png
new file mode 100644
index 0000000000..eb272683e4
Binary files /dev/null and b/screenshot/images/09f7fa27b7b500cc3f24235d7c366b15.png differ
diff --git a/screenshot/images/0c33424d8f2293b9463ca25e3f8ab884.png b/screenshot/images/0c33424d8f2293b9463ca25e3f8ab884.png
new file mode 100644
index 0000000000..860f066ee0
Binary files /dev/null and b/screenshot/images/0c33424d8f2293b9463ca25e3f8ab884.png differ
diff --git a/screenshot/images/1371d8b3fff3b7033494baaf064c4dd4.png b/screenshot/images/1371d8b3fff3b7033494baaf064c4dd4.png
new file mode 100644
index 0000000000..69b5921037
Binary files /dev/null and b/screenshot/images/1371d8b3fff3b7033494baaf064c4dd4.png differ
diff --git a/screenshot/images/14199f4eae607f547956869d00424d8b.png b/screenshot/images/14199f4eae607f547956869d00424d8b.png
new file mode 100644
index 0000000000..8266c698b0
Binary files /dev/null and b/screenshot/images/14199f4eae607f547956869d00424d8b.png differ
diff --git a/screenshot/images/159069a077fc2fe327290369572368aa.png b/screenshot/images/159069a077fc2fe327290369572368aa.png
new file mode 100644
index 0000000000..1eefe2f491
Binary files /dev/null and b/screenshot/images/159069a077fc2fe327290369572368aa.png differ
diff --git a/screenshot/images/168609da47798313485eed20b8291b23.png b/screenshot/images/168609da47798313485eed20b8291b23.png
new file mode 100644
index 0000000000..298cc4516e
Binary files /dev/null and b/screenshot/images/168609da47798313485eed20b8291b23.png differ
diff --git a/screenshot/images/1d36b8727bbeb018da9317cf1fa8c178.png b/screenshot/images/1d36b8727bbeb018da9317cf1fa8c178.png
new file mode 100644
index 0000000000..62641e8591
Binary files /dev/null and b/screenshot/images/1d36b8727bbeb018da9317cf1fa8c178.png differ
diff --git a/screenshot/images/20566ee338827657718ef687eb0bee42.png b/screenshot/images/20566ee338827657718ef687eb0bee42.png
new file mode 100644
index 0000000000..eafbb3e2e9
Binary files /dev/null and b/screenshot/images/20566ee338827657718ef687eb0bee42.png differ
diff --git a/screenshot/images/24e327eaef64b6f1e584d48899f83fda.png b/screenshot/images/24e327eaef64b6f1e584d48899f83fda.png
new file mode 100644
index 0000000000..cb5569c22a
Binary files /dev/null and b/screenshot/images/24e327eaef64b6f1e584d48899f83fda.png differ
diff --git a/screenshot/images/2d8720714c177bd5de96a5294d8db162.png b/screenshot/images/2d8720714c177bd5de96a5294d8db162.png
new file mode 100644
index 0000000000..42b7ce2f2e
Binary files /dev/null and b/screenshot/images/2d8720714c177bd5de96a5294d8db162.png differ
diff --git a/screenshot/images/2e8f57327a9fc0a0a320b25167148d65.png b/screenshot/images/2e8f57327a9fc0a0a320b25167148d65.png
new file mode 100644
index 0000000000..65957a46fe
Binary files /dev/null and b/screenshot/images/2e8f57327a9fc0a0a320b25167148d65.png differ
diff --git a/screenshot/images/349c204d5e67e2f7e792718868013311.png b/screenshot/images/349c204d5e67e2f7e792718868013311.png
new file mode 100644
index 0000000000..aa9a649529
Binary files /dev/null and b/screenshot/images/349c204d5e67e2f7e792718868013311.png differ
diff --git a/screenshot/images/3c6bba7ebaefacfa711421c0fef826a9.png b/screenshot/images/3c6bba7ebaefacfa711421c0fef826a9.png
new file mode 100644
index 0000000000..ff1ee72702
Binary files /dev/null and b/screenshot/images/3c6bba7ebaefacfa711421c0fef826a9.png differ
diff --git a/screenshot/images/3f6273a50904b41512e1974a30c977ab.png b/screenshot/images/3f6273a50904b41512e1974a30c977ab.png
new file mode 100644
index 0000000000..1877e0c3bd
Binary files /dev/null and b/screenshot/images/3f6273a50904b41512e1974a30c977ab.png differ
diff --git a/screenshot/images/47bb8dc5aec11e1e9388d4409988c8e5.png b/screenshot/images/47bb8dc5aec11e1e9388d4409988c8e5.png
new file mode 100644
index 0000000000..81544613c9
Binary files /dev/null and b/screenshot/images/47bb8dc5aec11e1e9388d4409988c8e5.png differ
diff --git a/screenshot/images/4a8544c04c813fc69d5aa49337dd481a.png b/screenshot/images/4a8544c04c813fc69d5aa49337dd481a.png
new file mode 100644
index 0000000000..55009daa12
Binary files /dev/null and b/screenshot/images/4a8544c04c813fc69d5aa49337dd481a.png differ
diff --git a/screenshot/images/5c7cf6b8ac65f70c4d1d8ebf3b3211a9.png b/screenshot/images/5c7cf6b8ac65f70c4d1d8ebf3b3211a9.png
new file mode 100644
index 0000000000..0b9aa77d15
Binary files /dev/null and b/screenshot/images/5c7cf6b8ac65f70c4d1d8ebf3b3211a9.png differ
diff --git a/screenshot/images/5d0bbc64023b2c3bcf9d3a7f6ad06821.png b/screenshot/images/5d0bbc64023b2c3bcf9d3a7f6ad06821.png
new file mode 100644
index 0000000000..f9c6d2589b
Binary files /dev/null and b/screenshot/images/5d0bbc64023b2c3bcf9d3a7f6ad06821.png differ
diff --git a/screenshot/images/7a3116f4e7f054af1280f5bd5f2f4c01.png b/screenshot/images/7a3116f4e7f054af1280f5bd5f2f4c01.png
new file mode 100644
index 0000000000..fd693e3d47
Binary files /dev/null and b/screenshot/images/7a3116f4e7f054af1280f5bd5f2f4c01.png differ
diff --git a/screenshot/images/7cc4c9c6b1d9d7a1ff3c4c5f61527eaa.png b/screenshot/images/7cc4c9c6b1d9d7a1ff3c4c5f61527eaa.png
new file mode 100644
index 0000000000..150f7825b6
Binary files /dev/null and b/screenshot/images/7cc4c9c6b1d9d7a1ff3c4c5f61527eaa.png differ
diff --git a/screenshot/images/8990d8c3c414ee5350344eca8e988cd4.png b/screenshot/images/8990d8c3c414ee5350344eca8e988cd4.png
new file mode 100644
index 0000000000..9cc74b93a1
Binary files /dev/null and b/screenshot/images/8990d8c3c414ee5350344eca8e988cd4.png differ
diff --git a/screenshot/images/8a7fa446a12dbf3418352db06268d444.png b/screenshot/images/8a7fa446a12dbf3418352db06268d444.png
new file mode 100644
index 0000000000..5c2fd9688f
Binary files /dev/null and b/screenshot/images/8a7fa446a12dbf3418352db06268d444.png differ
diff --git a/screenshot/images/90181901a4400639eee89f6395eaa0ab.png b/screenshot/images/90181901a4400639eee89f6395eaa0ab.png
new file mode 100644
index 0000000000..f63b2ba68d
Binary files /dev/null and b/screenshot/images/90181901a4400639eee89f6395eaa0ab.png differ
diff --git a/screenshot/images/901f182ea4b9fe921e323581f3cb55d8.png b/screenshot/images/901f182ea4b9fe921e323581f3cb55d8.png
new file mode 100644
index 0000000000..1310c86605
Binary files /dev/null and b/screenshot/images/901f182ea4b9fe921e323581f3cb55d8.png differ
diff --git a/screenshot/images/94465345e89514df085281fcbdc56a29.png b/screenshot/images/94465345e89514df085281fcbdc56a29.png
deleted file mode 100644
index 96b341c071..0000000000
Binary files a/screenshot/images/94465345e89514df085281fcbdc56a29.png and /dev/null differ
diff --git a/screenshot/images/9447a08b927a145692ab475c5ca28215.png b/screenshot/images/9447a08b927a145692ab475c5ca28215.png
new file mode 100644
index 0000000000..b2ad98f0ed
Binary files /dev/null and b/screenshot/images/9447a08b927a145692ab475c5ca28215.png differ
diff --git a/screenshot/images/95bc6b11c0bdcb6d35851abe9b637370.png b/screenshot/images/95bc6b11c0bdcb6d35851abe9b637370.png
new file mode 100644
index 0000000000..71c0ebde22
Binary files /dev/null and b/screenshot/images/95bc6b11c0bdcb6d35851abe9b637370.png differ
diff --git a/screenshot/images/97eb3701672cc7abc8effce037bdb88a.png b/screenshot/images/97eb3701672cc7abc8effce037bdb88a.png
new file mode 100644
index 0000000000..7b52bee6c3
Binary files /dev/null and b/screenshot/images/97eb3701672cc7abc8effce037bdb88a.png differ
diff --git a/screenshot/images/9ac7208c4e70fec39cf07b736af99f69.png b/screenshot/images/9ac7208c4e70fec39cf07b736af99f69.png
new file mode 100644
index 0000000000..fc52cd0768
Binary files /dev/null and b/screenshot/images/9ac7208c4e70fec39cf07b736af99f69.png differ
diff --git a/screenshot/images/a9e7b8d0fdd59c547381af0bd327de2f.png b/screenshot/images/a9e7b8d0fdd59c547381af0bd327de2f.png
new file mode 100644
index 0000000000..52002b3457
Binary files /dev/null and b/screenshot/images/a9e7b8d0fdd59c547381af0bd327de2f.png differ
diff --git a/screenshot/images/afbef30750aac975e372dbdfc9921026.png b/screenshot/images/afbef30750aac975e372dbdfc9921026.png
new file mode 100644
index 0000000000..c9b9ad828c
Binary files /dev/null and b/screenshot/images/afbef30750aac975e372dbdfc9921026.png differ
diff --git a/screenshot/images/b167629b504cc009b2e629d4d127b05a.png b/screenshot/images/b167629b504cc009b2e629d4d127b05a.png
new file mode 100644
index 0000000000..237e330925
Binary files /dev/null and b/screenshot/images/b167629b504cc009b2e629d4d127b05a.png differ
diff --git a/screenshot/images/b1f8813e1ee8ded0ead4ec74f4c5bb45.png b/screenshot/images/b1f8813e1ee8ded0ead4ec74f4c5bb45.png
new file mode 100644
index 0000000000..e2c2c4a521
Binary files /dev/null and b/screenshot/images/b1f8813e1ee8ded0ead4ec74f4c5bb45.png differ
diff --git a/screenshot/images/b26d946dac5b0cbb31b8f5ed8c05a6cb.png b/screenshot/images/b26d946dac5b0cbb31b8f5ed8c05a6cb.png
new file mode 100644
index 0000000000..7b56d105ad
Binary files /dev/null and b/screenshot/images/b26d946dac5b0cbb31b8f5ed8c05a6cb.png differ
diff --git a/screenshot/images/b78ccdab10b5031c68e4e257a991ec7a.png b/screenshot/images/b78ccdab10b5031c68e4e257a991ec7a.png
new file mode 100644
index 0000000000..40a4996bf5
Binary files /dev/null and b/screenshot/images/b78ccdab10b5031c68e4e257a991ec7a.png differ
diff --git a/screenshot/images/b89912d0e9b0de84066e680da7d2e196.png b/screenshot/images/b89912d0e9b0de84066e680da7d2e196.png
deleted file mode 100644
index e5853b3ed6..0000000000
Binary files a/screenshot/images/b89912d0e9b0de84066e680da7d2e196.png and /dev/null differ
diff --git a/screenshot/images/bb7dfd9439d0012bbab917b739f5c4f6.png b/screenshot/images/bb7dfd9439d0012bbab917b739f5c4f6.png
new file mode 100644
index 0000000000..a6d7a7692d
Binary files /dev/null and b/screenshot/images/bb7dfd9439d0012bbab917b739f5c4f6.png differ
diff --git a/screenshot/images/bd5aafab040b17fe58ed794da64e382e.png b/screenshot/images/bd5aafab040b17fe58ed794da64e382e.png
new file mode 100644
index 0000000000..1557a865f9
Binary files /dev/null and b/screenshot/images/bd5aafab040b17fe58ed794da64e382e.png differ
diff --git a/screenshot/images/be9634a503e2e05feb8b6f841164521a.png b/screenshot/images/be9634a503e2e05feb8b6f841164521a.png
new file mode 100644
index 0000000000..cb0527188d
Binary files /dev/null and b/screenshot/images/be9634a503e2e05feb8b6f841164521a.png differ
diff --git a/screenshot/images/c3e6e755433c85faf1bdb28801a878b4.png b/screenshot/images/c3e6e755433c85faf1bdb28801a878b4.png
new file mode 100644
index 0000000000..ff2c0d5484
Binary files /dev/null and b/screenshot/images/c3e6e755433c85faf1bdb28801a878b4.png differ
diff --git a/screenshot/images/c56edec392c3476a6c42ffe93c90a160.png b/screenshot/images/c56edec392c3476a6c42ffe93c90a160.png
new file mode 100644
index 0000000000..97190272cf
Binary files /dev/null and b/screenshot/images/c56edec392c3476a6c42ffe93c90a160.png differ
diff --git a/screenshot/images/ca687ec826744102d9a76dc4324093b7.png b/screenshot/images/ca687ec826744102d9a76dc4324093b7.png
new file mode 100644
index 0000000000..db0b8a62f4
Binary files /dev/null and b/screenshot/images/ca687ec826744102d9a76dc4324093b7.png differ
diff --git a/screenshot/images/ca752ab4fd97510e065fca6d917fea8c.png b/screenshot/images/ca752ab4fd97510e065fca6d917fea8c.png
new file mode 100644
index 0000000000..8b6ae275e0
Binary files /dev/null and b/screenshot/images/ca752ab4fd97510e065fca6d917fea8c.png differ
diff --git a/screenshot/images/cb9059de47db2594dcca2b89280928b9.png b/screenshot/images/cb9059de47db2594dcca2b89280928b9.png
new file mode 100644
index 0000000000..179313f4e6
Binary files /dev/null and b/screenshot/images/cb9059de47db2594dcca2b89280928b9.png differ
diff --git a/screenshot/images/cd0341d700ef8afd6dfe253ee8ac4e96.png b/screenshot/images/cd0341d700ef8afd6dfe253ee8ac4e96.png
new file mode 100644
index 0000000000..f232f18b27
Binary files /dev/null and b/screenshot/images/cd0341d700ef8afd6dfe253ee8ac4e96.png differ
diff --git a/screenshot/images/cf92c2668b303a6398e41bdf64d2c9a7.png b/screenshot/images/cf92c2668b303a6398e41bdf64d2c9a7.png
new file mode 100644
index 0000000000..92959a4faf
Binary files /dev/null and b/screenshot/images/cf92c2668b303a6398e41bdf64d2c9a7.png differ
diff --git a/screenshot/images/d598319d5868d458f9edfce246d88a1f.png b/screenshot/images/d598319d5868d458f9edfce246d88a1f.png
new file mode 100644
index 0000000000..5d4107770b
Binary files /dev/null and b/screenshot/images/d598319d5868d458f9edfce246d88a1f.png differ
diff --git a/screenshot/images/d82fe0be1fc8104054f8a6e7b53a7af8.png b/screenshot/images/d82fe0be1fc8104054f8a6e7b53a7af8.png
new file mode 100644
index 0000000000..bee138e312
Binary files /dev/null and b/screenshot/images/d82fe0be1fc8104054f8a6e7b53a7af8.png differ
diff --git a/screenshot/images/eef8fef335a49f104092dc821df072c5.png b/screenshot/images/eef8fef335a49f104092dc821df072c5.png
new file mode 100644
index 0000000000..e1fb5a276d
Binary files /dev/null and b/screenshot/images/eef8fef335a49f104092dc821df072c5.png differ
diff --git a/screenshot/images/efbacb31464494d84a094c7dc84a6c35.png b/screenshot/images/efbacb31464494d84a094c7dc84a6c35.png
new file mode 100644
index 0000000000..71d599e748
Binary files /dev/null and b/screenshot/images/efbacb31464494d84a094c7dc84a6c35.png differ
diff --git a/screenshot/images/f387b8406198a5a78696ef6dafe012d9.png b/screenshot/images/f387b8406198a5a78696ef6dafe012d9.png
new file mode 100644
index 0000000000..b9a892bda5
Binary files /dev/null and b/screenshot/images/f387b8406198a5a78696ef6dafe012d9.png differ
diff --git a/screenshot/images/f760ef659abf1439c5ff044b3caeb9af.png b/screenshot/images/f760ef659abf1439c5ff044b3caeb9af.png
new file mode 100644
index 0000000000..bb08d24c7e
Binary files /dev/null and b/screenshot/images/f760ef659abf1439c5ff044b3caeb9af.png differ
diff --git a/screenshot/images/f9a08104d9e3b30020536be6a00a8f2c.png b/screenshot/images/f9a08104d9e3b30020536be6a00a8f2c.png
new file mode 100644
index 0000000000..d2a0c42b47
Binary files /dev/null and b/screenshot/images/f9a08104d9e3b30020536be6a00a8f2c.png differ
diff --git a/screenshot/images/fbeb9fcabd5afa76854eea385352d807.png b/screenshot/images/fbeb9fcabd5afa76854eea385352d807.png
new file mode 100644
index 0000000000..d02242cd78
Binary files /dev/null and b/screenshot/images/fbeb9fcabd5afa76854eea385352d807.png differ
diff --git a/src/docs/components/docs-example/docs-example.css b/src/docs/components/docs-example/docs-example.css
index f268691a93..b495d78a34 100644
--- a/src/docs/components/docs-example/docs-example.css
+++ b/src/docs/components/docs-example/docs-example.css
@@ -128,6 +128,11 @@
width: 100%;
}
}
+.docs-example__show--centered {
+ > div {
+ align-items: center;
+ }
+}
.docs-example__show--stacked {
> div {
flex-direction: column;
diff --git a/src/docs/components/docs-example/docs-example.tsx b/src/docs/components/docs-example/docs-example.tsx
index 2d976a0000..9ab0bba0d5 100644
--- a/src/docs/components/docs-example/docs-example.tsx
+++ b/src/docs/components/docs-example/docs-example.tsx
@@ -9,6 +9,9 @@ import { getClassNames } from '../../../liquid/utils/getClassNames'
shadow: false,
})
export class DocsExample {
+ /** Center examples. */
+ @Prop() centered = false
+
/** Web Component markup encoded as URI component. */
@Prop() code!: string
@@ -68,6 +71,7 @@ export class DocsExample {
if (this.themable && this.currentTheme) {
clShow += ' ld-theme-' + this.currentTheme.toLowerCase()
}
+ if (this.centered) clShow += ' docs-example__show--centered'
if (this.stacked) clShow += ' docs-example__show--stacked'
if (this.background) clShow += ` docs-example__show--${this.background}`
diff --git a/src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts b/src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts
index cac6c7e6ac..68b3ba1fa0 100644
--- a/src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts
+++ b/src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts
@@ -14,8 +14,6 @@ const cellTypes = [
'tile',
]
-jest.useRealTimers()
-
describe('ld-bg-cells', () => {
describe('web component', () => {
it(`default`, async () => {
diff --git a/src/liquid/components/ld-button/ld-button.tsx b/src/liquid/components/ld-button/ld-button.tsx
index 12330cb5ab..f2778fa531 100644
--- a/src/liquid/components/ld-button/ld-button.tsx
+++ b/src/liquid/components/ld-button/ld-button.tsx
@@ -71,6 +71,9 @@ export class LdButton implements InnerFocusable, ClonesAttributes {
/** Justify content. */
@Prop({ mutable: true }) justifyContent?: 'start' | 'end' | 'between'
+ /** Tab index of the button. */
+ @Prop() ldTabindex: number | undefined
+
/** Display mode. */
@Prop() mode?: 'highlight' | 'secondary' | 'ghost' | 'danger'
@@ -174,14 +177,12 @@ export class LdButton implements InnerFocusable, ClonesAttributes {
@Watch('size')
private updateIconSize() {
- const forceLargeIcon = this.mode === 'ghost' && this.iconOnly
-
this.el.querySelectorAll('ld-icon').forEach((icon) => {
- icon.size = forceLargeIcon ? 'lg' : this.size
+ icon.size = this.size
})
this.el.querySelectorAll('.ld-icon').forEach((icon) => {
- if (this.size === 'lg' || forceLargeIcon) {
+ if (this.size === 'lg') {
icon.classList.remove('ld-icon--sm')
icon.classList.add('ld-icon--lg')
} else if (this.size === 'sm') {
@@ -198,6 +199,7 @@ export class LdButton implements InnerFocusable, ClonesAttributes {
'align-text',
'brand-color',
'justify-content',
+ 'ld-tabindex',
'mode',
'progress',
'size',
@@ -247,9 +249,11 @@ export class LdButton implements InnerFocusable, ClonesAttributes {
}
aria-live="polite"
class={cl}
+ disabled={this.disabled}
part="button focusable"
ref={(el: HTMLAnchorElement | HTMLButtonElement) => (this.button = el)}
rel={this.target === '_blank' ? 'noreferrer noopener' : undefined}
+ tabIndex={this.ldTabindex}
value={this.value}
>
diff --git a/src/liquid/components/ld-button/readme.md b/src/liquid/components/ld-button/readme.md
index 9a8dcc3bff..d277c343f0 100644
--- a/src/liquid/components/ld-button/readme.md
+++ b/src/liquid/components/ld-button/readme.md
@@ -500,6 +500,7 @@ You can align the text inside the button using the `align-text` propperty.
| `href` | `href` | Transforms the button to an anchor element. See [mdn docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href) for more information on the `href` attribute. | `string` | `undefined` |
| `justifyContent` | `justify-content` | Justify content. | `"between" \| "end" \| "start"` | `undefined` |
| `key` | `key` | for tracking the node's identity when working with lists | `string \| number` | `undefined` |
+| `ldTabindex` | `ld-tabindex` | Tab index of the button. | `number` | `undefined` |
| `mode` | `mode` | Display mode. | `"danger" \| "ghost" \| "highlight" \| "secondary"` | `undefined` |
| `name` | `name` | Used to specify the name of the control. | `string` | `undefined` |
| `progress` | `progress` | Displays a progress bar at the bottom of the button. | `"pending" \| number` | `undefined` |
@@ -531,6 +532,19 @@ Type: `Promise`
| `"progress-bar"` | Progress bar |
+## Dependencies
+
+### Used by
+
+ - [ld-pagination](../ld-pagination)
+
+### Graph
+```mermaid
+graph TD;
+ ld-pagination --> ld-button
+ style ld-button fill:#f9f,stroke:#333,stroke-width:4px
+```
+
----------------------------------------------
diff --git a/src/liquid/components/ld-button/test/ld-button.e2e.ts b/src/liquid/components/ld-button/test/ld-button.e2e.ts
index 8e6d7cfc95..6e5822c010 100644
--- a/src/liquid/components/ld-button/test/ld-button.e2e.ts
+++ b/src/liquid/components/ld-button/test/ld-button.e2e.ts
@@ -5,8 +5,6 @@ import {
import { LdIcon } from '../../ld-icon/ld-icon'
import { LdButton } from '../ld-button'
-jest.useRealTimers()
-
const modes = ['', 'highlight', 'secondary', 'ghost', 'danger']
const attributes = ['', 'brand-color']
diff --git a/src/liquid/components/ld-checkbox/ld-checkbox.tsx b/src/liquid/components/ld-checkbox/ld-checkbox.tsx
index 15aa6fbf1f..a40a018c90 100644
--- a/src/liquid/components/ld-checkbox/ld-checkbox.tsx
+++ b/src/liquid/components/ld-checkbox/ld-checkbox.tsx
@@ -50,6 +50,9 @@ export class LdCheckbox implements InnerFocusable, ClonesAttributes {
/** Set this property to `true` in order to mark the checkbox visually as invalid. */
@Prop() invalid: boolean
+ /** Tab index of the input. */
+ @Prop() ldTabindex: number | undefined
+
/** Display mode. */
@Prop() mode?: 'highlight' | 'danger'
@@ -203,13 +206,14 @@ export class LdCheckbox implements InnerFocusable, ClonesAttributes {
(this.input = ref)}
+ tabIndex={this.ldTabindex}
type="checkbox"
- disabled={this.disabled}
- checked={this.checked}
value={this.value}
/>