@everymatrix/general-registration 1.21.13 → 1.21.15
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/cjs/checkbox-group-input_13.cjs.entry.js +37 -2117
- package/dist/components/field-mixin.js +2 -2
- package/dist/components/input-field-shared-styles.js +1 -431
- package/dist/components/password-input2.js +5 -880
- package/dist/components/vaadin-button.js +1 -464
- package/dist/components/vaadin-combo-box.js +1 -313
- package/dist/components/virtual-keyboard-controller.js +1 -1
- package/dist/esm/checkbox-group-input_13.entry.js +37 -2117
- package/dist/general-registration/general-registration.esm.js +1 -1
- package/dist/general-registration/{p-1ddb70a7.entry.js → p-36c5c74f.entry.js} +1623 -3397
- package/package.json +1 -1
|
@@ -107,17 +107,17 @@ function defineCustomElement(CustomElement) {
|
|
|
107
107
|
*
|
|
108
108
|
* @private
|
|
109
109
|
*/
|
|
110
|
-
class Lumo
|
|
110
|
+
class Lumo extends HTMLElement {
|
|
111
111
|
static get is() {
|
|
112
112
|
return 'vaadin-lumo-styles';
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
static get version() {
|
|
116
|
-
return '24.2.
|
|
116
|
+
return '24.2.5';
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
-
defineCustomElement(Lumo
|
|
120
|
+
defineCustomElement(Lumo);
|
|
121
121
|
|
|
122
122
|
/**
|
|
123
123
|
* @license
|
|
@@ -461,7 +461,7 @@ const addGlobalThemeStyles = (id, ...styles) => {
|
|
|
461
461
|
document.head.insertAdjacentElement('afterbegin', styleTag);
|
|
462
462
|
};
|
|
463
463
|
|
|
464
|
-
const addLumoGlobalStyles
|
|
464
|
+
const addLumoGlobalStyles = (id, ...styles) => {
|
|
465
465
|
addGlobalThemeStyles(`lumo-${id}`, styles);
|
|
466
466
|
};
|
|
467
467
|
|
|
@@ -471,7 +471,7 @@ const addLumoGlobalStyles$4 = (id, ...styles) => {
|
|
|
471
471
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
472
472
|
*/
|
|
473
473
|
|
|
474
|
-
const colorBase
|
|
474
|
+
const colorBase = i$1`
|
|
475
475
|
:host {
|
|
476
476
|
/* Base (background) */
|
|
477
477
|
--lumo-base-color: #fff;
|
|
@@ -558,9 +558,9 @@ const colorBase$3 = i$1`
|
|
|
558
558
|
}
|
|
559
559
|
`;
|
|
560
560
|
|
|
561
|
-
addLumoGlobalStyles
|
|
561
|
+
addLumoGlobalStyles('color-props', colorBase);
|
|
562
562
|
|
|
563
|
-
const color
|
|
563
|
+
const color = i$1`
|
|
564
564
|
[theme~='dark'] {
|
|
565
565
|
/* Base (background) */
|
|
566
566
|
--lumo-base-color: hsl(214, 35%, 21%);
|
|
@@ -677,7 +677,7 @@ const color$3 = i$1`
|
|
|
677
677
|
}
|
|
678
678
|
`;
|
|
679
679
|
|
|
680
|
-
registerStyles('', color
|
|
680
|
+
registerStyles('', color, { moduleId: 'lumo-color' });
|
|
681
681
|
|
|
682
682
|
/**
|
|
683
683
|
* @license
|
|
@@ -685,7 +685,7 @@ registerStyles('', color$3, { moduleId: 'lumo-color' });
|
|
|
685
685
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
686
686
|
*/
|
|
687
687
|
|
|
688
|
-
const fontIcons
|
|
688
|
+
const fontIcons = i$1`
|
|
689
689
|
@font-face {
|
|
690
690
|
font-family: 'lumo-icons';
|
|
691
691
|
src: url(data:application/font-woff;charset=utf-8;base64,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)
|
|
@@ -740,7 +740,7 @@ const fontIcons$2 = i$1`
|
|
|
740
740
|
}
|
|
741
741
|
`;
|
|
742
742
|
|
|
743
|
-
addLumoGlobalStyles
|
|
743
|
+
addLumoGlobalStyles('font-icons', fontIcons);
|
|
744
744
|
|
|
745
745
|
/**
|
|
746
746
|
* @license
|
|
@@ -748,7 +748,7 @@ addLumoGlobalStyles$4('font-icons', fontIcons$2);
|
|
|
748
748
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
749
749
|
*/
|
|
750
750
|
|
|
751
|
-
const sizing
|
|
751
|
+
const sizing = i$1`
|
|
752
752
|
:host {
|
|
753
753
|
--lumo-size-xs: 1.625rem;
|
|
754
754
|
--lumo-size-s: 1.875rem;
|
|
@@ -765,7 +765,7 @@ const sizing$4 = i$1`
|
|
|
765
765
|
}
|
|
766
766
|
`;
|
|
767
767
|
|
|
768
|
-
addLumoGlobalStyles
|
|
768
|
+
addLumoGlobalStyles('sizing-props', sizing);
|
|
769
769
|
|
|
770
770
|
/**
|
|
771
771
|
* @license
|
|
@@ -773,7 +773,7 @@ addLumoGlobalStyles$4('sizing-props', sizing$4);
|
|
|
773
773
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
774
774
|
*/
|
|
775
775
|
|
|
776
|
-
const spacing
|
|
776
|
+
const spacing = i$1`
|
|
777
777
|
:host {
|
|
778
778
|
/* Square */
|
|
779
779
|
--lumo-space-xs: 0.25rem;
|
|
@@ -798,7 +798,7 @@ const spacing$3 = i$1`
|
|
|
798
798
|
}
|
|
799
799
|
`;
|
|
800
800
|
|
|
801
|
-
addLumoGlobalStyles
|
|
801
|
+
addLumoGlobalStyles('spacing-props', spacing);
|
|
802
802
|
|
|
803
803
|
/**
|
|
804
804
|
* @license
|
|
@@ -806,7 +806,7 @@ addLumoGlobalStyles$4('spacing-props', spacing$3);
|
|
|
806
806
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
807
807
|
*/
|
|
808
808
|
|
|
809
|
-
const style
|
|
809
|
+
const style = i$1`
|
|
810
810
|
:host {
|
|
811
811
|
/* Border radius */
|
|
812
812
|
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
@@ -836,7 +836,7 @@ i$1`
|
|
|
836
836
|
}
|
|
837
837
|
`;
|
|
838
838
|
|
|
839
|
-
addLumoGlobalStyles
|
|
839
|
+
addLumoGlobalStyles('style-props', style);
|
|
840
840
|
|
|
841
841
|
/**
|
|
842
842
|
* @license
|
|
@@ -844,7 +844,7 @@ addLumoGlobalStyles$4('style-props', style$4);
|
|
|
844
844
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
845
845
|
*/
|
|
846
846
|
|
|
847
|
-
const font
|
|
847
|
+
const font = i$1`
|
|
848
848
|
:host {
|
|
849
849
|
/* prettier-ignore */
|
|
850
850
|
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
@@ -866,7 +866,7 @@ const font$4 = i$1`
|
|
|
866
866
|
}
|
|
867
867
|
`;
|
|
868
868
|
|
|
869
|
-
const typography
|
|
869
|
+
const typography = i$1`
|
|
870
870
|
body,
|
|
871
871
|
:host {
|
|
872
872
|
font-family: var(--lumo-font-family);
|
|
@@ -960,8 +960,8 @@ const typography$4 = i$1`
|
|
|
960
960
|
}
|
|
961
961
|
`;
|
|
962
962
|
|
|
963
|
-
registerStyles('', typography
|
|
964
|
-
addLumoGlobalStyles
|
|
963
|
+
registerStyles('', typography, { moduleId: 'lumo-typography' });
|
|
964
|
+
addLumoGlobalStyles('typography-props', font);
|
|
965
965
|
|
|
966
966
|
registerStyles(
|
|
967
967
|
'vaadin-checkbox',
|
|
@@ -12981,7 +12981,7 @@ defineCustomElement(Checkbox);
|
|
|
12981
12981
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
12982
12982
|
*/
|
|
12983
12983
|
|
|
12984
|
-
const helper
|
|
12984
|
+
const helper = i$1`
|
|
12985
12985
|
:host([has-helper]) [part='helper-text']::before {
|
|
12986
12986
|
content: '';
|
|
12987
12987
|
display: block;
|
|
@@ -13040,7 +13040,7 @@ const helper$1 = i$1`
|
|
|
13040
13040
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
13041
13041
|
*/
|
|
13042
13042
|
|
|
13043
|
-
const requiredField
|
|
13043
|
+
const requiredField = i$1`
|
|
13044
13044
|
[part='label'] {
|
|
13045
13045
|
align-self: flex-start;
|
|
13046
13046
|
color: var(--lumo-secondary-text-color);
|
|
@@ -13138,7 +13138,7 @@ const requiredField$1 = i$1`
|
|
|
13138
13138
|
}
|
|
13139
13139
|
`;
|
|
13140
13140
|
|
|
13141
|
-
registerStyles('', requiredField
|
|
13141
|
+
registerStyles('', requiredField, { moduleId: 'lumo-required-field' });
|
|
13142
13142
|
|
|
13143
13143
|
const checkboxGroup = i$1`
|
|
13144
13144
|
:host {
|
|
@@ -13185,7 +13185,7 @@ const checkboxGroup = i$1`
|
|
|
13185
13185
|
}
|
|
13186
13186
|
`;
|
|
13187
13187
|
|
|
13188
|
-
registerStyles('vaadin-checkbox-group', [requiredField
|
|
13188
|
+
registerStyles('vaadin-checkbox-group', [requiredField, helper, checkboxGroup], {
|
|
13189
13189
|
moduleId: 'lumo-checkbox-group',
|
|
13190
13190
|
});
|
|
13191
13191
|
|
|
@@ -14607,436 +14607,6 @@ const CheckboxInput = class {
|
|
|
14607
14607
|
};
|
|
14608
14608
|
CheckboxInput.style = checkboxInputCss;
|
|
14609
14609
|
|
|
14610
|
-
/**
|
|
14611
|
-
* @license
|
|
14612
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
14613
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
14614
|
-
*/
|
|
14615
|
-
|
|
14616
|
-
/**
|
|
14617
|
-
* Dummy custom element used for collecting
|
|
14618
|
-
* development time usage statistics.
|
|
14619
|
-
*
|
|
14620
|
-
* @private
|
|
14621
|
-
*/
|
|
14622
|
-
class Lumo$3 extends HTMLElement {
|
|
14623
|
-
static get is() {
|
|
14624
|
-
return 'vaadin-lumo-styles';
|
|
14625
|
-
}
|
|
14626
|
-
|
|
14627
|
-
static get version() {
|
|
14628
|
-
return '24.2.5';
|
|
14629
|
-
}
|
|
14630
|
-
}
|
|
14631
|
-
|
|
14632
|
-
defineCustomElement(Lumo$3);
|
|
14633
|
-
|
|
14634
|
-
const addLumoGlobalStyles$3 = (id, ...styles) => {
|
|
14635
|
-
addGlobalThemeStyles(`lumo-${id}`, styles);
|
|
14636
|
-
};
|
|
14637
|
-
|
|
14638
|
-
/**
|
|
14639
|
-
* @license
|
|
14640
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
14641
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
14642
|
-
*/
|
|
14643
|
-
|
|
14644
|
-
const colorBase$2 = i$1`
|
|
14645
|
-
:host {
|
|
14646
|
-
/* Base (background) */
|
|
14647
|
-
--lumo-base-color: #fff;
|
|
14648
|
-
|
|
14649
|
-
/* Tint */
|
|
14650
|
-
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
14651
|
-
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
14652
|
-
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
14653
|
-
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
14654
|
-
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
14655
|
-
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
14656
|
-
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
14657
|
-
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
14658
|
-
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
14659
|
-
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
14660
|
-
--lumo-tint: #fff;
|
|
14661
|
-
|
|
14662
|
-
/* Shade */
|
|
14663
|
-
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
14664
|
-
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
14665
|
-
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
14666
|
-
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
14667
|
-
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
14668
|
-
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
14669
|
-
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
14670
|
-
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
14671
|
-
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
14672
|
-
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
14673
|
-
--lumo-shade: hsl(214, 35%, 15%);
|
|
14674
|
-
|
|
14675
|
-
/* Contrast */
|
|
14676
|
-
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
14677
|
-
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
14678
|
-
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
14679
|
-
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
14680
|
-
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
14681
|
-
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
14682
|
-
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
14683
|
-
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
14684
|
-
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
14685
|
-
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
14686
|
-
--lumo-contrast: var(--lumo-shade);
|
|
14687
|
-
|
|
14688
|
-
/* Text */
|
|
14689
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
14690
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
14691
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
14692
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
14693
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
14694
|
-
|
|
14695
|
-
/* Primary */
|
|
14696
|
-
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
14697
|
-
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
14698
|
-
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
14699
|
-
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
14700
|
-
--lumo-primary-contrast-color: #fff;
|
|
14701
|
-
|
|
14702
|
-
/* Error */
|
|
14703
|
-
--lumo-error-color: hsl(3, 85%, 48%);
|
|
14704
|
-
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
14705
|
-
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
14706
|
-
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
14707
|
-
--lumo-error-contrast-color: #fff;
|
|
14708
|
-
|
|
14709
|
-
/* Success */
|
|
14710
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
14711
|
-
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
14712
|
-
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
14713
|
-
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
14714
|
-
--lumo-success-contrast-color: #fff;
|
|
14715
|
-
|
|
14716
|
-
/* Warning */
|
|
14717
|
-
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
14718
|
-
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
14719
|
-
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
14720
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
14721
|
-
}
|
|
14722
|
-
|
|
14723
|
-
/* forced-colors mode adjustments */
|
|
14724
|
-
@media (forced-colors: active) {
|
|
14725
|
-
html {
|
|
14726
|
-
--lumo-disabled-text-color: GrayText;
|
|
14727
|
-
}
|
|
14728
|
-
}
|
|
14729
|
-
`;
|
|
14730
|
-
|
|
14731
|
-
addLumoGlobalStyles$3('color-props', colorBase$2);
|
|
14732
|
-
|
|
14733
|
-
const color$2 = i$1`
|
|
14734
|
-
[theme~='dark'] {
|
|
14735
|
-
/* Base (background) */
|
|
14736
|
-
--lumo-base-color: hsl(214, 35%, 21%);
|
|
14737
|
-
|
|
14738
|
-
/* Tint */
|
|
14739
|
-
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
14740
|
-
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
14741
|
-
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
14742
|
-
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
14743
|
-
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
14744
|
-
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
14745
|
-
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
14746
|
-
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
14747
|
-
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
14748
|
-
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
14749
|
-
--lumo-tint: hsl(214, 100%, 98%);
|
|
14750
|
-
|
|
14751
|
-
/* Shade */
|
|
14752
|
-
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
14753
|
-
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
14754
|
-
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
14755
|
-
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
14756
|
-
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
14757
|
-
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
14758
|
-
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
14759
|
-
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
14760
|
-
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
14761
|
-
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
14762
|
-
--lumo-shade: hsl(214, 33%, 13%);
|
|
14763
|
-
|
|
14764
|
-
/* Contrast */
|
|
14765
|
-
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
14766
|
-
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
14767
|
-
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
14768
|
-
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
14769
|
-
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
14770
|
-
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
14771
|
-
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
14772
|
-
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
14773
|
-
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
14774
|
-
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
14775
|
-
--lumo-contrast: var(--lumo-tint);
|
|
14776
|
-
|
|
14777
|
-
/* Text */
|
|
14778
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
14779
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
14780
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
14781
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
14782
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
14783
|
-
|
|
14784
|
-
/* Primary */
|
|
14785
|
-
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
14786
|
-
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
14787
|
-
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
14788
|
-
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
14789
|
-
--lumo-primary-contrast-color: #fff;
|
|
14790
|
-
|
|
14791
|
-
/* Error */
|
|
14792
|
-
--lumo-error-color: hsl(3, 79%, 49%);
|
|
14793
|
-
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
14794
|
-
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
14795
|
-
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
14796
|
-
|
|
14797
|
-
/* Success */
|
|
14798
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
14799
|
-
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
14800
|
-
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
14801
|
-
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
14802
|
-
|
|
14803
|
-
/* Warning */
|
|
14804
|
-
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
14805
|
-
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
14806
|
-
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
14807
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
14808
|
-
}
|
|
14809
|
-
|
|
14810
|
-
html {
|
|
14811
|
-
color: var(--lumo-body-text-color);
|
|
14812
|
-
background-color: var(--lumo-base-color);
|
|
14813
|
-
color-scheme: light;
|
|
14814
|
-
}
|
|
14815
|
-
|
|
14816
|
-
[theme~='dark'] {
|
|
14817
|
-
color: var(--lumo-body-text-color);
|
|
14818
|
-
background-color: var(--lumo-base-color);
|
|
14819
|
-
color-scheme: dark;
|
|
14820
|
-
}
|
|
14821
|
-
|
|
14822
|
-
h1,
|
|
14823
|
-
h2,
|
|
14824
|
-
h3,
|
|
14825
|
-
h4,
|
|
14826
|
-
h5,
|
|
14827
|
-
h6 {
|
|
14828
|
-
color: var(--lumo-header-text-color);
|
|
14829
|
-
}
|
|
14830
|
-
|
|
14831
|
-
a:where(:any-link) {
|
|
14832
|
-
color: var(--lumo-primary-text-color);
|
|
14833
|
-
}
|
|
14834
|
-
|
|
14835
|
-
a:not(:any-link) {
|
|
14836
|
-
color: var(--lumo-disabled-text-color);
|
|
14837
|
-
}
|
|
14838
|
-
|
|
14839
|
-
blockquote {
|
|
14840
|
-
color: var(--lumo-secondary-text-color);
|
|
14841
|
-
}
|
|
14842
|
-
|
|
14843
|
-
code,
|
|
14844
|
-
pre {
|
|
14845
|
-
background-color: var(--lumo-contrast-10pct);
|
|
14846
|
-
border-radius: var(--lumo-border-radius-m);
|
|
14847
|
-
}
|
|
14848
|
-
`;
|
|
14849
|
-
|
|
14850
|
-
registerStyles('', color$2, { moduleId: 'lumo-color' });
|
|
14851
|
-
|
|
14852
|
-
/**
|
|
14853
|
-
* @license
|
|
14854
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
14855
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
14856
|
-
*/
|
|
14857
|
-
|
|
14858
|
-
const sizing$3 = i$1`
|
|
14859
|
-
:host {
|
|
14860
|
-
--lumo-size-xs: 1.625rem;
|
|
14861
|
-
--lumo-size-s: 1.875rem;
|
|
14862
|
-
--lumo-size-m: 2.25rem;
|
|
14863
|
-
--lumo-size-l: 2.75rem;
|
|
14864
|
-
--lumo-size-xl: 3.5rem;
|
|
14865
|
-
|
|
14866
|
-
/* Icons */
|
|
14867
|
-
--lumo-icon-size-s: 1.25em;
|
|
14868
|
-
--lumo-icon-size-m: 1.5em;
|
|
14869
|
-
--lumo-icon-size-l: 2.25em;
|
|
14870
|
-
/* For backwards compatibility */
|
|
14871
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
14872
|
-
}
|
|
14873
|
-
`;
|
|
14874
|
-
|
|
14875
|
-
addLumoGlobalStyles$3('sizing-props', sizing$3);
|
|
14876
|
-
|
|
14877
|
-
/**
|
|
14878
|
-
* @license
|
|
14879
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
14880
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
14881
|
-
*/
|
|
14882
|
-
|
|
14883
|
-
const style$3 = i$1`
|
|
14884
|
-
:host {
|
|
14885
|
-
/* Border radius */
|
|
14886
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
14887
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
14888
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
14889
|
-
|
|
14890
|
-
/* Shadow */
|
|
14891
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
14892
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
14893
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
14894
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
14895
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
14896
|
-
|
|
14897
|
-
/* Clickable element cursor */
|
|
14898
|
-
--lumo-clickable-cursor: default;
|
|
14899
|
-
}
|
|
14900
|
-
`;
|
|
14901
|
-
|
|
14902
|
-
/**
|
|
14903
|
-
* Default values for component-specific custom properties.
|
|
14904
|
-
*/
|
|
14905
|
-
i$1`
|
|
14906
|
-
html {
|
|
14907
|
-
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
14908
|
-
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
14909
|
-
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
14910
|
-
}
|
|
14911
|
-
`;
|
|
14912
|
-
|
|
14913
|
-
addLumoGlobalStyles$3('style-props', style$3);
|
|
14914
|
-
|
|
14915
|
-
/**
|
|
14916
|
-
* @license
|
|
14917
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
14918
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
14919
|
-
*/
|
|
14920
|
-
|
|
14921
|
-
const font$3 = i$1`
|
|
14922
|
-
:host {
|
|
14923
|
-
/* prettier-ignore */
|
|
14924
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
14925
|
-
|
|
14926
|
-
/* Font sizes */
|
|
14927
|
-
--lumo-font-size-xxs: 0.75rem;
|
|
14928
|
-
--lumo-font-size-xs: 0.8125rem;
|
|
14929
|
-
--lumo-font-size-s: 0.875rem;
|
|
14930
|
-
--lumo-font-size-m: 1rem;
|
|
14931
|
-
--lumo-font-size-l: 1.125rem;
|
|
14932
|
-
--lumo-font-size-xl: 1.375rem;
|
|
14933
|
-
--lumo-font-size-xxl: 1.75rem;
|
|
14934
|
-
--lumo-font-size-xxxl: 2.5rem;
|
|
14935
|
-
|
|
14936
|
-
/* Line heights */
|
|
14937
|
-
--lumo-line-height-xs: 1.25;
|
|
14938
|
-
--lumo-line-height-s: 1.375;
|
|
14939
|
-
--lumo-line-height-m: 1.625;
|
|
14940
|
-
}
|
|
14941
|
-
`;
|
|
14942
|
-
|
|
14943
|
-
const typography$3 = i$1`
|
|
14944
|
-
body,
|
|
14945
|
-
:host {
|
|
14946
|
-
font-family: var(--lumo-font-family);
|
|
14947
|
-
font-size: var(--lumo-font-size-m);
|
|
14948
|
-
line-height: var(--lumo-line-height-m);
|
|
14949
|
-
-webkit-text-size-adjust: 100%;
|
|
14950
|
-
-webkit-font-smoothing: antialiased;
|
|
14951
|
-
-moz-osx-font-smoothing: grayscale;
|
|
14952
|
-
}
|
|
14953
|
-
|
|
14954
|
-
small,
|
|
14955
|
-
[theme~='font-size-s'] {
|
|
14956
|
-
font-size: var(--lumo-font-size-s);
|
|
14957
|
-
line-height: var(--lumo-line-height-s);
|
|
14958
|
-
}
|
|
14959
|
-
|
|
14960
|
-
[theme~='font-size-xs'] {
|
|
14961
|
-
font-size: var(--lumo-font-size-xs);
|
|
14962
|
-
line-height: var(--lumo-line-height-xs);
|
|
14963
|
-
}
|
|
14964
|
-
|
|
14965
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
|
14966
|
-
font-weight: 600;
|
|
14967
|
-
line-height: var(--lumo-line-height-xs);
|
|
14968
|
-
margin-block: 0;
|
|
14969
|
-
}
|
|
14970
|
-
|
|
14971
|
-
:where(h1) {
|
|
14972
|
-
font-size: var(--lumo-font-size-xxxl);
|
|
14973
|
-
}
|
|
14974
|
-
|
|
14975
|
-
:where(h2) {
|
|
14976
|
-
font-size: var(--lumo-font-size-xxl);
|
|
14977
|
-
}
|
|
14978
|
-
|
|
14979
|
-
:where(h3) {
|
|
14980
|
-
font-size: var(--lumo-font-size-xl);
|
|
14981
|
-
}
|
|
14982
|
-
|
|
14983
|
-
:where(h4) {
|
|
14984
|
-
font-size: var(--lumo-font-size-l);
|
|
14985
|
-
}
|
|
14986
|
-
|
|
14987
|
-
:where(h5) {
|
|
14988
|
-
font-size: var(--lumo-font-size-m);
|
|
14989
|
-
}
|
|
14990
|
-
|
|
14991
|
-
:where(h6) {
|
|
14992
|
-
font-size: var(--lumo-font-size-xs);
|
|
14993
|
-
text-transform: uppercase;
|
|
14994
|
-
letter-spacing: 0.03em;
|
|
14995
|
-
}
|
|
14996
|
-
|
|
14997
|
-
p,
|
|
14998
|
-
blockquote {
|
|
14999
|
-
margin-top: 0.5em;
|
|
15000
|
-
margin-bottom: 0.75em;
|
|
15001
|
-
}
|
|
15002
|
-
|
|
15003
|
-
a {
|
|
15004
|
-
text-decoration: none;
|
|
15005
|
-
}
|
|
15006
|
-
|
|
15007
|
-
a:where(:any-link):hover {
|
|
15008
|
-
text-decoration: underline;
|
|
15009
|
-
}
|
|
15010
|
-
|
|
15011
|
-
hr {
|
|
15012
|
-
display: block;
|
|
15013
|
-
align-self: stretch;
|
|
15014
|
-
height: 1px;
|
|
15015
|
-
border: 0;
|
|
15016
|
-
padding: 0;
|
|
15017
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
15018
|
-
background-color: var(--lumo-contrast-10pct);
|
|
15019
|
-
}
|
|
15020
|
-
|
|
15021
|
-
blockquote {
|
|
15022
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
15023
|
-
}
|
|
15024
|
-
|
|
15025
|
-
b,
|
|
15026
|
-
strong {
|
|
15027
|
-
font-weight: 600;
|
|
15028
|
-
}
|
|
15029
|
-
|
|
15030
|
-
/* RTL specific styles */
|
|
15031
|
-
blockquote[dir='rtl'] {
|
|
15032
|
-
border-left: none;
|
|
15033
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
15034
|
-
}
|
|
15035
|
-
`;
|
|
15036
|
-
|
|
15037
|
-
registerStyles('', typography$3, { moduleId: 'lumo-typography' });
|
|
15038
|
-
addLumoGlobalStyles$3('typography-props', font$3);
|
|
15039
|
-
|
|
15040
14610
|
registerStyles(
|
|
15041
14611
|
'vaadin-input-container',
|
|
15042
14612
|
i$1`
|
|
@@ -15590,469 +15160,6 @@ registerStyles('vaadin-date-picker-overlay', [menuOverlay, datePickerOverlay], {
|
|
|
15590
15160
|
moduleId: 'lumo-date-picker-overlay',
|
|
15591
15161
|
});
|
|
15592
15162
|
|
|
15593
|
-
/**
|
|
15594
|
-
* @license
|
|
15595
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
15596
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
15597
|
-
*/
|
|
15598
|
-
|
|
15599
|
-
/**
|
|
15600
|
-
* Dummy custom element used for collecting
|
|
15601
|
-
* development time usage statistics.
|
|
15602
|
-
*
|
|
15603
|
-
* @private
|
|
15604
|
-
*/
|
|
15605
|
-
class Lumo$2 extends HTMLElement {
|
|
15606
|
-
static get is() {
|
|
15607
|
-
return 'vaadin-lumo-styles';
|
|
15608
|
-
}
|
|
15609
|
-
|
|
15610
|
-
static get version() {
|
|
15611
|
-
return '24.2.5';
|
|
15612
|
-
}
|
|
15613
|
-
}
|
|
15614
|
-
|
|
15615
|
-
defineCustomElement(Lumo$2);
|
|
15616
|
-
|
|
15617
|
-
const addLumoGlobalStyles$2 = (id, ...styles) => {
|
|
15618
|
-
addGlobalThemeStyles(`lumo-${id}`, styles);
|
|
15619
|
-
};
|
|
15620
|
-
|
|
15621
|
-
/**
|
|
15622
|
-
* @license
|
|
15623
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
15624
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
15625
|
-
*/
|
|
15626
|
-
|
|
15627
|
-
const colorBase$1 = i$1`
|
|
15628
|
-
:host {
|
|
15629
|
-
/* Base (background) */
|
|
15630
|
-
--lumo-base-color: #fff;
|
|
15631
|
-
|
|
15632
|
-
/* Tint */
|
|
15633
|
-
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
15634
|
-
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
15635
|
-
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
15636
|
-
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
15637
|
-
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
15638
|
-
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
15639
|
-
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
15640
|
-
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
15641
|
-
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
15642
|
-
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
15643
|
-
--lumo-tint: #fff;
|
|
15644
|
-
|
|
15645
|
-
/* Shade */
|
|
15646
|
-
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
15647
|
-
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
15648
|
-
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
15649
|
-
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
15650
|
-
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
15651
|
-
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
15652
|
-
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
15653
|
-
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
15654
|
-
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
15655
|
-
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
15656
|
-
--lumo-shade: hsl(214, 35%, 15%);
|
|
15657
|
-
|
|
15658
|
-
/* Contrast */
|
|
15659
|
-
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
15660
|
-
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
15661
|
-
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
15662
|
-
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
15663
|
-
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
15664
|
-
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
15665
|
-
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
15666
|
-
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
15667
|
-
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
15668
|
-
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
15669
|
-
--lumo-contrast: var(--lumo-shade);
|
|
15670
|
-
|
|
15671
|
-
/* Text */
|
|
15672
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
15673
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
15674
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
15675
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
15676
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
15677
|
-
|
|
15678
|
-
/* Primary */
|
|
15679
|
-
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
15680
|
-
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
15681
|
-
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
15682
|
-
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
15683
|
-
--lumo-primary-contrast-color: #fff;
|
|
15684
|
-
|
|
15685
|
-
/* Error */
|
|
15686
|
-
--lumo-error-color: hsl(3, 85%, 48%);
|
|
15687
|
-
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
15688
|
-
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
15689
|
-
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
15690
|
-
--lumo-error-contrast-color: #fff;
|
|
15691
|
-
|
|
15692
|
-
/* Success */
|
|
15693
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
15694
|
-
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
15695
|
-
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
15696
|
-
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
15697
|
-
--lumo-success-contrast-color: #fff;
|
|
15698
|
-
|
|
15699
|
-
/* Warning */
|
|
15700
|
-
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
15701
|
-
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
15702
|
-
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
15703
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
15704
|
-
}
|
|
15705
|
-
|
|
15706
|
-
/* forced-colors mode adjustments */
|
|
15707
|
-
@media (forced-colors: active) {
|
|
15708
|
-
html {
|
|
15709
|
-
--lumo-disabled-text-color: GrayText;
|
|
15710
|
-
}
|
|
15711
|
-
}
|
|
15712
|
-
`;
|
|
15713
|
-
|
|
15714
|
-
addLumoGlobalStyles$2('color-props', colorBase$1);
|
|
15715
|
-
|
|
15716
|
-
const color$1 = i$1`
|
|
15717
|
-
[theme~='dark'] {
|
|
15718
|
-
/* Base (background) */
|
|
15719
|
-
--lumo-base-color: hsl(214, 35%, 21%);
|
|
15720
|
-
|
|
15721
|
-
/* Tint */
|
|
15722
|
-
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
15723
|
-
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
15724
|
-
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
15725
|
-
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
15726
|
-
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
15727
|
-
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
15728
|
-
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
15729
|
-
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
15730
|
-
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
15731
|
-
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
15732
|
-
--lumo-tint: hsl(214, 100%, 98%);
|
|
15733
|
-
|
|
15734
|
-
/* Shade */
|
|
15735
|
-
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
15736
|
-
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
15737
|
-
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
15738
|
-
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
15739
|
-
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
15740
|
-
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
15741
|
-
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
15742
|
-
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
15743
|
-
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
15744
|
-
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
15745
|
-
--lumo-shade: hsl(214, 33%, 13%);
|
|
15746
|
-
|
|
15747
|
-
/* Contrast */
|
|
15748
|
-
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
15749
|
-
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
15750
|
-
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
15751
|
-
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
15752
|
-
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
15753
|
-
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
15754
|
-
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
15755
|
-
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
15756
|
-
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
15757
|
-
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
15758
|
-
--lumo-contrast: var(--lumo-tint);
|
|
15759
|
-
|
|
15760
|
-
/* Text */
|
|
15761
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
15762
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
15763
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
15764
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
15765
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
15766
|
-
|
|
15767
|
-
/* Primary */
|
|
15768
|
-
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
15769
|
-
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
15770
|
-
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
15771
|
-
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
15772
|
-
--lumo-primary-contrast-color: #fff;
|
|
15773
|
-
|
|
15774
|
-
/* Error */
|
|
15775
|
-
--lumo-error-color: hsl(3, 79%, 49%);
|
|
15776
|
-
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
15777
|
-
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
15778
|
-
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
15779
|
-
|
|
15780
|
-
/* Success */
|
|
15781
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
15782
|
-
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
15783
|
-
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
15784
|
-
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
15785
|
-
|
|
15786
|
-
/* Warning */
|
|
15787
|
-
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
15788
|
-
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
15789
|
-
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
15790
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
15791
|
-
}
|
|
15792
|
-
|
|
15793
|
-
html {
|
|
15794
|
-
color: var(--lumo-body-text-color);
|
|
15795
|
-
background-color: var(--lumo-base-color);
|
|
15796
|
-
color-scheme: light;
|
|
15797
|
-
}
|
|
15798
|
-
|
|
15799
|
-
[theme~='dark'] {
|
|
15800
|
-
color: var(--lumo-body-text-color);
|
|
15801
|
-
background-color: var(--lumo-base-color);
|
|
15802
|
-
color-scheme: dark;
|
|
15803
|
-
}
|
|
15804
|
-
|
|
15805
|
-
h1,
|
|
15806
|
-
h2,
|
|
15807
|
-
h3,
|
|
15808
|
-
h4,
|
|
15809
|
-
h5,
|
|
15810
|
-
h6 {
|
|
15811
|
-
color: var(--lumo-header-text-color);
|
|
15812
|
-
}
|
|
15813
|
-
|
|
15814
|
-
a:where(:any-link) {
|
|
15815
|
-
color: var(--lumo-primary-text-color);
|
|
15816
|
-
}
|
|
15817
|
-
|
|
15818
|
-
a:not(:any-link) {
|
|
15819
|
-
color: var(--lumo-disabled-text-color);
|
|
15820
|
-
}
|
|
15821
|
-
|
|
15822
|
-
blockquote {
|
|
15823
|
-
color: var(--lumo-secondary-text-color);
|
|
15824
|
-
}
|
|
15825
|
-
|
|
15826
|
-
code,
|
|
15827
|
-
pre {
|
|
15828
|
-
background-color: var(--lumo-contrast-10pct);
|
|
15829
|
-
border-radius: var(--lumo-border-radius-m);
|
|
15830
|
-
}
|
|
15831
|
-
`;
|
|
15832
|
-
|
|
15833
|
-
registerStyles('', color$1, { moduleId: 'lumo-color' });
|
|
15834
|
-
|
|
15835
|
-
/**
|
|
15836
|
-
* @license
|
|
15837
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
15838
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
15839
|
-
*/
|
|
15840
|
-
|
|
15841
|
-
const sizing$2 = i$1`
|
|
15842
|
-
:host {
|
|
15843
|
-
--lumo-size-xs: 1.625rem;
|
|
15844
|
-
--lumo-size-s: 1.875rem;
|
|
15845
|
-
--lumo-size-m: 2.25rem;
|
|
15846
|
-
--lumo-size-l: 2.75rem;
|
|
15847
|
-
--lumo-size-xl: 3.5rem;
|
|
15848
|
-
|
|
15849
|
-
/* Icons */
|
|
15850
|
-
--lumo-icon-size-s: 1.25em;
|
|
15851
|
-
--lumo-icon-size-m: 1.5em;
|
|
15852
|
-
--lumo-icon-size-l: 2.25em;
|
|
15853
|
-
/* For backwards compatibility */
|
|
15854
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
15855
|
-
}
|
|
15856
|
-
`;
|
|
15857
|
-
|
|
15858
|
-
addLumoGlobalStyles$2('sizing-props', sizing$2);
|
|
15859
|
-
|
|
15860
|
-
/**
|
|
15861
|
-
* @license
|
|
15862
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
15863
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
15864
|
-
*/
|
|
15865
|
-
|
|
15866
|
-
const spacing$2 = i$1`
|
|
15867
|
-
:host {
|
|
15868
|
-
/* Square */
|
|
15869
|
-
--lumo-space-xs: 0.25rem;
|
|
15870
|
-
--lumo-space-s: 0.5rem;
|
|
15871
|
-
--lumo-space-m: 1rem;
|
|
15872
|
-
--lumo-space-l: 1.5rem;
|
|
15873
|
-
--lumo-space-xl: 2.5rem;
|
|
15874
|
-
|
|
15875
|
-
/* Wide */
|
|
15876
|
-
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
15877
|
-
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
15878
|
-
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
15879
|
-
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
15880
|
-
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
15881
|
-
|
|
15882
|
-
/* Tall */
|
|
15883
|
-
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
15884
|
-
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
15885
|
-
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
15886
|
-
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
15887
|
-
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
15888
|
-
}
|
|
15889
|
-
`;
|
|
15890
|
-
|
|
15891
|
-
addLumoGlobalStyles$2('spacing-props', spacing$2);
|
|
15892
|
-
|
|
15893
|
-
/**
|
|
15894
|
-
* @license
|
|
15895
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
15896
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
15897
|
-
*/
|
|
15898
|
-
|
|
15899
|
-
const style$2 = i$1`
|
|
15900
|
-
:host {
|
|
15901
|
-
/* Border radius */
|
|
15902
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
15903
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
15904
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
15905
|
-
|
|
15906
|
-
/* Shadow */
|
|
15907
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
15908
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
15909
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
15910
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
15911
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
15912
|
-
|
|
15913
|
-
/* Clickable element cursor */
|
|
15914
|
-
--lumo-clickable-cursor: default;
|
|
15915
|
-
}
|
|
15916
|
-
`;
|
|
15917
|
-
|
|
15918
|
-
/**
|
|
15919
|
-
* Default values for component-specific custom properties.
|
|
15920
|
-
*/
|
|
15921
|
-
i$1`
|
|
15922
|
-
html {
|
|
15923
|
-
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
15924
|
-
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
15925
|
-
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
15926
|
-
}
|
|
15927
|
-
`;
|
|
15928
|
-
|
|
15929
|
-
addLumoGlobalStyles$2('style-props', style$2);
|
|
15930
|
-
|
|
15931
|
-
/**
|
|
15932
|
-
* @license
|
|
15933
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
15934
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
15935
|
-
*/
|
|
15936
|
-
|
|
15937
|
-
const font$2 = i$1`
|
|
15938
|
-
:host {
|
|
15939
|
-
/* prettier-ignore */
|
|
15940
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
15941
|
-
|
|
15942
|
-
/* Font sizes */
|
|
15943
|
-
--lumo-font-size-xxs: 0.75rem;
|
|
15944
|
-
--lumo-font-size-xs: 0.8125rem;
|
|
15945
|
-
--lumo-font-size-s: 0.875rem;
|
|
15946
|
-
--lumo-font-size-m: 1rem;
|
|
15947
|
-
--lumo-font-size-l: 1.125rem;
|
|
15948
|
-
--lumo-font-size-xl: 1.375rem;
|
|
15949
|
-
--lumo-font-size-xxl: 1.75rem;
|
|
15950
|
-
--lumo-font-size-xxxl: 2.5rem;
|
|
15951
|
-
|
|
15952
|
-
/* Line heights */
|
|
15953
|
-
--lumo-line-height-xs: 1.25;
|
|
15954
|
-
--lumo-line-height-s: 1.375;
|
|
15955
|
-
--lumo-line-height-m: 1.625;
|
|
15956
|
-
}
|
|
15957
|
-
`;
|
|
15958
|
-
|
|
15959
|
-
const typography$2 = i$1`
|
|
15960
|
-
body,
|
|
15961
|
-
:host {
|
|
15962
|
-
font-family: var(--lumo-font-family);
|
|
15963
|
-
font-size: var(--lumo-font-size-m);
|
|
15964
|
-
line-height: var(--lumo-line-height-m);
|
|
15965
|
-
-webkit-text-size-adjust: 100%;
|
|
15966
|
-
-webkit-font-smoothing: antialiased;
|
|
15967
|
-
-moz-osx-font-smoothing: grayscale;
|
|
15968
|
-
}
|
|
15969
|
-
|
|
15970
|
-
small,
|
|
15971
|
-
[theme~='font-size-s'] {
|
|
15972
|
-
font-size: var(--lumo-font-size-s);
|
|
15973
|
-
line-height: var(--lumo-line-height-s);
|
|
15974
|
-
}
|
|
15975
|
-
|
|
15976
|
-
[theme~='font-size-xs'] {
|
|
15977
|
-
font-size: var(--lumo-font-size-xs);
|
|
15978
|
-
line-height: var(--lumo-line-height-xs);
|
|
15979
|
-
}
|
|
15980
|
-
|
|
15981
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
|
15982
|
-
font-weight: 600;
|
|
15983
|
-
line-height: var(--lumo-line-height-xs);
|
|
15984
|
-
margin-block: 0;
|
|
15985
|
-
}
|
|
15986
|
-
|
|
15987
|
-
:where(h1) {
|
|
15988
|
-
font-size: var(--lumo-font-size-xxxl);
|
|
15989
|
-
}
|
|
15990
|
-
|
|
15991
|
-
:where(h2) {
|
|
15992
|
-
font-size: var(--lumo-font-size-xxl);
|
|
15993
|
-
}
|
|
15994
|
-
|
|
15995
|
-
:where(h3) {
|
|
15996
|
-
font-size: var(--lumo-font-size-xl);
|
|
15997
|
-
}
|
|
15998
|
-
|
|
15999
|
-
:where(h4) {
|
|
16000
|
-
font-size: var(--lumo-font-size-l);
|
|
16001
|
-
}
|
|
16002
|
-
|
|
16003
|
-
:where(h5) {
|
|
16004
|
-
font-size: var(--lumo-font-size-m);
|
|
16005
|
-
}
|
|
16006
|
-
|
|
16007
|
-
:where(h6) {
|
|
16008
|
-
font-size: var(--lumo-font-size-xs);
|
|
16009
|
-
text-transform: uppercase;
|
|
16010
|
-
letter-spacing: 0.03em;
|
|
16011
|
-
}
|
|
16012
|
-
|
|
16013
|
-
p,
|
|
16014
|
-
blockquote {
|
|
16015
|
-
margin-top: 0.5em;
|
|
16016
|
-
margin-bottom: 0.75em;
|
|
16017
|
-
}
|
|
16018
|
-
|
|
16019
|
-
a {
|
|
16020
|
-
text-decoration: none;
|
|
16021
|
-
}
|
|
16022
|
-
|
|
16023
|
-
a:where(:any-link):hover {
|
|
16024
|
-
text-decoration: underline;
|
|
16025
|
-
}
|
|
16026
|
-
|
|
16027
|
-
hr {
|
|
16028
|
-
display: block;
|
|
16029
|
-
align-self: stretch;
|
|
16030
|
-
height: 1px;
|
|
16031
|
-
border: 0;
|
|
16032
|
-
padding: 0;
|
|
16033
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
16034
|
-
background-color: var(--lumo-contrast-10pct);
|
|
16035
|
-
}
|
|
16036
|
-
|
|
16037
|
-
blockquote {
|
|
16038
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
16039
|
-
}
|
|
16040
|
-
|
|
16041
|
-
b,
|
|
16042
|
-
strong {
|
|
16043
|
-
font-weight: 600;
|
|
16044
|
-
}
|
|
16045
|
-
|
|
16046
|
-
/* RTL specific styles */
|
|
16047
|
-
blockquote[dir='rtl'] {
|
|
16048
|
-
border-left: none;
|
|
16049
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
16050
|
-
}
|
|
16051
|
-
`;
|
|
16052
|
-
|
|
16053
|
-
registerStyles('', typography$2, { moduleId: 'lumo-typography' });
|
|
16054
|
-
addLumoGlobalStyles$2('typography-props', font$2);
|
|
16055
|
-
|
|
16056
15163
|
const button = i$1`
|
|
16057
15164
|
:host {
|
|
16058
15165
|
/* Sizing */
|
|
@@ -16891,7 +15998,7 @@ document.head.appendChild(template$1.content);
|
|
|
16891
15998
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
16892
15999
|
*/
|
|
16893
16000
|
|
|
16894
|
-
const fieldButton
|
|
16001
|
+
const fieldButton = i$1`
|
|
16895
16002
|
[part$='button'] {
|
|
16896
16003
|
flex: none;
|
|
16897
16004
|
width: 1em;
|
|
@@ -16919,7 +16026,7 @@ const fieldButton$1 = i$1`
|
|
|
16919
16026
|
display: block;
|
|
16920
16027
|
}
|
|
16921
16028
|
`;
|
|
16922
|
-
registerStyles('', fieldButton
|
|
16029
|
+
registerStyles('', fieldButton, { moduleId: 'lumo-field-button' });
|
|
16923
16030
|
|
|
16924
16031
|
/**
|
|
16925
16032
|
* @license
|
|
@@ -16927,7 +16034,7 @@ registerStyles('', fieldButton$1, { moduleId: 'lumo-field-button' });
|
|
|
16927
16034
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
16928
16035
|
*/
|
|
16929
16036
|
|
|
16930
|
-
const inputField
|
|
16037
|
+
const inputField = i$1`
|
|
16931
16038
|
:host {
|
|
16932
16039
|
--lumo-text-field-size: var(--lumo-size-m);
|
|
16933
16040
|
color: var(--lumo-body-text-color);
|
|
@@ -17063,9 +16170,9 @@ const inputField$1 = i$1`
|
|
|
17063
16170
|
}
|
|
17064
16171
|
`;
|
|
17065
16172
|
|
|
17066
|
-
const inputFieldShared$
|
|
16173
|
+
const inputFieldShared$1 = [requiredField, fieldButton, helper, inputField];
|
|
17067
16174
|
|
|
17068
|
-
registerStyles('', inputFieldShared$
|
|
16175
|
+
registerStyles('', inputFieldShared$1, {
|
|
17069
16176
|
moduleId: 'lumo-input-field-shared-styles',
|
|
17070
16177
|
});
|
|
17071
16178
|
|
|
@@ -17097,7 +16204,7 @@ const datePicker = i$1`
|
|
|
17097
16204
|
}
|
|
17098
16205
|
`;
|
|
17099
16206
|
|
|
17100
|
-
registerStyles('vaadin-date-picker', [inputFieldShared$
|
|
16207
|
+
registerStyles('vaadin-date-picker', [inputFieldShared$1, datePicker], { moduleId: 'lumo-date-picker' });
|
|
17101
16208
|
|
|
17102
16209
|
/**
|
|
17103
16210
|
@license
|
|
@@ -23941,7 +23048,7 @@ const inputFieldContainer = i$1`
|
|
|
23941
23048
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
23942
23049
|
*/
|
|
23943
23050
|
|
|
23944
|
-
const inputFieldShared
|
|
23051
|
+
const inputFieldShared = [fieldShared, inputFieldContainer, clearButton];
|
|
23945
23052
|
|
|
23946
23053
|
/**
|
|
23947
23054
|
* @license
|
|
@@ -25254,7 +24361,7 @@ const datePickerStyles = i$1`
|
|
|
25254
24361
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
25255
24362
|
*/
|
|
25256
24363
|
|
|
25257
|
-
registerStyles('vaadin-date-picker', [inputFieldShared
|
|
24364
|
+
registerStyles('vaadin-date-picker', [inputFieldShared, datePickerStyles], { moduleId: 'vaadin-date-picker-styles' });
|
|
25258
24365
|
|
|
25259
24366
|
/**
|
|
25260
24367
|
* `<vaadin-date-picker>` is an input field that allows to enter a date by typing or by selecting from a calendar overlay.
|
|
@@ -31588,882 +30695,7 @@ NumberInput.style = numberInputCss;
|
|
|
31588
30695
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
31589
30696
|
*/
|
|
31590
30697
|
|
|
31591
|
-
|
|
31592
|
-
* Dummy custom element used for collecting
|
|
31593
|
-
* development time usage statistics.
|
|
31594
|
-
*
|
|
31595
|
-
* @private
|
|
31596
|
-
*/
|
|
31597
|
-
class Lumo$1 extends HTMLElement {
|
|
31598
|
-
static get is() {
|
|
31599
|
-
return 'vaadin-lumo-styles';
|
|
31600
|
-
}
|
|
31601
|
-
|
|
31602
|
-
static get version() {
|
|
31603
|
-
return '24.2.5';
|
|
31604
|
-
}
|
|
31605
|
-
}
|
|
31606
|
-
|
|
31607
|
-
defineCustomElement(Lumo$1);
|
|
31608
|
-
|
|
31609
|
-
const addLumoGlobalStyles$1 = (id, ...styles) => {
|
|
31610
|
-
addGlobalThemeStyles(`lumo-${id}`, styles);
|
|
31611
|
-
};
|
|
31612
|
-
|
|
31613
|
-
/**
|
|
31614
|
-
* @license
|
|
31615
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
31616
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
31617
|
-
*/
|
|
31618
|
-
|
|
31619
|
-
const colorBase = i$1`
|
|
31620
|
-
:host {
|
|
31621
|
-
/* Base (background) */
|
|
31622
|
-
--lumo-base-color: #fff;
|
|
31623
|
-
|
|
31624
|
-
/* Tint */
|
|
31625
|
-
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
31626
|
-
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
31627
|
-
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
31628
|
-
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
31629
|
-
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
31630
|
-
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
31631
|
-
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
31632
|
-
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
31633
|
-
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
31634
|
-
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
31635
|
-
--lumo-tint: #fff;
|
|
31636
|
-
|
|
31637
|
-
/* Shade */
|
|
31638
|
-
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
31639
|
-
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
31640
|
-
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
31641
|
-
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
31642
|
-
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
31643
|
-
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
31644
|
-
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
31645
|
-
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
31646
|
-
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
31647
|
-
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
31648
|
-
--lumo-shade: hsl(214, 35%, 15%);
|
|
31649
|
-
|
|
31650
|
-
/* Contrast */
|
|
31651
|
-
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
31652
|
-
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
31653
|
-
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
31654
|
-
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
31655
|
-
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
31656
|
-
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
31657
|
-
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
31658
|
-
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
31659
|
-
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
31660
|
-
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
31661
|
-
--lumo-contrast: var(--lumo-shade);
|
|
31662
|
-
|
|
31663
|
-
/* Text */
|
|
31664
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
31665
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
31666
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
31667
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
31668
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
31669
|
-
|
|
31670
|
-
/* Primary */
|
|
31671
|
-
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
31672
|
-
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
31673
|
-
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
31674
|
-
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
31675
|
-
--lumo-primary-contrast-color: #fff;
|
|
31676
|
-
|
|
31677
|
-
/* Error */
|
|
31678
|
-
--lumo-error-color: hsl(3, 85%, 48%);
|
|
31679
|
-
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
31680
|
-
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
31681
|
-
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
31682
|
-
--lumo-error-contrast-color: #fff;
|
|
31683
|
-
|
|
31684
|
-
/* Success */
|
|
31685
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
31686
|
-
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
31687
|
-
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
31688
|
-
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
31689
|
-
--lumo-success-contrast-color: #fff;
|
|
31690
|
-
|
|
31691
|
-
/* Warning */
|
|
31692
|
-
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
31693
|
-
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
31694
|
-
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
31695
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
31696
|
-
}
|
|
31697
|
-
|
|
31698
|
-
/* forced-colors mode adjustments */
|
|
31699
|
-
@media (forced-colors: active) {
|
|
31700
|
-
html {
|
|
31701
|
-
--lumo-disabled-text-color: GrayText;
|
|
31702
|
-
}
|
|
31703
|
-
}
|
|
31704
|
-
`;
|
|
31705
|
-
|
|
31706
|
-
addLumoGlobalStyles$1('color-props', colorBase);
|
|
31707
|
-
|
|
31708
|
-
const color = i$1`
|
|
31709
|
-
[theme~='dark'] {
|
|
31710
|
-
/* Base (background) */
|
|
31711
|
-
--lumo-base-color: hsl(214, 35%, 21%);
|
|
31712
|
-
|
|
31713
|
-
/* Tint */
|
|
31714
|
-
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
31715
|
-
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
31716
|
-
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
31717
|
-
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
31718
|
-
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
31719
|
-
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
31720
|
-
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
31721
|
-
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
31722
|
-
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
31723
|
-
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
31724
|
-
--lumo-tint: hsl(214, 100%, 98%);
|
|
31725
|
-
|
|
31726
|
-
/* Shade */
|
|
31727
|
-
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
31728
|
-
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
31729
|
-
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
31730
|
-
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
31731
|
-
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
31732
|
-
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
31733
|
-
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
31734
|
-
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
31735
|
-
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
31736
|
-
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
31737
|
-
--lumo-shade: hsl(214, 33%, 13%);
|
|
31738
|
-
|
|
31739
|
-
/* Contrast */
|
|
31740
|
-
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
31741
|
-
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
31742
|
-
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
31743
|
-
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
31744
|
-
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
31745
|
-
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
31746
|
-
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
31747
|
-
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
31748
|
-
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
31749
|
-
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
31750
|
-
--lumo-contrast: var(--lumo-tint);
|
|
31751
|
-
|
|
31752
|
-
/* Text */
|
|
31753
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
31754
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
31755
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
31756
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
31757
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
31758
|
-
|
|
31759
|
-
/* Primary */
|
|
31760
|
-
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
31761
|
-
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
31762
|
-
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
31763
|
-
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
31764
|
-
--lumo-primary-contrast-color: #fff;
|
|
31765
|
-
|
|
31766
|
-
/* Error */
|
|
31767
|
-
--lumo-error-color: hsl(3, 79%, 49%);
|
|
31768
|
-
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
31769
|
-
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
31770
|
-
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
31771
|
-
|
|
31772
|
-
/* Success */
|
|
31773
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
31774
|
-
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
31775
|
-
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
31776
|
-
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
31777
|
-
|
|
31778
|
-
/* Warning */
|
|
31779
|
-
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
31780
|
-
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
31781
|
-
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
31782
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
31783
|
-
}
|
|
31784
|
-
|
|
31785
|
-
html {
|
|
31786
|
-
color: var(--lumo-body-text-color);
|
|
31787
|
-
background-color: var(--lumo-base-color);
|
|
31788
|
-
color-scheme: light;
|
|
31789
|
-
}
|
|
31790
|
-
|
|
31791
|
-
[theme~='dark'] {
|
|
31792
|
-
color: var(--lumo-body-text-color);
|
|
31793
|
-
background-color: var(--lumo-base-color);
|
|
31794
|
-
color-scheme: dark;
|
|
31795
|
-
}
|
|
31796
|
-
|
|
31797
|
-
h1,
|
|
31798
|
-
h2,
|
|
31799
|
-
h3,
|
|
31800
|
-
h4,
|
|
31801
|
-
h5,
|
|
31802
|
-
h6 {
|
|
31803
|
-
color: var(--lumo-header-text-color);
|
|
31804
|
-
}
|
|
31805
|
-
|
|
31806
|
-
a:where(:any-link) {
|
|
31807
|
-
color: var(--lumo-primary-text-color);
|
|
31808
|
-
}
|
|
31809
|
-
|
|
31810
|
-
a:not(:any-link) {
|
|
31811
|
-
color: var(--lumo-disabled-text-color);
|
|
31812
|
-
}
|
|
31813
|
-
|
|
31814
|
-
blockquote {
|
|
31815
|
-
color: var(--lumo-secondary-text-color);
|
|
31816
|
-
}
|
|
31817
|
-
|
|
31818
|
-
code,
|
|
31819
|
-
pre {
|
|
31820
|
-
background-color: var(--lumo-contrast-10pct);
|
|
31821
|
-
border-radius: var(--lumo-border-radius-m);
|
|
31822
|
-
}
|
|
31823
|
-
`;
|
|
31824
|
-
|
|
31825
|
-
registerStyles('', color, { moduleId: 'lumo-color' });
|
|
31826
|
-
|
|
31827
|
-
/**
|
|
31828
|
-
* @license
|
|
31829
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
31830
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
31831
|
-
*/
|
|
31832
|
-
|
|
31833
|
-
const fontIcons$1 = i$1`
|
|
31834
|
-
@font-face {
|
|
31835
|
-
font-family: 'lumo-icons';
|
|
31836
|
-
src: url(data:application/font-woff;charset=utf-8;base64,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)
|
|
31837
|
-
format('woff');
|
|
31838
|
-
font-weight: normal;
|
|
31839
|
-
font-style: normal;
|
|
31840
|
-
}
|
|
31841
|
-
|
|
31842
|
-
html {
|
|
31843
|
-
--lumo-icons-align-center: '\\ea01';
|
|
31844
|
-
--lumo-icons-align-left: '\\ea02';
|
|
31845
|
-
--lumo-icons-align-right: '\\ea03';
|
|
31846
|
-
--lumo-icons-angle-down: '\\ea04';
|
|
31847
|
-
--lumo-icons-angle-left: '\\ea05';
|
|
31848
|
-
--lumo-icons-angle-right: '\\ea06';
|
|
31849
|
-
--lumo-icons-angle-up: '\\ea07';
|
|
31850
|
-
--lumo-icons-arrow-down: '\\ea08';
|
|
31851
|
-
--lumo-icons-arrow-left: '\\ea09';
|
|
31852
|
-
--lumo-icons-arrow-right: '\\ea0a';
|
|
31853
|
-
--lumo-icons-arrow-up: '\\ea0b';
|
|
31854
|
-
--lumo-icons-bar-chart: '\\ea0c';
|
|
31855
|
-
--lumo-icons-bell: '\\ea0d';
|
|
31856
|
-
--lumo-icons-calendar: '\\ea0e';
|
|
31857
|
-
--lumo-icons-checkmark: '\\ea0f';
|
|
31858
|
-
--lumo-icons-chevron-down: '\\ea10';
|
|
31859
|
-
--lumo-icons-chevron-left: '\\ea11';
|
|
31860
|
-
--lumo-icons-chevron-right: '\\ea12';
|
|
31861
|
-
--lumo-icons-chevron-up: '\\ea13';
|
|
31862
|
-
--lumo-icons-clock: '\\ea14';
|
|
31863
|
-
--lumo-icons-cog: '\\ea15';
|
|
31864
|
-
--lumo-icons-cross: '\\ea16';
|
|
31865
|
-
--lumo-icons-download: '\\ea17';
|
|
31866
|
-
--lumo-icons-dropdown: '\\ea18';
|
|
31867
|
-
--lumo-icons-edit: '\\ea19';
|
|
31868
|
-
--lumo-icons-error: '\\ea1a';
|
|
31869
|
-
--lumo-icons-eye: '\\ea1b';
|
|
31870
|
-
--lumo-icons-eye-disabled: '\\ea1c';
|
|
31871
|
-
--lumo-icons-menu: '\\ea1d';
|
|
31872
|
-
--lumo-icons-minus: '\\ea1e';
|
|
31873
|
-
--lumo-icons-ordered-list: '\\ea1f';
|
|
31874
|
-
--lumo-icons-phone: '\\ea20';
|
|
31875
|
-
--lumo-icons-photo: '\\ea21';
|
|
31876
|
-
--lumo-icons-play: '\\ea22';
|
|
31877
|
-
--lumo-icons-plus: '\\ea23';
|
|
31878
|
-
--lumo-icons-redo: '\\ea24';
|
|
31879
|
-
--lumo-icons-reload: '\\ea25';
|
|
31880
|
-
--lumo-icons-search: '\\ea26';
|
|
31881
|
-
--lumo-icons-undo: '\\ea27';
|
|
31882
|
-
--lumo-icons-unordered-list: '\\ea28';
|
|
31883
|
-
--lumo-icons-upload: '\\ea29';
|
|
31884
|
-
--lumo-icons-user: '\\ea2a';
|
|
31885
|
-
}
|
|
31886
|
-
`;
|
|
31887
|
-
|
|
31888
|
-
addLumoGlobalStyles$1('font-icons', fontIcons$1);
|
|
31889
|
-
|
|
31890
|
-
/**
|
|
31891
|
-
* @license
|
|
31892
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
31893
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
31894
|
-
*/
|
|
31895
|
-
|
|
31896
|
-
const sizing$1 = i$1`
|
|
31897
|
-
:host {
|
|
31898
|
-
--lumo-size-xs: 1.625rem;
|
|
31899
|
-
--lumo-size-s: 1.875rem;
|
|
31900
|
-
--lumo-size-m: 2.25rem;
|
|
31901
|
-
--lumo-size-l: 2.75rem;
|
|
31902
|
-
--lumo-size-xl: 3.5rem;
|
|
31903
|
-
|
|
31904
|
-
/* Icons */
|
|
31905
|
-
--lumo-icon-size-s: 1.25em;
|
|
31906
|
-
--lumo-icon-size-m: 1.5em;
|
|
31907
|
-
--lumo-icon-size-l: 2.25em;
|
|
31908
|
-
/* For backwards compatibility */
|
|
31909
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
31910
|
-
}
|
|
31911
|
-
`;
|
|
31912
|
-
|
|
31913
|
-
addLumoGlobalStyles$1('sizing-props', sizing$1);
|
|
31914
|
-
|
|
31915
|
-
/**
|
|
31916
|
-
* @license
|
|
31917
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
31918
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
31919
|
-
*/
|
|
31920
|
-
|
|
31921
|
-
const spacing$1 = i$1`
|
|
31922
|
-
:host {
|
|
31923
|
-
/* Square */
|
|
31924
|
-
--lumo-space-xs: 0.25rem;
|
|
31925
|
-
--lumo-space-s: 0.5rem;
|
|
31926
|
-
--lumo-space-m: 1rem;
|
|
31927
|
-
--lumo-space-l: 1.5rem;
|
|
31928
|
-
--lumo-space-xl: 2.5rem;
|
|
31929
|
-
|
|
31930
|
-
/* Wide */
|
|
31931
|
-
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
31932
|
-
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
31933
|
-
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
31934
|
-
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
31935
|
-
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
31936
|
-
|
|
31937
|
-
/* Tall */
|
|
31938
|
-
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
31939
|
-
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
31940
|
-
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
31941
|
-
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
31942
|
-
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
31943
|
-
}
|
|
31944
|
-
`;
|
|
31945
|
-
|
|
31946
|
-
addLumoGlobalStyles$1('spacing-props', spacing$1);
|
|
31947
|
-
|
|
31948
|
-
/**
|
|
31949
|
-
* @license
|
|
31950
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
31951
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
31952
|
-
*/
|
|
31953
|
-
|
|
31954
|
-
const style$1 = i$1`
|
|
31955
|
-
:host {
|
|
31956
|
-
/* Border radius */
|
|
31957
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
31958
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
31959
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
31960
|
-
|
|
31961
|
-
/* Shadow */
|
|
31962
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
31963
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
31964
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
31965
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
31966
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
31967
|
-
|
|
31968
|
-
/* Clickable element cursor */
|
|
31969
|
-
--lumo-clickable-cursor: default;
|
|
31970
|
-
}
|
|
31971
|
-
`;
|
|
31972
|
-
|
|
31973
|
-
/**
|
|
31974
|
-
* Default values for component-specific custom properties.
|
|
31975
|
-
*/
|
|
31976
|
-
i$1`
|
|
31977
|
-
html {
|
|
31978
|
-
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
31979
|
-
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
31980
|
-
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
31981
|
-
}
|
|
31982
|
-
`;
|
|
31983
|
-
|
|
31984
|
-
addLumoGlobalStyles$1('style-props', style$1);
|
|
31985
|
-
|
|
31986
|
-
/**
|
|
31987
|
-
* @license
|
|
31988
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
31989
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
31990
|
-
*/
|
|
31991
|
-
|
|
31992
|
-
const font$1 = i$1`
|
|
31993
|
-
:host {
|
|
31994
|
-
/* prettier-ignore */
|
|
31995
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
31996
|
-
|
|
31997
|
-
/* Font sizes */
|
|
31998
|
-
--lumo-font-size-xxs: 0.75rem;
|
|
31999
|
-
--lumo-font-size-xs: 0.8125rem;
|
|
32000
|
-
--lumo-font-size-s: 0.875rem;
|
|
32001
|
-
--lumo-font-size-m: 1rem;
|
|
32002
|
-
--lumo-font-size-l: 1.125rem;
|
|
32003
|
-
--lumo-font-size-xl: 1.375rem;
|
|
32004
|
-
--lumo-font-size-xxl: 1.75rem;
|
|
32005
|
-
--lumo-font-size-xxxl: 2.5rem;
|
|
32006
|
-
|
|
32007
|
-
/* Line heights */
|
|
32008
|
-
--lumo-line-height-xs: 1.25;
|
|
32009
|
-
--lumo-line-height-s: 1.375;
|
|
32010
|
-
--lumo-line-height-m: 1.625;
|
|
32011
|
-
}
|
|
32012
|
-
`;
|
|
32013
|
-
|
|
32014
|
-
const typography$1 = i$1`
|
|
32015
|
-
body,
|
|
32016
|
-
:host {
|
|
32017
|
-
font-family: var(--lumo-font-family);
|
|
32018
|
-
font-size: var(--lumo-font-size-m);
|
|
32019
|
-
line-height: var(--lumo-line-height-m);
|
|
32020
|
-
-webkit-text-size-adjust: 100%;
|
|
32021
|
-
-webkit-font-smoothing: antialiased;
|
|
32022
|
-
-moz-osx-font-smoothing: grayscale;
|
|
32023
|
-
}
|
|
32024
|
-
|
|
32025
|
-
small,
|
|
32026
|
-
[theme~='font-size-s'] {
|
|
32027
|
-
font-size: var(--lumo-font-size-s);
|
|
32028
|
-
line-height: var(--lumo-line-height-s);
|
|
32029
|
-
}
|
|
32030
|
-
|
|
32031
|
-
[theme~='font-size-xs'] {
|
|
32032
|
-
font-size: var(--lumo-font-size-xs);
|
|
32033
|
-
line-height: var(--lumo-line-height-xs);
|
|
32034
|
-
}
|
|
32035
|
-
|
|
32036
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
|
32037
|
-
font-weight: 600;
|
|
32038
|
-
line-height: var(--lumo-line-height-xs);
|
|
32039
|
-
margin-block: 0;
|
|
32040
|
-
}
|
|
32041
|
-
|
|
32042
|
-
:where(h1) {
|
|
32043
|
-
font-size: var(--lumo-font-size-xxxl);
|
|
32044
|
-
}
|
|
32045
|
-
|
|
32046
|
-
:where(h2) {
|
|
32047
|
-
font-size: var(--lumo-font-size-xxl);
|
|
32048
|
-
}
|
|
32049
|
-
|
|
32050
|
-
:where(h3) {
|
|
32051
|
-
font-size: var(--lumo-font-size-xl);
|
|
32052
|
-
}
|
|
32053
|
-
|
|
32054
|
-
:where(h4) {
|
|
32055
|
-
font-size: var(--lumo-font-size-l);
|
|
32056
|
-
}
|
|
32057
|
-
|
|
32058
|
-
:where(h5) {
|
|
32059
|
-
font-size: var(--lumo-font-size-m);
|
|
32060
|
-
}
|
|
32061
|
-
|
|
32062
|
-
:where(h6) {
|
|
32063
|
-
font-size: var(--lumo-font-size-xs);
|
|
32064
|
-
text-transform: uppercase;
|
|
32065
|
-
letter-spacing: 0.03em;
|
|
32066
|
-
}
|
|
32067
|
-
|
|
32068
|
-
p,
|
|
32069
|
-
blockquote {
|
|
32070
|
-
margin-top: 0.5em;
|
|
32071
|
-
margin-bottom: 0.75em;
|
|
32072
|
-
}
|
|
32073
|
-
|
|
32074
|
-
a {
|
|
32075
|
-
text-decoration: none;
|
|
32076
|
-
}
|
|
32077
|
-
|
|
32078
|
-
a:where(:any-link):hover {
|
|
32079
|
-
text-decoration: underline;
|
|
32080
|
-
}
|
|
32081
|
-
|
|
32082
|
-
hr {
|
|
32083
|
-
display: block;
|
|
32084
|
-
align-self: stretch;
|
|
32085
|
-
height: 1px;
|
|
32086
|
-
border: 0;
|
|
32087
|
-
padding: 0;
|
|
32088
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
32089
|
-
background-color: var(--lumo-contrast-10pct);
|
|
32090
|
-
}
|
|
32091
|
-
|
|
32092
|
-
blockquote {
|
|
32093
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
32094
|
-
}
|
|
32095
|
-
|
|
32096
|
-
b,
|
|
32097
|
-
strong {
|
|
32098
|
-
font-weight: 600;
|
|
32099
|
-
}
|
|
32100
|
-
|
|
32101
|
-
/* RTL specific styles */
|
|
32102
|
-
blockquote[dir='rtl'] {
|
|
32103
|
-
border-left: none;
|
|
32104
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
32105
|
-
}
|
|
32106
|
-
`;
|
|
32107
|
-
|
|
32108
|
-
registerStyles('', typography$1, { moduleId: 'lumo-typography' });
|
|
32109
|
-
addLumoGlobalStyles$1('typography-props', font$1);
|
|
32110
|
-
|
|
32111
|
-
/**
|
|
32112
|
-
* @license
|
|
32113
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
32114
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
32115
|
-
*/
|
|
32116
|
-
|
|
32117
|
-
const fieldButton = i$1`
|
|
32118
|
-
[part$='button'] {
|
|
32119
|
-
flex: none;
|
|
32120
|
-
width: 1em;
|
|
32121
|
-
height: 1em;
|
|
32122
|
-
line-height: 1;
|
|
32123
|
-
font-size: var(--lumo-icon-size-m);
|
|
32124
|
-
text-align: center;
|
|
32125
|
-
color: var(--lumo-contrast-60pct);
|
|
32126
|
-
transition: 0.2s color;
|
|
32127
|
-
cursor: var(--lumo-clickable-cursor);
|
|
32128
|
-
}
|
|
32129
|
-
|
|
32130
|
-
[part$='button']:hover {
|
|
32131
|
-
color: var(--lumo-contrast-90pct);
|
|
32132
|
-
}
|
|
32133
|
-
|
|
32134
|
-
:host([disabled]) [part$='button'],
|
|
32135
|
-
:host([readonly]) [part$='button'] {
|
|
32136
|
-
color: var(--lumo-contrast-20pct);
|
|
32137
|
-
cursor: default;
|
|
32138
|
-
}
|
|
32139
|
-
|
|
32140
|
-
[part$='button']::before {
|
|
32141
|
-
font-family: 'lumo-icons';
|
|
32142
|
-
display: block;
|
|
32143
|
-
}
|
|
32144
|
-
`;
|
|
32145
|
-
registerStyles('', fieldButton, { moduleId: 'lumo-field-button' });
|
|
32146
|
-
|
|
32147
|
-
/**
|
|
32148
|
-
* @license
|
|
32149
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
32150
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
32151
|
-
*/
|
|
32152
|
-
|
|
32153
|
-
const helper = i$1`
|
|
32154
|
-
:host([has-helper]) [part='helper-text']::before {
|
|
32155
|
-
content: '';
|
|
32156
|
-
display: block;
|
|
32157
|
-
height: 0.4em;
|
|
32158
|
-
}
|
|
32159
|
-
|
|
32160
|
-
[part='helper-text'] {
|
|
32161
|
-
display: block;
|
|
32162
|
-
color: var(--lumo-secondary-text-color);
|
|
32163
|
-
font-size: var(--lumo-font-size-xs);
|
|
32164
|
-
line-height: var(--lumo-line-height-xs);
|
|
32165
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
32166
|
-
transition: color 0.2s;
|
|
32167
|
-
}
|
|
32168
|
-
|
|
32169
|
-
:host(:hover:not([readonly])) [part='helper-text'] {
|
|
32170
|
-
color: var(--lumo-body-text-color);
|
|
32171
|
-
}
|
|
32172
|
-
|
|
32173
|
-
:host([disabled]) [part='helper-text'] {
|
|
32174
|
-
color: var(--lumo-disabled-text-color);
|
|
32175
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
32176
|
-
}
|
|
32177
|
-
|
|
32178
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::before {
|
|
32179
|
-
display: none;
|
|
32180
|
-
}
|
|
32181
|
-
|
|
32182
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::after {
|
|
32183
|
-
content: '';
|
|
32184
|
-
display: block;
|
|
32185
|
-
height: 0.4em;
|
|
32186
|
-
}
|
|
32187
|
-
|
|
32188
|
-
:host([has-helper][theme~='helper-above-field']) [part='label'] {
|
|
32189
|
-
order: 0;
|
|
32190
|
-
padding-bottom: 0.4em;
|
|
32191
|
-
}
|
|
32192
|
-
|
|
32193
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text'] {
|
|
32194
|
-
order: 1;
|
|
32195
|
-
}
|
|
32196
|
-
|
|
32197
|
-
:host([has-helper][theme~='helper-above-field']) [part='label'] + * {
|
|
32198
|
-
order: 2;
|
|
32199
|
-
}
|
|
32200
|
-
|
|
32201
|
-
:host([has-helper][theme~='helper-above-field']) [part='error-message'] {
|
|
32202
|
-
order: 3;
|
|
32203
|
-
}
|
|
32204
|
-
`;
|
|
32205
|
-
|
|
32206
|
-
/**
|
|
32207
|
-
* @license
|
|
32208
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
32209
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
32210
|
-
*/
|
|
32211
|
-
|
|
32212
|
-
const requiredField = i$1`
|
|
32213
|
-
[part='label'] {
|
|
32214
|
-
align-self: flex-start;
|
|
32215
|
-
color: var(--lumo-secondary-text-color);
|
|
32216
|
-
font-weight: 500;
|
|
32217
|
-
font-size: var(--lumo-font-size-s);
|
|
32218
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
32219
|
-
transition: color 0.2s;
|
|
32220
|
-
line-height: 1;
|
|
32221
|
-
padding-right: 1em;
|
|
32222
|
-
padding-bottom: 0.5em;
|
|
32223
|
-
/* As a workaround for diacritics being cut off, add a top padding and a
|
|
32224
|
-
negative margin to compensate */
|
|
32225
|
-
padding-top: 0.25em;
|
|
32226
|
-
margin-top: -0.25em;
|
|
32227
|
-
overflow: hidden;
|
|
32228
|
-
white-space: nowrap;
|
|
32229
|
-
text-overflow: ellipsis;
|
|
32230
|
-
position: relative;
|
|
32231
|
-
max-width: 100%;
|
|
32232
|
-
box-sizing: border-box;
|
|
32233
|
-
}
|
|
32234
|
-
|
|
32235
|
-
:host([has-label])::before {
|
|
32236
|
-
margin-top: calc(var(--lumo-font-size-s) * 1.5);
|
|
32237
|
-
}
|
|
32238
|
-
|
|
32239
|
-
:host([has-label][theme~='small'])::before {
|
|
32240
|
-
margin-top: calc(var(--lumo-font-size-xs) * 1.5);
|
|
32241
|
-
}
|
|
32242
|
-
|
|
32243
|
-
:host([has-label]) {
|
|
32244
|
-
padding-top: var(--lumo-space-m);
|
|
32245
|
-
}
|
|
32246
|
-
|
|
32247
|
-
:host([has-label]) ::slotted([slot='tooltip']) {
|
|
32248
|
-
--vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
|
|
32249
|
-
}
|
|
32250
|
-
|
|
32251
|
-
:host([required]) [part='required-indicator']::after {
|
|
32252
|
-
content: var(--lumo-required-field-indicator, '\\2022');
|
|
32253
|
-
transition: opacity 0.2s;
|
|
32254
|
-
color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
|
|
32255
|
-
position: absolute;
|
|
32256
|
-
right: 0;
|
|
32257
|
-
width: 1em;
|
|
32258
|
-
text-align: center;
|
|
32259
|
-
}
|
|
32260
|
-
|
|
32261
|
-
:host([invalid]) [part='required-indicator']::after {
|
|
32262
|
-
color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
|
|
32263
|
-
}
|
|
32264
|
-
|
|
32265
|
-
[part='error-message'] {
|
|
32266
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
32267
|
-
font-size: var(--lumo-font-size-xs);
|
|
32268
|
-
line-height: var(--lumo-line-height-xs);
|
|
32269
|
-
color: var(--lumo-error-text-color);
|
|
32270
|
-
will-change: max-height;
|
|
32271
|
-
transition: 0.4s max-height;
|
|
32272
|
-
max-height: 5em;
|
|
32273
|
-
}
|
|
32274
|
-
|
|
32275
|
-
:host([has-error-message]) [part='error-message']::before,
|
|
32276
|
-
:host([has-error-message]) [part='error-message']::after {
|
|
32277
|
-
content: '';
|
|
32278
|
-
display: block;
|
|
32279
|
-
height: 0.4em;
|
|
32280
|
-
}
|
|
32281
|
-
|
|
32282
|
-
:host(:not([invalid])) [part='error-message'] {
|
|
32283
|
-
max-height: 0;
|
|
32284
|
-
overflow: hidden;
|
|
32285
|
-
}
|
|
32286
|
-
|
|
32287
|
-
/* RTL specific styles */
|
|
32288
|
-
|
|
32289
|
-
:host([dir='rtl']) [part='label'] {
|
|
32290
|
-
margin-left: 0;
|
|
32291
|
-
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
32292
|
-
}
|
|
32293
|
-
|
|
32294
|
-
:host([dir='rtl']) [part='label'] {
|
|
32295
|
-
padding-left: 1em;
|
|
32296
|
-
padding-right: 0;
|
|
32297
|
-
}
|
|
32298
|
-
|
|
32299
|
-
:host([dir='rtl']) [part='required-indicator']::after {
|
|
32300
|
-
right: auto;
|
|
32301
|
-
left: 0;
|
|
32302
|
-
}
|
|
32303
|
-
|
|
32304
|
-
:host([dir='rtl']) [part='error-message'] {
|
|
32305
|
-
margin-left: 0;
|
|
32306
|
-
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
32307
|
-
}
|
|
32308
|
-
`;
|
|
32309
|
-
|
|
32310
|
-
registerStyles('', requiredField, { moduleId: 'lumo-required-field' });
|
|
32311
|
-
|
|
32312
|
-
/**
|
|
32313
|
-
* @license
|
|
32314
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
32315
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
32316
|
-
*/
|
|
32317
|
-
|
|
32318
|
-
const inputField = i$1`
|
|
32319
|
-
:host {
|
|
32320
|
-
--lumo-text-field-size: var(--lumo-size-m);
|
|
32321
|
-
color: var(--lumo-body-text-color);
|
|
32322
|
-
font-size: var(--lumo-font-size-m);
|
|
32323
|
-
font-family: var(--lumo-font-family);
|
|
32324
|
-
-webkit-font-smoothing: antialiased;
|
|
32325
|
-
-moz-osx-font-smoothing: grayscale;
|
|
32326
|
-
-webkit-tap-highlight-color: transparent;
|
|
32327
|
-
padding: var(--lumo-space-xs) 0;
|
|
32328
|
-
}
|
|
32329
|
-
|
|
32330
|
-
:host::before {
|
|
32331
|
-
height: var(--lumo-text-field-size);
|
|
32332
|
-
box-sizing: border-box;
|
|
32333
|
-
display: inline-flex;
|
|
32334
|
-
align-items: center;
|
|
32335
|
-
}
|
|
32336
|
-
|
|
32337
|
-
:host([focused]:not([readonly])) [part='label'] {
|
|
32338
|
-
color: var(--lumo-primary-text-color);
|
|
32339
|
-
}
|
|
32340
|
-
|
|
32341
|
-
:host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
|
|
32342
|
-
-webkit-mask-image: none;
|
|
32343
|
-
mask-image: none;
|
|
32344
|
-
}
|
|
32345
|
-
|
|
32346
|
-
::slotted(:is(input, textarea):placeholder-shown) {
|
|
32347
|
-
color: var(--lumo-secondary-text-color);
|
|
32348
|
-
}
|
|
32349
|
-
|
|
32350
|
-
/* Hover */
|
|
32351
|
-
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
32352
|
-
color: var(--lumo-body-text-color);
|
|
32353
|
-
}
|
|
32354
|
-
|
|
32355
|
-
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
32356
|
-
opacity: 0.1;
|
|
32357
|
-
}
|
|
32358
|
-
|
|
32359
|
-
/* Touch device adjustment */
|
|
32360
|
-
@media (pointer: coarse) {
|
|
32361
|
-
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
32362
|
-
color: var(--lumo-secondary-text-color);
|
|
32363
|
-
}
|
|
32364
|
-
|
|
32365
|
-
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
32366
|
-
opacity: 0;
|
|
32367
|
-
}
|
|
32368
|
-
|
|
32369
|
-
:host(:active:not([readonly]):not([focused])) [part='input-field']::after {
|
|
32370
|
-
opacity: 0.2;
|
|
32371
|
-
}
|
|
32372
|
-
}
|
|
32373
|
-
|
|
32374
|
-
/* Trigger when not focusing using the keyboard */
|
|
32375
|
-
:host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
|
|
32376
|
-
transform: scaleX(0);
|
|
32377
|
-
transition-duration: 0.15s, 1s;
|
|
32378
|
-
}
|
|
32379
|
-
|
|
32380
|
-
/* Focus-ring */
|
|
32381
|
-
:host([focus-ring]) [part='input-field'] {
|
|
32382
|
-
box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
32383
|
-
}
|
|
32384
|
-
|
|
32385
|
-
/* Read-only and disabled */
|
|
32386
|
-
:host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
|
|
32387
|
-
opacity: 0;
|
|
32388
|
-
}
|
|
32389
|
-
|
|
32390
|
-
/* Read-only style */
|
|
32391
|
-
:host([readonly]) {
|
|
32392
|
-
--vaadin-input-field-border-color: transparent;
|
|
32393
|
-
}
|
|
32394
|
-
|
|
32395
|
-
/* Disabled style */
|
|
32396
|
-
:host([disabled]) {
|
|
32397
|
-
pointer-events: none;
|
|
32398
|
-
--vaadin-input-field-border-color: var(--lumo-contrast-20pct);
|
|
32399
|
-
}
|
|
32400
|
-
|
|
32401
|
-
:host([disabled]) [part='label'],
|
|
32402
|
-
:host([disabled]) [part='input-field'] ::slotted(*) {
|
|
32403
|
-
color: var(--lumo-disabled-text-color);
|
|
32404
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
32405
|
-
}
|
|
32406
|
-
|
|
32407
|
-
/* Invalid style */
|
|
32408
|
-
:host([invalid]) {
|
|
32409
|
-
--vaadin-input-field-border-color: var(--lumo-error-color);
|
|
32410
|
-
}
|
|
32411
|
-
|
|
32412
|
-
:host([invalid][focus-ring]) [part='input-field'] {
|
|
32413
|
-
box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
|
|
32414
|
-
}
|
|
32415
|
-
|
|
32416
|
-
:host([input-prevented]) [part='input-field'] {
|
|
32417
|
-
animation: shake 0.15s infinite;
|
|
32418
|
-
}
|
|
32419
|
-
|
|
32420
|
-
@keyframes shake {
|
|
32421
|
-
25% {
|
|
32422
|
-
transform: translateX(4px);
|
|
32423
|
-
}
|
|
32424
|
-
75% {
|
|
32425
|
-
transform: translateX(-4px);
|
|
32426
|
-
}
|
|
32427
|
-
}
|
|
32428
|
-
|
|
32429
|
-
/* Small theme */
|
|
32430
|
-
:host([theme~='small']) {
|
|
32431
|
-
font-size: var(--lumo-font-size-s);
|
|
32432
|
-
--lumo-text-field-size: var(--lumo-size-s);
|
|
32433
|
-
}
|
|
32434
|
-
|
|
32435
|
-
:host([theme~='small']) [part='label'] {
|
|
32436
|
-
font-size: var(--lumo-font-size-xs);
|
|
32437
|
-
}
|
|
32438
|
-
|
|
32439
|
-
:host([theme~='small']) [part='error-message'] {
|
|
32440
|
-
font-size: var(--lumo-font-size-xxs);
|
|
32441
|
-
}
|
|
32442
|
-
|
|
32443
|
-
/* Slotted content */
|
|
32444
|
-
[part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
|
|
32445
|
-
color: var(--lumo-secondary-text-color);
|
|
32446
|
-
font-weight: 400;
|
|
32447
|
-
}
|
|
32448
|
-
|
|
32449
|
-
[part='clear-button']::before {
|
|
32450
|
-
content: var(--lumo-icons-cross);
|
|
32451
|
-
}
|
|
32452
|
-
`;
|
|
32453
|
-
|
|
32454
|
-
const inputFieldShared = [requiredField, fieldButton, helper, inputField];
|
|
32455
|
-
|
|
32456
|
-
registerStyles('', inputFieldShared, {
|
|
32457
|
-
moduleId: 'lumo-input-field-shared-styles',
|
|
32458
|
-
});
|
|
32459
|
-
|
|
32460
|
-
/**
|
|
32461
|
-
* @license
|
|
32462
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
32463
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
32464
|
-
*/
|
|
32465
|
-
|
|
32466
|
-
registerStyles('vaadin-text-field', inputFieldShared, {
|
|
30698
|
+
registerStyles('vaadin-text-field', inputFieldShared$1, {
|
|
32467
30699
|
moduleId: 'lumo-text-field-styles',
|
|
32468
30700
|
});
|
|
32469
30701
|
|
|
@@ -32686,7 +30918,7 @@ const TextFieldMixin = (superClass) =>
|
|
|
32686
30918
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
32687
30919
|
*/
|
|
32688
30920
|
|
|
32689
|
-
registerStyles('vaadin-text-field', inputFieldShared
|
|
30921
|
+
registerStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });
|
|
32690
30922
|
|
|
32691
30923
|
/**
|
|
32692
30924
|
* `<vaadin-text-field>` is a web component that allows the user to input and edit text.
|
|
@@ -32883,7 +31115,7 @@ const passwordField = i$1`
|
|
|
32883
31115
|
}
|
|
32884
31116
|
`;
|
|
32885
31117
|
|
|
32886
|
-
registerStyles('vaadin-password-field', [inputFieldShared$
|
|
31118
|
+
registerStyles('vaadin-password-field', [inputFieldShared$1, passwordField], { moduleId: 'lumo-password-field' });
|
|
32887
31119
|
|
|
32888
31120
|
/**
|
|
32889
31121
|
* @license
|
|
@@ -33539,318 +31771,6 @@ const RadioInput = class {
|
|
|
33539
31771
|
};
|
|
33540
31772
|
RadioInput.style = radioInputCss;
|
|
33541
31773
|
|
|
33542
|
-
/**
|
|
33543
|
-
* @license
|
|
33544
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
33545
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
33546
|
-
*/
|
|
33547
|
-
|
|
33548
|
-
/**
|
|
33549
|
-
* Dummy custom element used for collecting
|
|
33550
|
-
* development time usage statistics.
|
|
33551
|
-
*
|
|
33552
|
-
* @private
|
|
33553
|
-
*/
|
|
33554
|
-
class Lumo extends HTMLElement {
|
|
33555
|
-
static get is() {
|
|
33556
|
-
return 'vaadin-lumo-styles';
|
|
33557
|
-
}
|
|
33558
|
-
|
|
33559
|
-
static get version() {
|
|
33560
|
-
return '24.2.5';
|
|
33561
|
-
}
|
|
33562
|
-
}
|
|
33563
|
-
|
|
33564
|
-
defineCustomElement(Lumo);
|
|
33565
|
-
|
|
33566
|
-
const addLumoGlobalStyles = (id, ...styles) => {
|
|
33567
|
-
addGlobalThemeStyles(`lumo-${id}`, styles);
|
|
33568
|
-
};
|
|
33569
|
-
|
|
33570
|
-
/**
|
|
33571
|
-
* @license
|
|
33572
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
33573
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
33574
|
-
*/
|
|
33575
|
-
|
|
33576
|
-
const fontIcons = i$1`
|
|
33577
|
-
@font-face {
|
|
33578
|
-
font-family: 'lumo-icons';
|
|
33579
|
-
src: url(data:application/font-woff;charset=utf-8;base64,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)
|
|
33580
|
-
format('woff');
|
|
33581
|
-
font-weight: normal;
|
|
33582
|
-
font-style: normal;
|
|
33583
|
-
}
|
|
33584
|
-
|
|
33585
|
-
html {
|
|
33586
|
-
--lumo-icons-align-center: '\\ea01';
|
|
33587
|
-
--lumo-icons-align-left: '\\ea02';
|
|
33588
|
-
--lumo-icons-align-right: '\\ea03';
|
|
33589
|
-
--lumo-icons-angle-down: '\\ea04';
|
|
33590
|
-
--lumo-icons-angle-left: '\\ea05';
|
|
33591
|
-
--lumo-icons-angle-right: '\\ea06';
|
|
33592
|
-
--lumo-icons-angle-up: '\\ea07';
|
|
33593
|
-
--lumo-icons-arrow-down: '\\ea08';
|
|
33594
|
-
--lumo-icons-arrow-left: '\\ea09';
|
|
33595
|
-
--lumo-icons-arrow-right: '\\ea0a';
|
|
33596
|
-
--lumo-icons-arrow-up: '\\ea0b';
|
|
33597
|
-
--lumo-icons-bar-chart: '\\ea0c';
|
|
33598
|
-
--lumo-icons-bell: '\\ea0d';
|
|
33599
|
-
--lumo-icons-calendar: '\\ea0e';
|
|
33600
|
-
--lumo-icons-checkmark: '\\ea0f';
|
|
33601
|
-
--lumo-icons-chevron-down: '\\ea10';
|
|
33602
|
-
--lumo-icons-chevron-left: '\\ea11';
|
|
33603
|
-
--lumo-icons-chevron-right: '\\ea12';
|
|
33604
|
-
--lumo-icons-chevron-up: '\\ea13';
|
|
33605
|
-
--lumo-icons-clock: '\\ea14';
|
|
33606
|
-
--lumo-icons-cog: '\\ea15';
|
|
33607
|
-
--lumo-icons-cross: '\\ea16';
|
|
33608
|
-
--lumo-icons-download: '\\ea17';
|
|
33609
|
-
--lumo-icons-dropdown: '\\ea18';
|
|
33610
|
-
--lumo-icons-edit: '\\ea19';
|
|
33611
|
-
--lumo-icons-error: '\\ea1a';
|
|
33612
|
-
--lumo-icons-eye: '\\ea1b';
|
|
33613
|
-
--lumo-icons-eye-disabled: '\\ea1c';
|
|
33614
|
-
--lumo-icons-menu: '\\ea1d';
|
|
33615
|
-
--lumo-icons-minus: '\\ea1e';
|
|
33616
|
-
--lumo-icons-ordered-list: '\\ea1f';
|
|
33617
|
-
--lumo-icons-phone: '\\ea20';
|
|
33618
|
-
--lumo-icons-photo: '\\ea21';
|
|
33619
|
-
--lumo-icons-play: '\\ea22';
|
|
33620
|
-
--lumo-icons-plus: '\\ea23';
|
|
33621
|
-
--lumo-icons-redo: '\\ea24';
|
|
33622
|
-
--lumo-icons-reload: '\\ea25';
|
|
33623
|
-
--lumo-icons-search: '\\ea26';
|
|
33624
|
-
--lumo-icons-undo: '\\ea27';
|
|
33625
|
-
--lumo-icons-unordered-list: '\\ea28';
|
|
33626
|
-
--lumo-icons-upload: '\\ea29';
|
|
33627
|
-
--lumo-icons-user: '\\ea2a';
|
|
33628
|
-
}
|
|
33629
|
-
`;
|
|
33630
|
-
|
|
33631
|
-
addLumoGlobalStyles('font-icons', fontIcons);
|
|
33632
|
-
|
|
33633
|
-
/**
|
|
33634
|
-
* @license
|
|
33635
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
33636
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
33637
|
-
*/
|
|
33638
|
-
|
|
33639
|
-
const sizing = i$1`
|
|
33640
|
-
:host {
|
|
33641
|
-
--lumo-size-xs: 1.625rem;
|
|
33642
|
-
--lumo-size-s: 1.875rem;
|
|
33643
|
-
--lumo-size-m: 2.25rem;
|
|
33644
|
-
--lumo-size-l: 2.75rem;
|
|
33645
|
-
--lumo-size-xl: 3.5rem;
|
|
33646
|
-
|
|
33647
|
-
/* Icons */
|
|
33648
|
-
--lumo-icon-size-s: 1.25em;
|
|
33649
|
-
--lumo-icon-size-m: 1.5em;
|
|
33650
|
-
--lumo-icon-size-l: 2.25em;
|
|
33651
|
-
/* For backwards compatibility */
|
|
33652
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
33653
|
-
}
|
|
33654
|
-
`;
|
|
33655
|
-
|
|
33656
|
-
addLumoGlobalStyles('sizing-props', sizing);
|
|
33657
|
-
|
|
33658
|
-
/**
|
|
33659
|
-
* @license
|
|
33660
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
33661
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
33662
|
-
*/
|
|
33663
|
-
|
|
33664
|
-
const spacing = i$1`
|
|
33665
|
-
:host {
|
|
33666
|
-
/* Square */
|
|
33667
|
-
--lumo-space-xs: 0.25rem;
|
|
33668
|
-
--lumo-space-s: 0.5rem;
|
|
33669
|
-
--lumo-space-m: 1rem;
|
|
33670
|
-
--lumo-space-l: 1.5rem;
|
|
33671
|
-
--lumo-space-xl: 2.5rem;
|
|
33672
|
-
|
|
33673
|
-
/* Wide */
|
|
33674
|
-
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
33675
|
-
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
33676
|
-
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
33677
|
-
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
33678
|
-
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
33679
|
-
|
|
33680
|
-
/* Tall */
|
|
33681
|
-
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
33682
|
-
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
33683
|
-
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
33684
|
-
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
33685
|
-
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
33686
|
-
}
|
|
33687
|
-
`;
|
|
33688
|
-
|
|
33689
|
-
addLumoGlobalStyles('spacing-props', spacing);
|
|
33690
|
-
|
|
33691
|
-
/**
|
|
33692
|
-
* @license
|
|
33693
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
33694
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
33695
|
-
*/
|
|
33696
|
-
|
|
33697
|
-
const style = i$1`
|
|
33698
|
-
:host {
|
|
33699
|
-
/* Border radius */
|
|
33700
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
33701
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
33702
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
33703
|
-
|
|
33704
|
-
/* Shadow */
|
|
33705
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
33706
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
33707
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
33708
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
33709
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
33710
|
-
|
|
33711
|
-
/* Clickable element cursor */
|
|
33712
|
-
--lumo-clickable-cursor: default;
|
|
33713
|
-
}
|
|
33714
|
-
`;
|
|
33715
|
-
|
|
33716
|
-
/**
|
|
33717
|
-
* Default values for component-specific custom properties.
|
|
33718
|
-
*/
|
|
33719
|
-
i$1`
|
|
33720
|
-
html {
|
|
33721
|
-
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
33722
|
-
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
33723
|
-
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
33724
|
-
}
|
|
33725
|
-
`;
|
|
33726
|
-
|
|
33727
|
-
addLumoGlobalStyles('style-props', style);
|
|
33728
|
-
|
|
33729
|
-
/**
|
|
33730
|
-
* @license
|
|
33731
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
33732
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
33733
|
-
*/
|
|
33734
|
-
|
|
33735
|
-
const font = i$1`
|
|
33736
|
-
:host {
|
|
33737
|
-
/* prettier-ignore */
|
|
33738
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
33739
|
-
|
|
33740
|
-
/* Font sizes */
|
|
33741
|
-
--lumo-font-size-xxs: 0.75rem;
|
|
33742
|
-
--lumo-font-size-xs: 0.8125rem;
|
|
33743
|
-
--lumo-font-size-s: 0.875rem;
|
|
33744
|
-
--lumo-font-size-m: 1rem;
|
|
33745
|
-
--lumo-font-size-l: 1.125rem;
|
|
33746
|
-
--lumo-font-size-xl: 1.375rem;
|
|
33747
|
-
--lumo-font-size-xxl: 1.75rem;
|
|
33748
|
-
--lumo-font-size-xxxl: 2.5rem;
|
|
33749
|
-
|
|
33750
|
-
/* Line heights */
|
|
33751
|
-
--lumo-line-height-xs: 1.25;
|
|
33752
|
-
--lumo-line-height-s: 1.375;
|
|
33753
|
-
--lumo-line-height-m: 1.625;
|
|
33754
|
-
}
|
|
33755
|
-
`;
|
|
33756
|
-
|
|
33757
|
-
const typography = i$1`
|
|
33758
|
-
body,
|
|
33759
|
-
:host {
|
|
33760
|
-
font-family: var(--lumo-font-family);
|
|
33761
|
-
font-size: var(--lumo-font-size-m);
|
|
33762
|
-
line-height: var(--lumo-line-height-m);
|
|
33763
|
-
-webkit-text-size-adjust: 100%;
|
|
33764
|
-
-webkit-font-smoothing: antialiased;
|
|
33765
|
-
-moz-osx-font-smoothing: grayscale;
|
|
33766
|
-
}
|
|
33767
|
-
|
|
33768
|
-
small,
|
|
33769
|
-
[theme~='font-size-s'] {
|
|
33770
|
-
font-size: var(--lumo-font-size-s);
|
|
33771
|
-
line-height: var(--lumo-line-height-s);
|
|
33772
|
-
}
|
|
33773
|
-
|
|
33774
|
-
[theme~='font-size-xs'] {
|
|
33775
|
-
font-size: var(--lumo-font-size-xs);
|
|
33776
|
-
line-height: var(--lumo-line-height-xs);
|
|
33777
|
-
}
|
|
33778
|
-
|
|
33779
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
|
33780
|
-
font-weight: 600;
|
|
33781
|
-
line-height: var(--lumo-line-height-xs);
|
|
33782
|
-
margin-block: 0;
|
|
33783
|
-
}
|
|
33784
|
-
|
|
33785
|
-
:where(h1) {
|
|
33786
|
-
font-size: var(--lumo-font-size-xxxl);
|
|
33787
|
-
}
|
|
33788
|
-
|
|
33789
|
-
:where(h2) {
|
|
33790
|
-
font-size: var(--lumo-font-size-xxl);
|
|
33791
|
-
}
|
|
33792
|
-
|
|
33793
|
-
:where(h3) {
|
|
33794
|
-
font-size: var(--lumo-font-size-xl);
|
|
33795
|
-
}
|
|
33796
|
-
|
|
33797
|
-
:where(h4) {
|
|
33798
|
-
font-size: var(--lumo-font-size-l);
|
|
33799
|
-
}
|
|
33800
|
-
|
|
33801
|
-
:where(h5) {
|
|
33802
|
-
font-size: var(--lumo-font-size-m);
|
|
33803
|
-
}
|
|
33804
|
-
|
|
33805
|
-
:where(h6) {
|
|
33806
|
-
font-size: var(--lumo-font-size-xs);
|
|
33807
|
-
text-transform: uppercase;
|
|
33808
|
-
letter-spacing: 0.03em;
|
|
33809
|
-
}
|
|
33810
|
-
|
|
33811
|
-
p,
|
|
33812
|
-
blockquote {
|
|
33813
|
-
margin-top: 0.5em;
|
|
33814
|
-
margin-bottom: 0.75em;
|
|
33815
|
-
}
|
|
33816
|
-
|
|
33817
|
-
a {
|
|
33818
|
-
text-decoration: none;
|
|
33819
|
-
}
|
|
33820
|
-
|
|
33821
|
-
a:where(:any-link):hover {
|
|
33822
|
-
text-decoration: underline;
|
|
33823
|
-
}
|
|
33824
|
-
|
|
33825
|
-
hr {
|
|
33826
|
-
display: block;
|
|
33827
|
-
align-self: stretch;
|
|
33828
|
-
height: 1px;
|
|
33829
|
-
border: 0;
|
|
33830
|
-
padding: 0;
|
|
33831
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
33832
|
-
background-color: var(--lumo-contrast-10pct);
|
|
33833
|
-
}
|
|
33834
|
-
|
|
33835
|
-
blockquote {
|
|
33836
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
33837
|
-
}
|
|
33838
|
-
|
|
33839
|
-
b,
|
|
33840
|
-
strong {
|
|
33841
|
-
font-weight: 600;
|
|
33842
|
-
}
|
|
33843
|
-
|
|
33844
|
-
/* RTL specific styles */
|
|
33845
|
-
blockquote[dir='rtl'] {
|
|
33846
|
-
border-left: none;
|
|
33847
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
33848
|
-
}
|
|
33849
|
-
`;
|
|
33850
|
-
|
|
33851
|
-
registerStyles('', typography, { moduleId: 'lumo-typography' });
|
|
33852
|
-
addLumoGlobalStyles('typography-props', font);
|
|
33853
|
-
|
|
33854
31774
|
const item = i$1`
|
|
33855
31775
|
:host {
|
|
33856
31776
|
display: flex;
|
|
@@ -34072,7 +31992,7 @@ const comboBox = i$1`
|
|
|
34072
31992
|
}
|
|
34073
31993
|
`;
|
|
34074
31994
|
|
|
34075
|
-
registerStyles('vaadin-combo-box', [inputFieldShared$
|
|
31995
|
+
registerStyles('vaadin-combo-box', [inputFieldShared$1, comboBox], { moduleId: 'lumo-combo-box' });
|
|
34076
31996
|
|
|
34077
31997
|
/**
|
|
34078
31998
|
* @license
|
|
@@ -38093,7 +36013,7 @@ const ComboBoxMixin = (subclass) =>
|
|
|
38093
36013
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
38094
36014
|
*/
|
|
38095
36015
|
|
|
38096
|
-
registerStyles('vaadin-combo-box', inputFieldShared
|
|
36016
|
+
registerStyles('vaadin-combo-box', inputFieldShared, { moduleId: 'vaadin-combo-box-styles' });
|
|
38097
36017
|
|
|
38098
36018
|
/**
|
|
38099
36019
|
* `<vaadin-combo-box>` is a web component for choosing a value from a filterable list of options
|