Skip to content

Commit

Permalink
feat(ld-header): add basic header component
Browse files Browse the repository at this point in the history 
* fix: types of autofocus props

* chore: prepare usage of yarn 3
  • Loading branch information
@renet
renet committed Jan 4, 2022
1 parent b3c463f commit db51098
Show file tree
Hide file tree
Showing 200 changed files with 1,874 additions and 336 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ log.txt
.vscode/
.sass-cache/
.versions/
.yarn/
node_modules/
coverage/
tmp/
Expand Down
6 changes: 3 additions & 3 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
"build:bin": "run-p build:bin:cli build:bin:apply_design_tokens",
"build:bin:cli": "tsc scripts/cli.ts --moduleResolution node --target esnext --outfile bin/cli.js",
"build:bin:apply_design_tokens": "tsc scripts/applyDesignTokens.ts --moduleResolution node --target esnext --outfile bin/applyDesignTokens.js",
"build:docs": "run-s build:stencil:docs build:eleventy build:styles:docs:*",
"build:docs": "run-s build:stencil:docs build:eleventy 'build:styles:docs:*'",
"build:eleventy": "dotenv -e .env -- npx @11ty/eleventy",
"build:stencil:components": "stencil build && shx mv tmp/web-components.html-data.json dist/web-components.html-data.json && shx rm -r tmp",
"build:stencil:docs": "stencil build --config=stencil.config.docs.ts",
Expand All @@ -54,7 +54,7 @@
"lint:ts": "tsc --noemit -p tsconfig.docs.json",
"optimise_svg_icons": "ts-node scripts/optimiseSVGIcons.ts",
"prepare": "husky install",
"start": "run-p serve build:styles:docs:* watch:** start:info",
"start": "run-p serve 'build:styles:docs:*' 'watch:**' start:info",
"start:info": "echo 'serving on http://localhost:8080'",
"serve": "nc -z 127.0.0.1 8080 && exit 0 || live-server --port=8080 dist_docs --no-browser --no-css-inject --quiet",
"test": "run-p test:stencil test:a11y",
Expand Down Expand Up @@ -129,8 +129,8 @@
"postcss-nested": "^5.0.6",
"postcss-normalize": "^9.0.0",
"postcss-preset-env": "^7.2.0",
"puppeteer": "^10.0.0",
"prettier": "^2.2.1",
"puppeteer": "^10.0.0",
"semantic-release": "^17.4.1",
"shx": "^0.3.3",
"stylelint": "^13.13.1",
Expand Down
299 changes: 299 additions & 0 deletions screenshot/builds/master.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -186,6 +186,45 @@
"isLandscape": false,
"isMobile": false
},
{
"id": "47001b8a",
"image": "b89912d0e9b0de84066e680da7d2e196.png",
"userAgent": "default",
"desc": "ld-button icon only ghost default",
"testPath": "./src/liquid/components/ld-button/test/ld-button.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "f8538f84",
"image": "58e681936602acfbc52165f7d14ff446.png",
"userAgent": "default",
"desc": "ld-button icon only ghost lg",
"testPath": "./src/liquid/components/ld-button/test/ld-button.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "7f014d9e",
"image": "94465345e89514df085281fcbdc56a29.png",
"userAgent": "default",
"desc": "ld-button icon only ghost sm",
"testPath": "./src/liquid/components/ld-button/test/ld-button.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "3c3a00b1",
"image": "b1ee60d448f78e6a2c8d159fd2633a57.png",
Expand Down Expand Up @@ -4658,6 +4697,266 @@
"isLandscape": false,
"isMobile": false
},
{
"id": "e39d2537",
"image": "dfbb954c018faadc9405eacdf199be87.png",
"userAgent": "default",
"desc": "ld-header css component default",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "f51f5ef1",
"image": "740d810ba6e0c1e10d101054061cd36b.png",
"userAgent": "default",
"desc": "ld-header css component hidden",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "fec55a37",
"image": "77a5d0fd15129227b8922b3dd840fcd7.png",
"userAgent": "default",
"desc": "ld-header css component sticky",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "2fab70cb",
"image": "73c9fa2556ad7afe211af7cd815462f3.png",
"userAgent": "default",
"desc": "ld-header css component with burger menu button",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "9c1062d2",
"image": "fc11fd12e707120526ed67523b734441.png",
"userAgent": "default",
"desc": "ld-header css component with buttons",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "6f5c7084",
"image": "19a1ceaaaca6eabea55c55da1eef3ffa.png",
"userAgent": "default",
"desc": "ld-header css component with custom logo",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "8b071e7d",
"image": "b59a36d01a6327c06f4ea1d841aa1778.png",
"userAgent": "default",
"desc": "ld-header css component with custom site name",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "8682df44",
"image": "53426ef3dcd80b0a736f64342bddb71b.png",
"userAgent": "default",
"desc": "ld-header css component with linked custom logo",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "3a410d02",
"image": "dfbb954c018faadc9405eacdf199be87.png",
"userAgent": "default",
"desc": "ld-header css component with linked logo",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "2b18c691",
"image": "41b859e2c4f7af819ad17542efa48b62.png",
"userAgent": "default",
"desc": "ld-header css component without site name",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "5261f40a",
"image": "dfbb954c018faadc9405eacdf199be87.png",
"userAgent": "default",
"desc": "ld-header web component default",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "9cd46c90",
"image": "740d810ba6e0c1e10d101054061cd36b.png",
"userAgent": "default",
"desc": "ld-header web component hidden",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "1fc8f688",
"image": "77a5d0fd15129227b8922b3dd840fcd7.png",
"userAgent": "default",
"desc": "ld-header web component sticky",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "ca9066cc",
"image": "73c9fa2556ad7afe211af7cd815462f3.png",
"userAgent": "default",
"desc": "ld-header web component with burger menu button",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "1a616c12",
"image": "fc11fd12e707120526ed67523b734441.png",
"userAgent": "default",
"desc": "ld-header web component with buttons",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "d51d84a6",
"image": "19a1ceaaaca6eabea55c55da1eef3ffa.png",
"userAgent": "default",
"desc": "ld-header web component with custom logo",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "30da2887",
"image": "b59a36d01a6327c06f4ea1d841aa1778.png",
"userAgent": "default",
"desc": "ld-header web component with custom site name",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "028db0d0",
"image": "19a1ceaaaca6eabea55c55da1eef3ffa.png",
"userAgent": "default",
"desc": "ld-header web component with linked custom logo",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "4497b732",
"image": "dfbb954c018faadc9405eacdf199be87.png",
"userAgent": "default",
"desc": "ld-header web component with linked logo",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "04778306",
"image": "41b859e2c4f7af819ad17542efa48b62.png",
"userAgent": "default",
"desc": "ld-header web component without site name",
"testPath": "./src/liquid/components/ld-header/test/ld-header.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "cb256493",
"image": "bc45857c445f089975ce842784cf0afc.png",
Expand Down
Binary file added screenshot/images/19a1ceaaaca6eabea55c55da1eef3ffa.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/41b859e2c4f7af819ad17542efa48b62.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/53426ef3dcd80b0a736f64342bddb71b.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/58e681936602acfbc52165f7d14ff446.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/73c9fa2556ad7afe211af7cd815462f3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/740d810ba6e0c1e10d101054061cd36b.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/77a5d0fd15129227b8922b3dd840fcd7.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/94465345e89514df085281fcbdc56a29.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/b59a36d01a6327c06f4ea1d841aa1778.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/b89912d0e9b0de84066e680da7d2e196.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/dfbb954c018faadc9405eacdf199be87.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/fc11fd12e707120526ed67523b734441.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 5 additions & 2 deletions src/docs/components/docs-nav/docs-nav.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,15 +143,18 @@
}

.docs-nav__content {
width: var(--docs-nav-width);
position: fixed;
bottom: 0;
height: calc(100% - var(--docs-topbar-height));
overflow: hidden auto;
overscroll-behavior: contain;
padding: var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-24) var(--ld-sp-32);
position: fixed;
top: 3.125rem;
width: var(--docs-nav-width);

@media (max-width: 48rem) {
position: fixed;
top: 0;
}
}

Expand Down
Loading

0 comments on commit db51098

Please sign in to comment.