Skip to content

Commit 2e09f67

Browse files
mfranzkeMaximilianJosefBredereck
authored
refactor: updated further dependencies (pattern-lab#1303)
* chore(docs): some typos missed to replace mustache initially and incorrect handlebars two times (both in package name and URL) * Revert "Merge pull request pattern-lab#2 from pattern-lab/dev" This reverts commit 7812878, reversing changes made to 26db979. * Revert "Merge pull request pattern-lab#1 from pattern-lab/dev" This reverts commit 26db979, reversing changes made to fc90750. * Revert "chore(docs): some typos" This reverts commit 271dc8d. * chore: initially regenerated the yarn.lock file by yarn run setup * refactor: updated dependency js-beautify * refactor: updated dependency update-notifier * Revert "Merge branch 'dev' into refactor-updated-further-dependencies" This reverts commit 3b11ab2, reversing changes made to 46e97da. * refactor: updated portfinder dependency * refactor: updated hasha dependency * refactor: updated wolfy87-eventemitter dependency * refactor: updated scriptjs dependency * refactor: updated pwa-helpers dependency * refactor: updated mousetrap dependency * refactor: updated clipboard dependency * refactor: updated @webcomponents/custom-elements dependency * refactor: updated @webcomponents/webcomponentsjs dependency * refactor: updated get-own-property-symbols dependency * refactor: updated lodash dependency * refactor: updated cors dependency * refactor: updated twing dependency * refactor: updated nunjucks dependency * refactor: updated minimist dependency * refactor: updated glob dependency * refactor: updated jshint dependency * refactor: updated morgan dependency * refactor: updated connect dependency * refactor: updated colors dependency * refactor: regenerated yarn.lock * refactor(prettier): code rework on the prettier feedback * refactor(prettier): code rework on the prettier feedback * refactor: updated chalk dependency * refactor: updated handlebars dependency * refactor: updated sass dependency * refactor: updated json-to-scss dependency * refactor: updated slugify dependency * refactor: updated tap dependency * refactor: updated standard-version dependency * build(deps-dev): bump sanitize-filename dependency from 1.6.1 to 1.6.3 * build(deps-dev): bump proxyquire dependency from 2.0.1 to 2.1.3 * build(deps-dev): bump graphlib dependency from 2.1.1 to 2.1.8 * build(deps-dev): bump recursive-copy dependency from 2.0.8 to 2.0.11 * build: regenerated yarn.lock file * refactor: updated @babel/core dependency * build(deps-dev): bump underscore dependency from 1.8.3 to 1.13.0 https://snyk.io/vuln/SNYK-JS-UNDERSCORE-1080984 * Revert "Merge branch 'dev' into refactor-updated-further-dependencies" This reverts commit 3e3145b, reversing changes made to c05223b. * Revert "Revert "Merge branch 'dev' into refactor-updated-further-dependencies"" This reverts commit a690ab0. * pattern-lab#1303: Fix pl-viewport-size-list doesn't appear anymore * pattern-lab#1303: Fix tooltip in horizontal mode Co-authored-by: Maximilian <[email protected]> Co-authored-by: Josef Bredreck <[email protected]>
1 parent a176ab3 commit 2e09f67

File tree

9 files changed

+214
-199
lines changed

9 files changed

+214
-199
lines changed

‎packages/uikit-workshop/package.json‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -40,14 +40,14 @@
4040
"ejs": "^2.7.2",
4141
"express": "^4.17.1",
4242
"fs-extra": "^8.1.0",
43-
"hasha": "^5.1.0",
44-
"portfinder": "^1.0.25",
43+
"hasha": "^5.2.2",
44+
"portfinder": "^1.0.28",
4545
"webpack-dev-middleware": "^3.7.2",
4646
"webpack-hot-middleware": "^2.25.0",
4747
"webpackbar": "^4.0.0"
4848
},
4949
"dependencies": {
50-
"@babel/core": "^7.13.13",
50+
"@babel/core": "^7.13.14",
5151
"@babel/plugin-proposal-class-properties": "^7.13.0",
5252
"@babel/plugin-proposal-decorators": "^7.13.5",
5353
"@babel/plugin-proposal-optional-chaining": "^7.13.12",
@@ -59,13 +59,13 @@
5959
"@babel/runtime": "^7.13.10",
6060
"@pattern-lab/uikit-polyfills": "^5.13.1",
6161
"@reach/visually-hidden": "^0.1.2",
62-
"@webcomponents/custom-elements": "^1.4.2",
62+
"@webcomponents/custom-elements": "^1.4.3",
6363
"autoprefixer": "^9.6.5",
6464
"babel-loader": "^8.0.6",
6565
"classnames": "^2.2.6",
6666
"clean-css-loader": "^1.0.1",
6767
"clean-webpack-plugin": "0.1.19",
68-
"clipboard": "^2.0.4",
68+
"clipboard": "^2.0.8",
6969
"copy-webpack-plugin": "^5.0.2",
7070
"core-js": "^3.6.5",
7171
"cosmiconfig": "^5.0.6",
@@ -84,7 +84,7 @@
8484
"lit-element": "^2.2.1",
8585
"lit-html": "^1.1.2",
8686
"mini-css-extract-plugin": "^0.8.0",
87-
"mousetrap": "^1.6.3",
87+
"mousetrap": "^1.6.5",
8888
"no-emit-webpack-plugin": "^1.0.0",
8989
"node-sass": "^5.0.0",
9090
"node-sass-selector-importer": "^5.2.0",
@@ -97,15 +97,14 @@
9797
"prerender-spa-plugin": "^3.4.0",
9898
"pretty": "^2.0.0",
9999
"prismjs": "^1.15.0",
100-
"pwa-helpers": "^0.9.0",
100+
"pwa-helpers": "^0.9.1",
101101
"react-autosuggest": "^9.4.2",
102102
"react-dom": "^16.8.6",
103103
"react-html-parser": "^2.0.2",
104-
"react-popper-tooltip": "^2.7.0",
105104
"redux": "3.7.2",
106105
"redux-thunk": "^2.3.0",
107106
"sass-loader": "^10.1.1",
108-
"scriptjs": "^2.5.8",
107+
"scriptjs": "^2.5.9",
109108
"scroll-js": "^2.2.0",
110109
"skatejs": "^5.2.4",
111110
"style-loader": "^1.0.0",
@@ -116,7 +115,7 @@
116115
"webpack": "^4.41.2",
117116
"webpack-cli": "^3.3.9",
118117
"webpack-merge": "^4.2.2",
119-
"wolfy87-eventemitter": "^5.2.6",
118+
"wolfy87-eventemitter": "^5.2.9",
120119
"yargs": "^16.2.0"
121120
},
122121
"browserslist": [

‎packages/uikit-workshop/src/sass/pattern-lab.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,6 @@
4545
\*------------------------------------*/
4646
@import '../scripts/components/pl-nav/pl-nav.scss';
4747
@import '../scripts/components/pl-search/pl-search.scss';
48-
@import '../scripts/components/pl-tooltip/pl-tooltip.scss';
4948
@import 'scss/04-components/annotations';
5049
@import 'scss/04-components/breadcrumbs';
5150
@import 'scss/04-components/pattern-category';

‎packages/uikit-workshop/src/scripts/components/pl-tooltip/pl-tooltip.js‎

Lines changed: 0 additions & 38 deletions
This file was deleted.

‎packages/uikit-workshop/src/scripts/components/pl-tooltip/pl-tooltip.scss‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎packages/uikit-workshop/src/scripts/lit-components/pl-tooltip/pl-tooltip.js‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
import { LitElement, html, customElement } from 'lit-element';
2+
import styles from './pl-tooltip.scss?external';
3+
import { Slotify } from '../slotify';
4+
5+
class Tooltip extends Slotify(LitElement) {
6+
static get properties() {
7+
return {
8+
message: { type: String },
9+
position: { type: String },
10+
child: {},
11+
};
12+
}
13+
14+
constructor() {
15+
super();
16+
17+
// property defaults
18+
this.position = 'top';
19+
}
20+
21+
createRenderRoot() {
22+
return this;
23+
}
24+
25+
connectedCallback() {
26+
super.connectedCallback && super.connectedCallback();
27+
styles.use();
28+
}
29+
30+
disconnectedCallback() {
31+
super.disconnectedCallback && super.disconnectedCallback();
32+
styles.unuse();
33+
}
34+
35+
render() {
36+
return html`
37+
<div class="pl-tooltip pl-tooltip--${this.position}">
38+
${this.slotify('default') ? this.slotify('default') : ''}
39+
<span class="pl-tooltip__text">${this.message}</span>
40+
</div>
41+
`;
42+
}
43+
44+
hideTooltip() {
45+
this.opened = false;
46+
}
47+
48+
showTooltip() {
49+
this.opened = true;
50+
}
51+
52+
toggleTooltip() {
53+
this.opened = !this.opened;
54+
}
55+
}
56+
57+
customElements.define('pl-tooltip', Tooltip);
58+
59+
export { Tooltip };

‎packages/uikit-workshop/src/scripts/lit-components/pl-tooltip/pl-tooltip.scss‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
@import '../../../sass/scss/core.scss';
2+
3+
.tooltip-container {
4+
color: $pl-color-gray-87;
5+
}
6+
7+
pl-tooltip {
8+
> *:not(.pl-tooltip) {
9+
display: none;
10+
}
11+
}
12+
13+
.pl-tooltip {
14+
position: relative;
15+
display: inline-block;
16+
17+
&__text {
18+
visibility: hidden;
19+
width: 120px;
20+
max-width: 200px;
21+
background-color: black;
22+
color: #fff;
23+
text-align: center;
24+
padding: 5px 0;
25+
border-radius: 6px;
26+
27+
position: absolute;
28+
z-index: 50;
29+
}
30+
31+
&--right &__text,
32+
&--left &__text {
33+
top: 50%;
34+
transform: translateY(-50%);
35+
}
36+
37+
&--right &__text {
38+
left: 115%;
39+
}
40+
41+
&--left &__text {
42+
right: 115%;
43+
}
44+
45+
&--top &__text,
46+
&--bottom &__text {
47+
left: 50%;
48+
transform: translateX(-50%);
49+
}
50+
51+
&--top &__text {
52+
bottom: 115%;
53+
54+
}
55+
56+
&--bottom &__text {
57+
top: 115%;
58+
}
59+
60+
&:hover &__text {
61+
visibility: visible;
62+
}
63+
}
64+
65+

0 commit comments

Comments
 (0)