@warp-ds/elements 2.11.0 → 2.12.0-next.1
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.
- package/dist/custom-elements.json +323 -0
- package/dist/docs/index.md +1 -0
- package/dist/docs/textfield/api.md +12 -0
- package/dist/docs/textfield/textfield.md +12 -0
- package/dist/docs/tooltip/accessibility.md +9 -0
- package/dist/docs/tooltip/api.md +87 -0
- package/dist/docs/tooltip/examples.md +32 -0
- package/dist/docs/tooltip/styling.md +47 -0
- package/dist/docs/tooltip/tooltip.md +197 -0
- package/dist/docs/tooltip/usage.md +10 -0
- package/dist/entrypoint-react.d.ts +1 -0
- package/dist/entrypoint-react.js +1 -0
- package/dist/index.d.ts +159 -0
- package/dist/packages/affix/affix.js +3 -3
- package/dist/packages/affix/affix.js.map +2 -2
- package/dist/packages/affix/styles.js +1 -1
- package/dist/packages/attention/attention.stories.js +5 -1
- package/dist/packages/select/select.js +1 -1
- package/dist/packages/select/select.js.map +2 -2
- package/dist/packages/select/styles.js +1 -1
- package/dist/packages/tab/react.d.ts +1 -0
- package/dist/packages/tab/react.js +2 -1
- package/dist/packages/tabs/tabs.js +4 -4
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/tabs/tabs.react.stories.js +5 -5
- package/dist/packages/textarea/styles.js +1 -1
- package/dist/packages/textarea/textarea.js +6 -6
- package/dist/packages/textarea/textarea.js.map +2 -2
- package/dist/packages/textfield/input-styles.js +1 -1
- package/dist/packages/textfield/react.d.ts +1 -1
- package/dist/packages/textfield/styles.js +1 -1
- package/dist/packages/textfield/textfield.d.ts +8 -0
- package/dist/packages/textfield/textfield.js +32 -15
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/textfield/textfield.react.stories.d.ts +2 -2
- package/dist/packages/tooltip/locales/da/messages.d.mts +1 -0
- package/dist/packages/tooltip/locales/da/messages.mjs +1 -0
- package/dist/packages/tooltip/locales/en/messages.d.mts +1 -0
- package/dist/packages/tooltip/locales/en/messages.mjs +1 -0
- package/dist/packages/tooltip/locales/fi/messages.d.mts +1 -0
- package/dist/packages/tooltip/locales/fi/messages.mjs +1 -0
- package/dist/packages/tooltip/locales/nb/messages.d.mts +1 -0
- package/dist/packages/tooltip/locales/nb/messages.mjs +1 -0
- package/dist/packages/tooltip/locales/sv/messages.d.mts +1 -0
- package/dist/packages/tooltip/locales/sv/messages.mjs +1 -0
- package/dist/packages/tooltip/react.d.ts +16 -0
- package/dist/packages/tooltip/react.js +28 -0
- package/dist/packages/tooltip/styles.d.ts +1 -0
- package/dist/packages/tooltip/styles.js +66 -0
- package/dist/packages/tooltip/tooltip.d.ts +72 -0
- package/dist/packages/tooltip/tooltip.hydration.test.d.ts +1 -0
- package/dist/packages/tooltip/tooltip.hydration.test.js +13 -0
- package/dist/packages/tooltip/tooltip.js +2528 -0
- package/dist/packages/tooltip/tooltip.js.map +7 -0
- package/dist/packages/tooltip/tooltip.react.stories.d.ts +12 -0
- package/dist/packages/tooltip/tooltip.react.stories.js +12 -0
- package/dist/packages/tooltip/tooltip.stories.d.ts +17 -0
- package/dist/packages/tooltip/tooltip.stories.js +115 -0
- package/dist/packages/tooltip/tooltip.test.d.ts +2 -0
- package/dist/packages/tooltip/tooltip.test.js +130 -0
- package/dist/web-types.json +87 -1
- package/eik/index.js +19 -19
- package/package.json +2 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { unsafeCSS } from "lit";
|
|
2
|
-
export const styles = unsafeCSS("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.
|
|
2
|
+
export const styles = unsafeCSS("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.flex{display:flex}.static{position:static}");
|
|
@@ -71,10 +71,14 @@ export const ToolTip = {
|
|
|
71
71
|
(() => {
|
|
72
72
|
const button = document.getElementById("tooltip-target");
|
|
73
73
|
const tooltip = document.getElementById("tooltip-element");
|
|
74
|
+
tooltip.show = true;
|
|
74
75
|
button.addEventListener("click", (e) => {
|
|
75
76
|
tooltip.show = true;
|
|
76
77
|
});
|
|
77
|
-
button.addEventListener("
|
|
78
|
+
button.addEventListener("mouseover", () => {
|
|
79
|
+
tooltip.show = true;
|
|
80
|
+
});
|
|
81
|
+
button.addEventListener("mouseout", () => {
|
|
78
82
|
tooltip.show = false;
|
|
79
83
|
});
|
|
80
84
|
button.addEventListener("focus", () => {
|
|
@@ -2445,7 +2445,7 @@ Please compile your catalog first.
|
|
|
2445
2445
|
display: none
|
|
2446
2446
|
}
|
|
2447
2447
|
}
|
|
2448
|
-
`);var De=JSON.parse('{"select.label.optional":["Valgfri"]}');var Ae=JSON.parse('{"select.label.optional":["Optional"]}');var Ne=JSON.parse('{"select.label.optional":["Valinnainen"]}');var je=JSON.parse('{"select.label.optional":["Valgfri"]}');var Ye=JSON.parse('{"select.label.optional":["Valfritt"]}');import{unsafeCSS as mr}from"lit";var Re=mr("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.flex{display:flex}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-
|
|
2448
|
+
`);var De=JSON.parse('{"select.label.optional":["Valgfri"]}');var Ae=JSON.parse('{"select.label.optional":["Optional"]}');var Ne=JSON.parse('{"select.label.optional":["Valinnainen"]}');var je=JSON.parse('{"select.label.optional":["Valgfri"]}');var Ye=JSON.parse('{"select.label.optional":["Valfritt"]}');import{unsafeCSS as mr}from"lit";var Re=mr("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.inline{display:inline}.flex{display:flex}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-icon{color:var(--w-s-color-icon)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}");import{css as Ie}from"lit";var He=Ie`
|
|
2449
2449
|
/* Label component tokens with semantic fallbacks */
|
|
2450
2450
|
label {
|
|
2451
2451
|
/* Internal tokens - not part of public API */
|