@luzmo/lucero 0.0.37 → 0.0.39
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/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.js +1 -1
- package/components/button/index.cjs +1 -1
- package/components/button/index.d.ts +3 -3
- package/components/button/index.js +17 -17
- package/components/color-menu/color-menu.d.ts +5 -3
- package/components/color-menu/index.cjs +6 -6
- package/components/color-menu/index.js +10 -6
- package/components/color-picker/index.cjs +2 -3
- package/components/color-picker/index.js +22 -22
- package/components/index.cjs +1 -1
- package/components/index.js +58 -56
- package/components/menu/index.cjs +1 -1
- package/components/menu/index.js +1 -1
- package/components/overlay/hover-controller.d.ts +2 -0
- package/components/overlay/index.cjs +7 -7
- package/components/overlay/index.js +114 -110
- package/components/overlay/interaction-controller.d.ts +11 -5
- package/components/overlay/overlay-stack.d.ts +1 -0
- package/components/overlay/overlay-trigger.d.ts +25 -2
- package/components/{overlay-BBNyvs8F.js → overlay-DaOKAKMl.js} +423 -387
- package/components/overlay-lzq2PziH.cjs +47 -0
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +2 -2
- package/components/{picker-daUT4cUN.js → picker-BmoXv1jt.js} +1 -1
- package/components/{picker-0tQg3Aob.cjs → picker-DWsBWdPN.cjs} +1 -1
- package/components/select/index.cjs +1 -1
- package/components/select/index.js +1 -1
- package/components/strategies-BACP6MhR.cjs +18 -0
- package/components/text-field/index.cjs +3 -3
- package/components/text-field/index.d.ts +2 -2
- package/components/text-field/index.js +13 -13
- package/custom-elements.json +1 -1
- package/package.json +1 -1
- package/utils/button-interaction-controllers/interaction-controller.d.ts +1 -0
- package/utils/button-interaction-controllers/mobile-controller.d.ts +0 -1
- package/components/overlay-o0tLxsk-.cjs +0 -47
- package/components/strategies-DGwsR7Xf.cjs +0 -18
- package/components/{strategies-Bc3hG-HA.js → strategies-9indNIEb.js} +1 -1
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { L as
|
|
19
|
-
import { a as
|
|
18
|
+
import { L as m } from "../text-field-BIADXoLC.js";
|
|
19
|
+
import { a as x, r as p, E as s, x as a, n as c } from "../base-WsynuqaS.js";
|
|
20
20
|
import { O as z, x as d } from "../luzmo-icons-DbwDQtuO.js";
|
|
21
21
|
import { S as f } from "../sized-mixin-D4ACoVUr.js";
|
|
22
22
|
const h = () => {
|
|
@@ -26,24 +26,24 @@ const h = () => {
|
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
h();
|
|
29
|
-
const
|
|
30
|
-
var
|
|
31
|
-
for (var t = void 0, e = o.length - 1,
|
|
32
|
-
(
|
|
33
|
-
return t &&
|
|
29
|
+
const g = "@media (forced-colors: active){:host{--highcontrast-helptext-content-color-default: CanvasText;--highcontrast-helptext-icon-color-default: CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--helptext-bottom-to-workflow-icon: 3px;color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--helptext-content-color-default)));font-family:var(--luzmo-helptext-font-family, var(--luzmo-font-family));font-weight:var(--luzmo-helptext-font-weight, var(--luzmo-font-weight));font-size:var(--luzmo-helptext-font-size, var(--helptext-font-size, var(--luzmo-font-size-s)));min-block-size:var(--luzmo-helptext-min-height, var(--helptext-min-height, 24px));display:flex}.icon{block-size:var(--luzmo-helptext-icon-size, var(--helptext-icon-size, 18px));inline-size:var(--luzmo-helptext-icon-size, var(--helptext-icon-size, 18px));flex-shrink:0;margin-inline-end:var(--luzmo-helptext-text-to-visual, var(--helptext-text-to-visual, 7px));padding-block-start:var(--luzmo-helptext-top-to-workflow-icon, var(--helptext-top-to-workflow-icon, 3px));padding-block-end:var(--luzmo-helptext-bottom-to-workflow-icon, var(--helptext-bottom-to-workflow-icon, 3px))}.text{line-height:var(--luzmo-helptext-line-height, var(--helptext-line-height, 1.3));padding-block-start:var(--luzmo-helptext-top-to-text, var(--helptext-top-to-text, 4px));padding-block-end:var(--luzmo-helptext-bottom-to-text, var(--helptext-bottom-to-text, 5px))}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(--luzmo-helptext-line-height-cjk, var(--helptext-line-height-cjk, 1.4))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--luzmo-negative-color-down)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--luzmo-font-color)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host{--helptext-line-height: 1.3;--helptext-content-color-default: var(--luzmo-font-color);--helptext-icon-color-default: var(--luzmo-font-color);--helptext-disabled-content-color: var(--luzmo-font-color-disabled)}:host([variant=neutral]){--helptext-content-color-default: var(var(--luzmo-font-color));--helptext-icon-color-default: var(var(--luzmo-font-color))}:host([variant=negative]){--helptext-content-color-default: var(var(--luzmo-negative-color));--helptext-icon-color-default: var(var(--luzmo-negative-color))}:host([disabled]){--helptext-content-color-default: var(--luzmo-font-color-disabled);--helptext-icon-color-default: var(--luzmo-font-color-disabled)}:host(:lang(ja)){--helptext-line-height-cjk: 1.4}:host(:lang(zh)){--helptext-line-height-cjk: 1.4}:host(:lang(ko)){--helptext-line-height-cjk: 1.4}:host([size=s]){--helptext-min-height: 24px;--helptext-icon-size: 16px;--helptext-font-size: 12px;--helptext-text-to-visual: 7px;--helptext-top-to-workflow-icon: 4px;--helptext-top-to-text: 4px;--helptext-bottom-to-text: 5px}:host{--helptext-min-height: 24px;--helptext-icon-size: 18px;--helptext-font-size: 12px;--helptext-text-to-visual: 7px;--helptext-top-to-workflow-icon: 3px;--helptext-top-to-text: 4px;--helptext-bottom-to-text: 5px}:host([size=l]){--helptext-min-height: 32px;--helptext-icon-size: 20px;--helptext-font-size: 14px;--helptext-text-to-visual: 8px;--helptext-top-to-workflow-icon: 6px;--helptext-top-to-text: 6px;--helptext-bottom-to-text: 5px}:host([size=xl]){--helptext-min-height: 40px;--helptext-icon-size: 22px;--helptext-font-size: 16px;--helptext-text-to-visual: 9px;--helptext-top-to-workflow-icon: 9px;--helptext-top-to-text: 9px;--helptext-bottom-to-text: 12px}";
|
|
30
|
+
var v = Object.defineProperty, u = (o, r, n, b) => {
|
|
31
|
+
for (var t = void 0, e = o.length - 1, i; e >= 0; e--)
|
|
32
|
+
(i = o[e]) && (t = i(r, n, t) || t);
|
|
33
|
+
return t && v(r, n, t), t;
|
|
34
34
|
};
|
|
35
|
-
class l extends f(
|
|
35
|
+
class l extends f(x, {
|
|
36
36
|
noDefaultSize: !0
|
|
37
37
|
}) {
|
|
38
38
|
constructor() {
|
|
39
39
|
super(...arguments), this.icon = !1, this.variant = "neutral";
|
|
40
40
|
}
|
|
41
41
|
static get styles() {
|
|
42
|
-
return [p(
|
|
42
|
+
return [p(g)];
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return
|
|
46
|
-
${this.variant === "negative" && this.icon ?
|
|
45
|
+
return a`
|
|
46
|
+
${this.variant === "negative" && this.icon ? a` ${z(d)} ` : s}
|
|
47
47
|
<div class="text"><slot></slot></div>
|
|
48
48
|
`;
|
|
49
49
|
}
|
|
@@ -54,9 +54,9 @@ u([
|
|
|
54
54
|
u([
|
|
55
55
|
c({ reflect: !0 })
|
|
56
56
|
], l.prototype, "variant");
|
|
57
|
-
customElements.get("luzmo-text-field") || customElements.define("luzmo-text-field",
|
|
57
|
+
customElements.get("luzmo-text-field") || customElements.define("luzmo-text-field", m);
|
|
58
58
|
customElements.get("luzmo-help-text") || customElements.define("luzmo-help-text", l);
|
|
59
59
|
export {
|
|
60
60
|
l as LuzmoHelpText,
|
|
61
|
-
|
|
61
|
+
m as LuzmoTextField
|
|
62
62
|
};
|