From 0f234973238eb17e4b3e6aa0bb0ba29da8ef6453 Mon Sep 17 00:00:00 2001
From: Damla Demir
Date: Thu, 30 Jun 2022 17:23:40 +0300
Subject: [PATCH 1/8] feat(tooltip): tooltip implemantation
---
commitlint.config.js | 3 +-
package-lock.json | 13 ++
package.json | 1 +
playground/template.html | 205 +++++++++++++++++-
src/baklava.ts | 1 +
src/components/tooltip/bl-tooltip.css | 39 ++++
src/components/tooltip/bl-tooltip.stories.mdx | 47 ++++
src/components/tooltip/bl-tooltip.ts | 98 +++++++++
8 files changed, 405 insertions(+), 2 deletions(-)
create mode 100644 src/components/tooltip/bl-tooltip.css
create mode 100644 src/components/tooltip/bl-tooltip.stories.mdx
create mode 100644 src/components/tooltip/bl-tooltip.ts
diff --git a/commitlint.config.js b/commitlint.config.js
index 76137d1e..0ba30cfb 100644
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -11,7 +11,8 @@ module.exports = {
'button',
'icon',
'input',
- 'badge'
+ 'badge',
+ 'tooltip'
],
],
},
diff --git a/package-lock.json b/package-lock.json
index d2f3ad3f..166e722b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30799,6 +30799,19 @@
"@types/chai": "^4.2.12"
}
},
+ "@floating-ui/core": {
+ "version": "0.7.3",
+ "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.3.tgz",
+ "integrity": "sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg=="
+ },
+ "@floating-ui/dom": {
+ "version": "0.5.4",
+ "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.4.tgz",
+ "integrity": "sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==",
+ "requires": {
+ "@floating-ui/core": "^0.7.3"
+ }
+ },
"@fontsource/rubik": {
"version": "4.5.9",
"resolved": "https://registry.npmjs.org/@fontsource/rubik/-/rubik-4.5.9.tgz",
diff --git a/package.json b/package.json
index 5295a5f7..ee77ad7e 100644
--- a/package.json
+++ b/package.json
@@ -66,6 +66,7 @@
"lit"
],
"dependencies": {
+ "@floating-ui/dom": "^0.5.4",
"@fontsource/rubik": "^4.5.9",
"@types/estree": "0.0.47",
"lit": "^2.2.3"
diff --git a/playground/template.html b/playground/template.html
index 25c61b40..97197396 100644
--- a/playground/template.html
+++ b/playground/template.html
@@ -27,7 +27,210 @@ Baklava Playground
Copy this file as playground/index.html and try your work here by running
npm run serve
.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
+
+
+ Turu Geç
+
+
+
+ Önceki
+
+
+ Sonraki
+
+
+
+
+
+
+
+
+
+
+ more info
+ hello kity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ top-start
+
+
+
+ top
+
+
+
+ top-end
+
+
+
+
+
+
+
+ bottom-start
+
+
+
+ bottom
+
+
+
+ bottom-end
+
+
+
+
+
+
+ left-start
+
+
+
+ left
+
+
+
+ left-end
+
+
+
+
+
+
+ right-start
+
+
+
+ right
+
+
+
+ right-end
+
+
+
+
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+ Baklava is ready
+
+
+
+
+ bottom-start
+
+
+
+ bottom
+
+
+
+ bottom-end
+
+
+
+ Baklava is ready
+ Baklava is ready
- Baklava is ready